@solostylist/ui-kit 1.0.108 → 1.0.110

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

@@ -3,15 +3,12 @@ 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 {
+export interface SAccordionProps extends Omit<AccordionProps, 'title'> {
     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, titleTypographyProps, accordionProps, accordionSummaryProps, accordionDetailsProps, }: SAccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const SAccordion: ({ title, children, startIcon, titleTypographyProps, accordionSummaryProps, accordionDetailsProps, ...rest }: 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 u from "react";
+import * as p 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";
@@ -9,8 +9,8 @@ import { g as Y } from "../colorManipulator-ep5lERxB.js";
 import { u as Eo } from "../useControlled-nm4pBabJ.js";
 import { s as T } from "../styled-DOEEZAON.js";
 import { T as So, u as vo, g as ro, P as wo } from "../Paper-pJ5bSU59.js";
-import { S as Ro } from "../Stack-TRopps6s.js";
-import { T as Ao } from "../Typography-DGEEI1Q-.js";
+import { S as Ao } from "../Stack-TRopps6s.js";
+import { T as Ro } from "../Typography-DGEEI1Q-.js";
 function jo(e) {
   return Y("MuiCollapse", e);
 }
@@ -105,19 +105,19 @@ const Po = (e) => {
       height: "100%"
     }
   }]
-}), J = /* @__PURE__ */ u.forwardRef(function(t, r) {
+}), J = /* @__PURE__ */ p.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiCollapse"
   }), {
     addEndListener: c,
-    children: m,
-    className: g,
-    collapsedSize: l = "0px",
+    children: f,
+    className: m,
+    collapsedSize: g = "0px",
     component: E,
     easing: I,
     in: S,
-    onEnter: A,
+    onEnter: R,
     onEntered: j,
     onEntering: z,
     onExit: P,
@@ -125,22 +125,22 @@ const Po = (e) => {
     onExiting: V,
     orientation: d = "vertical",
     style: y,
-    timeout: p = go.standard,
+    timeout: l = go.standard,
     // eslint-disable-next-line react/prop-types
     TransitionComponent: N = So,
     ...G
   } = s, v = {
     ...s,
     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) => {
+    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) => {
     if (n) {
       const b = k.current;
       h === void 0 ? n(b) : n(b, 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) => {
+  }, 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();
     a.current && O && (a.current.style.position = "");
     const {
@@ -148,40 +148,40 @@ const Po = (e) => {
       easing: q
     } = ro({
       style: y,
-      timeout: p,
+      timeout: l,
       easing: I
     }, {
       mode: "enter"
     });
-    if (p === "auto") {
+    if (l === "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] = `${b}px`, n.style.transitionTimingFunction = q, z && z(n, h);
-  }), co = R((n, h) => {
+  }), co = A((n, h) => {
     n.style[M] = "auto", j && j(n, h);
-  }), lo = R((n) => {
+  }), lo = A((n) => {
     n.style[M] = `${H()}px`, P && P(n);
-  }), po = R(W), uo = R((n) => {
+  }), po = A(W), uo = A((n) => {
     const h = H(), {
       duration: b,
       easing: B
     } = ro({
       style: y,
-      timeout: p,
+      timeout: l,
       easing: I
     }, {
       mode: "exit"
     });
-    if (p === "auto") {
+    if (l === "auto") {
       const q = w.transitions.getAutoHeightDuration(h);
       n.style.transitionDuration = `${q}ms`, x.current = q;
     } else
       n.style.transitionDuration = typeof b == "string" ? b : `${b}ms`;
     n.style[M] = C, n.style.transitionTimingFunction = B, V && V(n);
   }), fo = (n) => {
-    p === "auto" && U.start(x.current || 0, n), c && c(k.current, n);
+    l === "auto" && U.start(x.current || 0, n), c && c(k.current, n);
   };
   return /* @__PURE__ */ i.jsx(N, {
     in: S,
@@ -193,16 +193,16 @@ const Po = (e) => {
     onExiting: uo,
     addEndListener: fo,
     nodeRef: k,
-    timeout: p === "auto" ? null : p,
+    timeout: l === "auto" ? null : l,
     ...G,
     children: (n, {
       ownerState: h,
       ...b
     }) => /* @__PURE__ */ i.jsx(No, {
       as: E,
-      className: L(f.root, g, {
-        entered: f.entered,
-        exited: !S && C === "0px" && f.hidden
+      className: L(u.root, m, {
+        entered: u.entered,
+        exited: !S && C === "0px" && u.hidden
       }[n]),
       style: {
         [O ? "minWidth" : "minHeight"]: C,
@@ -219,15 +219,15 @@ const Po = (e) => {
           ...v,
           state: n
         },
-        className: f.wrapper,
+        className: u.wrapper,
         ref: a,
         children: /* @__PURE__ */ i.jsx(Mo, {
           ownerState: {
             ...v,
             state: n
           },
-          className: f.wrapperInner,
-          children: m
+          className: u.wrapperInner,
+          children: f
         })
       })
     })
@@ -329,7 +329,7 @@ process.env.NODE_ENV !== "production" && (J.propTypes = {
   })])
 });
 J && (J.muiSupportAuto = !0);
-const to = /* @__PURE__ */ u.createContext({});
+const to = /* @__PURE__ */ p.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: m
+    disableGutters: f
   } = e;
   return Q({
-    root: ["root", !r && "rounded", s && "expanded", c && "disabled", !m && "gutters"],
+    root: ["root", !r && "rounded", s && "expanded", c && "disabled", !f && "gutters"],
     heading: ["heading"],
     region: ["region"]
   }, Do, t);
@@ -442,19 +442,19 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
 }), Wo = T("div", {
   name: "MuiAccordion",
   slot: "Region"
-})({}), so = /* @__PURE__ */ u.forwardRef(function(t, r) {
+})({}), so = /* @__PURE__ */ p.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiAccordion"
   }), {
     children: c,
-    className: m,
-    defaultExpanded: g = !1,
-    disabled: l = !1,
+    className: f,
+    defaultExpanded: m = !1,
+    disabled: g = !1,
     disableGutters: E = !1,
     expanded: I,
     onChange: S,
-    square: A = !1,
+    square: R = !1,
     slots: j = {},
     slotProps: z = {},
     TransitionComponent: P,
@@ -462,23 +462,23 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     ...V
   } = s, [d, y] = Eo({
     controlled: I,
-    default: g,
+    default: m,
     name: "Accordion",
     state: "expanded"
-  }), p = u.useCallback((eo) => {
+  }), l = p.useCallback((eo) => {
     y(!d), S && S(eo, !d);
-  }, [d, S, y]), [N, ...G] = u.Children.toArray(c), v = u.useMemo(() => ({
+  }, [d, S, y]), [N, ...G] = p.Children.toArray(c), v = p.useMemo(() => ({
     expanded: d,
-    disabled: l,
+    disabled: g,
     disableGutters: E,
-    toggle: p
-  }), [d, l, E, p]), f = {
+    toggle: l
+  }), [d, g, E, l]), u = {
     ...s,
-    square: A,
-    disabled: l,
+    square: R,
+    disabled: g,
     disableGutters: E,
     expanded: d
-  }, w = $o(f), U = {
+  }, w = $o(u), U = {
     transition: P,
     ...j
   }, a = {
@@ -493,26 +493,26 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       ...x,
       ...V
     },
-    className: L(w.root, m),
+    className: L(w.root, f),
     shouldForwardComponentProp: !0,
-    ownerState: f,
+    ownerState: u,
     ref: r,
     additionalProps: {
-      square: A
+      square: R
     }
   }), [M, k] = D("heading", {
     elementType: zo,
     externalForwardedProps: x,
     className: w.heading,
-    ownerState: f
-  }), [Z, R] = D("transition", {
+    ownerState: u
+  }), [Z, A] = D("transition", {
     elementType: J,
     externalForwardedProps: x,
-    ownerState: f
+    ownerState: u
   }), [H, oo] = D("region", {
     elementType: Wo,
     externalForwardedProps: x,
-    ownerState: f,
+    ownerState: u,
     className: w.region,
     additionalProps: {
       "aria-labelledby": N.props.id,
@@ -531,7 +531,7 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     }), /* @__PURE__ */ i.jsx(Z, {
       in: d,
       timeout: "auto",
-      ...R,
+      ...A,
       children: /* @__PURE__ */ i.jsx(H, {
         ...oo,
         children: G
@@ -548,8 +548,8 @@ process.env.NODE_ENV !== "production" && (so.propTypes = {
    * The content of the component.
    */
   children: To(o.node.isRequired, (e) => {
-    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.");
+    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.");
   }),
   /**
    * 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__ */ u.forwardRef(function(t, r) {
+}))), io = /* @__PURE__ */ p.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiAccordionDetails"
   }), {
     className: c,
-    ...m
-  } = s, g = s, l = ko(g);
+    ...f
+  } = s, m = s, g = ko(m);
   return /* @__PURE__ */ i.jsx(Fo, {
-    className: L(l.root, c),
+    className: L(g.root, c),
     ref: r,
-    ownerState: g,
-    ...m
+    ownerState: m,
+    ...f
   });
 });
 process.env.NODE_ENV !== "production" && (io.propTypes = {
@@ -768,42 +768,42 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
   [`&.${F.expanded}`]: {
     transform: "rotate(180deg)"
   }
-}))), ao = /* @__PURE__ */ u.forwardRef(function(t, r) {
+}))), ao = /* @__PURE__ */ p.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiAccordionSummary"
   }), {
     children: c,
-    className: m,
-    expandIcon: g,
-    focusVisibleClassName: l,
+    className: f,
+    expandIcon: m,
+    focusVisibleClassName: g,
     onClick: E,
     slots: I,
     slotProps: S,
-    ...A
+    ...R
   } = s, {
     disabled: j = !1,
     disableGutters: z,
     expanded: P,
     toggle: W
-  } = u.useContext(to), V = (a) => {
+  } = p.useContext(to), V = (a) => {
     W && W(a), E && E(a);
   }, d = {
     ...s,
     expanded: P,
     disabled: j,
     disableGutters: z
-  }, y = Uo(d), p = {
+  }, y = Uo(d), l = {
     slots: I,
     slotProps: S
   }, [N, G] = D("root", {
     ref: r,
     shouldForwardComponentProp: !0,
-    className: L(y.root, m),
+    className: L(y.root, f),
     elementType: Ho,
     externalForwardedProps: {
-      ...p,
-      ...A
+      ...l,
+      ...R
     },
     ownerState: d,
     additionalProps: {
@@ -811,7 +811,7 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
       disableRipple: !0,
       disabled: j,
       "aria-expanded": P,
-      focusVisibleClassName: L(y.focusVisible, l)
+      focusVisibleClassName: L(y.focusVisible, g)
     },
     getSlotProps: (a) => ({
       ...a,
@@ -820,25 +820,25 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
         (C = a.onClick) == null || C.call(a, x), V(x);
       }
     })
-  }), [v, f] = D("content", {
+  }), [v, u] = D("content", {
     className: y.content,
     elementType: Bo,
-    externalForwardedProps: p,
+    externalForwardedProps: l,
     ownerState: d
   }), [w, U] = D("expandIconWrapper", {
     className: y.expandIconWrapper,
     elementType: Lo,
-    externalForwardedProps: p,
+    externalForwardedProps: l,
     ownerState: d
   });
   return /* @__PURE__ */ i.jsxs(N, {
     ...G,
     children: [/* @__PURE__ */ i.jsx(v, {
-      ...f,
+      ...u,
       children: c
-    }), g && /* @__PURE__ */ i.jsx(w, {
+    }), m && /* @__PURE__ */ i.jsx(w, {
       ...U,
-      children: g
+      children: m
     })]
   });
 });
@@ -903,31 +903,17 @@ 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,
-    sx: {
-      borderRadius: 1,
-      border: "1px solid",
-      borderColor: "divider"
-    },
-    elevation: 0,
-    ...m,
-    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, { ...l, children: t })
-    ]
-  }
-);
+  titleTypographyProps: s,
+  accordionSummaryProps: c,
+  accordionDetailsProps: f,
+  ...m
+}) => /* @__PURE__ */ i.jsxs(so, { elevation: 0, disableGutters: !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: [
+    r,
+    /* @__PURE__ */ i.jsx(Ro, { variant: "subtitle1", fontWeight: 600, ...s, children: e })
+  ] }) }) : null,
+  /* @__PURE__ */ i.jsx(io, { ...f, children: t })
+] });
 export {
   re as default
 };

package/dist/theme/customizations/surfaces.js

@@ -1,13 +1,9 @@
 import { gray as o } from "../theme-primitives.js";
-import { a } from "../../colorManipulator-ep5lERxB.js";
-const i = {
+import { a as d } from "../../colorManipulator-ep5lERxB.js";
+const e = {
   MuiAccordion: {
-    defaultProps: {
-      elevation: 0,
-      disableGutters: !0
-    },
     styleOverrides: {
-      root: ({ theme: r }) => ({
+      root: ({ theme: r, ownerState: a }) => ({
         padding: 2,
         overflow: "clip",
         backgroundColor: (r.vars || r).palette.background.default,
@@ -15,18 +11,20 @@ const i = {
         borderColor: (r.vars || r).palette.divider,
         ":before": {
           backgroundColor: "transparent"
-        }
-        // '&:not(:last-of-type)': {
-        //   borderBottom: 'none',
-        // },
-        // '&:first-of-type': {
-        //   borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
-        //   borderTopRightRadius: (theme.vars || theme).shape.borderRadius,
-        // },
-        // '&:last-of-type': {
-        //   borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
-        //   borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
-        // },
+        },
+        ...a.disableGutters ? {
+          "&:not(:last-of-type)": {
+            borderBottom: "none"
+          },
+          "&:first-of-type": {
+            borderTopLeftRadius: (r.vars || r).shape.borderRadius,
+            borderTopRightRadius: (r.vars || r).shape.borderRadius
+          },
+          "&:last-of-type": {
+            borderBottomLeftRadius: (r.vars || r).shape.borderRadius,
+            borderBottomRightRadius: (r.vars || r).shape.borderRadius
+          }
+        } : {}
       })
     }
   },
@@ -75,7 +73,7 @@ const i = {
               boxShadow: "none",
               background: "rgb(255, 255, 255)",
               ...r.applyStyles("dark", {
-                background: a(o[900], 0.4)
+                background: d(o[900], 0.4)
               })
             }
           }
@@ -107,5 +105,5 @@ const i = {
   }
 };
 export {
-  i as surfacesCustomizations
+  e as surfacesCustomizations
 };

package/package.json

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