@solid-design-system/components 7.0.0-next.7 → 7.0.0-next.9

package/cdn/solid-components.js

@@ -1 +1 @@
-import{a as pe}from"./chunks/chunk.C45254AN.js";import"./chunks/chunk.HAL7R4WT.js";import{a as ee}from"./chunks/chunk.PINAEP5F.js";import{a as oe}from"./chunks/chunk.IHNJ7SE7.js";import{a as ae}from"./chunks/chunk.HPSXEVMH.js";import{a as re}from"./chunks/chunk.Y22AL5IU.js";import{a as U}from"./chunks/chunk.4RJE4TI4.js";import{a as W}from"./chunks/chunk.4D6X7ON2.js";import{a as X}from"./chunks/chunk.IPT2IS3C.js";import{a as Y}from"./chunks/chunk.AFIMLGBS.js";import{a as Z}from"./chunks/chunk.Q7MQTMXO.js";import{a as _}from"./chunks/chunk.2G3IPD56.js";import{a as $}from"./chunks/chunk.OR425KE3.js";import{a as V}from"./chunks/chunk.4VWHE6IJ.js";import{a as j}from"./chunks/chunk.NIP2E7XF.js";import{a as Q}from"./chunks/chunk.VUEVAYFK.js";import{a as y}from"./chunks/chunk.KIKLU2QF.js";import{a as q}from"./chunks/chunk.D6JILLMB.js";import"./chunks/chunk.IVHEBGOY.js";import{a as z}from"./chunks/chunk.64ZBR7T2.js";import{a as J}from"./chunks/chunk.UQD7EJTJ.js";import{a as K}from"./chunks/chunk.TEZ5ERKR.js";import{a as v}from"./chunks/chunk.4V7ZA4G4.js";import{a as N}from"./chunks/chunk.DK2NRNHC.js";import{a as O}from"./chunks/chunk.43BVYRG3.js";import{a as E}from"./chunks/chunk.IUTTUDYG.js";import{a as F}from"./chunks/chunk.VGGACO4K.js";import{a as H}from"./chunks/chunk.ONEC2JGA.js";import{a as R}from"./chunks/chunk.TQIQNEOY.js";import{a as A}from"./chunks/chunk.4UZPAOHT.js";import{a as w}from"./chunks/chunk.EDB7WM3C.js";import{a as L}from"./chunks/chunk.SS7M4TZ3.js";import{a as P}from"./chunks/chunk.7HGJUXD2.js";import"./chunks/chunk.DSKB3SEU.js";import"./chunks/chunk.ICEC5PGK.js";import{a as M}from"./chunks/chunk.NB6QF25Q.js";import{a as h}from"./chunks/chunk.SXCJQBLJ.js";import"./chunks/chunk.WWGARXPI.js";import"./chunks/chunk.23WKPZET.js";import{a as C}from"./chunks/chunk.MCV2O2DW.js";import{a as I}from"./chunks/chunk.B5TIWX7C.js";import{a as D}from"./chunks/chunk.WUMIGCKG.js";import{a as G}from"./chunks/chunk.RHWN47DZ.js";import{a as T}from"./chunks/chunk.KFO7GTE5.js";import"./chunks/chunk.SAEYIL5V.js";import"./chunks/chunk.IF6Y3ILD.js";import{a as g}from"./chunks/chunk.626XPPWD.js";import{a as B}from"./chunks/chunk.O45L6PM3.js";import"./chunks/chunk.54DO3JVH.js";import{a as k}from"./chunks/chunk.5GCVGJ23.js";import"./chunks/chunk.ERP45OHF.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as l}from"./chunks/chunk.3TH3ZR3I.js";import{a as m}from"./chunks/chunk.GTAM35BO.js";import{a as S}from"./chunks/chunk.ZHYZWUO3.js";import{a as x}from"./chunks/chunk.7X2WZGVP.js";import"./chunks/chunk.OKNJ5BPS.js";import{a as s}from"./chunks/chunk.Z4LHGWSU.js";import{a as n}from"./chunks/chunk.SPIJDZMD.js";import{a as i}from"./chunks/chunk.ZDVA3JMZ.js";import"./chunks/chunk.X66Q6CFQ.js";import{a as b}from"./chunks/chunk.XYOC42VA.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as c}from"./chunks/chunk.INUOCLNI.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.C4BSOGLY.js";import{a as o}from"./chunks/chunk.3NQGT32X.js";import{a as r}from"./chunks/chunk.EW3C6EAI.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as u}from"./chunks/chunk.H6DSYZZ5.js";import{a as p}from"./chunks/chunk.KGIRFMVB.js";import"./chunks/chunk.I2H6CZK5.js";import{a as f}from"./chunks/chunk.SDWSZX52.js";import{a as d}from"./chunks/chunk.MMSVMSOT.js";import{a as t}from"./chunks/chunk.V65AWGU4.js";import"./chunks/chunk.LZRL7OLU.js";import"./chunks/chunk.LHSR56PH.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.B2NUKX6G.js";import"./chunks/chunk.NL7YFV4O.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as e}from"./chunks/chunk.Q235YK2W.js";import"./chunks/chunk.W5O4FM6B.js";import"./chunks/chunk.QQD62QOV.js";import{d as te,e as de}from"./chunks/chunk.NYJUQAML.js";import"./chunks/chunk.TRGIF57L.js";import"./chunks/chunk.MB7SWCJ2.js";import"./chunks/chunk.U7TS5SGA.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import{a as fe}from"./chunks/chunk.VAM5SM3O.js";import"./chunks/chunk.NADOKI3X.js";import"./chunks/chunk.PB7NJRWC.js";import"./chunks/chunk.4XDRYWQQ.js";import"./chunks/chunk.4ZZFYCXX.js";import"./chunks/chunk.NYKJXI3Q.js";import"./chunks/chunk.4SDWX3GC.js";import"./chunks/chunk.OBAEIKIV.js";import"./chunks/chunk.W4QBFD6E.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.6EV4YU6C.js";export{fe as LocalizeController,o as SdAccordion,a as SdAccordionGroup,r as SdAnimation,u as SdAudio,l as SdBadge,m as SdBrandshape,S as SdBreadcrumb,n as SdBreadcrumbItem,f as SdButton,b as SdCarousel,c as SdCarouselItem,T as SdCheckbox,g as SdCheckboxGroup,B as SdCombobox,h as SdDatepicker,C as SdDialog,I as SdDivider,p as SdDrawer,x as SdDropdown,D as SdExpandable,G as SdFlipcard,M as SdHeader,e as SdIcon,R as SdInclude,A as SdInput,i as SdLink,t as SdLoader,w as SdMapMarker,L as SdMenu,P as SdMenuItem,v as SdNavigationItem,N as SdNotification,O as SdOptgroup,E as SdOption,s as SdPopup,F as SdProgressBar,H as SdQuickfact,Q as SdRadio,V as SdRadioButton,j as SdRadioGroup,y as SdRange,z as SdRangeTick,J as SdScrollable,K as SdSelect,U as SdSkeleton,W as SdStep,X as SdStepGroup,Y as SdSwitch,Z as SdTab,_ as SdTabGroup,$ as SdTabPanel,k as SdTag,ee as SdTeaser,oe as SdTeaserMedia,ae as SdTextarea,d as SdThemeListener,q as SdTooltip,re as SdVideo,te as registerIconLibrary,pe as setupAutocomplete,de as unregisterIconLibrary};
+import{a as ue}from"./chunks/chunk.C45254AN.js";import"./chunks/chunk.HAL7R4WT.js";import{a as ee}from"./chunks/chunk.3RDG7HQT.js";import{a as oe}from"./chunks/chunk.6JKZ63QX.js";import{a as re}from"./chunks/chunk.DFCHDZDG.js";import{a as ae}from"./chunks/chunk.U3X6ZYRC.js";import{a as K}from"./chunks/chunk.QXTQ4QBZ.js";import{a as U}from"./chunks/chunk.OKAUTL3G.js";import{a as W}from"./chunks/chunk.7USKB2GO.js";import{a as X}from"./chunks/chunk.PUC7BGPD.js";import{a as Y}from"./chunks/chunk.YAT66EQJ.js";import{a as Z}from"./chunks/chunk.RSP57JUX.js";import{a as _}from"./chunks/chunk.OYCIMCNH.js";import{a as $}from"./chunks/chunk.UFWE6XC3.js";import{a as H}from"./chunks/chunk.3VTWQPQB.js";import{a as V}from"./chunks/chunk.N2PGOHWH.js";import{a as j}from"./chunks/chunk.ARA5JW32.js";import{a as Q}from"./chunks/chunk.KDTVJE37.js";import{a as y}from"./chunks/chunk.CWRWVUT3.js";import{a as q}from"./chunks/chunk.S63R2AXT.js";import"./chunks/chunk.IVHEBGOY.js";import{a as z}from"./chunks/chunk.H5ODW4DI.js";import{a as J}from"./chunks/chunk.GX5EMWG2.js";import{a as P}from"./chunks/chunk.U2TVO27N.js";import"./chunks/chunk.DSKB3SEU.js";import{a as v}from"./chunks/chunk.WIAQ2X73.js";import{a as F}from"./chunks/chunk.LYJX2BW7.js";import{a as N}from"./chunks/chunk.55B57RXL.js";import{a as O}from"./chunks/chunk.CQI2RS2L.js";import{a as E}from"./chunks/chunk.LPOPOGGB.js";import{a as R}from"./chunks/chunk.FPC4KJUF.js";import{a as A}from"./chunks/chunk.NOW64QHB.js";import"./chunks/chunk.ICEC5PGK.js";import{a as w}from"./chunks/chunk.B4BAFEZE.js";import{a as L}from"./chunks/chunk.RGSF2XLM.js";import{a as G}from"./chunks/chunk.LM5SJXYL.js";import{a as M}from"./chunks/chunk.HS3Q3NPY.js";import{a as h}from"./chunks/chunk.RFVQLD5K.js";import"./chunks/chunk.WWGARXPI.js";import"./chunks/chunk.23WKPZET.js";import{a as C}from"./chunks/chunk.VAQE66S7.js";import{a as I}from"./chunks/chunk.WZS3PEEQ.js";import{a as D}from"./chunks/chunk.MIROXJW4.js";import{a as te}from"./chunks/chunk.OR64TDYE.js";import{a as T}from"./chunks/chunk.FCBNIOWP.js";import"./chunks/chunk.SAEYIL5V.js";import"./chunks/chunk.IF6Y3ILD.js";import{a as g}from"./chunks/chunk.TS6S25HT.js";import{a as B}from"./chunks/chunk.CVB6PQL3.js";import"./chunks/chunk.54DO3JVH.js";import{a as k}from"./chunks/chunk.VSIBCI2V.js";import"./chunks/chunk.ERP45OHF.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as l}from"./chunks/chunk.XHWQ4DCO.js";import{a as m}from"./chunks/chunk.2XFIFYRX.js";import{a as S}from"./chunks/chunk.NISL6W7W.js";import{a as x}from"./chunks/chunk.NSAUFZ4I.js";import"./chunks/chunk.OKNJ5BPS.js";import{a as s}from"./chunks/chunk.V3TQLJF2.js";import{a as n}from"./chunks/chunk.RJIOLFBG.js";import{a as i}from"./chunks/chunk.KITZT7MU.js";import"./chunks/chunk.DEC3VKXA.js";import{a as b}from"./chunks/chunk.6A2XPA27.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as c}from"./chunks/chunk.SVZV3YHZ.js";import"./chunks/chunk.CBQWVOOS.js";import{a as r}from"./chunks/chunk.WHDOGCAD.js";import{a as o}from"./chunks/chunk.JTBZGOCE.js";import{a}from"./chunks/chunk.KZLMAANO.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as u}from"./chunks/chunk.J663MKB4.js";import{a as p}from"./chunks/chunk.WWHH2NDP.js";import"./chunks/chunk.I2H6CZK5.js";import{a as f}from"./chunks/chunk.OFLEA353.js";import{a as d}from"./chunks/chunk.7O3WO7T4.js";import{a as t}from"./chunks/chunk.J7SSJXR3.js";import"./chunks/chunk.LZRL7OLU.js";import"./chunks/chunk.LHSR56PH.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.B2NUKX6G.js";import"./chunks/chunk.NL7YFV4O.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as e}from"./chunks/chunk.UPV2DLDG.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.W5O4FM6B.js";import"./chunks/chunk.QQD62QOV.js";import{d as de,e as fe}from"./chunks/chunk.AUZKCMXB.js";import"./chunks/chunk.TRGIF57L.js";import"./chunks/chunk.ZCLAPTH6.js";import"./chunks/chunk.U7TS5SGA.js";import"./chunks/chunk.PYHYYOBE.js";import{a as pe}from"./chunks/chunk.MEDJPDBB.js";import"./chunks/chunk.4XZDW2BJ.js";import"./chunks/chunk.SOLVKQIM.js";import"./chunks/chunk.4XDRYWQQ.js";import"./chunks/chunk.4ZZFYCXX.js";import"./chunks/chunk.NYKJXI3Q.js";import"./chunks/chunk.5B33ZALC.js";import"./chunks/chunk.OBAEIKIV.js";import"./chunks/chunk.W4QBFD6E.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.6EV4YU6C.js";export{pe as LocalizeController,o as SdAccordion,r as SdAccordionGroup,a as SdAnimation,u as SdAudio,l as SdBadge,m as SdBrandshape,S as SdBreadcrumb,n as SdBreadcrumbItem,f as SdButton,b as SdCarousel,c as SdCarouselItem,T as SdCheckbox,g as SdCheckboxGroup,B as SdCombobox,h as SdDatepicker,C as SdDialog,I as SdDivider,p as SdDrawer,x as SdDropdown,D as SdExpandable,te as SdFileSelector,G as SdFlipcard,M as SdHeader,e as SdIcon,R as SdInclude,A as SdInput,i as SdLink,t as SdLoader,w as SdMapMarker,L as SdMenu,P as SdMenuItem,v as SdNavigationItem,F as SdNotification,N as SdOptgroup,O as SdOption,s as SdPopup,E as SdProgressBar,H as SdQuickfact,Q as SdRadio,V as SdRadioButton,j as SdRadioGroup,y as SdRange,z as SdRangeTick,J as SdScrollable,K as SdSelect,U as SdSkeleton,W as SdStep,X as SdStepGroup,Y as SdSwitch,Z as SdTab,_ as SdTabGroup,$ as SdTabPanel,k as SdTag,ee as SdTeaser,oe as SdTeaserMedia,re as SdTextarea,d as SdThemeListener,q as SdTooltip,ae as SdVideo,de as registerIconLibrary,ue as setupAutocomplete,fe as unregisterIconLibrary};

package/cdn/translations/de.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.NADOKI3X.js";import"../chunks/chunk.4XDRYWQQ.js";import"../chunks/chunk.6EV4YU6C.js";export{a as default};
+import{a}from"../chunks/chunk.SOLVKQIM.js";import"../chunks/chunk.4XDRYWQQ.js";import"../chunks/chunk.6EV4YU6C.js";export{a as default};

package/cdn/translations/en.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.PB7NJRWC.js";import"../chunks/chunk.4XDRYWQQ.js";import"../chunks/chunk.6EV4YU6C.js";export{a as default};
+import{a}from"../chunks/chunk.4XZDW2BJ.js";import"../chunks/chunk.4XDRYWQQ.js";import"../chunks/chunk.6EV4YU6C.js";export{a as default};

package/cdn/utilities/autocomplete-config.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.C45254AN.js";import"../chunks/chunk.Z4LHGWSU.js";import"../chunks/chunk.4ZZFYCXX.js";import"../chunks/chunk.4SDWX3GC.js";import"../chunks/chunk.OBAEIKIV.js";import"../chunks/chunk.W4QBFD6E.js";import"../chunks/chunk.6EV4YU6C.js";export{a as setupAutocomplete};
+import{a}from"../chunks/chunk.C45254AN.js";import"../chunks/chunk.V3TQLJF2.js";import"../chunks/chunk.4ZZFYCXX.js";import"../chunks/chunk.5B33ZALC.js";import"../chunks/chunk.OBAEIKIV.js";import"../chunks/chunk.W4QBFD6E.js";import"../chunks/chunk.6EV4YU6C.js";export{a as setupAutocomplete};

package/cdn/utilities/icon-library.js

@@ -1 +1 @@
-import"../chunks/chunk.HAL7R4WT.js";import{d as a,e as b}from"../chunks/chunk.NYJUQAML.js";import"../chunks/chunk.TRGIF57L.js";import"../chunks/chunk.MB7SWCJ2.js";import"../chunks/chunk.U7TS5SGA.js";import"../chunks/chunk.PYHYYOBE.js";import"../chunks/chunk.6EV4YU6C.js";export{a as registerIconLibrary,b as unregisterIconLibrary};
+import"../chunks/chunk.HAL7R4WT.js";import{d as a,e as b}from"../chunks/chunk.AUZKCMXB.js";import"../chunks/chunk.TRGIF57L.js";import"../chunks/chunk.ZCLAPTH6.js";import"../chunks/chunk.U7TS5SGA.js";import"../chunks/chunk.PYHYYOBE.js";import"../chunks/chunk.6EV4YU6C.js";export{a as registerIconLibrary,b as unregisterIconLibrary};

package/cdn/utilities/localize.d.ts

@@ -35,6 +35,12 @@ export interface Translation extends DefaultTranslation {
     dateRangePlaceholder: string;
     endDateSelected: string;
     expandNavigationItem: string;
+    fileButtonText: string;
+    fileButtonTextMultiple: string;
+    fileDragDrop: string;
+    fileDragDropMultiple: string;
+    folderButtonText: string;
+    folderDragDrop: string;
     goToSlide: (slide: number, count: number) => string;
     hidePassword: string;
     invalidDate: string;
@@ -47,6 +53,7 @@ export interface Translation extends DefaultTranslation {
     nextYear: string;
     noResults: string;
     notifications: string;
+    numFilesSelected: (num: number, isDirectory: boolean, isMultiple: boolean) => string;
     numOptionsSelected: (num: number) => string;
     open: string;
     openTranscript: string;

package/cdn/utilities/localize.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.VAM5SM3O.js";import"../chunks/chunk.NADOKI3X.js";import"../chunks/chunk.PB7NJRWC.js";import"../chunks/chunk.4XDRYWQQ.js";import"../chunks/chunk.6EV4YU6C.js";export{a as LocalizeController};
+import{a}from"../chunks/chunk.MEDJPDBB.js";import"../chunks/chunk.4XZDW2BJ.js";import"../chunks/chunk.SOLVKQIM.js";import"../chunks/chunk.4XDRYWQQ.js";import"../chunks/chunk.6EV4YU6C.js";export{a as LocalizeController};

package/cdn/vscode.html-custom-data.json

@@ -1237,6 +1237,123 @@
         }
       ]
     },
+    {
+      "name": "sd-file-selector",
+      "description": "Used to select a file by clicking or dragging a file into a drop-area.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the control loses focus.\n- **sd-change** - Emitted when an alteration to the control's value is committed by the user.\n- **sd-error** - Emitted when multiple files are selected via drag and drop, without the `multiple` property being set.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-input** - Emitted when the control receives input.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - **label** - The file selector's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the file selector. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Properties:**\n - **--sd-form-control-border-radius** - The border radius of the file selector. _(default: undefined)_\n- **--sd-form-control-color-border** - The border color of the file selector. _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **button-wrapper** - The wrapper around the button and text value.\n- **button** - The sd-button acting as a file input trigger.\n- **value** - The chosen files or placeholder text for the file input.\n- **droparea** - The element wrapping the drop zone.\n- **droparea-background** - The background of the drop zone.\n- **droparea-icon** - The container that wraps the icon for the drop zone.\n- **droparea-value** - The text for the drop zone.\n- **invalid-icon-message** - The container that wraps the invalid icon and message.\n- **invalid-icon** - The invalid icon.\n- **invalid-message** - The invalid message.",
+      "attributes": [
+        {
+          "name": "files",
+          "description": "The selected files as a `FileList` object. The `FileList` behaves like an array, so you can get the number of\nselected files via its `length` property.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name of the file selector, submitted as a name/value pair with form data.",
+          "values": []
+        },
+        {
+          "name": "title",
+          "description": "The `title` attribute specifies extra information about an element most often as a default browser tooltip text when the mouse moves over the element.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the file selector contains a string that represents the path of the selected file. If multiple\nfiles are selected, the value represents the first file in the list. The only valid value when setting a file\ninput is an empty string.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The file selector's size.",
+          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
+        },
+        {
+          "name": "label",
+          "description": "The file selector's label, this field is required to ensure accessibility. It is visually hidden by default, use the `showLabel` property to display it.",
+          "values": []
+        },
+        {
+          "name": "show-label",
+          "description": "Visually displays the file selector's label.",
+          "values": []
+        },
+        {
+          "name": "help-text",
+          "description": "The file selector's help text. If you need to display HTML, use the `help-text` slot instead.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the file selector.",
+          "values": []
+        },
+        {
+          "name": "visually-disabled",
+          "description": "Styles the input as if it was disabled and enables aria-disabled",
+          "values": []
+        },
+        {
+          "name": "drop-area",
+          "description": "Draw the file selector as a drop area.",
+          "values": []
+        },
+        {
+          "name": "accept",
+          "description": "Comma-separated list of supported file types (e.g. `.jpg,.png,image/*`).",
+          "values": []
+        },
+        {
+          "name": "style-on-valid",
+          "description": "Shows success styles if the validity of the input is valid.",
+          "values": []
+        },
+        {
+          "name": "capture",
+          "description": "Specifies which camera to use for capture of image or video data. Works only when not using a droparea.",
+          "values": [{ "name": "user" }, { "name": "environment" }]
+        },
+        {
+          "name": "multiple",
+          "description": "Indicates whether the user can select more than one file. Has no effect if `webkitdirectory` is set.",
+          "values": []
+        },
+        {
+          "name": "webkitdirectory",
+          "description": "Indicates that the file selector should let the user select directories instead of files. Non-standard, but\nsupported by all major browsers.",
+          "values": []
+        },
+        {
+          "name": "form",
+          "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Makes the input a required field.",
+          "values": []
+        },
+        {
+          "name": "hide-value",
+          "description": "Suppresses the value from being displayed in the file selector.",
+          "values": []
+        },
+        {
+          "name": "dir",
+          "description": "The element's directionality.",
+          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
+        },
+        {
+          "name": "lang",
+          "description": "The element's language.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-file-selector--docs"
+        }
+      ]
+    },
     {
       "name": "sd-flipcard",
       "description": "Used to display content on both sides of a card by presenting information on one side and revealing additional information when flipped.\n---\n\n\n### **Events:**\n - **sd-flip-front** - Emmited when the front face of the flipcard is clicked.\n- **sd-flip-back** - Emmited when the back face of the flipcard is clicked.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - **front** - The front face of the flipcard.\n- **back** - The back face of the flipcard.\n- **media-front** - An optional media slot which can be as a background. Dependent from gradient variant.\n- **media-back** - An optional media slot which can be as a background. Dependent from gradient variant.\n\n### **CSS Properties:**\n - **--name** - Description of the flipcard. _(default: undefined)_\n- **--height** - Use this property to set the height of the flipcard. _(default: undefined)_\n- **--sd-informational-gradient--primary-800-color-background** - The color used in the gradient of the flipcard when the `gradient-dark` variant is used. By default, it uses the `--sd-color-primary-800` color. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **front** - The container that wraps the front-side of the flipcard.\n- **back** - The container that wraps the back-side of the flipcard.\n- **front-button** - The button that flips the flipcard to the back.\n- **back-button** - The button that flips the flipcard to the front.\n- **front-interactive-container** - The container that wraps the front side and the flip button.\n- **back-interactive-container** - The container that wraps the back side and the flip button.\n- **front-slot-container** - The container that wraps the front slot.\n- **back-slot-container** - The container that wraps the back slot.\n- **media-front** - The container that wraps the media-front slot.\n- **media-back** - The container that wraps the media-back slot.\n- **front-secondary-gradient** - The container that wraps the secondary gradient of the front side.\n- **back-secondary-gradient** - The container that wraps the secondary gradient of the back side.",

package/cdn/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "7.0.0-next.7",
+  "version": "7.0.0-next.9",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2984,6 +2984,294 @@
             ]
           }
         },
+        {
+          "name": "sd-file-selector",
+          "description": "Used to select a file by clicking or dragging a file into a drop-area.\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the control loses focus.\n- **sd-change** - Emitted when an alteration to the control's value is committed by the user.\n- **sd-error** - Emitted when multiple files are selected via drag and drop, without the `multiple` property being set.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-input** - Emitted when the control receives input.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - **label** - The file selector's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the file selector. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Properties:**\n - **--sd-form-control-border-radius** - The border radius of the file selector. _(default: undefined)_\n- **--sd-form-control-color-border** - The border color of the file selector. _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **button-wrapper** - The wrapper around the button and text value.\n- **button** - The sd-button acting as a file input trigger.\n- **value** - The chosen files or placeholder text for the file input.\n- **droparea** - The element wrapping the drop zone.\n- **droparea-background** - The background of the drop zone.\n- **droparea-icon** - The container that wraps the icon for the drop zone.\n- **droparea-value** - The text for the drop zone.\n- **invalid-icon-message** - The container that wraps the invalid icon and message.\n- **invalid-icon** - The invalid icon.\n- **invalid-message** - The invalid message.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "files",
+              "description": "The selected files as a `FileList` object. The `FileList` behaves like an array, so you can get the number of\nselected files via its `length` property.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "name",
+              "description": "The name of the file selector, submitted as a name/value pair with form data.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "title",
+              "description": "The `title` attribute specifies extra information about an element most often as a default browser tooltip text when the mouse moves over the element.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "value",
+              "description": "The value of the file selector contains a string that represents the path of the selected file. If multiple\nfiles are selected, the value represents the first file in the list. The only valid value when setting a file\ninput is an empty string.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "size",
+              "description": "The file selector's size.",
+              "value": { "type": "'sm' | 'md' | 'lg'", "default": "'lg'" }
+            },
+            {
+              "name": "label",
+              "description": "The file selector's label, this field is required to ensure accessibility. It is visually hidden by default, use the `showLabel` property to display it.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "show-label",
+              "description": "Visually displays the file selector's label.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "help-text",
+              "description": "The file selector's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the file selector.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "visually-disabled",
+              "description": "Styles the input as if it was disabled and enables aria-disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "drop-area",
+              "description": "Draw the file selector as a drop area.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "accept",
+              "description": "Comma-separated list of supported file types (e.g. `.jpg,.png,image/*`).",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "style-on-valid",
+              "description": "Shows success styles if the validity of the input is valid.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "capture",
+              "description": "Specifies which camera to use for capture of image or video data. Works only when not using a droparea.",
+              "value": { "type": "'user' | 'environment'" }
+            },
+            {
+              "name": "multiple",
+              "description": "Indicates whether the user can select more than one file. Has no effect if `webkitdirectory` is set.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "webkitdirectory",
+              "description": "Indicates that the file selector should let the user select directories instead of files. Non-standard, but\nsupported by all major browsers.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "form",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "required",
+              "description": "Makes the input a required field.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "hide-value",
+              "description": "Suppresses the value from being displayed in the file selector.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "dir",
+              "description": "The element's directionality.",
+              "value": { "type": "'ltr' | 'rtl' | 'auto'" }
+            },
+            {
+              "name": "lang",
+              "description": "The element's language.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "label",
+              "description": "The file selector's label. Alternatively, you can use the `label` attribute."
+            },
+            {
+              "name": "help-text",
+              "description": "Text that describes how to use the file selector. Alternatively, you can use the `help-text` attribute."
+            }
+          ],
+          "events": [
+            {
+              "name": "sd-blur",
+              "description": "Emitted when the control loses focus."
+            },
+            {
+              "name": "sd-change",
+              "description": "Emitted when an alteration to the control's value is committed by the user."
+            },
+            {
+              "name": "sd-error",
+              "description": "Emitted when multiple files are selected via drag and drop, without the `multiple` property being set."
+            },
+            {
+              "name": "sd-focus",
+              "description": "Emitted when the control gains focus."
+            },
+            {
+              "name": "sd-input",
+              "description": "Emitted when the control receives input."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "localize" },
+              {
+                "name": "files",
+                "description": "The selected files as a `FileList` object. The `FileList` behaves like an array, so you can get the number of\nselected files via its `length` property."
+              },
+              {
+                "name": "name",
+                "description": "The name of the file selector, submitted as a name/value pair with form data.",
+                "type": "string"
+              },
+              {
+                "name": "title",
+                "description": "The `title` attribute specifies extra information about an element most often as a default browser tooltip text when the mouse moves over the element.",
+                "type": "string"
+              },
+              {
+                "name": "value",
+                "description": "The value of the file selector contains a string that represents the path of the selected file. If multiple\nfiles are selected, the value represents the first file in the list. The only valid value when setting a file\ninput is an empty string."
+              },
+              {
+                "name": "defaultValue",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "type": "string"
+              },
+              {
+                "name": "size",
+                "description": "The file selector's size.",
+                "type": "'sm' | 'md' | 'lg'"
+              },
+              {
+                "name": "label",
+                "description": "The file selector's label, this field is required to ensure accessibility. It is visually hidden by default, use the `showLabel` property to display it.",
+                "type": "string"
+              },
+              {
+                "name": "showLabel",
+                "description": "Visually displays the file selector's label.",
+                "type": "boolean"
+              },
+              {
+                "name": "helpText",
+                "description": "The file selector's help text. If you need to display HTML, use the `help-text` slot instead.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the file selector.",
+                "type": "boolean"
+              },
+              {
+                "name": "visuallyDisabled",
+                "description": "Styles the input as if it was disabled and enables aria-disabled",
+                "type": "boolean"
+              },
+              {
+                "name": "droparea",
+                "description": "Draw the file selector as a drop area.",
+                "type": "boolean"
+              },
+              {
+                "name": "accept",
+                "description": "Comma-separated list of supported file types (e.g. `.jpg,.png,image/*`).",
+                "type": "string"
+              },
+              {
+                "name": "styleOnValid",
+                "description": "Shows success styles if the validity of the input is valid.",
+                "type": "boolean"
+              },
+              {
+                "name": "capture",
+                "description": "Specifies which camera to use for capture of image or video data. Works only when not using a droparea.",
+                "type": "'user' | 'environment'"
+              },
+              {
+                "name": "multiple",
+                "description": "Indicates whether the user can select more than one file. Has no effect if `webkitdirectory` is set.",
+                "type": "boolean"
+              },
+              {
+                "name": "webkitdirectory",
+                "description": "Indicates that the file selector should let the user select directories instead of files. Non-standard, but\nsupported by all major browsers.",
+                "type": "boolean"
+              },
+              {
+                "name": "form",
+                "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+                "type": "string"
+              },
+              {
+                "name": "required",
+                "description": "Makes the input a required field.",
+                "type": "boolean"
+              },
+              {
+                "name": "hideValue",
+                "description": "Suppresses the value from being displayed in the file selector.",
+                "type": "boolean"
+              },
+              { "name": "button", "type": "SdButton" },
+              {
+                "name": "validity",
+                "description": "Gets the validity state object."
+              },
+              {
+                "name": "validationMessage",
+                "description": "Gets the validation message."
+              },
+              {
+                "name": "dir",
+                "description": "The element's directionality.",
+                "type": "'ltr' | 'rtl' | 'auto'"
+              },
+              {
+                "name": "lang",
+                "description": "The element's language.",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-blur",
+                "description": "Emitted when the control loses focus."
+              },
+              {
+                "name": "sd-change",
+                "description": "Emitted when an alteration to the control's value is committed by the user."
+              },
+              {
+                "name": "sd-error",
+                "description": "Emitted when multiple files are selected via drag and drop, without the `multiple` property being set."
+              },
+              {
+                "name": "sd-focus",
+                "description": "Emitted when the control gains focus."
+              },
+              {
+                "name": "sd-input",
+                "description": "Emitted when the control receives input."
+              }
+            ]
+          }
+        },
         {
           "name": "sd-flipcard",
           "description": "Used to display content on both sides of a card by presenting information on one side and revealing additional information when flipped.\n---\n\n\n### **Events:**\n - **sd-flip-front** - Emmited when the front face of the flipcard is clicked.\n- **sd-flip-back** - Emmited when the back face of the flipcard is clicked.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - **front** - The front face of the flipcard.\n- **back** - The back face of the flipcard.\n- **media-front** - An optional media slot which can be as a background. Dependent from gradient variant.\n- **media-back** - An optional media slot which can be as a background. Dependent from gradient variant.\n\n### **CSS Properties:**\n - **--name** - Description of the flipcard. _(default: undefined)_\n- **--height** - Use this property to set the height of the flipcard. _(default: undefined)_\n- **--sd-informational-gradient--primary-800-color-background** - The color used in the gradient of the flipcard when the `gradient-dark` variant is used. By default, it uses the `--sd-color-primary-800` color. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **front** - The container that wraps the front-side of the flipcard.\n- **back** - The container that wraps the back-side of the flipcard.\n- **front-button** - The button that flips the flipcard to the back.\n- **back-button** - The button that flips the flipcard to the front.\n- **front-interactive-container** - The container that wraps the front side and the flip button.\n- **back-interactive-container** - The container that wraps the back side and the flip button.\n- **front-slot-container** - The container that wraps the front slot.\n- **back-slot-container** - The container that wraps the back slot.\n- **media-front** - The container that wraps the media-front slot.\n- **media-back** - The container that wraps the media-back slot.\n- **front-secondary-gradient** - The container that wraps the secondary gradient of the front side.\n- **back-secondary-gradient** - The container that wraps the secondary gradient of the back side.",

package/cdn-versioned/chunks/{chunk.GTAM35BO.js → chunk.2XFIFYRX.js}

@@ -1,4 +1,4 @@
-import{a}from"./chunk.4ZZFYCXX.js";import{a as p,b as s,c as d,d as h,h as n}from"./chunk.4SDWX3GC.js";import{b as l,e as r}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.variant="primary";this.shapes=["top","middle","bottom"];this.componentBreakpoint=0}getSvg(t,o){return{0:this.smallSvg(o),414:this.mediumSvg(o),640:this.largeSvg(o)}[t]}largeSvg(t){return t==="top"?r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 121"><path d="M610.777 1.393.001 120.146 0 123h700.001V74.79c0-4.797-.462-9.585-1.381-14.294-7.909-40.537-47.237-66.998-87.843-59.103Z"/></svg>`:r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 123"><path d="M89.224 121.607 700 2.854 700.001 0h-700L0 48.21c0 4.797.463 9.584 1.381 14.294 7.909 40.537 47.237 66.998 87.843 59.103Z"/></svg>`}mediumSvg(t){return t==="top"?r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 119"><path d="M597.75 1.6 0 118.046V121h700V85.872c0-5.509-.53-11.006-1.583-16.413-9.063-46.543-54.133-76.924-100.667-67.86Z"/></svg>`:r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 121"><path d="M102.25 119.4 700 2.954V0H0v35.128c0 5.509.53 11.006 1.583 16.413 9.063 46.543 54.134 76.924 100.667 67.859Z"/></svg>`}smallSvg(t){return t==="top"?r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 113"><path d="M566.951 2.08 0 112.466v2.934h700v-3.672c0-7.166-.689-14.314-2.059-21.348-11.789-60.557-70.436-100.09-130.99-88.3Z"/></svg>`:r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 116"><path d="M133.049 113.32 700 2.934V0H0v3.672c0 7.165.69 14.314 2.059 21.348 11.79 60.557 70.436 100.09 130.99 88.3Z"/></svg>`}setBreakpoint(){switch(!0){case this.containerElem.clientWidth<=414:this.componentBreakpoint=0;break;case this.containerElem.clientWidth<640:this.componentBreakpoint=414;break;default:this.componentBreakpoint=640}}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.setBreakpoint()),this.updateComplete.then(()=>{this.setBreakpoint(),this.resizeObserver.observe(this.containerElem)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.containerElem)}renderTopBrandshape(){return r`<div class="relative" part="shape-top">${this.getSvg(this.componentBreakpoint,"top")} ${this.renderWhitespaceFix("top")}</div>`}renderMiddleBrandshape(){return r`<div class="${a({0:"px-6 py-4",414:"px-10 py-8",640:"px-10 py-8"}[this.componentBreakpoint],"w-full block relative")}"><div part="shape-middle" class="${a({"neutral-100":"sd-7-0-0-next-7-brandshape--neutral-100-color-background",primary:"sd-7-0-0-next-7-brandshape--primary-color-background",white:"sd-7-0-0-next-7-brandshape--white-color-background","border-white":"bg-transparent","border-primary":"bg-transparent","primary|80":"sd-7-0-0-next-7-brandshape--primary-80-color-background","white|80":"sd-7-0-0-next-7-brandshape--white-80-color-background",image:"bg-transparent"}[this.variant],"w-full block absolute h-full top-0 left-0 z-0")}"></div><div class="${a("z-10 relative",this.variant==="image"&&"invisible opacity-0")}" part="content"><slot>${this.variant==="image"?"":r`<div class="h-8"></div>`}</slot></div></div>`}renderBottomBrandshape(){return r`<div class="relative" part="shape-bottom">${this.getSvg(this.componentBreakpoint,"bottom")}${this.renderWhitespaceFix("bottom")}</div>`}renderWhitespaceFix(t){return r`<div class="${a({"neutral-100":"sd-7-0-0-next-7-brandshape--neutral-100-color-background",primary:"sd-7-0-0-next-7-brandshape--primary-color-background",white:"sd-7-0-0-next-7-brandshape--white-color-background","border-white":"bg-transparent","border-primary":"bg-transparent","primary|80":"sd-7-0-0-next-7-brandshape--primary-80-color-background","white|80":"sd-7-0-0-next-7-brandshape--white-80-color-background",image:"bg-transparent"}[this.variant],{top:"bottom-0",bottom:"top-0"}[t],"block absolute left-0 w-full",this.variant!=="primary|80"&&this.variant!=="white|80"?"h-[1px]":"")}"></div>`}renderStylizedVariant(){return r`<div part="stylized-container" class="w-full overflow-hidden"><slot class="${a(this.variant!=="image"&&"hidden")}" name="image"></slot></div>`}renderShapes(){return r`${this.shapes.includes("top")?this.renderTopBrandshape():""} ${this.shapes.includes("middle")?this.renderMiddleBrandshape():""} ${this.shapes.includes("bottom")?this.renderBottomBrandshape():""}`}render(){let t=this.variant.startsWith("border-")||this.variant==="image";return r`<div class="${a(t&&"fill-transparent","relative")}" part="base">${t?this.renderStylizedVariant():""} ${this.renderShapes()}</div>`}};e.styles=[...n.styles,l`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+import{a}from"./chunk.4ZZFYCXX.js";import{a as p,b as s,c as d,d as h,h as n}from"./chunk.5B33ZALC.js";import{b as l,e as r}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.variant="primary";this.shapes=["top","middle","bottom"];this.componentBreakpoint=0}getSvg(t,o){return{0:this.smallSvg(o),414:this.mediumSvg(o),640:this.largeSvg(o)}[t]}largeSvg(t){return t==="top"?r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 121"><path d="M610.777 1.393.001 120.146 0 123h700.001V74.79c0-4.797-.462-9.585-1.381-14.294-7.909-40.537-47.237-66.998-87.843-59.103Z"/></svg>`:r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 123"><path d="M89.224 121.607 700 2.854 700.001 0h-700L0 48.21c0 4.797.463 9.584 1.381 14.294 7.909 40.537 47.237 66.998 87.843 59.103Z"/></svg>`}mediumSvg(t){return t==="top"?r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 119"><path d="M597.75 1.6 0 118.046V121h700V85.872c0-5.509-.53-11.006-1.583-16.413-9.063-46.543-54.133-76.924-100.667-67.86Z"/></svg>`:r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 121"><path d="M102.25 119.4 700 2.954V0H0v35.128c0 5.509.53 11.006 1.583 16.413 9.063 46.543 54.134 76.924 100.667 67.859Z"/></svg>`}smallSvg(t){return t==="top"?r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 113"><path d="M566.951 2.08 0 112.466v2.934h700v-3.672c0-7.166-.689-14.314-2.059-21.348-11.789-60.557-70.436-100.09-130.99-88.3Z"/></svg>`:r`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 116"><path d="M133.049 113.32 700 2.934V0H0v3.672c0 7.165.69 14.314 2.059 21.348 11.79 60.557 70.436 100.09 130.99 88.3Z"/></svg>`}setBreakpoint(){switch(!0){case this.containerElem.clientWidth<=414:this.componentBreakpoint=0;break;case this.containerElem.clientWidth<640:this.componentBreakpoint=414;break;default:this.componentBreakpoint=640}}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.setBreakpoint()),this.updateComplete.then(()=>{this.setBreakpoint(),this.resizeObserver.observe(this.containerElem)})}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.containerElem)}renderTopBrandshape(){return r`<div class="relative" part="shape-top">${this.getSvg(this.componentBreakpoint,"top")} ${this.renderWhitespaceFix("top")}</div>`}renderMiddleBrandshape(){return r`<div class="${a({0:"px-6 py-4",414:"px-10 py-8",640:"px-10 py-8"}[this.componentBreakpoint],"w-full block relative")}"><div part="shape-middle" class="${a({"neutral-100":"sd-7-0-0-next-9-brandshape--neutral-100-color-background",primary:"sd-7-0-0-next-9-brandshape--primary-color-background",white:"sd-7-0-0-next-9-brandshape--white-color-background","border-white":"bg-transparent","border-primary":"bg-transparent","primary|80":"sd-7-0-0-next-9-brandshape--primary-80-color-background","white|80":"sd-7-0-0-next-9-brandshape--white-80-color-background",image:"bg-transparent"}[this.variant],"w-full block absolute h-full top-0 left-0 z-0")}"></div><div class="${a("z-10 relative",this.variant==="image"&&"invisible opacity-0")}" part="content"><slot>${this.variant==="image"?"":r`<div class="h-8"></div>`}</slot></div></div>`}renderBottomBrandshape(){return r`<div class="relative" part="shape-bottom">${this.getSvg(this.componentBreakpoint,"bottom")}${this.renderWhitespaceFix("bottom")}</div>`}renderWhitespaceFix(t){return r`<div class="${a({"neutral-100":"sd-7-0-0-next-9-brandshape--neutral-100-color-background",primary:"sd-7-0-0-next-9-brandshape--primary-color-background",white:"sd-7-0-0-next-9-brandshape--white-color-background","border-white":"bg-transparent","border-primary":"bg-transparent","primary|80":"sd-7-0-0-next-9-brandshape--primary-80-color-background","white|80":"sd-7-0-0-next-9-brandshape--white-80-color-background",image:"bg-transparent"}[this.variant],{top:"bottom-0",bottom:"top-0"}[t],"block absolute left-0 w-full",this.variant!=="primary|80"&&this.variant!=="white|80"?"h-[1px]":"")}"></div>`}renderStylizedVariant(){return r`<div part="stylized-container" class="w-full overflow-hidden"><slot class="${a(this.variant!=="image"&&"hidden")}" name="image"></slot></div>`}renderShapes(){return r`${this.shapes.includes("top")?this.renderTopBrandshape():""} ${this.shapes.includes("middle")?this.renderMiddleBrandshape():""} ${this.shapes.includes("bottom")?this.renderBottomBrandshape():""}`}render(){let t=this.variant.startsWith("border-")||this.variant==="image";return r`<div class="${a(t&&"fill-transparent","relative")}" part="base">${t?this.renderStylizedVariant():""} ${this.renderShapes()}</div>`}};e.styles=[...n.styles,l`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{display:block;container-type:inline-size;--angle:11deg;--radius:60px;--tan:tan(var(--angle));--adjacent:100cqw;--opposite:calc(var(--tan) * var(--adjacent));--curve:calc(
           (var(--opposite) - (var(--radius) / 3)) * 0.5
-        )}@supports not (transform:skewY(11deg)){:host{--tan:0.1943803091}}@media (min-width:415px){:host{--radius:72px}}@media (min-width:640px){:host{--radius:84px}}:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{position:absolute;top:0;left:0;transform:skewY(calc(var(--angle) * -1));height:calc(100% - var(--curve) * 2);border-radius:0 var(--radius);margin-top:calc(var(--curve))}slot[name=image]::slotted(img),slot[name=image]::slotted(video){width:100%;-o-object-fit:cover;object-fit:cover;transform:translateY(calc(var(--curve) * -1)) skewY(var(--angle));height:calc(100% + var(--curve) * 2)!important;position:absolute!important}@supports not (height:100cqw){:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{transform:unset;height:100%;margin-top:0}slot[name=image]::slotted(img),slot[name=image]::slotted(video){transform:unset;height:100%!important}}:host([variant=border-primary]){--internal-border-color:rgba(var(--sd-brandshape--primary-color-border, rgba(var(--sd-color-primary))))}:host([variant=border-white]){--internal-border-color:rgba(var(--sd-brandshape-color-border-white, rgba(var(--sd-color-white))))}:host([variant^=border-]) [part=stylized-container]::before{right:0;border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);--tw-border-style:solid;border-style:solid;content:'';border-color:var(--internal-border-color,#000)}:host([variant=neutral-100]) [part=base]{fill:rgba(var(--sd-brandshape--neutral-100-color-background,rgba(var(--sd-color-neutral-100))))}:host([variant=white]) [part=base]{fill:rgba(var(--sd-brandshape--white-color-background,rgba(var(--sd-color-white))))}:host([variant=primary]) [part=base]{fill:rgba(var(--sd-brandshape--primary-color-background,rgba(var(--sd-color-primary))))}:host([variant='primary|80']) [part=base]{fill:rgba(var(--sd-brandshape--primary-80-color-background,rgba(var(--sd-color-primary))))}:host([variant='white|80']) [part=base]{fill:rgba(var(--sd-brandshape--white-80-color-background,rgba(var(--sd-color-white))))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`],i([h("[part=base]")],e.prototype,"containerElem",2),i([s({type:String,reflect:!0})],e.prototype,"variant",2),i([s({type:Array})],e.prototype,"shapes",2),i([d()],e.prototype,"componentBreakpoint",2),e=i([p("sd-7-0-0-next-7-brandshape")],e);export{e as a};
+        )}@supports not (transform:skewY(11deg)){:host{--tan:0.1943803091}}@media (min-width:415px){:host{--radius:72px}}@media (min-width:640px){:host{--radius:84px}}:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{position:absolute;top:0;left:0;transform:skewY(calc(var(--angle) * -1));height:calc(100% - var(--curve) * 2);border-radius:0 var(--radius);margin-top:calc(var(--curve))}slot[name=image]::slotted(img),slot[name=image]::slotted(video){width:100%;-o-object-fit:cover;object-fit:cover;transform:translateY(calc(var(--curve) * -1)) skewY(var(--angle));height:calc(100% + var(--curve) * 2)!important;position:absolute!important}@supports not (height:100cqw){:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{transform:unset;height:100%;margin-top:0}slot[name=image]::slotted(img),slot[name=image]::slotted(video){transform:unset;height:100%!important}}:host([variant=border-primary]){--internal-border-color:rgba(var(--sd-brandshape--primary-color-border, rgba(var(--sd-color-primary))))}:host([variant=border-white]){--internal-border-color:rgba(var(--sd-brandshape-color-border-white, rgba(var(--sd-color-white))))}:host([variant^=border-]) [part=stylized-container]::before{right:0;border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);--tw-border-style:solid;border-style:solid;content:'';border-color:var(--internal-border-color,#000)}:host([variant=neutral-100]) [part=base]{fill:rgba(var(--sd-brandshape--neutral-100-color-background,rgba(var(--sd-color-neutral-100))))}:host([variant=white]) [part=base]{fill:rgba(var(--sd-brandshape--white-color-background,rgba(var(--sd-color-white))))}:host([variant=primary]) [part=base]{fill:rgba(var(--sd-brandshape--primary-color-background,rgba(var(--sd-color-primary))))}:host([variant='primary|80']) [part=base]{fill:rgba(var(--sd-brandshape--primary-80-color-background,rgba(var(--sd-color-primary))))}:host([variant='white|80']) [part=base]{fill:rgba(var(--sd-brandshape--white-80-color-background,rgba(var(--sd-color-white))))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`],i([h("[part=base]")],e.prototype,"containerElem",2),i([s({type:String,reflect:!0})],e.prototype,"variant",2),i([s({type:Array})],e.prototype,"shapes",2),i([d()],e.prototype,"componentBreakpoint",2),e=i([p("sd-7-0-0-next-9-brandshape")],e);export{e as a};

package/cdn-versioned/chunks/{chunk.PINAEP5F.js → chunk.3RDG7HQT.js}

@@ -1,2 +1,2 @@
-import{a as m}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.4ZZFYCXX.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.4SDWX3GC.js";import{b as l,e as n}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new m(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex sd-7-0-0-next-7-teaser-border-radius",{white:"bg-white","white border-neutral-400":"bg-white border sd-7-0-0-next-7-teaser--neutral-400-color-border","neutral-100":"sd-7-0-0-next-7-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-7-0-0-next-7-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{display:block}::slotted(*){margin:0}::slotted([slot=headline]){margin:0;font-size:var(--sd-text-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:var(--leading-normal, 1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-7-0-0-next-7-teaser")],t);export{t as a};
+import{a as m}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.4ZZFYCXX.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.5B33ZALC.js";import{b as l,e as n}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new m(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex sd-7-0-0-next-9-teaser-border-radius",{white:"bg-white","white border-neutral-400":"bg-white border sd-7-0-0-next-9-teaser--neutral-400-color-border","neutral-100":"sd-7-0-0-next-9-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-7-0-0-next-9-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{display:block}::slotted(*){margin:0}::slotted([slot=headline]){margin:0;font-size:var(--sd-text-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-leading:var(--leading-normal, 1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-7-0-0-next-9-teaser")],t);export{t as a};