@solid-design-system/components 5.2.2 → 5.4.0

package/dist/chunks/{chunk.W5BEGOS2.js → chunk.23SXULLQ.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.FA2PSB3G.js → chunk.2WN7YMGY.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.FNYEXUNK.js";
 import {
   SdCarouselItem
-} from "./chunk.4JIUFSXL.js";
+} from "./chunk.MKGGWQBV.js";
 import {
   LocalizeController
 } from "./chunk.YKM42GKF.js";
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";

package/dist/chunks/{chunk.MTWZ3KVK.js → chunk.3AY4ZE3B.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.Y4FVATTL.js → chunk.3OJHLEDR.js}

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.I5QIVC43.js → chunk.4BOVS5IV.js}

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -127,7 +127,8 @@ var SdCheckbox = class extends SolidElement {
         lg: "text-base"
       }[this.size]
     )}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${ifDefined(this.value)}" .indeterminate="${live(this.indeterminate)}" .checked="${live(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.indeterminate ? "mixed" : this.checked}" aria-describedby="invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled || this.visuallyDisabled ? "true" : "false"}" @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"} ${this.indeterminate ? " control--indeterminate" : ""}" class="${cx(
-      `relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4`,
+      "relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4",
+      "transition-colors ease-in-out duration-medium group-hover:duration-fast",
       "peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary",
       {
         sm: "mt-[2px]",
@@ -144,7 +145,19 @@ var SdCheckbox = class extends SolidElement {
         filled: "border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",
         default: "border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"
       }[checkboxState]
-    )}">${this.checked ? html`<sd-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-icon>` : ""} ${!this.checked && this.indeterminate ? html`<sd-icon part="indeterminate-icon" class="text-white w-3 h-3" library="_internal" name="status-minus"></sd-icon>` : ""} </span><span part="label" id="label" class="${cx(
+    )}"><div class="${cx("absolute h-3 transition-[width] right-0.25 duration-medium", this.checked ? "w-0" : "w-3")}"><div class="${cx(
+      "w-full h-full transition-colors duration-medium ease-in-out group-hover:duration-fast",
+      {
+        disabledIndeterminate: "bg-neutral-500",
+        disabledChecked: " bg-neutral-500",
+        disabled: "",
+        visuallyDisabled: "",
+        invalidIndeterminate: " bg-error group-hover:bg-error-400",
+        invalid: "group-hover:bg-neutral-200",
+        filled: "bg-accent group-hover:bg-accent-550",
+        default: "hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"
+      }[checkboxState]
+    )}"></div></div>${this.checked ? html`<sd-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-icon>` : ""} ${!this.checked && this.indeterminate ? html`<sd-icon part="indeterminate-icon" class="text-white w-3 h-3" library="_internal" name="status-minus"></sd-icon>` : ""} </span><span part="label" id="label" class="${cx(
       "select-none inline-block ml-2",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : this.showInvalidStyle ? "text-error" : "text-black"
     )}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`;

package/dist/chunks/{chunk.APTBM6ML.js → chunk.4KY6NI4T.js}

@@ -20,7 +20,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.A6OD64SZ.js → chunk.55WKP7T3.js}

@@ -35,7 +35,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.LO2A6JZJ.js → chunk.5FFIE4YZ.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.UT2PBNPH.js → chunk.6JJ6VBYS.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.U6ZVQYN2.js → chunk.74LNGOSZ.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.AXUXGTON.js → chunk.7P374LCS.js}

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.NTCYC424.js → chunk.AH4JSEVL.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.57IRQB22.js → chunk.AQ33SHN7.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.YXW76SQ5.js → chunk.CV47NCMS.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.TJBA6JWN.js → chunk.DNIODML7.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.F3WBWTX2.js → chunk.E2HV423L.js}

@@ -25,7 +25,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.Z2TW3FW6.js → chunk.EX6L6CQ3.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.NPAQBZS2.js → chunk.F7CEWVTD.js}

@@ -25,7 +25,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.ASKGMA6Q.js → chunk.HO2HFXMJ.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.5HB4AZFH.js → chunk.HTULDNAU.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.JNTYSC5E.js → chunk.JWORONFM.js}

@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.EOLWJNLD.js → chunk.JWS37SX3.js}

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.25JYDDEL.js → chunk.KLMMEDV3.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.UUW3B5S5.js → chunk.KMM7NCFU.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.ZTHKEKB2.js → chunk.L7EUFNUL.js}

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   animateTo,
   parseDuration,

package/dist/chunks/{chunk.HPEQN7OA.js → chunk.LA3LK5U7.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.MGN6UKEO.js → chunk.LIZZEBBC.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -97,7 +97,7 @@ var SdNavigationItem = class extends SolidElement {
       description: this.hasSlotController.test("description"),
       children: this.hasSlotController.test("children")
     };
-    const horizontalPaddingBottom = this.vertical ? "pb-3" : "pb-2";
+    const horizontalPadding = this.vertical ? "py-3" : "py-2";
     const root = html`<${tag} part="base" class="${cx(
       "cursor-pointer relative focus-visible:focus-outline",
       { md: "text-base", lg: "text-lg", sm: "text-[14px]" }[this.size],
@@ -112,24 +112,24 @@ var SdNavigationItem = class extends SolidElement {
       this.vertical ? "w-1 h-[calc(100%-16px)] top-2 group-hover:h-full group-hover:top-0" : "h-1 w-[calc(100%-16px)] bottom-0 left-2 group-hover:w-full group-hover:left-0",
       this.disabled && "bg-neutral-500"
     )}"></div><span part="content-area" class="${cx(
-      "relative pt-3 inline-flex justify-between items-center",
+      "relative inline-flex justify-between items-center",
       isAccordion ? "grow" : "w-full",
-      slots["description"] || this.separated ? "pb-1" : horizontalPaddingBottom,
+      slots["description"] && "pt-3",
+      slots["description"] || this.separated ? "pb-1" : horizontalPadding,
       this.calculatePaddingX
     )}">${this.divider && this.vertical ? html`<sd-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-divider>` : ""} <span part="content-container" class="inline-flex items-center flex-auto">${this.separated ? html`<a class="${cx(
       "mr-4 w-full inline-flex items-center pl-4 cursor-pointer relative focus-visible:focus-outline hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",
       !slots["description"] && "py-4"
-    )}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}"><slot part="content" class="inline"></slot></a>` : html`<slot part="content" class="inline"></slot>`} </span>${(this.chevron || slots["children"]) && this.vertical ? this.separated ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
-      "mr-4 h-6 w-6 transition-all",
+    )}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}"><slot part="content" class="inline-flex"></slot></a>` : html`<slot part="content" class="inline-flex"></slot>`} </span>${(this.chevron || slots["children"]) && this.vertical ? this.separated ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
+      "m-4 h-6 w-6 transition-all",
       isAccordion || this.separated ? this.open ? "rotate-180" : "rotate-0" : "rotate-[270deg]"
     )}"></sd-icon></button>` : html`<sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
       "h-6 w-6 ml-2 transition-all",
       isAccordion ? this.open ? "rotate-180" : "rotate-0" : "rotate-[270deg]"
     )}"></sd-icon>` : ""} </span>${slots["description"] && this.vertical ? html`<slot name="description" part="description" class="${cx(
-      "inline-block text-sm text-left text-black",
+      "inline-block text-sm text-left text-black pb-3",
       isAccordion || this.separated ? "grow" : "w-full",
-      this.separated ? "px-4" : this.calculatePaddingX,
-      horizontalPaddingBottom
+      this.separated ? "px-4" : this.calculatePaddingX
     )}"></slot>` : ""}</${tag}>`;
     if (isAccordion) {
       return html`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${root}<slot name="children"></slot></details>`;

package/dist/chunks/{chunk.4JIUFSXL.js → chunk.MKGGWQBV.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.2KW3OQK3.js → chunk.N5ISGLPU.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.6BPYGYKJ.js → chunk.O5OO4ZYT.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.KPGT5KTE.js → chunk.OGZQTS5F.js}

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.5E7OOWFM.js → chunk.OSVHP3IT.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.DFQ36XHY.js → chunk.PBPSZJYK.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.CY7STHBY.js → chunk.PFIUB53L.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.NG6H4NIH.js → chunk.RPLU56MF.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.4X5KLZKG.js → chunk.S5CIECBU.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.ZQKFSIZX.js → chunk.TBUESXVZ.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.64YEOMIV.js → chunk.TPMPCCRV.js}

@@ -1,12 +1,12 @@
 import {
   SdAccordion
-} from "./chunk.7WP2IWGR.js";
+} from "./chunk.TQ4DIMUW.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.7WP2IWGR.js → chunk.TQ4DIMUW.js}

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -135,12 +135,12 @@ var SdAccordion = class extends SolidElement {
   }
   render() {
     return html`<details part="base" class="border-y border-neutral-400"><summary part="header" id="header" class="${cx(
-      "flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 py-3 focus-visible:focus-outline text-primary hover:bg-neutral-200 relative group"
+      "flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 py-3 focus-visible:focus-outline text-primary relative group transition-colors ease-in-out duration-fast hover:bg-neutral-200"
     )}" aria-expanded="${this.open ? "true" : "false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><div part="summary-border" class="${cx(
       !this.open && "opacity-0",
-      "w-1 bg-accent absolute left-0 transition-all h-[calc(100%-16px)] group-hover:h-full"
+      "w-1 bg-accent absolute left-0 transition-height duration-fast ease-in-out h-[calc(100%-16px)] group-hover:h-full"
     )}"></div><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${cx(
-      "flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-300 text-xl",
+      "flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-medium text-xl",
       this.open && "rotate-180"
     )}"><slot name="expand-icon" class="${cx(this.open && "hidden")}"><sd-icon library="_internal" name="chevron-down"></sd-icon></slot><slot name="collapse-icon" class="${cx(!this.open && "hidden")}"><sd-icon library="_internal" name="chevron-down"></sd-icon></slot></span></summary><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></details>`;
   }
@@ -175,14 +175,14 @@ setDefaultAnimation("accordion.show", {
     { height: "0", opacity: "0" },
     { height: "auto", opacity: "1" }
   ],
-  options: { duration: 300, easing: "ease" }
+  options: { duration: "var(--sd-duration-medium, 300)", easing: "ease-in-out" }
 });
 setDefaultAnimation("accordion.hide", {
   keyframes: [
     { height: "auto", opacity: "1" },
     { height: "0", opacity: "0" }
   ],
-  options: { duration: 300, easing: "ease" }
+  options: { duration: "var(--sd-duration-fast, 150)", easing: "ease-in-out" }
 });
 
 export {

package/dist/chunks/{chunk.FZYBHAXZ.js → chunk.TR7F4J6K.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.EQXVKF2G.js → chunk.VCDQPSR5.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.LVZUFX7G.js → chunk.VVDUCRRF.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.IUBULF5H.js";
+} from "./chunk.WJ3R5TMO.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";