@solostylist/ui-kit 1.0.174 → 1.0.176

package/dist/s-accordion/s-accordion.js

@@ -1,24 +1,25 @@
-import { j as i } from "../jsx-runtime-OVHDjVDe.js";
-import { E as yo } from "../ExpandMore-DTWX_mHf.js";
-import * as p from "react";
-import { l as go, P as o, j as ho } from "../createTheme-3Wd3hHrj.js";
-import { u as J, c as H, a as K, m as M } from "../DefaultPropsProvider-CaCsvQaq.js";
-import { b as xo, u as bo, e as To, d as I, c as Po, B as Ao } from "../ButtonBase-DfTfJ_ou.js";
-import { g as X } from "../generateUtilityClasses-BtVDwGrk.js";
-import { g as Y } from "../colorManipulator-ep5lERxB.js";
-import { u as So } from "../useControlled-D1L5tREc.js";
-import { s as T } from "../styled-B0Z4EDy9.js";
-import { T as Co, u as Eo, g as so, P as Ro } from "../Paper-hkbPWyBT.js";
-import { S as wo } from "../Stack-Cq2r2NmC.js";
-import { T as vo } from "../Typography-C8jwvSWe.js";
-function jo(e) {
-  return Y("MuiCollapse", e);
+import { j as i } from "../jsx-runtime-tc70JA_2.js";
+import { E as wo } from "../ExpandMore-DIGPB4Mj.js";
+import * as c from "react";
+import { T as Eo, u as vo, g as io, P as Ao, r as Ro } from "../Paper-DnctZB5U.js";
+import { k as Po, P as o } from "../createTheme-f5g1s6ww.js";
+import { c as L } from "../clsx-OuTLNxxd.js";
+import { u as Q, c as X, m as W } from "../DefaultPropsProvider-sk0uWcA6.js";
+import { b as jo, u as No, c as x, e as Oo, d as Io, B as Mo } from "../ButtonBase-C_YYB9Ry.js";
+import { g as Y } from "../generateUtilityClasses-BtVDwGrk.js";
+import { g as Z } from "../colorManipulator-ep5lERxB.js";
+import { u as Do } from "../useControlled-D1L5tREc.js";
+import { s as b } from "../styled-B0KflPi-.js";
+import { S as $o } from "../Stack-BScsuyQy.js";
+import { T as Wo } from "../Typography-9Kg27dDw.js";
+function zo(e) {
+  return Z("MuiCollapse", e);
 }
-X("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const No = (e) => {
+Y("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
+const ko = (e) => {
   const {
     orientation: t,
-    classes: r
+    classes: n
   } = e, s = {
     root: ["root", `${t}`],
     entered: ["entered"],
@@ -26,17 +27,17 @@ const No = (e) => {
     wrapper: ["wrapper", `${t}`],
     wrapperInner: ["wrapperInner", `${t}`]
   };
-  return K(s, jo, r);
-}, Oo = T("div", {
+  return X(s, zo, n);
+}, Vo = b("div", {
   name: "MuiCollapse",
   slot: "Root",
   overridesResolver: (e, t) => {
     const {
-      ownerState: r
+      ownerState: n
     } = e;
-    return [t.root, t[r.orientation], r.state === "entered" && t.entered, r.state === "exited" && !r.in && r.collapsedSize === "0px" && t.hidden];
+    return [t.root, t[n.orientation], n.state === "entered" && t.entered, n.state === "exited" && !n.in && n.collapsedSize === "0px" && t.hidden];
   }
-})(M(({
+})(W(({
   theme: e
 }) => ({
   height: 0,
@@ -75,7 +76,7 @@ const No = (e) => {
       visibility: "hidden"
     }
   }]
-}))), Do = T("div", {
+}))), Fo = b("div", {
   name: "MuiCollapse",
   slot: "Wrapper"
 })({
@@ -91,7 +92,7 @@ const No = (e) => {
       height: "100%"
     }
   }]
-}), Io = T("div", {
+}), Go = b("div", {
   name: "MuiCollapse",
   slot: "WrapperInner"
 })({
@@ -105,135 +106,155 @@ const No = (e) => {
       height: "100%"
     }
   }]
-}), Q = /* @__PURE__ */ p.forwardRef(function(t, r) {
-  const s = J({
+}), K = /* @__PURE__ */ c.forwardRef(function(t, n) {
+  const s = Q({
     props: t,
     name: "MuiCollapse"
   }), {
-    addEndListener: c,
-    children: m,
-    className: f,
-    collapsedSize: y = "0px",
-    component: A,
+    addEndListener: a,
+    children: d,
+    className: p,
+    collapsedSize: u = "0px",
+    component: R,
     easing: z,
-    in: S,
-    onEnter: w,
-    onEntered: v,
+    in: P,
+    onEnter: k,
+    onEntered: N,
     onEntering: V,
-    onExit: j,
-    onExited: $,
-    onExiting: _,
-    orientation: d = "vertical",
-    style: g,
-    timeout: l = go.standard,
+    onExit: O,
+    onExited: F,
+    onExiting: f,
+    orientation: h = "vertical",
+    slots: T = {},
+    slotProps: C = {},
+    style: I,
+    timeout: m = Po.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: N = Co,
-    ...F
-  } = s, C = {
+    TransitionComponent: S = Eo,
+    ...M
+  } = s, w = {
     ...s,
-    orientation: d,
-    collapsedSize: y
-  }, u = No(C), E = Eo(), k = xo(), a = p.useRef(null), h = p.useRef(), P = typeof y == "number" ? `${y}px` : y, O = d === "horizontal", D = O ? "width" : "height", W = p.useRef(null), Z = bo(r, W), R = (n) => (x) => {
-    if (n) {
-      const b = W.current;
-      x === void 0 ? n(b) : n(b, x);
+    orientation: h,
+    collapsedSize: u
+  }, E = ko(w), l = vo(), G = jo(), v = c.useRef(null), _ = c.useRef(), U = typeof u == "number" ? `${u}px` : u, D = h === "horizontal", $ = D ? "width" : "height", H = c.useRef(null), oo = No(n, H), j = (r) => (g) => {
+    if (r) {
+      const y = H.current;
+      g === void 0 ? r(y) : r(y, g);
     }
-  }, U = () => a.current ? a.current[O ? "clientWidth" : "clientHeight"] : 0, oo = R((n, x) => {
-    a.current && O && (a.current.style.position = "absolute"), n.style[D] = P, w && w(n, x);
-  }), eo = R((n, x) => {
-    const b = U();
-    a.current && O && (a.current.style.position = "");
+  }, eo = () => v.current ? v.current[D ? "clientWidth" : "clientHeight"] : 0, po = j((r, g) => {
+    v.current && D && (v.current.style.position = "absolute"), r.style[$] = U, k && k(r, g);
+  }), uo = j((r, g) => {
+    const y = eo();
+    v.current && D && (v.current.style.position = "");
     const {
-      duration: G,
-      easing: B
-    } = so({
-      style: g,
-      timeout: l,
+      duration: A,
+      easing: q
+    } = io({
+      style: I,
+      timeout: m,
       easing: z
     }, {
       mode: "enter"
     });
-    if (l === "auto") {
-      const ro = E.transitions.getAutoHeightDuration(b);
-      n.style.transitionDuration = `${ro}ms`, h.current = ro;
+    if (m === "auto") {
+      const so = l.transitions.getAutoHeightDuration(y);
+      r.style.transitionDuration = `${so}ms`, _.current = so;
     } else
-      n.style.transitionDuration = typeof G == "string" ? G : `${G}ms`;
-    n.style[D] = `${b}px`, n.style.transitionTimingFunction = B, V && V(n, x);
-  }), lo = R((n, x) => {
-    n.style[D] = "auto", v && v(n, x);
-  }), po = R((n) => {
-    n.style[D] = `${U()}px`, j && j(n);
-  }), uo = R($), mo = R((n) => {
-    const x = U(), {
-      duration: b,
-      easing: G
-    } = so({
-      style: g,
-      timeout: l,
+      r.style.transitionDuration = typeof A == "string" ? A : `${A}ms`;
+    r.style[$] = `${y}px`, r.style.transitionTimingFunction = q, V && V(r, g);
+  }), fo = j((r, g) => {
+    r.style[$] = "auto", N && N(r, g);
+  }), mo = j((r) => {
+    r.style[$] = `${eo()}px`, O && O(r);
+  }), go = j(F), yo = j((r) => {
+    const g = eo(), {
+      duration: y,
+      easing: A
+    } = io({
+      style: I,
+      timeout: m,
       easing: z
     }, {
       mode: "exit"
     });
-    if (l === "auto") {
-      const B = E.transitions.getAutoHeightDuration(x);
-      n.style.transitionDuration = `${B}ms`, h.current = B;
+    if (m === "auto") {
+      const q = l.transitions.getAutoHeightDuration(g);
+      r.style.transitionDuration = `${q}ms`, _.current = q;
     } else
-      n.style.transitionDuration = typeof b == "string" ? b : `${b}ms`;
-    n.style[D] = P, n.style.transitionTimingFunction = G, _ && _(n);
-  }), fo = (n) => {
-    l === "auto" && k.start(h.current || 0, n), c && c(W.current, n);
-  };
-  return /* @__PURE__ */ i.jsx(N, {
-    in: S,
-    onEnter: oo,
-    onEntered: lo,
-    onEntering: eo,
-    onExit: po,
-    onExited: uo,
-    onExiting: mo,
-    addEndListener: fo,
-    nodeRef: W,
-    timeout: l === "auto" ? null : l,
-    ...F,
-    children: (n, {
-      ownerState: x,
-      ...b
-    }) => /* @__PURE__ */ i.jsx(Oo, {
-      as: A,
-      className: H(u.root, f, {
-        entered: u.entered,
-        exited: !S && P === "0px" && u.hidden
-      }[n]),
+      r.style.transitionDuration = typeof y == "string" ? y : `${y}ms`;
+    r.style[$] = U, r.style.transitionTimingFunction = A, f && f(r);
+  }), ho = (r) => {
+    m === "auto" && G.start(_.current || 0, r), a && a(H.current, r);
+  }, to = {
+    slots: T,
+    slotProps: C,
+    component: R
+  }, [xo, ro] = x("root", {
+    ref: oo,
+    className: L(E.root, p),
+    elementType: Vo,
+    externalForwardedProps: to,
+    ownerState: w,
+    additionalProps: {
       style: {
-        [O ? "minWidth" : "minHeight"]: P,
-        ...g
-      },
-      ref: Z,
-      ownerState: {
-        ...C,
-        state: n
-      },
-      ...b,
-      children: /* @__PURE__ */ i.jsx(Do, {
-        ownerState: {
-          ...C,
-          state: n
-        },
-        className: u.wrapper,
-        ref: a,
-        children: /* @__PURE__ */ i.jsx(Io, {
-          ownerState: {
-            ...C,
-            state: n
-          },
-          className: u.wrapperInner,
-          children: m
+        [D ? "minWidth" : "minHeight"]: U,
+        ...I
+      }
+    }
+  }), [bo, To] = x("wrapper", {
+    ref: v,
+    className: E.wrapper,
+    elementType: Fo,
+    externalForwardedProps: to,
+    ownerState: w
+  }), [Co, So] = x("wrapperInner", {
+    className: E.wrapperInner,
+    elementType: Go,
+    externalForwardedProps: to,
+    ownerState: w
+  });
+  return /* @__PURE__ */ i.jsx(S, {
+    in: P,
+    onEnter: po,
+    onEntered: fo,
+    onEntering: uo,
+    onExit: mo,
+    onExited: go,
+    onExiting: yo,
+    addEndListener: ho,
+    nodeRef: H,
+    timeout: m === "auto" ? null : m,
+    ...M,
+    children: (r, {
+      ownerState: g,
+      ...y
+    }) => {
+      const A = {
+        ...w,
+        state: r
+      };
+      return /* @__PURE__ */ i.jsx(xo, {
+        ...ro,
+        className: L(ro.className, {
+          entered: E.entered,
+          exited: !P && U === "0px" && E.hidden
+        }[r]),
+        ownerState: A,
+        ...y,
+        children: /* @__PURE__ */ i.jsx(bo, {
+          ...To,
+          ownerState: A,
+          children: /* @__PURE__ */ i.jsx(Co, {
+            ...So,
+            ownerState: A,
+            children: d
+          })
         })
-      })
-    })
+      });
+    }
   });
 });
-process.env.NODE_ENV !== "production" && (Q.propTypes = {
+process.env.NODE_ENV !== "production" && (K.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -265,7 +286,7 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: To,
+  component: Oo,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -307,6 +328,24 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
    * @default 'vertical'
    */
   orientation: o.oneOf(["horizontal", "vertical"]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object]),
+    wrapper: o.oneOfType([o.func, o.object]),
+    wrapperInner: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    root: o.elementType,
+    wrapper: o.elementType,
+    wrapperInner: o.elementType
+  }),
   /**
    * @ignore
    */
@@ -328,37 +367,37 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
     exit: o.number
   })])
 });
-Q && (Q.muiSupportAuto = !0);
-const no = /* @__PURE__ */ p.createContext({});
+K && (K.muiSupportAuto = !0);
+const no = /* @__PURE__ */ c.createContext({});
 process.env.NODE_ENV !== "production" && (no.displayName = "AccordionContext");
-function Mo(e) {
-  return Y("MuiAccordion", e);
+function Uo(e) {
+  return Z("MuiAccordion", e);
 }
-const L = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled", "gutters", "region"]), zo = (e) => {
+const J = Y("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled", "gutters", "region"]), Ho = (e) => {
   const {
     classes: t,
-    square: r,
+    square: n,
     expanded: s,
-    disabled: c,
-    disableGutters: m
+    disabled: a,
+    disableGutters: d
   } = e;
-  return K({
-    root: ["root", !r && "rounded", s && "expanded", c && "disabled", !m && "gutters"],
+  return X({
+    root: ["root", !n && "rounded", s && "expanded", a && "disabled", !d && "gutters"],
     heading: ["heading"],
     region: ["region"]
-  }, Mo, t);
-}, Vo = T(Ro, {
+  }, Uo, t);
+}, Bo = b(Ao, {
   name: "MuiAccordion",
   slot: "Root",
   overridesResolver: (e, t) => {
     const {
-      ownerState: r
+      ownerState: n
     } = e;
     return [{
-      [`& .${L.region}`]: t.region
-    }, t.root, !r.square && t.rounded, !r.disableGutters && t.gutters];
+      [`& .${J.region}`]: t.region
+    }, t.root, !n.square && t.rounded, !n.disableGutters && t.gutters];
   }
-})(M(({
+})(W(({
   theme: e
 }) => {
   const t = {
@@ -385,7 +424,7 @@ const L = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
         display: "none"
       }
     },
-    [`&.${L.expanded}`]: {
+    [`&.${J.expanded}`]: {
       "&::before": {
         opacity: 0
       },
@@ -401,11 +440,11 @@ const L = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
         }
       }
     },
-    [`&.${L.disabled}`]: {
+    [`&.${J.disabled}`]: {
       backgroundColor: (e.vars || e).palette.action.disabledBackground
     }
   };
-}), M(({
+}), W(({
   theme: e
 }) => ({
   variants: [{
@@ -429,117 +468,112 @@ const L = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
   }, {
     props: (t) => !t.disableGutters,
     style: {
-      [`&.${L.expanded}`]: {
+      [`&.${J.expanded}`]: {
         margin: "16px 0"
       }
     }
   }]
-}))), $o = T("h3", {
+}))), Lo = b("h3", {
   name: "MuiAccordion",
   slot: "Heading"
 })({
   all: "unset"
-}), _o = T("div", {
+}), _o = b("div", {
   name: "MuiAccordion",
   slot: "Region"
-})({}), io = /* @__PURE__ */ p.forwardRef(function(t, r) {
-  const s = J({
+})({}), ao = /* @__PURE__ */ c.forwardRef(function(t, n) {
+  const s = Q({
     props: t,
     name: "MuiAccordion"
   }), {
-    children: c,
-    className: m,
-    defaultExpanded: f = !1,
-    disabled: y = !1,
-    disableGutters: A = !1,
+    children: a,
+    className: d,
+    defaultExpanded: p = !1,
+    disabled: u = !1,
+    disableGutters: R = !1,
     expanded: z,
-    onChange: S,
-    square: w = !1,
-    slots: v = {},
-    slotProps: V = {},
-    TransitionComponent: j,
-    TransitionProps: $,
-    ..._
-  } = s, [d, g] = So({
+    onChange: P,
+    slots: k = {},
+    slotProps: N = {},
+    TransitionComponent: V,
+    TransitionProps: O,
+    ...F
+  } = s, [f, h] = Do({
     controlled: z,
-    default: f,
+    default: p,
     name: "Accordion",
     state: "expanded"
-  }), l = p.useCallback((eo) => {
-    g(!d), S && S(eo, !d);
-  }, [d, S, g]), [N, ...F] = p.Children.toArray(c), C = p.useMemo(() => ({
-    expanded: d,
-    disabled: y,
-    disableGutters: A,
-    toggle: l
-  }), [d, y, A, l]), u = {
+  }), T = c.useCallback((j) => {
+    h(!f), P && P(j, !f);
+  }, [f, P, h]), [C, ...I] = c.Children.toArray(a), m = c.useMemo(() => ({
+    expanded: f,
+    disabled: u,
+    disableGutters: R,
+    toggle: T
+  }), [f, u, R, T]), S = {
     ...s,
-    square: w,
-    disabled: y,
-    disableGutters: A,
-    expanded: d
-  }, E = zo(u), k = {
-    transition: j,
-    ...v
-  }, a = {
-    transition: $,
-    ...V
-  }, h = {
-    slots: k,
-    slotProps: a
-  }, [P, O] = I("root", {
-    elementType: Vo,
+    disabled: u,
+    disableGutters: R,
+    expanded: f
+  }, M = Ho(S), w = {
+    transition: V,
+    ...k
+  }, E = {
+    transition: O,
+    ...N
+  }, l = {
+    slots: w,
+    slotProps: E
+  }, [G, v] = x("root", {
+    elementType: Bo,
     externalForwardedProps: {
-      ...h,
-      ..._
+      ...l,
+      ...F
     },
-    className: H(E.root, m),
+    className: L(M.root, d),
     shouldForwardComponentProp: !0,
-    ownerState: u,
-    ref: r,
-    additionalProps: {
-      square: w
-    }
-  }), [D, W] = I("heading", {
-    elementType: $o,
-    externalForwardedProps: h,
-    className: E.heading,
-    ownerState: u
-  }), [Z, R] = I("transition", {
-    elementType: Q,
-    externalForwardedProps: h,
-    ownerState: u
-  }), [U, oo] = I("region", {
+    ownerState: S,
+    ref: n
+  }), [_, U] = x("heading", {
+    elementType: Lo,
+    externalForwardedProps: l,
+    className: M.heading,
+    ownerState: S
+  }), [D, $] = x("transition", {
+    elementType: K,
+    externalForwardedProps: l,
+    ownerState: S
+  }), [H, oo] = x("region", {
     elementType: _o,
-    externalForwardedProps: h,
-    ownerState: u,
-    className: E.region,
+    externalForwardedProps: l,
+    ownerState: S,
+    className: M.region,
     additionalProps: {
-      "aria-labelledby": N.props.id,
-      id: N.props["aria-controls"],
+      "aria-labelledby": C.props.id,
+      id: C.props["aria-controls"],
       role: "region"
     }
   });
-  return /* @__PURE__ */ i.jsxs(P, {
-    ...O,
-    children: [/* @__PURE__ */ i.jsx(D, {
-      ...W,
+  return /* @__PURE__ */ i.jsxs(G, {
+    ...v,
+    children: [/* @__PURE__ */ i.jsx(_, {
+      ...U,
       children: /* @__PURE__ */ i.jsx(no.Provider, {
-        value: C,
-        children: N
+        value: m,
+        children: C
       })
-    }), /* @__PURE__ */ i.jsx(Z, {
-      in: d,
+    }), /* @__PURE__ */ i.jsx(D, {
+      in: f,
       timeout: "auto",
-      ...R,
-      children: /* @__PURE__ */ i.jsx(U, {
+      ...$,
+      children: /* @__PURE__ */ i.jsx(H, {
         ...oo,
-        children: F
+        children: I
       })
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (io.propTypes = {
+process.env.NODE_ENV !== "production" && (ao.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -547,9 +581,9 @@ process.env.NODE_ENV !== "production" && (io.propTypes = {
   /**
    * The content of the component.
    */
-  children: Po(o.node.isRequired, (e) => {
-    const t = p.Children.toArray(e.children)[0];
-    return ho.isFragment(t) ? new Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.") : /* @__PURE__ */ p.isValidElement(t) ? null : new Error("MUI: Expected the first child of Accordion to be a valid element.");
+  children: Io(o.node.isRequired, (e) => {
+    const t = c.Children.toArray(e.children)[0];
+    return Ro.isFragment(t) ? new Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.") : /* @__PURE__ */ c.isValidElement(t) ? null : new Error("MUI: Expected the first child of Accordion to be a valid element.");
   }),
   /**
    * Override or extend the styles applied to the component.
@@ -570,12 +604,12 @@ process.env.NODE_ENV !== "production" && (io.propTypes = {
    */
   disabled: o.bool,
   /**
-   * If `true`, it removes the margin between two expanded accordion items and the increase of height.
+   * If `true`, it removes the margin between two expanded accordion items and prevents the increased height when expanded.
    * @default false
    */
   disableGutters: o.bool,
   /**
-   * If `true`, expands the accordion, otherwise collapse it.
+   * If `true`, expands the accordion, otherwise collapses it.
    * Setting this prop enables control over the accordion.
    */
   expanded: o.bool,
@@ -606,11 +640,6 @@ process.env.NODE_ENV !== "production" && (io.propTypes = {
     root: o.elementType,
     transition: o.elementType
   }),
-  /**
-   * If `true`, rounded corners are disabled.
-   * @default false
-   */
-  square: o.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -628,40 +657,40 @@ process.env.NODE_ENV !== "production" && (io.propTypes = {
    */
   TransitionProps: o.object
 });
-function Wo(e) {
-  return Y("MuiAccordionDetails", e);
+function qo(e) {
+  return Z("MuiAccordionDetails", e);
 }
-X("MuiAccordionDetails", ["root"]);
-const qo = (e) => {
+Y("MuiAccordionDetails", ["root"]);
+const Jo = (e) => {
   const {
     classes: t
   } = e;
-  return K({
+  return X({
     root: ["root"]
-  }, Wo, t);
-}, Fo = T("div", {
+  }, qo, t);
+}, Ko = b("div", {
   name: "MuiAccordionDetails",
   slot: "Root"
-})(M(({
+})(W(({
   theme: e
 }) => ({
   padding: e.spacing(1, 2, 2)
-}))), ao = /* @__PURE__ */ p.forwardRef(function(t, r) {
-  const s = J({
+}))), co = /* @__PURE__ */ c.forwardRef(function(t, n) {
+  const s = Q({
     props: t,
     name: "MuiAccordionDetails"
   }), {
-    className: c,
-    ...m
-  } = s, f = s, y = qo(f);
-  return /* @__PURE__ */ i.jsx(Fo, {
-    className: H(y.root, c),
-    ref: r,
-    ownerState: f,
-    ...m
+    className: a,
+    ...d
+  } = s, p = s, u = Jo(p);
+  return /* @__PURE__ */ i.jsx(Ko, {
+    className: L(u.root, a),
+    ref: n,
+    ownerState: p,
+    ...d
   });
 });
-process.env.NODE_ENV !== "production" && (ao.propTypes = {
+process.env.NODE_ENV !== "production" && (co.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -683,26 +712,26 @@ process.env.NODE_ENV !== "production" && (ao.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function ko(e) {
-  return Y("MuiAccordionSummary", e);
+function Qo(e) {
+  return Z("MuiAccordionSummary", e);
 }
-const q = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), Uo = (e) => {
+const B = Y("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), Xo = (e) => {
   const {
     classes: t,
-    expanded: r,
+    expanded: n,
     disabled: s,
-    disableGutters: c
+    disableGutters: a
   } = e;
-  return K({
-    root: ["root", r && "expanded", s && "disabled", !c && "gutters"],
+  return X({
+    root: ["root", n && "expanded", s && "disabled", !a && "gutters"],
     focusVisible: ["focusVisible"],
-    content: ["content", r && "expanded", !c && "contentGutters"],
-    expandIconWrapper: ["expandIconWrapper", r && "expanded"]
-  }, ko, t);
-}, Go = T(Ao, {
+    content: ["content", n && "expanded", !a && "contentGutters"],
+    expandIconWrapper: ["expandIconWrapper", n && "expanded"]
+  }, Qo, t);
+}, Yo = b(Mo, {
   name: "MuiAccordionSummary",
   slot: "Root"
-})(M(({
+})(W(({
   theme: e
 }) => {
   const t = {
@@ -714,28 +743,28 @@ const q = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     minHeight: 48,
     padding: e.spacing(0, 2),
     transition: e.transitions.create(["min-height", "background-color"], t),
-    [`&.${q.focusVisible}`]: {
+    [`&.${B.focusVisible}`]: {
       backgroundColor: (e.vars || e).palette.action.focus
     },
-    [`&.${q.disabled}`]: {
+    [`&.${B.disabled}`]: {
       opacity: (e.vars || e).palette.action.disabledOpacity
     },
-    [`&:hover:not(.${q.disabled})`]: {
+    [`&:hover:not(.${B.disabled})`]: {
       cursor: "pointer"
     },
     variants: [{
-      props: (r) => !r.disableGutters,
+      props: (n) => !n.disableGutters,
       style: {
-        [`&.${q.expanded}`]: {
+        [`&.${B.expanded}`]: {
           minHeight: 64
         }
       }
     }]
   };
-})), Ho = T("span", {
+})), Zo = b("span", {
   name: "MuiAccordionSummary",
   slot: "Content"
-})(M(({
+})(W(({
   theme: e
 }) => ({
   display: "flex",
@@ -748,15 +777,15 @@ const q = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
       transition: e.transitions.create(["margin"], {
         duration: e.transitions.duration.shortest
       }),
-      [`&.${q.expanded}`]: {
+      [`&.${B.expanded}`]: {
         margin: "20px 0"
       }
     }
   }]
-}))), Bo = T("span", {
+}))), oe = b("span", {
   name: "MuiAccordionSummary",
   slot: "ExpandIconWrapper"
-})(M(({
+})(W(({
   theme: e
 }) => ({
   display: "flex",
@@ -765,84 +794,83 @@ const q = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
   transition: e.transitions.create("transform", {
     duration: e.transitions.duration.shortest
   }),
-  [`&.${q.expanded}`]: {
+  [`&.${B.expanded}`]: {
     transform: "rotate(180deg)"
   }
-}))), co = /* @__PURE__ */ p.forwardRef(function(t, r) {
-  const s = J({
+}))), lo = /* @__PURE__ */ c.forwardRef(function(t, n) {
+  const s = Q({
     props: t,
     name: "MuiAccordionSummary"
   }), {
-    children: c,
-    className: m,
-    expandIcon: f,
-    focusVisibleClassName: y,
-    onClick: A,
+    children: a,
+    className: d,
+    expandIcon: p,
+    focusVisibleClassName: u,
+    onClick: R,
     slots: z,
-    slotProps: S,
-    ...w
+    slotProps: P,
+    ...k
   } = s, {
-    disabled: v = !1,
+    disabled: N = !1,
     disableGutters: V,
-    expanded: j,
-    toggle: $
-  } = p.useContext(no), _ = (a) => {
-    $ && $(a), A && A(a);
-  }, d = {
+    expanded: O,
+    toggle: F
+  } = c.useContext(no), f = (l) => {
+    F && F(l), R && R(l);
+  }, h = {
     ...s,
-    expanded: j,
-    disabled: v,
+    expanded: O,
+    disabled: N,
     disableGutters: V
-  }, g = Uo(d), l = {
+  }, T = Xo(h), C = {
     slots: z,
-    slotProps: S
-  }, [N, F] = I("root", {
-    ref: r,
+    slotProps: P
+  }, [I, m] = x("root", {
+    ref: n,
     shouldForwardComponentProp: !0,
-    className: H(g.root, m),
-    elementType: Go,
+    className: L(T.root, d),
+    elementType: Yo,
     externalForwardedProps: {
-      ...l,
-      ...w
+      ...C,
+      ...k
     },
-    ownerState: d,
+    ownerState: h,
     additionalProps: {
       focusRipple: !1,
       disableRipple: !0,
-      disabled: v,
-      "aria-expanded": j,
-      focusVisibleClassName: H(g.focusVisible, y)
+      disabled: N,
+      "aria-expanded": O,
+      focusVisibleClassName: L(T.focusVisible, u)
     },
-    getSlotProps: (a) => ({
-      ...a,
-      onClick: (h) => {
-        var P;
-        (P = a.onClick) == null || P.call(a, h), _(h);
+    getSlotProps: (l) => ({
+      ...l,
+      onClick: (G) => {
+        l.onClick?.(G), f(G);
       }
     })
-  }), [C, u] = I("content", {
-    className: g.content,
-    elementType: Ho,
-    externalForwardedProps: l,
-    ownerState: d
-  }), [E, k] = I("expandIconWrapper", {
-    className: g.expandIconWrapper,
-    elementType: Bo,
-    externalForwardedProps: l,
-    ownerState: d
+  }), [S, M] = x("content", {
+    className: T.content,
+    elementType: Zo,
+    externalForwardedProps: C,
+    ownerState: h
+  }), [w, E] = x("expandIconWrapper", {
+    className: T.expandIconWrapper,
+    elementType: oe,
+    externalForwardedProps: C,
+    ownerState: h
   });
-  return /* @__PURE__ */ i.jsxs(N, {
-    ...F,
-    children: [/* @__PURE__ */ i.jsx(C, {
-      ...u,
-      children: c
-    }), f && /* @__PURE__ */ i.jsx(E, {
-      ...k,
-      children: f
+  return /* @__PURE__ */ i.jsxs(I, {
+    ...m,
+    children: [/* @__PURE__ */ i.jsx(S, {
+      ...M,
+      children: a
+    }), p && /* @__PURE__ */ i.jsx(w, {
+      ...E,
+      children: p
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (co.propTypes = {
+process.env.NODE_ENV !== "production" && (lo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -899,35 +927,23 @@ process.env.NODE_ENV !== "production" && (co.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-const to = ({
+const ee = ({
   title: e,
   children: t,
-  startIcon: r,
+  startIcon: n,
   titleTypographyProps: s,
-  accordionSummaryProps: c,
-  accordionDetailsProps: m,
-  ...f
-}) => /* @__PURE__ */ i.jsxs(io, { elevation: 0, ...f, children: [
-  e || r ? /* @__PURE__ */ i.jsx(co, { expandIcon: /* @__PURE__ */ i.jsx(yo, {}), ...c, children: /* @__PURE__ */ i.jsxs(wo, { direction: "row", spacing: 1, alignItems: "center", children: [
-    r,
-    /* @__PURE__ */ i.jsx(vo, { variant: "subtitle1", fontWeight: 600, ...s, children: e })
+  accordionSummaryProps: a,
+  accordionDetailsProps: d,
+  ...p
+}) => /* @__PURE__ */ i.jsxs(ao, { elevation: 0, ...p, children: [
+  e || n ? /* @__PURE__ */ i.jsx(lo, { expandIcon: /* @__PURE__ */ i.jsx(wo, {}), ...a, children: /* @__PURE__ */ i.jsxs($o, { direction: "row", spacing: 1, alignItems: "center", children: [
+    n,
+    /* @__PURE__ */ i.jsx(Wo, { variant: "subtitle1", fontWeight: 600, ...s, children: e })
   ] }) }) : null,
-  /* @__PURE__ */ i.jsx(ao, { ...m, children: t })
+  /* @__PURE__ */ i.jsx(co, { ...d, children: t })
 ] });
-to.displayName = "SAccordion";
-try {
-  to.displayName = "SAccordion", to.__docgenInfo = { description: `A collapsible accordion component built on Material-UI Accordion with custom theming,
-optional icons, and smooth expand/collapse animations. Perfect for organizing content
-sections and FAQs.`, displayName: "SAccordion", props: { title: { defaultValue: null, description: "The title/header content of the accordion", name: "title", required: !0, type: { name: "ReactNode" } }, startIcon: { defaultValue: null, description: "Optional icon to display at the start of the accordion header", name: "startIcon", required: !1, type: { name: "ReactNode" } }, titleTypographyProps: { defaultValue: null, description: "Props to pass to the Typography component for the title", name: "titleTypographyProps", required: !1, type: { name: "TypographyProps" } }, accordionSummaryProps: { defaultValue: null, description: "Props to pass to the AccordionSummary component for customization", name: "accordionSummaryProps", required: !1, type: { name: "AccordionSummaryProps" } }, accordionDetailsProps: { defaultValue: null, description: "Props to pass to the AccordionDetails component for customization", name: "accordionDetailsProps", required: !1, type: { name: "AccordionDetailsProps" } } } };
-} catch {
-}
-try {
-  saccordion.displayName = "saccordion", saccordion.__docgenInfo = { description: `A collapsible accordion component built on Material-UI Accordion with custom theming,
-optional icons, and smooth expand/collapse animations. Perfect for organizing content
-sections and FAQs.`, displayName: "saccordion", props: { title: { defaultValue: null, description: "The title/header content of the accordion", name: "title", required: !0, type: { name: "ReactNode" } }, startIcon: { defaultValue: null, description: "Optional icon to display at the start of the accordion header", name: "startIcon", required: !1, type: { name: "ReactNode" } }, titleTypographyProps: { defaultValue: null, description: "Props to pass to the Typography component for the title", name: "titleTypographyProps", required: !1, type: { name: "TypographyProps" } }, accordionSummaryProps: { defaultValue: null, description: "Props to pass to the AccordionSummary component for customization", name: "accordionSummaryProps", required: !1, type: { name: "AccordionSummaryProps" } }, accordionDetailsProps: { defaultValue: null, description: "Props to pass to the AccordionDetails component for customization", name: "accordionDetailsProps", required: !1, type: { name: "AccordionDetailsProps" } } } };
-} catch {
-}
+ee.displayName = "SAccordion";
 export {
-  to as SAccordion,
-  to as default
+  ee as SAccordion,
+  ee as default
 };