@solostylist/ui-kit 1.0.167 → 1.0.168

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

@@ -1,21 +1,21 @@
 import { j as i } from "../jsx-runtime-OVHDjVDe.js";
-import { E as mo } from "../ExpandMore-DTWX_mHf.js";
+import { E as yo } from "../ExpandMore-DTWX_mHf.js";
 import * as p from "react";
-import { l as go, P as o, j as yo } from "../createTheme-3Wd3hHrj.js";
-import { u as K, c as L, a as Q, m as $ } from "../DefaultPropsProvider-CaCsvQaq.js";
-import { b as xo, u as ho, e as bo, d as D, c as To, B as Co } from "../ButtonBase-DfTfJ_ou.js";
+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 Eo } from "../useControlled-D1L5tREc.js";
+import { u as So } from "../useControlled-D1L5tREc.js";
 import { s as T } from "../styled-B0Z4EDy9.js";
-import { T as So, u as vo, g as ro, P as wo } from "../Paper-hkbPWyBT.js";
-import { S as Ao } from "../Stack-Cq2r2NmC.js";
-import { T as Ro } from "../Typography-B7LOtCzI.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);
 }
 X("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const Po = (e) => {
+const No = (e) => {
   const {
     orientation: t,
     classes: r
@@ -26,8 +26,8 @@ const Po = (e) => {
     wrapper: ["wrapper", `${t}`],
     wrapperInner: ["wrapperInner", `${t}`]
   };
-  return Q(s, jo, r);
-}, No = T("div", {
+  return K(s, jo, r);
+}, Oo = T("div", {
   name: "MuiCollapse",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -36,7 +36,7 @@ const Po = (e) => {
     } = e;
     return [t.root, t[r.orientation], r.state === "entered" && t.entered, r.state === "exited" && !r.in && r.collapsedSize === "0px" && t.hidden];
   }
-})($(({
+})(M(({
   theme: e
 }) => ({
   height: 0,
@@ -75,7 +75,7 @@ const Po = (e) => {
       visibility: "hidden"
     }
   }]
-}))), Oo = T("div", {
+}))), Do = T("div", {
   name: "MuiCollapse",
   slot: "Wrapper"
 })({
@@ -91,7 +91,7 @@ const Po = (e) => {
       height: "100%"
     }
   }]
-}), Mo = T("div", {
+}), Io = T("div", {
   name: "MuiCollapse",
   slot: "WrapperInner"
 })({
@@ -105,135 +105,135 @@ const Po = (e) => {
       height: "100%"
     }
   }]
-}), J = /* @__PURE__ */ p.forwardRef(function(t, r) {
-  const s = K({
+}), Q = /* @__PURE__ */ p.forwardRef(function(t, r) {
+  const s = J({
     props: t,
     name: "MuiCollapse"
   }), {
     addEndListener: c,
-    children: f,
-    className: m,
-    collapsedSize: g = "0px",
-    component: E,
-    easing: I,
+    children: m,
+    className: f,
+    collapsedSize: y = "0px",
+    component: A,
+    easing: z,
     in: S,
-    onEnter: R,
-    onEntered: j,
-    onEntering: z,
-    onExit: P,
-    onExited: W,
-    onExiting: V,
+    onEnter: w,
+    onEntered: v,
+    onEntering: V,
+    onExit: j,
+    onExited: $,
+    onExiting: _,
     orientation: d = "vertical",
-    style: y,
+    style: g,
     timeout: l = go.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: N = So,
-    ...G
-  } = s, v = {
+    TransitionComponent: N = Co,
+    ...F
+  } = s, C = {
     ...s,
     orientation: d,
-    collapsedSize: g
-  }, u = Po(v), w = vo(), U = xo(), a = p.useRef(null), x = p.useRef(), C = typeof g == "number" ? `${g}px` : g, O = d === "horizontal", M = O ? "width" : "height", k = p.useRef(null), Z = ho(r, k), A = (n) => (h) => {
+    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 = k.current;
-      h === void 0 ? n(b) : n(b, h);
+      const b = W.current;
+      x === void 0 ? n(b) : n(b, x);
     }
-  }, H = () => a.current ? a.current[O ? "clientWidth" : "clientHeight"] : 0, oo = A((n, h) => {
-    a.current && O && (a.current.style.position = "absolute"), n.style[M] = C, R && R(n, h);
-  }), eo = A((n, h) => {
-    const b = H();
+  }, 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 = "");
     const {
-      duration: B,
-      easing: q
-    } = ro({
-      style: y,
+      duration: G,
+      easing: B
+    } = so({
+      style: g,
       timeout: l,
-      easing: I
+      easing: z
     }, {
       mode: "enter"
     });
     if (l === "auto") {
-      const no = w.transitions.getAutoHeightDuration(b);
-      n.style.transitionDuration = `${no}ms`, x.current = no;
+      const ro = E.transitions.getAutoHeightDuration(b);
+      n.style.transitionDuration = `${ro}ms`, h.current = ro;
     } else
-      n.style.transitionDuration = typeof B == "string" ? B : `${B}ms`;
-    n.style[M] = `${b}px`, n.style.transitionTimingFunction = q, z && z(n, h);
-  }), co = A((n, h) => {
-    n.style[M] = "auto", j && j(n, h);
-  }), lo = A((n) => {
-    n.style[M] = `${H()}px`, P && P(n);
-  }), po = A(W), uo = A((n) => {
-    const h = H(), {
+      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: B
-    } = ro({
-      style: y,
+      easing: G
+    } = so({
+      style: g,
       timeout: l,
-      easing: I
+      easing: z
     }, {
       mode: "exit"
     });
     if (l === "auto") {
-      const q = w.transitions.getAutoHeightDuration(h);
-      n.style.transitionDuration = `${q}ms`, x.current = q;
+      const B = E.transitions.getAutoHeightDuration(x);
+      n.style.transitionDuration = `${B}ms`, h.current = B;
     } else
       n.style.transitionDuration = typeof b == "string" ? b : `${b}ms`;
-    n.style[M] = C, n.style.transitionTimingFunction = B, V && V(n);
+    n.style[D] = P, n.style.transitionTimingFunction = G, _ && _(n);
   }), fo = (n) => {
-    l === "auto" && U.start(x.current || 0, n), c && c(k.current, n);
+    l === "auto" && k.start(h.current || 0, n), c && c(W.current, n);
   };
   return /* @__PURE__ */ i.jsx(N, {
     in: S,
     onEnter: oo,
-    onEntered: co,
+    onEntered: lo,
     onEntering: eo,
-    onExit: lo,
-    onExited: po,
-    onExiting: uo,
+    onExit: po,
+    onExited: uo,
+    onExiting: mo,
     addEndListener: fo,
-    nodeRef: k,
+    nodeRef: W,
     timeout: l === "auto" ? null : l,
-    ...G,
+    ...F,
     children: (n, {
-      ownerState: h,
+      ownerState: x,
       ...b
-    }) => /* @__PURE__ */ i.jsx(No, {
-      as: E,
-      className: L(u.root, m, {
+    }) => /* @__PURE__ */ i.jsx(Oo, {
+      as: A,
+      className: H(u.root, f, {
         entered: u.entered,
-        exited: !S && C === "0px" && u.hidden
+        exited: !S && P === "0px" && u.hidden
       }[n]),
       style: {
-        [O ? "minWidth" : "minHeight"]: C,
-        ...y
+        [O ? "minWidth" : "minHeight"]: P,
+        ...g
       },
       ref: Z,
       ownerState: {
-        ...v,
+        ...C,
         state: n
       },
       ...b,
-      children: /* @__PURE__ */ i.jsx(Oo, {
+      children: /* @__PURE__ */ i.jsx(Do, {
         ownerState: {
-          ...v,
+          ...C,
           state: n
         },
         className: u.wrapper,
         ref: a,
-        children: /* @__PURE__ */ i.jsx(Mo, {
+        children: /* @__PURE__ */ i.jsx(Io, {
           ownerState: {
-            ...v,
+            ...C,
             state: n
           },
           className: u.wrapperInner,
-          children: f
+          children: m
         })
       })
     })
   });
 });
-process.env.NODE_ENV !== "production" && (J.propTypes = {
+process.env.NODE_ENV !== "production" && (Q.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 +265,7 @@ process.env.NODE_ENV !== "production" && (J.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: bo,
+  component: To,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -328,26 +328,26 @@ process.env.NODE_ENV !== "production" && (J.propTypes = {
     exit: o.number
   })])
 });
-J && (J.muiSupportAuto = !0);
-const to = /* @__PURE__ */ p.createContext({});
-process.env.NODE_ENV !== "production" && (to.displayName = "AccordionContext");
-function Do(e) {
+Q && (Q.muiSupportAuto = !0);
+const no = /* @__PURE__ */ p.createContext({});
+process.env.NODE_ENV !== "production" && (no.displayName = "AccordionContext");
+function Mo(e) {
   return Y("MuiAccordion", e);
 }
-const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled", "gutters", "region"]), $o = (e) => {
+const L = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled", "gutters", "region"]), zo = (e) => {
   const {
     classes: t,
     square: r,
     expanded: s,
     disabled: c,
-    disableGutters: f
+    disableGutters: m
   } = e;
-  return Q({
-    root: ["root", !r && "rounded", s && "expanded", c && "disabled", !f && "gutters"],
+  return K({
+    root: ["root", !r && "rounded", s && "expanded", c && "disabled", !m && "gutters"],
     heading: ["heading"],
     region: ["region"]
-  }, Do, t);
-}, Io = T(wo, {
+  }, Mo, t);
+}, Vo = T(Ro, {
   name: "MuiAccordion",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -355,10 +355,10 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       ownerState: r
     } = e;
     return [{
-      [`& .${_.region}`]: t.region
+      [`& .${L.region}`]: t.region
     }, t.root, !r.square && t.rounded, !r.disableGutters && t.gutters];
   }
-})($(({
+})(M(({
   theme: e
 }) => {
   const t = {
@@ -385,7 +385,7 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
         display: "none"
       }
     },
-    [`&.${_.expanded}`]: {
+    [`&.${L.expanded}`]: {
       "&::before": {
         opacity: 0
       },
@@ -401,11 +401,11 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
         }
       }
     },
-    [`&.${_.disabled}`]: {
+    [`&.${L.disabled}`]: {
       backgroundColor: (e.vars || e).palette.action.disabledBackground
     }
   };
-}), $(({
+}), M(({
   theme: e
 }) => ({
   variants: [{
@@ -429,117 +429,117 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
   }, {
     props: (t) => !t.disableGutters,
     style: {
-      [`&.${_.expanded}`]: {
+      [`&.${L.expanded}`]: {
         margin: "16px 0"
       }
     }
   }]
-}))), zo = T("h3", {
+}))), $o = T("h3", {
   name: "MuiAccordion",
   slot: "Heading"
 })({
   all: "unset"
-}), Wo = T("div", {
+}), _o = T("div", {
   name: "MuiAccordion",
   slot: "Region"
-})({}), so = /* @__PURE__ */ p.forwardRef(function(t, r) {
-  const s = K({
+})({}), io = /* @__PURE__ */ p.forwardRef(function(t, r) {
+  const s = J({
     props: t,
     name: "MuiAccordion"
   }), {
     children: c,
-    className: f,
-    defaultExpanded: m = !1,
-    disabled: g = !1,
-    disableGutters: E = !1,
-    expanded: I,
+    className: m,
+    defaultExpanded: f = !1,
+    disabled: y = !1,
+    disableGutters: A = !1,
+    expanded: z,
     onChange: S,
-    square: R = !1,
-    slots: j = {},
-    slotProps: z = {},
-    TransitionComponent: P,
-    TransitionProps: W,
-    ...V
-  } = s, [d, y] = Eo({
-    controlled: I,
-    default: m,
+    square: w = !1,
+    slots: v = {},
+    slotProps: V = {},
+    TransitionComponent: j,
+    TransitionProps: $,
+    ..._
+  } = s, [d, g] = So({
+    controlled: z,
+    default: f,
     name: "Accordion",
     state: "expanded"
   }), l = p.useCallback((eo) => {
-    y(!d), S && S(eo, !d);
-  }, [d, S, y]), [N, ...G] = p.Children.toArray(c), v = p.useMemo(() => ({
+    g(!d), S && S(eo, !d);
+  }, [d, S, g]), [N, ...F] = p.Children.toArray(c), C = p.useMemo(() => ({
     expanded: d,
-    disabled: g,
-    disableGutters: E,
+    disabled: y,
+    disableGutters: A,
     toggle: l
-  }), [d, g, E, l]), u = {
+  }), [d, y, A, l]), u = {
     ...s,
-    square: R,
-    disabled: g,
-    disableGutters: E,
+    square: w,
+    disabled: y,
+    disableGutters: A,
     expanded: d
-  }, w = $o(u), U = {
-    transition: P,
-    ...j
+  }, E = zo(u), k = {
+    transition: j,
+    ...v
   }, a = {
-    transition: W,
-    ...z
-  }, x = {
-    slots: U,
+    transition: $,
+    ...V
+  }, h = {
+    slots: k,
     slotProps: a
-  }, [C, O] = D("root", {
-    elementType: Io,
+  }, [P, O] = I("root", {
+    elementType: Vo,
     externalForwardedProps: {
-      ...x,
-      ...V
+      ...h,
+      ..._
     },
-    className: L(w.root, f),
+    className: H(E.root, m),
     shouldForwardComponentProp: !0,
     ownerState: u,
     ref: r,
     additionalProps: {
-      square: R
+      square: w
     }
-  }), [M, k] = D("heading", {
-    elementType: zo,
-    externalForwardedProps: x,
-    className: w.heading,
+  }), [D, W] = I("heading", {
+    elementType: $o,
+    externalForwardedProps: h,
+    className: E.heading,
     ownerState: u
-  }), [Z, A] = D("transition", {
-    elementType: J,
-    externalForwardedProps: x,
+  }), [Z, R] = I("transition", {
+    elementType: Q,
+    externalForwardedProps: h,
     ownerState: u
-  }), [H, oo] = D("region", {
-    elementType: Wo,
-    externalForwardedProps: x,
+  }), [U, oo] = I("region", {
+    elementType: _o,
+    externalForwardedProps: h,
     ownerState: u,
-    className: w.region,
+    className: E.region,
     additionalProps: {
       "aria-labelledby": N.props.id,
       id: N.props["aria-controls"],
       role: "region"
     }
   });
-  return /* @__PURE__ */ i.jsxs(C, {
+  return /* @__PURE__ */ i.jsxs(P, {
     ...O,
-    children: [/* @__PURE__ */ i.jsx(M, {
-      ...k,
-      children: /* @__PURE__ */ i.jsx(to.Provider, {
-        value: v,
+    children: [/* @__PURE__ */ i.jsx(D, {
+      ...W,
+      children: /* @__PURE__ */ i.jsx(no.Provider, {
+        value: C,
         children: N
       })
     }), /* @__PURE__ */ i.jsx(Z, {
       in: d,
       timeout: "auto",
-      ...A,
-      children: /* @__PURE__ */ i.jsx(H, {
+      ...R,
+      children: /* @__PURE__ */ i.jsx(U, {
         ...oo,
-        children: G
+        children: F
       })
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (so.propTypes = {
+process.env.NODE_ENV !== "production" && (io.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 +547,9 @@ process.env.NODE_ENV !== "production" && (so.propTypes = {
   /**
    * The content of the component.
    */
-  children: To(o.node.isRequired, (e) => {
+  children: Po(o.node.isRequired, (e) => {
     const t = p.Children.toArray(e.children)[0];
-    return yo.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.");
+    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.");
   }),
   /**
    * Override or extend the styles applied to the component.
@@ -628,40 +628,40 @@ process.env.NODE_ENV !== "production" && (so.propTypes = {
    */
   TransitionProps: o.object
 });
-function Vo(e) {
+function Wo(e) {
   return Y("MuiAccordionDetails", e);
 }
 X("MuiAccordionDetails", ["root"]);
-const ko = (e) => {
+const qo = (e) => {
   const {
     classes: t
   } = e;
-  return Q({
+  return K({
     root: ["root"]
-  }, Vo, t);
+  }, Wo, t);
 }, Fo = T("div", {
   name: "MuiAccordionDetails",
   slot: "Root"
-})($(({
+})(M(({
   theme: e
 }) => ({
   padding: e.spacing(1, 2, 2)
-}))), io = /* @__PURE__ */ p.forwardRef(function(t, r) {
-  const s = K({
+}))), ao = /* @__PURE__ */ p.forwardRef(function(t, r) {
+  const s = J({
     props: t,
     name: "MuiAccordionDetails"
   }), {
     className: c,
-    ...f
-  } = s, m = s, g = ko(m);
+    ...m
+  } = s, f = s, y = qo(f);
   return /* @__PURE__ */ i.jsx(Fo, {
-    className: L(g.root, c),
+    className: H(y.root, c),
     ref: r,
-    ownerState: m,
-    ...f
+    ownerState: f,
+    ...m
   });
 });
-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`.     │
@@ -683,26 +683,26 @@ process.env.NODE_ENV !== "production" && (io.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function Go(e) {
+function ko(e) {
   return Y("MuiAccordionSummary", e);
 }
-const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), Uo = (e) => {
+const q = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), Uo = (e) => {
   const {
     classes: t,
     expanded: r,
     disabled: s,
     disableGutters: c
   } = e;
-  return Q({
+  return K({
     root: ["root", r && "expanded", s && "disabled", !c && "gutters"],
     focusVisible: ["focusVisible"],
     content: ["content", r && "expanded", !c && "contentGutters"],
     expandIconWrapper: ["expandIconWrapper", r && "expanded"]
-  }, Go, t);
-}, Ho = T(Co, {
+  }, ko, t);
+}, Go = T(Ao, {
   name: "MuiAccordionSummary",
   slot: "Root"
-})($(({
+})(M(({
   theme: e
 }) => {
   const t = {
@@ -714,28 +714,28 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     minHeight: 48,
     padding: e.spacing(0, 2),
     transition: e.transitions.create(["min-height", "background-color"], t),
-    [`&.${F.focusVisible}`]: {
+    [`&.${q.focusVisible}`]: {
       backgroundColor: (e.vars || e).palette.action.focus
     },
-    [`&.${F.disabled}`]: {
+    [`&.${q.disabled}`]: {
       opacity: (e.vars || e).palette.action.disabledOpacity
     },
-    [`&:hover:not(.${F.disabled})`]: {
+    [`&:hover:not(.${q.disabled})`]: {
       cursor: "pointer"
     },
     variants: [{
       props: (r) => !r.disableGutters,
       style: {
-        [`&.${F.expanded}`]: {
+        [`&.${q.expanded}`]: {
           minHeight: 64
         }
       }
     }]
   };
-})), Bo = T("span", {
+})), Ho = T("span", {
   name: "MuiAccordionSummary",
   slot: "Content"
-})($(({
+})(M(({
   theme: e
 }) => ({
   display: "flex",
@@ -748,15 +748,15 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
       transition: e.transitions.create(["margin"], {
         duration: e.transitions.duration.shortest
       }),
-      [`&.${F.expanded}`]: {
+      [`&.${q.expanded}`]: {
         margin: "20px 0"
       }
     }
   }]
-}))), Lo = T("span", {
+}))), Bo = T("span", {
   name: "MuiAccordionSummary",
   slot: "ExpandIconWrapper"
-})($(({
+})(M(({
   theme: e
 }) => ({
   display: "flex",
@@ -765,84 +765,84 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
   transition: e.transitions.create("transform", {
     duration: e.transitions.duration.shortest
   }),
-  [`&.${F.expanded}`]: {
+  [`&.${q.expanded}`]: {
     transform: "rotate(180deg)"
   }
-}))), ao = /* @__PURE__ */ p.forwardRef(function(t, r) {
-  const s = K({
+}))), co = /* @__PURE__ */ p.forwardRef(function(t, r) {
+  const s = J({
     props: t,
     name: "MuiAccordionSummary"
   }), {
     children: c,
-    className: f,
-    expandIcon: m,
-    focusVisibleClassName: g,
-    onClick: E,
-    slots: I,
+    className: m,
+    expandIcon: f,
+    focusVisibleClassName: y,
+    onClick: A,
+    slots: z,
     slotProps: S,
-    ...R
+    ...w
   } = s, {
-    disabled: j = !1,
-    disableGutters: z,
-    expanded: P,
-    toggle: W
-  } = p.useContext(to), V = (a) => {
-    W && W(a), E && E(a);
+    disabled: v = !1,
+    disableGutters: V,
+    expanded: j,
+    toggle: $
+  } = p.useContext(no), _ = (a) => {
+    $ && $(a), A && A(a);
   }, d = {
     ...s,
-    expanded: P,
-    disabled: j,
-    disableGutters: z
-  }, y = Uo(d), l = {
-    slots: I,
+    expanded: j,
+    disabled: v,
+    disableGutters: V
+  }, g = Uo(d), l = {
+    slots: z,
     slotProps: S
-  }, [N, G] = D("root", {
+  }, [N, F] = I("root", {
     ref: r,
     shouldForwardComponentProp: !0,
-    className: L(y.root, f),
-    elementType: Ho,
+    className: H(g.root, m),
+    elementType: Go,
     externalForwardedProps: {
       ...l,
-      ...R
+      ...w
     },
     ownerState: d,
     additionalProps: {
       focusRipple: !1,
       disableRipple: !0,
-      disabled: j,
-      "aria-expanded": P,
-      focusVisibleClassName: L(y.focusVisible, g)
+      disabled: v,
+      "aria-expanded": j,
+      focusVisibleClassName: H(g.focusVisible, y)
     },
     getSlotProps: (a) => ({
       ...a,
-      onClick: (x) => {
-        var C;
-        (C = a.onClick) == null || C.call(a, x), V(x);
+      onClick: (h) => {
+        var P;
+        (P = a.onClick) == null || P.call(a, h), _(h);
       }
     })
-  }), [v, u] = D("content", {
-    className: y.content,
-    elementType: Bo,
+  }), [C, u] = I("content", {
+    className: g.content,
+    elementType: Ho,
     externalForwardedProps: l,
     ownerState: d
-  }), [w, U] = D("expandIconWrapper", {
-    className: y.expandIconWrapper,
-    elementType: Lo,
+  }), [E, k] = I("expandIconWrapper", {
+    className: g.expandIconWrapper,
+    elementType: Bo,
     externalForwardedProps: l,
     ownerState: d
   });
   return /* @__PURE__ */ i.jsxs(N, {
-    ...G,
-    children: [/* @__PURE__ */ i.jsx(v, {
+    ...F,
+    children: [/* @__PURE__ */ i.jsx(C, {
       ...u,
       children: c
-    }), m && /* @__PURE__ */ i.jsx(w, {
-      ...U,
-      children: m
+    }), f && /* @__PURE__ */ i.jsx(E, {
+      ...k,
+      children: f
     })]
   });
 });
-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`.     │
@@ -899,21 +899,35 @@ process.env.NODE_ENV !== "production" && (ao.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-const re = ({
+const to = ({
   title: e,
   children: t,
   startIcon: r,
   titleTypographyProps: s,
   accordionSummaryProps: c,
-  accordionDetailsProps: f,
-  ...m
-}) => /* @__PURE__ */ i.jsxs(so, { elevation: 0, ...m, children: [
-  e || r ? /* @__PURE__ */ i.jsx(ao, { expandIcon: /* @__PURE__ */ i.jsx(mo, {}), ...c, children: /* @__PURE__ */ i.jsxs(Ao, { direction: "row", spacing: 1, alignItems: "center", children: [
+  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(Ro, { variant: "subtitle1", fontWeight: 600, ...s, children: e })
+    /* @__PURE__ */ i.jsx(vo, { variant: "subtitle1", fontWeight: 600, ...s, children: e })
   ] }) }) : null,
-  /* @__PURE__ */ i.jsx(io, { ...f, children: t })
+  /* @__PURE__ */ i.jsx(ao, { ...m, 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 {
+}
 export {
-  re as default
+  to as SAccordion,
+  to as default
 };