@solostylist/ui-kit 1.0.106 → 1.0.108

package/dist/s-accordion/s-accordion.d.ts

@@ -1,9 +1,17 @@
 import { default as React } from 'react';
+import { AccordionProps } from '@mui/material/Accordion';
+import { AccordionDetailsProps } from '@mui/material/AccordionDetails';
+import { AccordionSummaryProps } from '@mui/material/AccordionSummary';
+import { TypographyProps } from '@mui/material/Typography';
 export interface SAccordionProps {
     title: React.ReactNode;
     children: React.ReactNode;
     startIcon?: React.ReactNode;
     defaultExpanded?: boolean;
+    titleTypographyProps?: TypographyProps;
+    accordionProps?: AccordionProps;
+    accordionSummaryProps?: AccordionSummaryProps;
+    accordionDetailsProps?: AccordionDetailsProps;
 }
-declare const SAccordion: ({ title, children, startIcon, defaultExpanded }: SAccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const SAccordion: ({ title, children, startIcon, defaultExpanded, titleTypographyProps, accordionProps, accordionSummaryProps, accordionDetailsProps, }: SAccordionProps) => import("react/jsx-runtime").JSX.Element;
 export default SAccordion;

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

@@ -1,8 +1,8 @@
 import { j as i } from "../jsx-runtime-DywqP_6a.js";
 import { E as mo } from "../ExpandMore-CE1RzE_y.js";
-import * as l from "react";
+import * as u from "react";
 import { l as go, P as o, j as yo } from "../createTheme-YLBX8GSj.js";
-import { u as K, a as L, b as Q, m as I } from "../createSvgIcon-DCQI9UV5.js";
+import { u as K, a as L, b as Q, m as $ } from "../createSvgIcon-DCQI9UV5.js";
 import { b as xo, u as ho, e as bo, d as D, c as To, B as Co } from "../ButtonBase-B-mcxJe8.js";
 import { g as X } from "../generateUtilityClasses-BtVDwGrk.js";
 import { g as Y } from "../colorManipulator-ep5lERxB.js";
@@ -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];
   }
-})(I(({
+})($(({
   theme: e
 }) => ({
   height: 0,
@@ -105,17 +105,17 @@ const Po = (e) => {
       height: "100%"
     }
   }]
-}), J = /* @__PURE__ */ l.forwardRef(function(t, r) {
+}), J = /* @__PURE__ */ u.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiCollapse"
   }), {
-    addEndListener: p,
-    children: h,
-    className: b,
-    collapsedSize: f = "0px",
+    addEndListener: c,
+    children: m,
+    className: g,
+    collapsedSize: l = "0px",
     component: E,
-    easing: $,
+    easing: I,
     in: S,
     onEnter: A,
     onEntered: j,
@@ -123,65 +123,65 @@ const Po = (e) => {
     onExit: P,
     onExited: W,
     onExiting: V,
-    orientation: c = "vertical",
-    style: m,
-    timeout: d = go.standard,
+    orientation: d = "vertical",
+    style: y,
+    timeout: p = go.standard,
     // eslint-disable-next-line react/prop-types
     TransitionComponent: N = So,
     ...G
   } = s, v = {
     ...s,
-    orientation: c,
-    collapsedSize: f
-  }, u = Po(v), w = vo(), U = xo(), a = l.useRef(null), g = l.useRef(), C = typeof f == "number" ? `${f}px` : f, O = c === "horizontal", M = O ? "width" : "height", k = l.useRef(null), Z = ho(r, k), R = (n) => (y) => {
+    orientation: d,
+    collapsedSize: l
+  }, f = Po(v), w = vo(), U = xo(), a = u.useRef(null), x = u.useRef(), C = typeof l == "number" ? `${l}px` : l, O = d === "horizontal", M = O ? "width" : "height", k = u.useRef(null), Z = ho(r, k), R = (n) => (h) => {
     if (n) {
-      const x = k.current;
-      y === void 0 ? n(x) : n(x, y);
+      const b = k.current;
+      h === void 0 ? n(b) : n(b, h);
     }
-  }, H = () => a.current ? a.current[O ? "clientWidth" : "clientHeight"] : 0, oo = R((n, y) => {
-    a.current && O && (a.current.style.position = "absolute"), n.style[M] = C, A && A(n, y);
-  }), eo = R((n, y) => {
-    const x = H();
+  }, H = () => a.current ? a.current[O ? "clientWidth" : "clientHeight"] : 0, oo = R((n, h) => {
+    a.current && O && (a.current.style.position = "absolute"), n.style[M] = C, A && A(n, h);
+  }), eo = R((n, h) => {
+    const b = H();
     a.current && O && (a.current.style.position = "");
     const {
       duration: B,
       easing: q
     } = ro({
-      style: m,
-      timeout: d,
-      easing: $
+      style: y,
+      timeout: p,
+      easing: I
     }, {
       mode: "enter"
     });
-    if (d === "auto") {
-      const no = w.transitions.getAutoHeightDuration(x);
-      n.style.transitionDuration = `${no}ms`, g.current = no;
+    if (p === "auto") {
+      const no = w.transitions.getAutoHeightDuration(b);
+      n.style.transitionDuration = `${no}ms`, x.current = no;
     } else
       n.style.transitionDuration = typeof B == "string" ? B : `${B}ms`;
-    n.style[M] = `${x}px`, n.style.transitionTimingFunction = q, z && z(n, y);
-  }), co = R((n, y) => {
-    n.style[M] = "auto", j && j(n, y);
+    n.style[M] = `${b}px`, n.style.transitionTimingFunction = q, z && z(n, h);
+  }), co = R((n, h) => {
+    n.style[M] = "auto", j && j(n, h);
   }), lo = R((n) => {
     n.style[M] = `${H()}px`, P && P(n);
   }), po = R(W), uo = R((n) => {
-    const y = H(), {
-      duration: x,
+    const h = H(), {
+      duration: b,
       easing: B
     } = ro({
-      style: m,
-      timeout: d,
-      easing: $
+      style: y,
+      timeout: p,
+      easing: I
     }, {
       mode: "exit"
     });
-    if (d === "auto") {
-      const q = w.transitions.getAutoHeightDuration(y);
-      n.style.transitionDuration = `${q}ms`, g.current = q;
+    if (p === "auto") {
+      const q = w.transitions.getAutoHeightDuration(h);
+      n.style.transitionDuration = `${q}ms`, x.current = q;
     } else
-      n.style.transitionDuration = typeof x == "string" ? x : `${x}ms`;
+      n.style.transitionDuration = typeof b == "string" ? b : `${b}ms`;
     n.style[M] = C, n.style.transitionTimingFunction = B, V && V(n);
   }), fo = (n) => {
-    d === "auto" && U.start(g.current || 0, n), p && p(k.current, n);
+    p === "auto" && U.start(x.current || 0, n), c && c(k.current, n);
   };
   return /* @__PURE__ */ i.jsx(N, {
     in: S,
@@ -193,41 +193,41 @@ const Po = (e) => {
     onExiting: uo,
     addEndListener: fo,
     nodeRef: k,
-    timeout: d === "auto" ? null : d,
+    timeout: p === "auto" ? null : p,
     ...G,
     children: (n, {
-      ownerState: y,
-      ...x
+      ownerState: h,
+      ...b
     }) => /* @__PURE__ */ i.jsx(No, {
       as: E,
-      className: L(u.root, b, {
-        entered: u.entered,
-        exited: !S && C === "0px" && u.hidden
+      className: L(f.root, g, {
+        entered: f.entered,
+        exited: !S && C === "0px" && f.hidden
       }[n]),
       style: {
         [O ? "minWidth" : "minHeight"]: C,
-        ...m
+        ...y
       },
       ref: Z,
       ownerState: {
         ...v,
         state: n
       },
-      ...x,
+      ...b,
       children: /* @__PURE__ */ i.jsx(Oo, {
         ownerState: {
           ...v,
           state: n
         },
-        className: u.wrapper,
+        className: f.wrapper,
         ref: a,
         children: /* @__PURE__ */ i.jsx(Mo, {
           ownerState: {
             ...v,
             state: n
           },
-          className: u.wrapperInner,
-          children: h
+          className: f.wrapperInner,
+          children: m
         })
       })
     })
@@ -329,25 +329,25 @@ process.env.NODE_ENV !== "production" && (J.propTypes = {
   })])
 });
 J && (J.muiSupportAuto = !0);
-const to = /* @__PURE__ */ l.createContext({});
+const to = /* @__PURE__ */ u.createContext({});
 process.env.NODE_ENV !== "production" && (to.displayName = "AccordionContext");
 function Do(e) {
   return Y("MuiAccordion", e);
 }
-const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled", "gutters", "region"]), Io = (e) => {
+const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled", "gutters", "region"]), $o = (e) => {
   const {
     classes: t,
     square: r,
     expanded: s,
-    disabled: p,
-    disableGutters: h
+    disabled: c,
+    disableGutters: m
   } = e;
   return Q({
-    root: ["root", !r && "rounded", s && "expanded", p && "disabled", !h && "gutters"],
+    root: ["root", !r && "rounded", s && "expanded", c && "disabled", !m && "gutters"],
     heading: ["heading"],
     region: ["region"]
   }, Do, t);
-}, $o = T(wo, {
+}, Io = T(wo, {
   name: "MuiAccordion",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -358,7 +358,7 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       [`& .${_.region}`]: t.region
     }, t.root, !r.square && t.rounded, !r.disableGutters && t.gutters];
   }
-})(I(({
+})($(({
   theme: e
 }) => {
   const t = {
@@ -405,7 +405,7 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       backgroundColor: (e.vars || e).palette.action.disabledBackground
     }
   };
-}), I(({
+}), $(({
   theme: e
 }) => ({
   variants: [{
@@ -442,17 +442,17 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
 }), Wo = T("div", {
   name: "MuiAccordion",
   slot: "Region"
-})({}), so = /* @__PURE__ */ l.forwardRef(function(t, r) {
+})({}), so = /* @__PURE__ */ u.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiAccordion"
   }), {
-    children: p,
-    className: h,
-    defaultExpanded: b = !1,
-    disabled: f = !1,
+    children: c,
+    className: m,
+    defaultExpanded: g = !1,
+    disabled: l = !1,
     disableGutters: E = !1,
-    expanded: $,
+    expanded: I,
     onChange: S,
     square: A = !1,
     slots: j = {},
@@ -460,59 +460,59 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     TransitionComponent: P,
     TransitionProps: W,
     ...V
-  } = s, [c, m] = Eo({
-    controlled: $,
-    default: b,
+  } = s, [d, y] = Eo({
+    controlled: I,
+    default: g,
     name: "Accordion",
     state: "expanded"
-  }), d = l.useCallback((eo) => {
-    m(!c), S && S(eo, !c);
-  }, [c, S, m]), [N, ...G] = l.Children.toArray(p), v = l.useMemo(() => ({
-    expanded: c,
-    disabled: f,
+  }), p = u.useCallback((eo) => {
+    y(!d), S && S(eo, !d);
+  }, [d, S, y]), [N, ...G] = u.Children.toArray(c), v = u.useMemo(() => ({
+    expanded: d,
+    disabled: l,
     disableGutters: E,
-    toggle: d
-  }), [c, f, E, d]), u = {
+    toggle: p
+  }), [d, l, E, p]), f = {
     ...s,
     square: A,
-    disabled: f,
+    disabled: l,
     disableGutters: E,
-    expanded: c
-  }, w = Io(u), U = {
+    expanded: d
+  }, w = $o(f), U = {
     transition: P,
     ...j
   }, a = {
     transition: W,
     ...z
-  }, g = {
+  }, x = {
     slots: U,
     slotProps: a
   }, [C, O] = D("root", {
-    elementType: $o,
+    elementType: Io,
     externalForwardedProps: {
-      ...g,
+      ...x,
       ...V
     },
-    className: L(w.root, h),
+    className: L(w.root, m),
     shouldForwardComponentProp: !0,
-    ownerState: u,
+    ownerState: f,
     ref: r,
     additionalProps: {
       square: A
     }
   }), [M, k] = D("heading", {
     elementType: zo,
-    externalForwardedProps: g,
+    externalForwardedProps: x,
     className: w.heading,
-    ownerState: u
+    ownerState: f
   }), [Z, R] = D("transition", {
     elementType: J,
-    externalForwardedProps: g,
-    ownerState: u
+    externalForwardedProps: x,
+    ownerState: f
   }), [H, oo] = D("region", {
     elementType: Wo,
-    externalForwardedProps: g,
-    ownerState: u,
+    externalForwardedProps: x,
+    ownerState: f,
     className: w.region,
     additionalProps: {
       "aria-labelledby": N.props.id,
@@ -529,7 +529,7 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
         children: N
       })
     }), /* @__PURE__ */ i.jsx(Z, {
-      in: c,
+      in: d,
       timeout: "auto",
       ...R,
       children: /* @__PURE__ */ i.jsx(H, {
@@ -548,8 +548,8 @@ process.env.NODE_ENV !== "production" && (so.propTypes = {
    * The content of the component.
    */
   children: To(o.node.isRequired, (e) => {
-    const t = l.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__ */ l.isValidElement(t) ? null : new Error("MUI: Expected the first child of Accordion to be a valid element.");
+    const t = u.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__ */ u.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.
@@ -642,23 +642,23 @@ const ko = (e) => {
 }, Fo = T("div", {
   name: "MuiAccordionDetails",
   slot: "Root"
-})(I(({
+})($(({
   theme: e
 }) => ({
   padding: e.spacing(1, 2, 2)
-}))), io = /* @__PURE__ */ l.forwardRef(function(t, r) {
+}))), io = /* @__PURE__ */ u.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiAccordionDetails"
   }), {
-    className: p,
-    ...h
-  } = s, b = s, f = ko(b);
+    className: c,
+    ...m
+  } = s, g = s, l = ko(g);
   return /* @__PURE__ */ i.jsx(Fo, {
-    className: L(f.root, p),
+    className: L(l.root, c),
     ref: r,
-    ownerState: b,
-    ...h
+    ownerState: g,
+    ...m
   });
 });
 process.env.NODE_ENV !== "production" && (io.propTypes = {
@@ -691,18 +691,18 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     classes: t,
     expanded: r,
     disabled: s,
-    disableGutters: p
+    disableGutters: c
   } = e;
   return Q({
-    root: ["root", r && "expanded", s && "disabled", !p && "gutters"],
+    root: ["root", r && "expanded", s && "disabled", !c && "gutters"],
     focusVisible: ["focusVisible"],
-    content: ["content", r && "expanded", !p && "contentGutters"],
+    content: ["content", r && "expanded", !c && "contentGutters"],
     expandIconWrapper: ["expandIconWrapper", r && "expanded"]
   }, Go, t);
 }, Ho = T(Co, {
   name: "MuiAccordionSummary",
   slot: "Root"
-})(I(({
+})($(({
   theme: e
 }) => {
   const t = {
@@ -735,7 +735,7 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
 })), Bo = T("span", {
   name: "MuiAccordionSummary",
   slot: "Content"
-})(I(({
+})($(({
   theme: e
 }) => ({
   display: "flex",
@@ -756,7 +756,7 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
 }))), Lo = T("span", {
   name: "MuiAccordionSummary",
   slot: "ExpandIconWrapper"
-})(I(({
+})($(({
   theme: e
 }) => ({
   display: "flex",
@@ -768,17 +768,17 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
   [`&.${F.expanded}`]: {
     transform: "rotate(180deg)"
   }
-}))), ao = /* @__PURE__ */ l.forwardRef(function(t, r) {
+}))), ao = /* @__PURE__ */ u.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiAccordionSummary"
   }), {
-    children: p,
-    className: h,
-    expandIcon: b,
-    focusVisibleClassName: f,
+    children: c,
+    className: m,
+    expandIcon: g,
+    focusVisibleClassName: l,
     onClick: E,
-    slots: $,
+    slots: I,
     slotProps: S,
     ...A
   } = s, {
@@ -786,59 +786,59 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     disableGutters: z,
     expanded: P,
     toggle: W
-  } = l.useContext(to), V = (a) => {
+  } = u.useContext(to), V = (a) => {
     W && W(a), E && E(a);
-  }, c = {
+  }, d = {
     ...s,
     expanded: P,
     disabled: j,
     disableGutters: z
-  }, m = Uo(c), d = {
-    slots: $,
+  }, y = Uo(d), p = {
+    slots: I,
     slotProps: S
   }, [N, G] = D("root", {
     ref: r,
     shouldForwardComponentProp: !0,
-    className: L(m.root, h),
+    className: L(y.root, m),
     elementType: Ho,
     externalForwardedProps: {
-      ...d,
+      ...p,
       ...A
     },
-    ownerState: c,
+    ownerState: d,
     additionalProps: {
       focusRipple: !1,
       disableRipple: !0,
       disabled: j,
       "aria-expanded": P,
-      focusVisibleClassName: L(m.focusVisible, f)
+      focusVisibleClassName: L(y.focusVisible, l)
     },
     getSlotProps: (a) => ({
       ...a,
-      onClick: (g) => {
+      onClick: (x) => {
         var C;
-        (C = a.onClick) == null || C.call(a, g), V(g);
+        (C = a.onClick) == null || C.call(a, x), V(x);
       }
     })
-  }), [v, u] = D("content", {
-    className: m.content,
+  }), [v, f] = D("content", {
+    className: y.content,
     elementType: Bo,
-    externalForwardedProps: d,
-    ownerState: c
+    externalForwardedProps: p,
+    ownerState: d
   }), [w, U] = D("expandIconWrapper", {
-    className: m.expandIconWrapper,
+    className: y.expandIconWrapper,
     elementType: Lo,
-    externalForwardedProps: d,
-    ownerState: c
+    externalForwardedProps: p,
+    ownerState: d
   });
   return /* @__PURE__ */ i.jsxs(N, {
     ...G,
     children: [/* @__PURE__ */ i.jsx(v, {
-      ...u,
-      children: p
-    }), b && /* @__PURE__ */ i.jsx(w, {
+      ...f,
+      children: c
+    }), g && /* @__PURE__ */ i.jsx(w, {
       ...U,
-      children: b
+      children: g
     })]
   });
 });
@@ -899,7 +899,16 @@ 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 = ({ title: e, children: t, startIcon: r, defaultExpanded: s = !1 }) => /* @__PURE__ */ i.jsxs(
+const re = ({
+  title: e,
+  children: t,
+  startIcon: r,
+  defaultExpanded: s = !1,
+  titleTypographyProps: c,
+  accordionProps: m,
+  accordionSummaryProps: g,
+  accordionDetailsProps: l
+}) => /* @__PURE__ */ i.jsxs(
   so,
   {
     defaultExpanded: s,
@@ -909,12 +918,13 @@ const re = ({ title: e, children: t, startIcon: r, defaultExpanded: s = !1 }) =>
       borderColor: "divider"
     },
     elevation: 0,
+    ...m,
     children: [
-      /* @__PURE__ */ i.jsx(ao, { expandIcon: /* @__PURE__ */ i.jsx(mo, {}), children: /* @__PURE__ */ i.jsxs(Ro, { direction: "row", spacing: 1, alignItems: "center", children: [
+      e || r ? /* @__PURE__ */ i.jsx(ao, { expandIcon: /* @__PURE__ */ i.jsx(mo, {}), ...g, children: /* @__PURE__ */ i.jsxs(Ro, { direction: "row", spacing: 1, alignItems: "center", children: [
         r,
-        /* @__PURE__ */ i.jsx(Ao, { variant: "subtitle1", fontWeight: 600, children: e })
-      ] }) }),
-      /* @__PURE__ */ i.jsx(io, { children: t })
+        /* @__PURE__ */ i.jsx(Ao, { variant: "subtitle1", fontWeight: 600, ...c, children: e })
+      ] }) }) : null,
+      /* @__PURE__ */ i.jsx(io, { ...l, children: t })
     ]
   }
 );

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.106",
+  "version": "1.0.108",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",