@solid-design-system/components 7.0.0 → 7.0.1

package/cdn/solid-components.js

@@ -1 +1 @@
-import{a as ue}from"./chunks/chunk.MR54F6CV.js";import"./chunks/chunk.HAL7R4WT.js";import{a as ee}from"./chunks/chunk.Q64TZBRZ.js";import{a as oe}from"./chunks/chunk.FAGCRWAX.js";import{a as re}from"./chunks/chunk.GMK4GUJU.js";import{a as ae}from"./chunks/chunk.AI7EFEUE.js";import{a as K}from"./chunks/chunk.3AGXZWRW.js";import{a as U}from"./chunks/chunk.I7JUSAUC.js";import{a as W}from"./chunks/chunk.ADMPVU62.js";import{a as X}from"./chunks/chunk.Z6PXRBBW.js";import{a as Y}from"./chunks/chunk.O2KXD6V3.js";import{a as Z}from"./chunks/chunk.LQ2TVIG5.js";import{a as _}from"./chunks/chunk.ZHVSNIJ2.js";import{a as $}from"./chunks/chunk.B4R4H2RH.js";import{a as H}from"./chunks/chunk.AOGCHS73.js";import{a as V}from"./chunks/chunk.RFPANR7F.js";import{a as j}from"./chunks/chunk.2LXNC6H3.js";import{a as Q}from"./chunks/chunk.5KXVHZV5.js";import{a as y}from"./chunks/chunk.RWLAIGRI.js";import{a as q}from"./chunks/chunk.NWNTRKHL.js";import"./chunks/chunk.IVHEBGOY.js";import{a as z}from"./chunks/chunk.GBGRCCRP.js";import{a as J}from"./chunks/chunk.QFWT54X4.js";import{a as P}from"./chunks/chunk.T35R3Z5M.js";import"./chunks/chunk.DSKB3SEU.js";import{a as v}from"./chunks/chunk.3ZO6YY7I.js";import{a as F}from"./chunks/chunk.WZLYCJJA.js";import{a as N}from"./chunks/chunk.AZUI44B5.js";import{a as O}from"./chunks/chunk.GIARN4UP.js";import{a as E}from"./chunks/chunk.QDREJDJ2.js";import{a as R}from"./chunks/chunk.MU62OKKN.js";import{a as A}from"./chunks/chunk.PN4FJAN5.js";import"./chunks/chunk.ICEC5PGK.js";import{a as w}from"./chunks/chunk.MADHUCSI.js";import{a as L}from"./chunks/chunk.REMEEDIQ.js";import{a as G}from"./chunks/chunk.OL5UARRQ.js";import{a as M}from"./chunks/chunk.ZNLOJFYY.js";import{a as h}from"./chunks/chunk.H3V3YZCR.js";import"./chunks/chunk.WWGARXPI.js";import"./chunks/chunk.23WKPZET.js";import{a as C}from"./chunks/chunk.A2EU2YJG.js";import{a as I}from"./chunks/chunk.GUY5KRI5.js";import{a as D}from"./chunks/chunk.GA5I2MP7.js";import{a as te}from"./chunks/chunk.RLALDY5L.js";import{a as T}from"./chunks/chunk.MGUGARHV.js";import"./chunks/chunk.SAEYIL5V.js";import"./chunks/chunk.IF6Y3ILD.js";import{a as g}from"./chunks/chunk.2AR7OD3J.js";import{a as B}from"./chunks/chunk.VWI56VMW.js";import"./chunks/chunk.54DO3JVH.js";import{a as k}from"./chunks/chunk.F5IUPQVT.js";import"./chunks/chunk.ERP45OHF.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as l}from"./chunks/chunk.KSZUHYF7.js";import{a as m}from"./chunks/chunk.YOEY6E2E.js";import{a as S}from"./chunks/chunk.O7SKSXCU.js";import{a as x}from"./chunks/chunk.B3PR5MVH.js";import"./chunks/chunk.OKNJ5BPS.js";import{a as s}from"./chunks/chunk.3W72NBFO.js";import{a as n}from"./chunks/chunk.I6YCX5RP.js";import{a as i}from"./chunks/chunk.VWYQ4GYH.js";import"./chunks/chunk.FFI6YSXU.js";import{a as b}from"./chunks/chunk.2ITHO4DN.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as c}from"./chunks/chunk.MDIQLQU6.js";import"./chunks/chunk.CBQWVOOS.js";import{a as r}from"./chunks/chunk.3ESWKAZS.js";import{a as o}from"./chunks/chunk.F4VKYXZU.js";import{a}from"./chunks/chunk.CPQBVK5K.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as u}from"./chunks/chunk.UTB3OKJT.js";import{a as p}from"./chunks/chunk.ZDXDR6L6.js";import"./chunks/chunk.I2H6CZK5.js";import{a as f}from"./chunks/chunk.GG7UP3MH.js";import{a as d}from"./chunks/chunk.7RGHHNKJ.js";import{a as t}from"./chunks/chunk.GH4YN7AR.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.6O5DTJMU.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.552X4W43.js";import"./chunks/chunk.TRGIF57L.js";import"./chunks/chunk.LWLOMMIE.js";import"./chunks/chunk.J4FJ2SAP.js";import"./chunks/chunk.NJIXLFKZ.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.Z44RDBCE.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};
+import{a as ue}from"./chunks/chunk.MR54F6CV.js";import"./chunks/chunk.HAL7R4WT.js";import{a as ee}from"./chunks/chunk.HY624TPC.js";import{a as oe}from"./chunks/chunk.PFPUD5HR.js";import{a as re}from"./chunks/chunk.3IZUMERL.js";import{a as ae}from"./chunks/chunk.JMX6KLDZ.js";import{a as K}from"./chunks/chunk.NGU7NO3O.js";import{a as U}from"./chunks/chunk.WUXX2P2S.js";import{a as W}from"./chunks/chunk.TX5WPWH2.js";import{a as X}from"./chunks/chunk.AJGTKHU5.js";import{a as Y}from"./chunks/chunk.3RIAU3TH.js";import{a as Z}from"./chunks/chunk.SPL6VR5S.js";import{a as _}from"./chunks/chunk.XGVG7F7T.js";import{a as $}from"./chunks/chunk.PKCNX4R2.js";import{a as H}from"./chunks/chunk.VSX5LY2D.js";import{a as V}from"./chunks/chunk.XHYIXZF4.js";import{a as j}from"./chunks/chunk.IFLRUJCI.js";import{a as Q}from"./chunks/chunk.V6IM4GAA.js";import{a as y}from"./chunks/chunk.QK3WCIP5.js";import{a as q}from"./chunks/chunk.DS2MKMMN.js";import"./chunks/chunk.IVHEBGOY.js";import{a as z}from"./chunks/chunk.Z2M7BQV5.js";import{a as J}from"./chunks/chunk.PQW77KHE.js";import{a as P}from"./chunks/chunk.Q63S2Z2M.js";import"./chunks/chunk.DSKB3SEU.js";import{a as v}from"./chunks/chunk.4QTJXGRR.js";import{a as F}from"./chunks/chunk.PCXVXYU2.js";import{a as N}from"./chunks/chunk.CQNFI34K.js";import{a as O}from"./chunks/chunk.C37LGAL3.js";import{a as E}from"./chunks/chunk.RHC6WZ6V.js";import{a as R}from"./chunks/chunk.35XPUMS2.js";import{a as A}from"./chunks/chunk.XZ5JTM6K.js";import"./chunks/chunk.ICEC5PGK.js";import{a as w}from"./chunks/chunk.T7I5MFNS.js";import{a as L}from"./chunks/chunk.PURR56D5.js";import{a as G}from"./chunks/chunk.IQBZ7GRB.js";import{a as M}from"./chunks/chunk.DCAJAXUP.js";import{a as h}from"./chunks/chunk.HWX5X5EX.js";import"./chunks/chunk.WWGARXPI.js";import"./chunks/chunk.23WKPZET.js";import{a as C}from"./chunks/chunk.Y4ZS3BWH.js";import{a as I}from"./chunks/chunk.SSE7T5OF.js";import{a as D}from"./chunks/chunk.UI3ZVKSU.js";import{a as te}from"./chunks/chunk.VPBXFCBA.js";import{a as T}from"./chunks/chunk.4GA43M6X.js";import"./chunks/chunk.SAEYIL5V.js";import"./chunks/chunk.IF6Y3ILD.js";import{a as g}from"./chunks/chunk.NJKSWXOS.js";import{a as B}from"./chunks/chunk.Q3DFVGEW.js";import"./chunks/chunk.54DO3JVH.js";import{a as k}from"./chunks/chunk.WL6NNNG5.js";import"./chunks/chunk.ERP45OHF.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as l}from"./chunks/chunk.2C3UQTSS.js";import{a as m}from"./chunks/chunk.NOP4DTP2.js";import{a as S}from"./chunks/chunk.2O3FM7UB.js";import{a as x}from"./chunks/chunk.YUDSN6HJ.js";import"./chunks/chunk.OKNJ5BPS.js";import{a as s}from"./chunks/chunk.MYPRMCUO.js";import{a as n}from"./chunks/chunk.ADVB3FPU.js";import{a as i}from"./chunks/chunk.SZNU4NHI.js";import"./chunks/chunk.CGMKBGJU.js";import{a as b}from"./chunks/chunk.5SQTIWWY.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.EOXYPQZI.js";import"./chunks/chunk.MHWW3RZB.js";import{a as c}from"./chunks/chunk.N4L76IWF.js";import"./chunks/chunk.CBQWVOOS.js";import{a as r}from"./chunks/chunk.P7GMFHO5.js";import{a as o}from"./chunks/chunk.KE2YEQDL.js";import{a}from"./chunks/chunk.WQZWYMH3.js";import"./chunks/chunk.D4E5ZIRW.js";import{a as u}from"./chunks/chunk.TIMZJKMF.js";import{a as p}from"./chunks/chunk.OOIX4OAP.js";import"./chunks/chunk.I2H6CZK5.js";import{a as f}from"./chunks/chunk.I7OVY27Y.js";import{a as d}from"./chunks/chunk.HNBY226D.js";import{a as t}from"./chunks/chunk.RRJCCIDH.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.GA3PWYR4.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.552X4W43.js";import"./chunks/chunk.TRGIF57L.js";import"./chunks/chunk.LWLOMMIE.js";import"./chunks/chunk.J4FJ2SAP.js";import"./chunks/chunk.NJIXLFKZ.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.J45556RK.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/utilities/autocomplete-config.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.MR54F6CV.js";import"../chunks/chunk.3W72NBFO.js";import"../chunks/chunk.4ZZFYCXX.js";import"../chunks/chunk.Z44RDBCE.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.MR54F6CV.js";import"../chunks/chunk.MYPRMCUO.js";import"../chunks/chunk.4ZZFYCXX.js";import"../chunks/chunk.J45556RK.js";import"../chunks/chunk.OBAEIKIV.js";import"../chunks/chunk.W4QBFD6E.js";import"../chunks/chunk.6EV4YU6C.js";export{a as setupAutocomplete};

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

@@ -2199,6 +2199,58 @@
         }
       ]
     },
+    {
+      "name": "sd-progress-bar",
+      "description": "Used to visually represent the progression of an activity.\n---\n\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 - **label** - The input's label. Alternatively, you can use the `label` attribute.\n\n### **CSS Properties:**\n - **--height** - Use this property to set the height of the progress-bar. _(default: undefined)_\n- **--sd-progress-bar__slide-bar--inverted-color-background** - The background color of the progress bar when the `inverted` attribute is set. _(default: undefined)_\n- **--sd-progress-bar__slide-bar-color-background** - The background color of the progress bar. _(default: undefined)_\n- **--sd-progress-bar--active--inverted-color-background** - The color of the progress indicator when the `inverted` attribute is set. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **value-right** - Value's on the right side of the indicator.\n- **value-bottom** - Value's on the bottom of the indicator.\n- **label** - The label element.\n- **bar** - The progress bar's container.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The current progress value.",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "The maximum progress value.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
+          "values": []
+        },
+        {
+          "name": "value-position",
+          "description": "Displays the progress value on the right side of the indicator.",
+          "values": [{ "name": "right" }, { "name": "bottom" }]
+        },
+        {
+          "name": "inverted",
+          "description": "Inverts the progress bar's colors.",
+          "values": []
+        },
+        {
+          "name": "show-label",
+          "description": "Shows the label visually.",
+          "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-progress-bar--docs"
+        }
+      ]
+    },
     {
       "name": "sd-popup",
       "description": "Popup is a utility that lets you declaratively anchor \"popup\" containers to another element.\n---\n\n\n### **Events:**\n - **sd-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.\n- **sd-current-placement** - Emitted when the popup's placement changes automatically based on screen limitations.\n\n### **Methods:**\n - **reposition()** - Forces the popup to recalculate and reposition itself.\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 - _default_ - The popup's content.\n- **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.\n\n### **CSS Properties:**\n - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_\n- **--arrow-color** - The color of the arrow. _(default: var(--sd-color-neutral-0))_\n- **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n- **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n\n### **CSS Parts:**\n - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.\n- **popup** - The popup's container. Useful for setting a background color, box shadow, etc.",
@@ -2353,58 +2405,6 @@
         }
       ]
     },
-    {
-      "name": "sd-progress-bar",
-      "description": "Used to visually represent the progression of an activity.\n---\n\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 - **label** - The input's label. Alternatively, you can use the `label` attribute.\n\n### **CSS Properties:**\n - **--height** - Use this property to set the height of the progress-bar. _(default: undefined)_\n- **--sd-progress-bar__slide-bar--inverted-color-background** - The background color of the progress bar when the `inverted` attribute is set. _(default: undefined)_\n- **--sd-progress-bar__slide-bar-color-background** - The background color of the progress bar. _(default: undefined)_\n- **--sd-progress-bar--active--inverted-color-background** - The color of the progress indicator when the `inverted` attribute is set. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **value-right** - Value's on the right side of the indicator.\n- **value-bottom** - Value's on the bottom of the indicator.\n- **label** - The label element.\n- **bar** - The progress bar's container.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "The current progress value.",
-          "values": []
-        },
-        {
-          "name": "max",
-          "description": "The maximum progress value.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
-          "values": []
-        },
-        {
-          "name": "value-position",
-          "description": "Displays the progress value on the right side of the indicator.",
-          "values": [{ "name": "right" }, { "name": "bottom" }]
-        },
-        {
-          "name": "inverted",
-          "description": "Inverts the progress bar's colors.",
-          "values": []
-        },
-        {
-          "name": "show-label",
-          "description": "Shows the label visually.",
-          "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-progress-bar--docs"
-        }
-      ]
-    },
     {
       "name": "sd-quickfact",
       "description": "Used to present brief information and expand to show additional content.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the accordion opens.\n- **sd-after-show** - Emitted after the accordion opens and all animations are complete.\n- **sd-hide** - Emitted when the accordion closes.\n- **sd-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\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 - **icon** - Optional icon to show in the header. Works best with `<sd-icon>`.\n- _default_ - The accordion main content.\n- **summary** - The accordion summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<sd-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<sd-icon>`.\n\n### **CSS Properties:**\n - **--sd-quickfact--expandable-color-text** - The text color for expandable quickfact. _(default: undefined)_\n- **--sd-accordion-border-width** - The accordion border width. _(default: undefined)_\n- **--sd-accordion-color-text** - The accordion color text. _(default: undefined)_\n- **--sd-accordion-padding-block** - The accordion vertical padding value. _(default: undefined)_\n- **--sd-accordion__indicator-color** - The accordion indicator color. _(default: undefined)_\n- **--sd-accordion-color-icon-fill** - The accordion icon color. _(default: undefined)_\n- **--sd-accordion--hover-color-background** - The accordion hover background color. _(default: undefined)_\n- **--sd-accordion--open-color-text** - The accordion color text when open. _(default: undefined)_\n- **--sd-accordion-color-border** - The accordion color border. _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - The container that wraps the icon.\n- **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **summary-border** - The container that wraps the currently active accordions border.\n- **content** - The container that wraps the accordion content slot.\n- **content__slot** - The accordion content slot.",

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",
+  "version": "7.0.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -5029,6 +5029,114 @@
             "events": []
           }
         },
+        {
+          "name": "sd-progress-bar",
+          "description": "Used to visually represent the progression of an activity.\n---\n\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 - **label** - The input's label. Alternatively, you can use the `label` attribute.\n\n### **CSS Properties:**\n - **--height** - Use this property to set the height of the progress-bar. _(default: undefined)_\n- **--sd-progress-bar__slide-bar--inverted-color-background** - The background color of the progress bar when the `inverted` attribute is set. _(default: undefined)_\n- **--sd-progress-bar__slide-bar-color-background** - The background color of the progress bar. _(default: undefined)_\n- **--sd-progress-bar--active--inverted-color-background** - The color of the progress indicator when the `inverted` attribute is set. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **value-right** - Value's on the right side of the indicator.\n- **value-bottom** - Value's on the bottom of the indicator.\n- **label** - The label element.\n- **bar** - The progress bar's container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "The current progress value.",
+              "value": { "type": "number | null", "default": "null" }
+            },
+            {
+              "name": "max",
+              "description": "The maximum progress value.",
+              "value": { "type": "number", "default": "100" }
+            },
+            {
+              "name": "label",
+              "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "value-position",
+              "description": "Displays the progress value on the right side of the indicator.",
+              "value": {
+                "type": "'right' | 'bottom' | null",
+                "default": "null"
+              }
+            },
+            {
+              "name": "inverted",
+              "description": "Inverts the progress bar's colors.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "show-label",
+              "description": "Shows the label visually.",
+              "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 input's label. Alternatively, you can use the `label` attribute."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "value",
+                "description": "The current progress value.",
+                "type": "number | null"
+              },
+              {
+                "name": "max",
+                "description": "The maximum progress value.",
+                "type": "number"
+              },
+              {
+                "name": "label",
+                "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
+                "type": "string"
+              },
+              {
+                "name": "valuePosition",
+                "description": "Displays the progress value on the right side of the indicator.",
+                "type": "'right' | 'bottom' | null"
+              },
+              {
+                "name": "inverted",
+                "description": "Inverts the progress bar's colors.",
+                "type": "boolean"
+              },
+              {
+                "name": "showLabel",
+                "description": "Shows the label visually.",
+                "type": "boolean"
+              },
+              {
+                "name": "valueFormatter",
+                "description": "A function used to format the progress-bar's value.\nThe value of the progress-bar is passed as the only argument.\nThe function should return a string to display in the value-position part.",
+                "type": "(value: number) => string"
+              },
+              { "name": "localize" },
+              {
+                "name": "dir",
+                "description": "The element's directionality.",
+                "type": "'ltr' | 'rtl' | 'auto'"
+              },
+              {
+                "name": "lang",
+                "description": "The element's language.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "sd-popup",
           "description": "Popup is a utility that lets you declaratively anchor \"popup\" containers to another element.\n---\n\n\n### **Events:**\n - **sd-reposition** - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.\n- **sd-current-placement** - Emitted when the popup's placement changes automatically based on screen limitations.\n\n### **Methods:**\n - **reposition()** - Forces the popup to recalculate and reposition itself.\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 - _default_ - The popup's content.\n- **anchor** - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the `anchor` attribute or property instead.\n\n### **CSS Properties:**\n - **--arrow-size** - The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used. _(default: 6px)_\n- **--arrow-color** - The color of the arrow. _(default: var(--sd-color-neutral-0))_\n- **--auto-size-available-width** - A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n- **--auto-size-available-height** - A read-only custom property that determines the amount of height the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`. _(default: undefined)_\n\n### **CSS Parts:**\n - **arrow** - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and maybe a border or box shadow.\n- **popup** - The popup's container. Useful for setting a background color, box shadow, etc.",
@@ -5309,114 +5417,6 @@
             ]
           }
         },
-        {
-          "name": "sd-progress-bar",
-          "description": "Used to visually represent the progression of an activity.\n---\n\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 - **label** - The input's label. Alternatively, you can use the `label` attribute.\n\n### **CSS Properties:**\n - **--height** - Use this property to set the height of the progress-bar. _(default: undefined)_\n- **--sd-progress-bar__slide-bar--inverted-color-background** - The background color of the progress bar when the `inverted` attribute is set. _(default: undefined)_\n- **--sd-progress-bar__slide-bar-color-background** - The background color of the progress bar. _(default: undefined)_\n- **--sd-progress-bar--active--inverted-color-background** - The color of the progress indicator when the `inverted` attribute is set. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **value-right** - Value's on the right side of the indicator.\n- **value-bottom** - Value's on the bottom of the indicator.\n- **label** - The label element.\n- **bar** - The progress bar's container.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "value",
-              "description": "The current progress value.",
-              "value": { "type": "number | null", "default": "null" }
-            },
-            {
-              "name": "max",
-              "description": "The maximum progress value.",
-              "value": { "type": "number", "default": "100" }
-            },
-            {
-              "name": "label",
-              "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "value-position",
-              "description": "Displays the progress value on the right side of the indicator.",
-              "value": {
-                "type": "'right' | 'bottom' | null",
-                "default": "null"
-              }
-            },
-            {
-              "name": "inverted",
-              "description": "Inverts the progress bar's colors.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "show-label",
-              "description": "Shows the label visually.",
-              "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 input's label. Alternatively, you can use the `label` attribute."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "value",
-                "description": "The current progress value.",
-                "type": "number | null"
-              },
-              {
-                "name": "max",
-                "description": "The maximum progress value.",
-                "type": "number"
-              },
-              {
-                "name": "label",
-                "description": "The progress bar's label. If you need to display HTML, use the `label` slot instead.",
-                "type": "string"
-              },
-              {
-                "name": "valuePosition",
-                "description": "Displays the progress value on the right side of the indicator.",
-                "type": "'right' | 'bottom' | null"
-              },
-              {
-                "name": "inverted",
-                "description": "Inverts the progress bar's colors.",
-                "type": "boolean"
-              },
-              {
-                "name": "showLabel",
-                "description": "Shows the label visually.",
-                "type": "boolean"
-              },
-              {
-                "name": "valueFormatter",
-                "description": "A function used to format the progress-bar's value.\nThe value of the progress-bar is passed as the only argument.\nThe function should return a string to display in the value-position part.",
-                "type": "(value: number) => string"
-              },
-              { "name": "localize" },
-              {
-                "name": "dir",
-                "description": "The element's directionality.",
-                "type": "'ltr' | 'rtl' | 'auto'"
-              },
-              {
-                "name": "lang",
-                "description": "The element's language.",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "sd-quickfact",
           "description": "Used to present brief information and expand to show additional content.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the accordion opens.\n- **sd-after-show** - Emitted after the accordion opens and all animations are complete.\n- **sd-hide** - Emitted when the accordion closes.\n- **sd-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\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 - **icon** - Optional icon to show in the header. Works best with `<sd-icon>`.\n- _default_ - The accordion main content.\n- **summary** - The accordion summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<sd-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<sd-icon>`.\n\n### **CSS Properties:**\n - **--sd-quickfact--expandable-color-text** - The text color for expandable quickfact. _(default: undefined)_\n- **--sd-accordion-border-width** - The accordion border width. _(default: undefined)_\n- **--sd-accordion-color-text** - The accordion color text. _(default: undefined)_\n- **--sd-accordion-padding-block** - The accordion vertical padding value. _(default: undefined)_\n- **--sd-accordion__indicator-color** - The accordion indicator color. _(default: undefined)_\n- **--sd-accordion-color-icon-fill** - The accordion icon color. _(default: undefined)_\n- **--sd-accordion--hover-color-background** - The accordion hover background color. _(default: undefined)_\n- **--sd-accordion--open-color-text** - The accordion color text when open. _(default: undefined)_\n- **--sd-accordion-color-border** - The accordion color border. _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - The container that wraps the icon.\n- **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **summary-border** - The container that wraps the currently active accordions border.\n- **content** - The container that wraps the accordion content slot.\n- **content__slot** - The accordion content slot.",

package/cdn-versioned/chunks/{chunk.KSZUHYF7.js → chunk.2C3UQTSS.js}

@@ -1,2 +1,2 @@
-import{a as i}from"./chunk.4ZZFYCXX.js";import{a,b as r,h as s}from"./chunk.Z44RDBCE.js";import{b as n,e as d}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends s{constructor(){super(...arguments);this.size="lg";this.variant="blue";this.inverted=!1}render(){return d`<span part="base" aria-labelledby="content" class="${i("inline-flex items-center justify-center gap-x-[1px] text-center font-bold whitespace-nowrap border rounded-full select-none cursor-[inherit]",{blue:this.inverted?"sd-7-0-0-badge--blue--inverted-color-text sd-7-0-0-badge--blue--inverted-color-background sd-7-0-0-badge--inverted-color-border":"text-white  sd-7-0-0-badge--blue-color-background border-white",green:this.inverted?"sd-7-0-0-badge--green-color--inverted-text sd-7-0-0-badge--green-color--inverted-background sd-7-0-0-badge--inverted-color-border":"text-white sd-7-0-0-badge--green-color-background border-white",red:this.inverted?"sd-7-0-0-badge--red--inverted-text sd-7-0-0-badge--red--inverted-background sd-7-0-0-badge--inverted-color-border":"text-white sd-7-0-0-badge--red-color-background border-white"}[this.variant])}"><span id="content" part="content" class="${i(this.size==="sm"&&"sr-only")}"><slot></slot></span></span>`}};e.styles=[...s.styles,n`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:inline-flex;align-items:center;justify-content:center}:host([size=md]){height:var(--sd-spacing-4,1rem);min-width:var(--sd-spacing-4,1rem);font-size:.625rem}:host([size=lg]){height:calc(var(--sd-spacing-1,.25rem) * 5);min-width:calc(var(--sd-spacing-1,.25rem) * 5);font-size:.75rem}:host([size=sm])::part(base){height:var(--sd-spacing-2,.5rem);min-width:var(--sd-spacing-2,.5rem)}:host([size=md])::part(base){padding-inline:var(--sd-spacing-1,.25rem)}:host([size=lg])::part(base){padding-left:.313rem;padding-right:.313rem}`],t([r({type:String,reflect:!0})],e.prototype,"size",2),t([r({type:String,reflect:!0})],e.prototype,"variant",2),t([r({type:Boolean,reflect:!0})],e.prototype,"inverted",2),e=t([a("sd-7-0-0-badge")],e);export{e as a};
+import{a as i}from"./chunk.4ZZFYCXX.js";import{a,b as r,h as s}from"./chunk.J45556RK.js";import{b as n,e as d}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends s{constructor(){super(...arguments);this.size="lg";this.variant="blue";this.inverted=!1}render(){return d`<span part="base" aria-labelledby="content" class="${i("inline-flex items-center justify-center gap-x-[1px] text-center font-bold whitespace-nowrap border rounded-full select-none cursor-[inherit]",{blue:this.inverted?"sd-7-0-1-badge--blue--inverted-color-text sd-7-0-1-badge--blue--inverted-color-background sd-7-0-1-badge--inverted-color-border":"text-white  sd-7-0-1-badge--blue-color-background border-white",green:this.inverted?"sd-7-0-1-badge--green-color--inverted-text sd-7-0-1-badge--green-color--inverted-background sd-7-0-1-badge--inverted-color-border":"text-white sd-7-0-1-badge--green-color-background border-white",red:this.inverted?"sd-7-0-1-badge--red--inverted-text sd-7-0-1-badge--red--inverted-background sd-7-0-1-badge--inverted-color-border":"text-white sd-7-0-1-badge--red-color-background border-white"}[this.variant])}"><span id="content" part="content" class="${i(this.size==="sm"&&"sr-only")}"><slot></slot></span></span>`}};e.styles=[...s.styles,n`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:inline-flex;align-items:center;justify-content:center}:host([size=md]){height:var(--sd-spacing-4,1rem);min-width:var(--sd-spacing-4,1rem);font-size:.625rem}:host([size=lg]){height:calc(var(--sd-spacing-1,.25rem) * 5);min-width:calc(var(--sd-spacing-1,.25rem) * 5);font-size:.75rem}:host([size=sm])::part(base){height:var(--sd-spacing-2,.5rem);min-width:var(--sd-spacing-2,.5rem)}:host([size=md])::part(base){padding-inline:var(--sd-spacing-1,.25rem)}:host([size=lg])::part(base){padding-left:.313rem;padding-right:.313rem}`],t([r({type:String,reflect:!0})],e.prototype,"size",2),t([r({type:String,reflect:!0})],e.prototype,"variant",2),t([r({type:Boolean,reflect:!0})],e.prototype,"inverted",2),e=t([a("sd-7-0-1-badge")],e);export{e as a};

package/cdn-versioned/chunks/{chunk.O7SKSXCU.js → chunk.2O3FM7UB.js}

@@ -1,2 +1,2 @@
-import{a as v}from"./chunk.MEDJPDBB.js";import{a as g}from"./chunk.4ZZFYCXX.js";import{a as b,b as f,c,d as o,h}from"./chunk.Z44RDBCE.js";import{b as m,e as u}from"./chunk.OBAEIKIV.js";import{e as s}from"./chunk.6EV4YU6C.js";var e=class extends h{constructor(){super(...arguments);this.localize=new v(this);this.label="";this.itemPositionsCached=!1;this.isTruncated=!1}get items(){return this.querySelectorAll("sd-7-0-0-breadcrumb-item")}cacheItemPositions(){this.items.forEach(t=>{let{width:r}=t.getBoundingClientRect();t.dataset.size=`${r}`}),this.itemPositionsCached=!0}handleTruncation(){var a;if(document.documentElement.clientWidth<=1024)return;let{width:t}=this.base.getBoundingClientRect(),{width:r}=this.truncated.getBoundingClientRect();this.itemPositionsCached||this.cacheItemPositions(),this.dropdown.innerHTML="",this.isTruncated=!1;let n=0;for(let[p,i]of Array.from(this.items).reverse().entries()){let l=parseFloat(`${(a=i.dataset.size)!=null?a:i.getBoundingClientRect().width}`);if(i.hidden=!1,this.isTruncated){let d=i.cloneNode(!0);this.dropdown.prepend(d),i.hidden=!0;continue}if(p===0||p===1){n+=l;continue}if(this.isTruncated=n+l+r>t,this.isTruncated){let d=i.cloneNode(!0);this.dropdown.prepend(d),i.hidden=!0}else n+=l}}handleMobileChevron(){var r,n,a;let t=document.createElement("sd-7-0-0-icon");t.setAttribute("slot","icon-left"),t.setAttribute("library","_internal"),t.setAttribute("name","chevron-left"),t.setAttribute("class","text-base me-1 lg:hidden"),(a=(n=(r=Array.from(this.items).at(-2))==null?void 0:r.shadowRoot)==null?void 0:n.querySelector("sd-7-0-0-link"))==null||a.appendChild(t)}handleSlotChange(){this.handleMobileChevron()}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.handleTruncation()),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this)}render(){return u`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-7-0-0-dropdown part="truncated" class="${g(!this.isTruncated&&"absolute opacity-0 pointer-events-none")}"><button slot="trigger" tabindex="${this.isTruncated?"0":"-1"}" aria-label="${this.localize.term("truncatedBreadcrumbs")}" aria-expanded="false" aria-haspopup="true" class="flex sd-interactive">[...]</button><ol part="truncated-dropdown" class="flex flex-col gap-4 px-2 py-3 min-w-40"></ol></sd-7-0-0-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`}};e.styles=[...h.styles,m`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;display:block}::slotted(sd-7-0-0-breadcrumb-item:not(:last-of-type))::after,sd-7-0-0-dropdown::after{margin-inline:var(--sd-spacing-2,.5rem);display:none;height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem);border-radius:var(--sd-radius-full,624.9375rem);background-color:rgba(var(--sd-breadcrumb__separator-color,195 195 195));--tw-content:'';content:var(--tw-content)}@media (width >= 64rem){::slotted(sd-7-0-0-breadcrumb-item:not(:last-of-type))::after,sd-7-0-0-dropdown::after{display:inline-block}}::slotted(sd-7-0-0-breadcrumb-item:nth-last-child(2)){display:flex}@media (width >= 64rem){::slotted(sd-7-0-0-breadcrumb-item:nth-last-child(2))::after{background-color:rgba(var(--sd-breadcrumb__separator--current-color,45 157 0))}}::slotted(sd-7-0-0-breadcrumb-item),sd-7-0-0-dropdown{display:none;align-items:center;font-size:var(--sd-text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@media (width >= 64rem){::slotted(sd-7-0-0-breadcrumb-item),sd-7-0-0-dropdown{display:flex}}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`],s([o('[part="base"]')],e.prototype,"base",2),s([o('[part="truncated"]')],e.prototype,"truncated",2),s([o('[part="truncated-dropdown"]')],e.prototype,"dropdown",2),s([o("slot")],e.prototype,"defaultSlot",2),s([f({type:String,reflect:!0})],e.prototype,"label",2),s([c()],e.prototype,"itemPositionsCached",2),s([c()],e.prototype,"isTruncated",2),e=s([b("sd-7-0-0-breadcrumb")],e);export{e as a};
+import{a as v}from"./chunk.MEDJPDBB.js";import{a as g}from"./chunk.4ZZFYCXX.js";import{a as b,b as f,c,d as o,h}from"./chunk.J45556RK.js";import{b as m,e as u}from"./chunk.OBAEIKIV.js";import{e as s}from"./chunk.6EV4YU6C.js";var e=class extends h{constructor(){super(...arguments);this.localize=new v(this);this.label="";this.itemPositionsCached=!1;this.isTruncated=!1}get items(){return this.querySelectorAll("sd-7-0-1-breadcrumb-item")}cacheItemPositions(){this.items.forEach(t=>{let{width:r}=t.getBoundingClientRect();t.dataset.size=`${r}`}),this.itemPositionsCached=!0}handleTruncation(){var a;if(document.documentElement.clientWidth<=1024)return;let{width:t}=this.base.getBoundingClientRect(),{width:r}=this.truncated.getBoundingClientRect();this.itemPositionsCached||this.cacheItemPositions(),this.dropdown.innerHTML="",this.isTruncated=!1;let n=0;for(let[p,i]of Array.from(this.items).reverse().entries()){let l=parseFloat(`${(a=i.dataset.size)!=null?a:i.getBoundingClientRect().width}`);if(i.hidden=!1,this.isTruncated){let d=i.cloneNode(!0);this.dropdown.prepend(d),i.hidden=!0;continue}if(p===0||p===1){n+=l;continue}if(this.isTruncated=n+l+r>t,this.isTruncated){let d=i.cloneNode(!0);this.dropdown.prepend(d),i.hidden=!0}else n+=l}}handleMobileChevron(){var r,n,a;let t=document.createElement("sd-7-0-1-icon");t.setAttribute("slot","icon-left"),t.setAttribute("library","_internal"),t.setAttribute("name","chevron-left"),t.setAttribute("class","text-base me-1 lg:hidden"),(a=(n=(r=Array.from(this.items).at(-2))==null?void 0:r.shadowRoot)==null?void 0:n.querySelector("sd-7-0-1-link"))==null||a.appendChild(t)}handleSlotChange(){this.handleMobileChevron()}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.handleTruncation()),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this)}render(){return u`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-7-0-1-dropdown part="truncated" class="${g(!this.isTruncated&&"absolute opacity-0 pointer-events-none")}"><button slot="trigger" tabindex="${this.isTruncated?"0":"-1"}" aria-label="${this.localize.term("truncatedBreadcrumbs")}" aria-expanded="false" aria-haspopup="true" class="flex sd-interactive">[...]</button><ol part="truncated-dropdown" class="flex flex-col gap-4 px-2 py-3 min-w-40"></ol></sd-7-0-1-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`}};e.styles=[...h.styles,m`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{position:relative;display:block}::slotted(sd-7-0-1-breadcrumb-item:not(:last-of-type))::after,sd-7-0-1-dropdown::after{margin-inline:var(--sd-spacing-2,.5rem);display:none;height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem);border-radius:var(--sd-radius-full,624.9375rem);background-color:rgba(var(--sd-breadcrumb__separator-color,195 195 195));--tw-content:'';content:var(--tw-content)}@media (width >= 64rem){::slotted(sd-7-0-1-breadcrumb-item:not(:last-of-type))::after,sd-7-0-1-dropdown::after{display:inline-block}}::slotted(sd-7-0-1-breadcrumb-item:nth-last-child(2)){display:flex}@media (width >= 64rem){::slotted(sd-7-0-1-breadcrumb-item:nth-last-child(2))::after{background-color:rgba(var(--sd-breadcrumb__separator--current-color,45 157 0))}}::slotted(sd-7-0-1-breadcrumb-item),sd-7-0-1-dropdown{display:none;align-items:center;font-size:var(--sd-text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@media (width >= 64rem){::slotted(sd-7-0-1-breadcrumb-item),sd-7-0-1-dropdown{display:flex}}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`],s([o('[part="base"]')],e.prototype,"base",2),s([o('[part="truncated"]')],e.prototype,"truncated",2),s([o('[part="truncated-dropdown"]')],e.prototype,"dropdown",2),s([o("slot")],e.prototype,"defaultSlot",2),s([f({type:String,reflect:!0})],e.prototype,"label",2),s([c()],e.prototype,"itemPositionsCached",2),s([c()],e.prototype,"isTruncated",2),e=s([b("sd-7-0-1-breadcrumb")],e);export{e as a};

package/cdn-versioned/chunks/{chunk.MU62OKKN.js → chunk.35XPUMS2.js}

@@ -1,2 +1,2 @@
-import{a as m}from"./chunk.MWDEA25W.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as n,b as o,h as a}from"./chunk.Z44RDBCE.js";import{b as c,e as l}from"./chunk.OBAEIKIV.js";import{e as s}from"./chunk.6EV4YU6C.js";var t=class extends a{constructor(){super(...arguments);this.mode="cors";this.allowScripts=!1}executeScript(e){let r=document.createElement("script");[...e.attributes].forEach(i=>r.setAttribute(i.name,i.value)),r.textContent=e.textContent,e.parentNode.replaceChild(r,e)}async handleSrcChange(){try{let e=this.src,r=await m(e,this.mode);if(e!==this.src)return;if(!r.ok){this.emit("sd-error",{detail:{status:r.status}});return}this.innerHTML=r.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach(i=>this.executeScript(i)),this.emit("sd-load")}catch(e){this.emit("sd-error",{detail:{status:-1}})}}render(){return l`<slot></slot>`}};t.styles=[...a.styles,c`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}`],s([o({reflect:!0})],t.prototype,"src",2),s([o({type:String,reflect:!0})],t.prototype,"mode",2),s([o({attribute:"allow-scripts",type:Boolean,reflect:!0})],t.prototype,"allowScripts",2),s([p("src")],t.prototype,"handleSrcChange",1),t=s([n("sd-7-0-0-include")],t);export{t as a};
+import{a as m}from"./chunk.MWDEA25W.js";import{a as p}from"./chunk.NYKJXI3Q.js";import{a as n,b as o,h as a}from"./chunk.J45556RK.js";import{b as c,e as l}from"./chunk.OBAEIKIV.js";import{e as s}from"./chunk.6EV4YU6C.js";var t=class extends a{constructor(){super(...arguments);this.mode="cors";this.allowScripts=!1}executeScript(e){let r=document.createElement("script");[...e.attributes].forEach(i=>r.setAttribute(i.name,i.value)),r.textContent=e.textContent,e.parentNode.replaceChild(r,e)}async handleSrcChange(){try{let e=this.src,r=await m(e,this.mode);if(e!==this.src)return;if(!r.ok){this.emit("sd-error",{detail:{status:r.status}});return}this.innerHTML=r.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach(i=>this.executeScript(i)),this.emit("sd-load")}catch(e){this.emit("sd-error",{detail:{status:-1}})}}render(){return l`<slot></slot>`}};t.styles=[...a.styles,c`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:block}`],s([o({reflect:!0})],t.prototype,"src",2),s([o({type:String,reflect:!0})],t.prototype,"mode",2),s([o({attribute:"allow-scripts",type:Boolean,reflect:!0})],t.prototype,"allowScripts",2),s([p("src")],t.prototype,"handleSrcChange",1),t=s([n("sd-7-0-1-include")],t);export{t as a};

package/cdn-versioned/chunks/{chunk.GMK4GUJU.js → chunk.3IZUMERL.js}

@@ -1,2 +1,2 @@
-import{a as w}from"./chunk.SAEYIL5V.js";import{a as $}from"./chunk.ERP45OHF.js";import{b as x}from"./chunk.LZRL7OLU.js";import{a as r}from"./chunk.LHSR56PH.js";import{a as C}from"./chunk.CGQ2BPPZ.js";import{a as s}from"./chunk.4ZZFYCXX.js";import{a as d}from"./chunk.NYKJXI3Q.js";import{a as g,b as i,c,d as b,h as m}from"./chunk.Z44RDBCE.js";import{b as y,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends m{constructor(){super(...arguments);this.formControlController=new x(this);this.hasSlotController=new C(this,"help-text","label");this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.title="";this.name="";this.value="";this.size="lg";this.label="";this.helpText="";this.placeholder="";this.rows=4;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.form="";this.required=!1;this.floatingLabel=!1;this.styleOnValid=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.setTextareaHeight()})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.textarea.value=this.value;return}this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l),this.invalidMessage.textContent=l.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}handleSizeChange(){this.size=this.floatingLabel&&this.size==="sm"?"md":this.size}focus(l){this.textarea.focus(l)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(l){if(l){typeof l.top=="number"&&(this.textarea.scrollTop=l.top),typeof l.left=="number"&&(this.textarea.scrollLeft=l.left);return}return{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(l,a,n="none"){this.textarea.setSelectionRange(l,a,n)}setRangeText(l,a,n,p){this.textarea.setRangeText(l,a,n,p),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var l;return(l=this.textarea)==null?void 0:l.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(l){this.textarea.setCustomValidity(l),this.formControlController.updateValidity()}render(){let l={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},a=this.label?!0:!!l.label,n=this.helpText?!0:!!l.helpText,p=!!l.tooltip,V=this.value!==null&&String(this.value).length>0,h=this.floatingLabel&&a&&(this.hasFocus&&!this.visuallyDisabled||V),u=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",f=this.size==="sm"?"text-sm":"text-base",v={sm:"text-base top-1",md:"text-lg top-2",lg:"text-xl top-2"}[this.size];return o`<div part="form-control" class="flex flex-col h-full text-left">${a&&!this.floatingLabel||p?o`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${s(a?"inline-block":"hidden",f,this.visuallyDisabled||this.disabled?"text-neutral-500":" form-control-color-text")}" for="input" aria-hidden="${a?"false":"true"}"><slot name="label">${this.label}</slot></label> ${l.tooltip?o`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${s("relative h-full w-full",this.disabled&&"cursor-not-allowed")}">${a&&this.floatingLabel?o`<label id="label" part="form-control-floating-label" class="${s("absolute left-4 z-20 transition-all duration-200 cursor-text",f,h?"top-2 text-xs":"top-2.5 form-control-color-text")}" for="input"><span class="${s("leading-none",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",h&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null}<div part="border" class="${s("absolute w-full h-full pointer-events-none border form-control-border-radius transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[u])}"></div><div part="base" class="${s("textarea h-full flex items-top form-control-border-radius group transition-colors duration-medium hover:duration-fast ease-in-out",this.floatingLabel&&"pt-6",{sm:"textarea-sm",md:"textarea-md",lg:"textarea-lg"}[this.size],!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:[@media(hover:hover)]:form-control--hover-color-background":"",this.readonly?"form-control--read-only-color-background":"bg-white",u==="disabled"||u==="visuallyDisabled"?"text-neutral-500":"text-black",["invalid","activeInvalid"].includes(u)&&"form-control--invalid-color-background")}"><textarea part="textarea" id="input" class="${s("ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-7-0-0-icon]:pe-8",{sm:h?"pb-1":"py-2",md:h?"pb-1":"py-2",lg:h?"pb-2":"py-2"}[this.size],this.disabled&&"cursor-not-allowed",f)}" title="${this.title}" name="${r(this.name)}" .value="${w(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${!this.floatingLabel||h?r(this.placeholder):""}" minlength="${r(this.minlength)}" maxlength="${r(this.maxlength)}" rows="${r(this.rows)}" autocapitalize="${r(this.autocapitalize)}" autocorrect="${r(this.autocorrect===void 0?void 0:this.autocorrect?"on":"off")}" ?autofocus="${this.autofocus}" spellcheck="${r(this.spellcheck)}" enterkeyhint="${r(this.enterkeyhint)}" inputmode="${r(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?o`<sd-7-0-0-icon class="${s("text-error absolute right-4 pointer-events-none",v)}" library="_internal" name="risk" part="invalid-icon"></sd-7-0-0-icon>`:""} ${this.styleOnValid&&this.showValidStyle?o`<sd-7-0-0-icon class="${s("text-success absolute right-4 pointer-events-none",v)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-7-0-0-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${s("text-sm mt-1",n&&!this.showInvalidStyle?"block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"text-neutral-700")}" aria-hidden="${!n||this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`}};t.styles=[...m.styles,y`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block;height:100%}:host textarea{scrollbar-gutter:stable}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500,174 174 174))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500,174 174 174))}:host([required]) #label::after{content:' *'}:host([visually-disabled]) textarea{caret-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}`],e([b("#input")],t.prototype,"textarea",2),e([b("#invalid-message")],t.prototype,"invalidMessage",2),e([c()],t.prototype,"hasFocus",2),e([c()],t.prototype,"showValidStyle",2),e([c()],t.prototype,"showInvalidStyle",2),e([i({type:String,reflect:!0})],t.prototype,"title",2),e([i({type:String,reflect:!0})],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i({type:String,reflect:!0})],t.prototype,"size",2),e([i({type:String,reflect:!0})],t.prototype,"label",2),e([i({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([i({type:String,reflect:!0})],t.prototype,"placeholder",2),e([i({type:Number,reflect:!0})],t.prototype,"rows",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:String,reflect:!0})],t.prototype,"form",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({attribute:"floating-label",type:Boolean,reflect:!0})],t.prototype,"floatingLabel",2),e([i({type:Number,reflect:!0})],t.prototype,"minlength",2),e([i({type:Number,reflect:!0})],t.prototype,"maxlength",2),e([i({type:String,reflect:!0})],t.prototype,"autocapitalize",2),e([i({type:Boolean,reflect:!0,converter:{fromAttribute:l=>l!=="off",toAttribute:l=>l?"on":"off"}})],t.prototype,"autocorrect",2),e([i({reflect:!0})],t.prototype,"autocomplete",2),e([i({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),e([i({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),e([i({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),e([i({type:Boolean,converter:{fromAttribute:l=>!(!l||l==="false"),toAttribute:l=>l?"true":"false"}})],t.prototype,"spellcheck",2),e([i({type:String,reflect:!0})],t.prototype,"inputmode",2),e([$()],t.prototype,"defaultValue",2),e([d("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([d("rows",{waitUntilFirstUpdate:!0})],t.prototype,"handleRowsChange",1),e([d("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),e([d(["size","floatingLabel"])],t.prototype,"handleSizeChange",1),t=e([g("sd-7-0-0-textarea")],t);export{t as a};
+import{a as w}from"./chunk.SAEYIL5V.js";import{a as $}from"./chunk.ERP45OHF.js";import{b as x}from"./chunk.LZRL7OLU.js";import{a as r}from"./chunk.LHSR56PH.js";import{a as C}from"./chunk.CGQ2BPPZ.js";import{a as s}from"./chunk.4ZZFYCXX.js";import{a as d}from"./chunk.NYKJXI3Q.js";import{a as g,b as i,c,d as b,h as m}from"./chunk.J45556RK.js";import{b as y,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends m{constructor(){super(...arguments);this.formControlController=new x(this);this.hasSlotController=new C(this,"help-text","label");this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.title="";this.name="";this.value="";this.size="lg";this.label="";this.helpText="";this.placeholder="";this.rows=4;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.form="";this.required=!1;this.floatingLabel=!1;this.styleOnValid=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.setTextareaHeight()})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.textarea.value=this.value;return}this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l),this.invalidMessage.textContent=l.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}handleSizeChange(){this.size=this.floatingLabel&&this.size==="sm"?"md":this.size}focus(l){this.textarea.focus(l)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(l){if(l){typeof l.top=="number"&&(this.textarea.scrollTop=l.top),typeof l.left=="number"&&(this.textarea.scrollLeft=l.left);return}return{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(l,a,n="none"){this.textarea.setSelectionRange(l,a,n)}setRangeText(l,a,n,p){this.textarea.setRangeText(l,a,n,p),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var l;return(l=this.textarea)==null?void 0:l.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(l){this.textarea.setCustomValidity(l),this.formControlController.updateValidity()}render(){let l={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},a=this.label?!0:!!l.label,n=this.helpText?!0:!!l.helpText,p=!!l.tooltip,V=this.value!==null&&String(this.value).length>0,h=this.floatingLabel&&a&&(this.hasFocus&&!this.visuallyDisabled||V),u=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",f=this.size==="sm"?"text-sm":"text-base",v={sm:"text-base top-1",md:"text-lg top-2",lg:"text-xl top-2"}[this.size];return o`<div part="form-control" class="flex flex-col h-full text-left">${a&&!this.floatingLabel||p?o`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${s(a?"inline-block":"hidden",f,this.visuallyDisabled||this.disabled?"text-neutral-500":" form-control-color-text")}" for="input" aria-hidden="${a?"false":"true"}"><slot name="label">${this.label}</slot></label> ${l.tooltip?o`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${s("relative h-full w-full",this.disabled&&"cursor-not-allowed")}">${a&&this.floatingLabel?o`<label id="label" part="form-control-floating-label" class="${s("absolute left-4 z-20 transition-all duration-200 cursor-text",f,h?"top-2 text-xs":"top-2.5 form-control-color-text")}" for="input"><span class="${s("leading-none",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",h&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null}<div part="border" class="${s("absolute w-full h-full pointer-events-none border form-control-border-radius transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[u])}"></div><div part="base" class="${s("textarea h-full flex items-top form-control-border-radius group transition-colors duration-medium hover:duration-fast ease-in-out",this.floatingLabel&&"pt-6",{sm:"textarea-sm",md:"textarea-md",lg:"textarea-lg"}[this.size],!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:[@media(hover:hover)]:form-control--hover-color-background":"",this.readonly?"form-control--read-only-color-background":"bg-white",u==="disabled"||u==="visuallyDisabled"?"text-neutral-500":"text-black",["invalid","activeInvalid"].includes(u)&&"form-control--invalid-color-background")}"><textarea part="textarea" id="input" class="${s("ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-7-0-1-icon]:pe-8",{sm:h?"pb-1":"py-2",md:h?"pb-1":"py-2",lg:h?"pb-2":"py-2"}[this.size],this.disabled&&"cursor-not-allowed",f)}" title="${this.title}" name="${r(this.name)}" .value="${w(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${!this.floatingLabel||h?r(this.placeholder):""}" minlength="${r(this.minlength)}" maxlength="${r(this.maxlength)}" rows="${r(this.rows)}" autocapitalize="${r(this.autocapitalize)}" autocorrect="${r(this.autocorrect===void 0?void 0:this.autocorrect?"on":"off")}" ?autofocus="${this.autofocus}" spellcheck="${r(this.spellcheck)}" enterkeyhint="${r(this.enterkeyhint)}" inputmode="${r(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?o`<sd-7-0-1-icon class="${s("text-error absolute right-4 pointer-events-none",v)}" library="_internal" name="risk" part="invalid-icon"></sd-7-0-1-icon>`:""} ${this.styleOnValid&&this.showValidStyle?o`<sd-7-0-1-icon class="${s("text-success absolute right-4 pointer-events-none",v)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-7-0-1-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${s("text-sm mt-1",n&&!this.showInvalidStyle?"block":"hidden",this.visuallyDisabled||this.disabled?"text-neutral-500":"text-neutral-700")}" aria-hidden="${!n||this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage(this.size)}`}};t.styles=[...m.styles,y`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:block;height:100%}:host textarea{scrollbar-gutter:stable}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500,174 174 174))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500,174 174 174))}:host([required]) #label::after{content:' *'}:host([visually-disabled]) textarea{caret-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}`],e([b("#input")],t.prototype,"textarea",2),e([b("#invalid-message")],t.prototype,"invalidMessage",2),e([c()],t.prototype,"hasFocus",2),e([c()],t.prototype,"showValidStyle",2),e([c()],t.prototype,"showInvalidStyle",2),e([i({type:String,reflect:!0})],t.prototype,"title",2),e([i({type:String,reflect:!0})],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i({type:String,reflect:!0})],t.prototype,"size",2),e([i({type:String,reflect:!0})],t.prototype,"label",2),e([i({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([i({type:String,reflect:!0})],t.prototype,"placeholder",2),e([i({type:Number,reflect:!0})],t.prototype,"rows",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:String,reflect:!0})],t.prototype,"form",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({attribute:"floating-label",type:Boolean,reflect:!0})],t.prototype,"floatingLabel",2),e([i({type:Number,reflect:!0})],t.prototype,"minlength",2),e([i({type:Number,reflect:!0})],t.prototype,"maxlength",2),e([i({type:String,reflect:!0})],t.prototype,"autocapitalize",2),e([i({type:Boolean,reflect:!0,converter:{fromAttribute:l=>l!=="off",toAttribute:l=>l?"on":"off"}})],t.prototype,"autocorrect",2),e([i({reflect:!0})],t.prototype,"autocomplete",2),e([i({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),e([i({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),e([i({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),e([i({type:Boolean,converter:{fromAttribute:l=>!(!l||l==="false"),toAttribute:l=>l?"true":"false"}})],t.prototype,"spellcheck",2),e([i({type:String,reflect:!0})],t.prototype,"inputmode",2),e([$()],t.prototype,"defaultValue",2),e([d("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([d("rows",{waitUntilFirstUpdate:!0})],t.prototype,"handleRowsChange",1),e([d("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),e([d(["size","floatingLabel"])],t.prototype,"handleSizeChange",1),t=e([g("sd-7-0-1-textarea")],t);export{t as a};

package/cdn-versioned/chunks/{chunk.O2KXD6V3.js → chunk.3RIAU3TH.js}

@@ -1,4 +1,4 @@
-import{a as v}from"./chunk.SAEYIL5V.js";import{a as b}from"./chunk.ERP45OHF.js";import{b as u}from"./chunk.LZRL7OLU.js";import{a as m}from"./chunk.LHSR56PH.js";import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as i}from"./chunk.4ZZFYCXX.js";import{a}from"./chunk.NYKJXI3Q.js";import{a as c,b as o,c as h,d as s,h as n}from"./chunk.Z44RDBCE.js";import{b as d,e as l}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"tooltip");this.formControlController=new u(this,{value:r=>r.checked?r.value||"on":void 0,defaultValue:r=>r.defaultChecked,setValue:(r,f)=>r.checked=f});this.showInvalidStyle=!1;this.title="";this.name="";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r),this.invalidMessage.textContent=r.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(r){this.input.focus(r)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(r){this.input.setCustomValidity(r),this.formControlController.updateValidity()}render(){return l`<div class="flex flex-row items-center gap-2"><label part="base" class="${i("group flex items-center text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed")}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${m(this.value)}" .checked="${v(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"}" class="${i(`relative flex flex-initial items-center justify-center sd-7-0-0-switch-border-width rounded-full h-4 w-8 transition-colors ease duration-100
+import{a as v}from"./chunk.SAEYIL5V.js";import{a as b}from"./chunk.ERP45OHF.js";import{b as u}from"./chunk.LZRL7OLU.js";import{a as m}from"./chunk.LHSR56PH.js";import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as i}from"./chunk.4ZZFYCXX.js";import{a}from"./chunk.NYKJXI3Q.js";import{a as c,b as o,c as h,d as s,h as n}from"./chunk.J45556RK.js";import{b as d,e as l}from"./chunk.OBAEIKIV.js";import{e as t}from"./chunk.6EV4YU6C.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"tooltip");this.formControlController=new u(this,{value:r=>r.checked?r.value||"on":void 0,defaultValue:r=>r.defaultChecked,setValue:(r,f)=>r.checked=f});this.showInvalidStyle=!1;this.title="";this.name="";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r),this.invalidMessage.textContent=r.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(r){this.input.focus(r)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(r){this.input.setCustomValidity(r),this.formControlController.updateValidity()}render(){return l`<div class="flex flex-row items-center gap-2"><label part="base" class="${i("group flex items-center text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed")}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${m(this.value)}" .checked="${v(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"}" class="${i(`relative flex flex-initial items-center justify-center sd-7-0-1-switch-border-width rounded-full h-4 w-8 transition-colors ease duration-100
             peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2
-            peer-focus-visible:outline-primary outline-transparent transition-colors ease-in-out duration-medium hover:duration-fast`,this.disabled&&this.checked?"bg-neutral-500":this.disabled?"border-neutral-500":this.showInvalidStyle?this.checked?"border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400":"border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white":this.checked?"border-accent hover:sd-7-0-0-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:border-accent-550 group-hover:sd-7-0-0-switch--checked--hover-color-background":"sd-7-0-0-switch--unchecked-color-border bg-white hover:sd-7-0-0-switch--unchecked--hover-color-background group-hover:sd-7-0-0-switch--unchecked--hover-color-background")}"><span id="thumb" part="thumb" class="${i("w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",this.disabled&&this.checked?"translate-x-2":this.disabled?"-translate-x-2":this.showInvalidStyle?this.checked?"translate-x-2":"bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400":this.checked?"translate-x-2":"-translate-x-2 sd-7-0-0-switch--unchecked__icon-color-background")}"></span> </span><span part="label" id="label" class="${i("select-none inline-block ml-2",this.disabled?"text-neutral-500":"sd-7-0-0-switch-color-text")}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip")?l`<slot name="tooltip"></slot>`:null}</div><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?l`<sd-7-0-0-icon part="invalid-icon" class="${i("text-error")}" library="_internal" name="risk"></sd-7-0-0-icon>`:""} ${this.formControlController.renderInvalidMessage("lg")}</div>`}};e.styles=[...n.styles,d`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){--tw-outline-style:none;outline-style:none}:host([required]) #label::after{content:' *'}:host([disabled][checked]) #control{border-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}:host([checked]) [part=thumb]{background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}:host([disabled]:not([checked])) [part=thumb]{background-color:rgba(var(--sd-color-icon-fill-neutral-500,rgba(var(--sd-color-neutral-500))))}`],t([s("input")],e.prototype,"input",2),t([s("#invalid-message")],e.prototype,"invalidMessage",2),t([h()],e.prototype,"showInvalidStyle",2),t([o({type:String,reflect:!0})],e.prototype,"title",2),t([o({type:String,reflect:!0})],e.prototype,"name",2),t([o()],e.prototype,"value",2),t([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([o({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([b("checked")],e.prototype,"defaultChecked",2),t([o({reflect:!0})],e.prototype,"form",2),t([o({type:Boolean,reflect:!0})],e.prototype,"required",2),t([a("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([a(["checked"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),e=t([c("sd-7-0-0-switch")],e);export{e as a};
+            peer-focus-visible:outline-primary outline-transparent transition-colors ease-in-out duration-medium hover:duration-fast`,this.disabled&&this.checked?"bg-neutral-500":this.disabled?"border-neutral-500":this.showInvalidStyle?this.checked?"border-error bg-error hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400":"border-error bg-white hover:border-error-400 hover:bg-white group-hover:border-error-400 group-hover:bg-white":this.checked?"border-accent hover:sd-7-0-1-switch--checked--hover-color-background bg-accent hover:border-accent-550 group-hover:border-accent-550 group-hover:sd-7-0-1-switch--checked--hover-color-background":"sd-7-0-1-switch--unchecked-color-border bg-white hover:sd-7-0-1-switch--unchecked--hover-color-background group-hover:sd-7-0-1-switch--unchecked--hover-color-background")}"><span id="thumb" part="thumb" class="${i("w-2.5 h-2.5 rounded-full transition[transform,colors] ease-in-out duration-medium",this.disabled&&this.checked?"translate-x-2":this.disabled?"-translate-x-2":this.showInvalidStyle?this.checked?"translate-x-2":"bg-error -translate-x-2 hover:bg-error-400 hover:border-error-400 group-hover:border-error-400 group-hover:bg-error-400":this.checked?"translate-x-2":"-translate-x-2 sd-7-0-1-switch--unchecked__icon-color-background")}"></span> </span><span part="label" id="label" class="${i("select-none inline-block ml-2",this.disabled?"text-neutral-500":"sd-7-0-1-switch-color-text")}"><slot></slot></span></label> ${this.hasSlotController.test("tooltip")?l`<slot name="tooltip"></slot>`:null}</div><div part="invalid-icon-message" class="flex items-center gap-2 mt-2">${this.showInvalidStyle?l`<sd-7-0-1-icon part="invalid-icon" class="${i("text-error")}" library="_internal" name="risk"></sd-7-0-1-icon>`:""} ${this.formControlController.renderInvalidMessage("lg")}</div>`}};e.styles=[...n.styles,d`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){--tw-outline-style:none;outline-style:none}:host([required]) #label::after{content:' *'}:host([disabled][checked]) #control{border-color:rgba(var(--sd-color-background-neutral-500,rgba(var(--sd-color-neutral-500))))}:host([checked]) [part=thumb]{background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}:host([disabled]:not([checked])) [part=thumb]{background-color:rgba(var(--sd-color-icon-fill-neutral-500,rgba(var(--sd-color-neutral-500))))}`],t([s("input")],e.prototype,"input",2),t([s("#invalid-message")],e.prototype,"invalidMessage",2),t([h()],e.prototype,"showInvalidStyle",2),t([o({type:String,reflect:!0})],e.prototype,"title",2),t([o({type:String,reflect:!0})],e.prototype,"name",2),t([o()],e.prototype,"value",2),t([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([o({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([b("checked")],e.prototype,"defaultChecked",2),t([o({reflect:!0})],e.prototype,"form",2),t([o({type:Boolean,reflect:!0})],e.prototype,"required",2),t([a("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([a(["checked"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),e=t([c("sd-7-0-1-switch")],e);export{e as a};