feat(ld-file-upload): add file upload component

src/liquid/components/ld-button/readme.md

@@ -684,19 +684,25 @@ Type: `Promise<void>`
 ### Used by
 
  - [ld-cookie-consent](../ld-cookie-consent)
+ - [ld-file-upload](../ld-file-upload)
  - [ld-menuitem](../ld-context-menu/ld-menuitem)
  - [ld-pagination](../ld-pagination)
+ - ld-select-file-internal
  - ld-select-popper
  - [ld-table-header](../ld-table/ld-table-header)
+ - ld-upload-item-internal
 
 ### Graph
 ```mermaid
 graph TD;
   ld-cookie-consent --> ld-button
+  ld-file-upload --> ld-button
   ld-menuitem --> ld-button
   ld-pagination --> ld-button
+  ld-select-file-internal --> ld-button
   ld-select-popper --> ld-button
   ld-table-header --> ld-button
+  ld-upload-item-internal --> ld-button
   style ld-button fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

src/liquid/components/ld-file-upload/ld-file-upload.shadow.css

@@ -0,0 +1,36 @@
+:host {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: var(--ld-file-upload-gap, var(--ld-sp-16));
+  justify-items: center;
+  margin: 0;
+  width: var(--ld-file-upload-width, min(100%, 24rem));
+}
+
+.ld-file-upload__buttons,
+.ld-file-upload__select-file,
+.ld-file-upload__continue-paused-button,
+.ld-file-upload__pause-all-button,
+.ld-file-upload__progress,
+.ld-file-upload__start-upload-button {
+  width: 100%;
+}
+
+.ld-file-upload__buttons {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: var(--ld-sp-8);
+  justify-items: center;
+  margin: 0;
+  padding: 0;
+}
+
+.ld-file-upload__input {
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  position: absolute;
+  visibility: hidden;
+  width: 1px;
+}