@solostylist/ui-kit 1.0.107 → 1.0.109

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

@@ -1,4 +1,7 @@
 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;
@@ -6,6 +9,9 @@ export interface SAccordionProps {
     startIcon?: React.ReactNode;
     defaultExpanded?: boolean;
     titleTypographyProps?: TypographyProps;
+    accordionProps?: Omit<AccordionProps, 'children'>;
+    accordionSummaryProps?: AccordionSummaryProps;
+    accordionDetailsProps?: AccordionDetailsProps;
 }
-declare const SAccordion: ({ title, children, startIcon, defaultExpanded, titleTypographyProps }: 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,6 +1,6 @@
 import { j as i } from "../jsx-runtime-DywqP_6a.js";
 import { E as mo } from "../ExpandMore-CE1RzE_y.js";
-import * as p 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 $ } 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";
@@ -105,15 +105,15 @@ const Po = (e) => {
       height: "100%"
     }
   }]
-}), J = /* @__PURE__ */ p.forwardRef(function(t, r) {
+}), J = /* @__PURE__ */ u.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiCollapse"
   }), {
     addEndListener: c,
-    children: h,
-    className: b,
-    collapsedSize: f = "0px",
+    children: m,
+    className: g,
+    collapsedSize: l = "0px",
     component: E,
     easing: I,
     in: S,
@@ -124,64 +124,64 @@ const Po = (e) => {
     onExited: W,
     onExiting: V,
     orientation: d = "vertical",
-    style: m,
-    timeout: l = go.standard,
+    style: y,
+    timeout: p = go.standard,
     // eslint-disable-next-line react/prop-types
     TransitionComponent: N = So,
     ...G
   } = s, v = {
     ...s,
     orientation: d,
-    collapsedSize: f
-  }, u = Po(v), w = vo(), U = xo(), a = p.useRef(null), g = p.useRef(), C = typeof f == "number" ? `${f}px` : f, O = d === "horizontal", M = O ? "width" : "height", k = p.useRef(null), Z = ho(r, k), R = (n) => (y) => {
+    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: l,
+      style: y,
+      timeout: p,
       easing: I
     }, {
       mode: "enter"
     });
-    if (l === "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: l,
+      style: y,
+      timeout: p,
       easing: I
     }, {
       mode: "exit"
     });
-    if (l === "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) => {
-    l === "auto" && U.start(g.current || 0, n), c && c(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: l === "auto" ? null : l,
+    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,7 +329,7 @@ process.env.NODE_ENV !== "production" && (J.propTypes = {
   })])
 });
 J && (J.muiSupportAuto = !0);
-const to = /* @__PURE__ */ p.createContext({});
+const to = /* @__PURE__ */ u.createContext({});
 process.env.NODE_ENV !== "production" && (to.displayName = "AccordionContext");
 function Do(e) {
   return Y("MuiAccordion", e);
@@ -340,10 +340,10 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     square: r,
     expanded: s,
     disabled: c,
-    disableGutters: h
+    disableGutters: m
   } = e;
   return Q({
-    root: ["root", !r && "rounded", s && "expanded", c && "disabled", !h && "gutters"],
+    root: ["root", !r && "rounded", s && "expanded", c && "disabled", !m && "gutters"],
     heading: ["heading"],
     region: ["region"]
   }, Do, t);
@@ -442,15 +442,15 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
 }), Wo = T("div", {
   name: "MuiAccordion",
   slot: "Region"
-})({}), so = /* @__PURE__ */ p.forwardRef(function(t, r) {
+})({}), so = /* @__PURE__ */ u.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiAccordion"
   }), {
     children: c,
-    className: h,
-    defaultExpanded: b = !1,
-    disabled: f = !1,
+    className: m,
+    defaultExpanded: g = !1,
+    disabled: l = !1,
     disableGutters: E = !1,
     expanded: I,
     onChange: S,
@@ -460,59 +460,59 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     TransitionComponent: P,
     TransitionProps: W,
     ...V
-  } = s, [d, m] = Eo({
+  } = s, [d, y] = Eo({
     controlled: I,
-    default: b,
+    default: g,
     name: "Accordion",
     state: "expanded"
-  }), l = p.useCallback((eo) => {
-    m(!d), S && S(eo, !d);
-  }, [d, S, m]), [N, ...G] = p.Children.toArray(c), v = p.useMemo(() => ({
+  }), 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: f,
+    disabled: l,
     disableGutters: E,
-    toggle: l
-  }), [d, f, E, l]), u = {
+    toggle: p
+  }), [d, l, E, p]), f = {
     ...s,
     square: A,
-    disabled: f,
+    disabled: l,
     disableGutters: E,
     expanded: d
-  }, w = $o(u), U = {
+  }, w = $o(f), U = {
     transition: P,
     ...j
   }, a = {
     transition: W,
     ...z
-  }, g = {
+  }, x = {
     slots: U,
     slotProps: a
   }, [C, O] = D("root", {
     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,
@@ -548,8 +548,8 @@ process.env.NODE_ENV !== "production" && (so.propTypes = {
    * The content of the component.
    */
   children: To(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.");
+    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.
@@ -646,19 +646,19 @@ const ko = (e) => {
   theme: e
 }) => ({
   padding: e.spacing(1, 2, 2)
-}))), io = /* @__PURE__ */ p.forwardRef(function(t, r) {
+}))), io = /* @__PURE__ */ u.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiAccordionDetails"
   }), {
     className: c,
-    ...h
-  } = s, b = s, f = ko(b);
+    ...m
+  } = s, g = s, l = ko(g);
   return /* @__PURE__ */ i.jsx(Fo, {
-    className: L(f.root, c),
+    className: L(l.root, c),
     ref: r,
-    ownerState: b,
-    ...h
+    ownerState: g,
+    ...m
   });
 });
 process.env.NODE_ENV !== "production" && (io.propTypes = {
@@ -768,15 +768,15 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
   [`&.${F.expanded}`]: {
     transform: "rotate(180deg)"
   }
-}))), ao = /* @__PURE__ */ p.forwardRef(function(t, r) {
+}))), ao = /* @__PURE__ */ u.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiAccordionSummary"
   }), {
     children: c,
-    className: h,
-    expandIcon: b,
-    focusVisibleClassName: f,
+    className: m,
+    expandIcon: g,
+    focusVisibleClassName: l,
     onClick: E,
     slots: I,
     slotProps: S,
@@ -786,23 +786,23 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     disableGutters: z,
     expanded: P,
     toggle: W
-  } = p.useContext(to), V = (a) => {
+  } = u.useContext(to), V = (a) => {
     W && W(a), E && E(a);
   }, d = {
     ...s,
     expanded: P,
     disabled: j,
     disableGutters: z
-  }, m = Uo(d), l = {
+  }, 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: {
-      ...l,
+      ...p,
       ...A
     },
     ownerState: d,
@@ -811,34 +811,34 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
       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: l,
+    externalForwardedProps: p,
     ownerState: d
   }), [w, U] = D("expandIconWrapper", {
-    className: m.expandIconWrapper,
+    className: y.expandIconWrapper,
     elementType: Lo,
-    externalForwardedProps: l,
+    externalForwardedProps: p,
     ownerState: d
   });
   return /* @__PURE__ */ i.jsxs(N, {
     ...G,
     children: [/* @__PURE__ */ i.jsx(v, {
-      ...u,
+      ...f,
       children: c
-    }), b && /* @__PURE__ */ i.jsx(w, {
+    }), 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, titleTypographyProps: c }) => /* @__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, titl
       borderColor: "divider"
     },
     elevation: 0,
+    ...m,
     children: [
-      e || r ? /* @__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, ...c, children: e })
       ] }) }) : null,
-      /* @__PURE__ */ i.jsx(io, { children: t })
+      /* @__PURE__ */ i.jsx(io, { ...l, children: t })
     ]
   }
 );

package/package.json

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