@solostylist/ui-kit 1.0.106 → 1.0.107

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

@@ -1,9 +1,11 @@
 import { default as React } from 'react';
+import { TypographyProps } from '@mui/material/Typography';
 export interface SAccordionProps {
     title: React.ReactNode;
     children: React.ReactNode;
     startIcon?: React.ReactNode;
     defaultExpanded?: boolean;
+    titleTypographyProps?: TypographyProps;
 }
-declare const SAccordion: ({ title, children, startIcon, defaultExpanded }: SAccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const SAccordion: ({ title, children, startIcon, defaultExpanded, titleTypographyProps }: 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 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 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__ */ p.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiCollapse"
   }), {
-    addEndListener: p,
+    addEndListener: c,
     children: h,
     className: b,
     collapsedSize: f = "0px",
     component: E,
-    easing: $,
+    easing: I,
     in: S,
     onEnter: A,
     onEntered: j,
@@ -123,17 +123,17 @@ const Po = (e) => {
     onExit: P,
     onExited: W,
     onExiting: V,
-    orientation: c = "vertical",
+    orientation: d = "vertical",
     style: m,
-    timeout: d = go.standard,
+    timeout: l = go.standard,
     // eslint-disable-next-line react/prop-types
     TransitionComponent: N = So,
     ...G
   } = s, v = {
     ...s,
-    orientation: c,
+    orientation: d,
     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) => {
+  }, 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) => {
     if (n) {
       const x = k.current;
       y === void 0 ? n(x) : n(x, y);
@@ -148,12 +148,12 @@ const Po = (e) => {
       easing: q
     } = ro({
       style: m,
-      timeout: d,
-      easing: $
+      timeout: l,
+      easing: I
     }, {
       mode: "enter"
     });
-    if (d === "auto") {
+    if (l === "auto") {
       const no = w.transitions.getAutoHeightDuration(x);
       n.style.transitionDuration = `${no}ms`, g.current = no;
     } else
@@ -169,19 +169,19 @@ const Po = (e) => {
       easing: B
     } = ro({
       style: m,
-      timeout: d,
-      easing: $
+      timeout: l,
+      easing: I
     }, {
       mode: "exit"
     });
-    if (d === "auto") {
+    if (l === "auto") {
       const q = w.transitions.getAutoHeightDuration(y);
       n.style.transitionDuration = `${q}ms`, g.current = q;
     } else
       n.style.transitionDuration = typeof x == "string" ? x : `${x}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);
+    l === "auto" && U.start(g.current || 0, n), c && c(k.current, n);
   };
   return /* @__PURE__ */ i.jsx(N, {
     in: S,
@@ -193,7 +193,7 @@ const Po = (e) => {
     onExiting: uo,
     addEndListener: fo,
     nodeRef: k,
-    timeout: d === "auto" ? null : d,
+    timeout: l === "auto" ? null : l,
     ...G,
     children: (n, {
       ownerState: y,
@@ -329,25 +329,25 @@ process.env.NODE_ENV !== "production" && (J.propTypes = {
   })])
 });
 J && (J.muiSupportAuto = !0);
-const to = /* @__PURE__ */ l.createContext({});
+const to = /* @__PURE__ */ p.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,
+    disabled: c,
     disableGutters: h
   } = e;
   return Q({
-    root: ["root", !r && "rounded", s && "expanded", p && "disabled", !h && "gutters"],
+    root: ["root", !r && "rounded", s && "expanded", c && "disabled", !h && "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__ */ p.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiAccordion"
   }), {
-    children: p,
+    children: c,
     className: h,
     defaultExpanded: b = !1,
     disabled: f = !1,
     disableGutters: E = !1,
-    expanded: $,
+    expanded: I,
     onChange: S,
     square: A = !1,
     slots: j = {},
@@ -460,25 +460,25 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     TransitionComponent: P,
     TransitionProps: W,
     ...V
-  } = s, [c, m] = Eo({
-    controlled: $,
+  } = s, [d, m] = Eo({
+    controlled: I,
     default: b,
     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,
+  }), l = p.useCallback((eo) => {
+    m(!d), S && S(eo, !d);
+  }, [d, S, m]), [N, ...G] = p.Children.toArray(c), v = p.useMemo(() => ({
+    expanded: d,
     disabled: f,
     disableGutters: E,
-    toggle: d
-  }), [c, f, E, d]), u = {
+    toggle: l
+  }), [d, f, E, l]), u = {
     ...s,
     square: A,
     disabled: f,
     disableGutters: E,
-    expanded: c
-  }, w = Io(u), U = {
+    expanded: d
+  }, w = $o(u), U = {
     transition: P,
     ...j
   }, a = {
@@ -488,7 +488,7 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     slots: U,
     slotProps: a
   }, [C, O] = D("root", {
-    elementType: $o,
+    elementType: Io,
     externalForwardedProps: {
       ...g,
       ...V
@@ -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 = 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.
@@ -642,20 +642,20 @@ 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__ */ p.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiAccordionDetails"
   }), {
-    className: p,
+    className: c,
     ...h
   } = s, b = s, f = ko(b);
   return /* @__PURE__ */ i.jsx(Fo, {
-    className: L(f.root, p),
+    className: L(f.root, c),
     ref: r,
     ownerState: b,
     ...h
@@ -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__ */ p.forwardRef(function(t, r) {
   const s = K({
     props: t,
     name: "MuiAccordionSummary"
   }), {
-    children: p,
+    children: c,
     className: h,
     expandIcon: b,
     focusVisibleClassName: f,
     onClick: E,
-    slots: $,
+    slots: I,
     slotProps: S,
     ...A
   } = s, {
@@ -786,15 +786,15 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     disableGutters: z,
     expanded: P,
     toggle: W
-  } = l.useContext(to), V = (a) => {
+  } = p.useContext(to), V = (a) => {
     W && W(a), E && E(a);
-  }, c = {
+  }, d = {
     ...s,
     expanded: P,
     disabled: j,
     disableGutters: z
-  }, m = Uo(c), d = {
-    slots: $,
+  }, m = Uo(d), l = {
+    slots: I,
     slotProps: S
   }, [N, G] = D("root", {
     ref: r,
@@ -802,10 +802,10 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     className: L(m.root, h),
     elementType: Ho,
     externalForwardedProps: {
-      ...d,
+      ...l,
       ...A
     },
-    ownerState: c,
+    ownerState: d,
     additionalProps: {
       focusRipple: !1,
       disableRipple: !0,
@@ -823,19 +823,19 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
   }), [v, u] = D("content", {
     className: m.content,
     elementType: Bo,
-    externalForwardedProps: d,
-    ownerState: c
+    externalForwardedProps: l,
+    ownerState: d
   }), [w, U] = D("expandIconWrapper", {
     className: m.expandIconWrapper,
     elementType: Lo,
-    externalForwardedProps: d,
-    ownerState: c
+    externalForwardedProps: l,
+    ownerState: d
   });
   return /* @__PURE__ */ i.jsxs(N, {
     ...G,
     children: [/* @__PURE__ */ i.jsx(v, {
       ...u,
-      children: p
+      children: c
     }), b && /* @__PURE__ */ i.jsx(w, {
       ...U,
       children: b
@@ -899,7 +899,7 @@ 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 }) => /* @__PURE__ */ i.jsxs(
   so,
   {
     defaultExpanded: s,
@@ -910,10 +910,10 @@ const re = ({ title: e, children: t, startIcon: r, defaultExpanded: s = !1 }) =>
     },
     elevation: 0,
     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, {}), 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(Ao, { variant: "subtitle1", fontWeight: 600, ...c, children: e })
+      ] }) }) : null,
       /* @__PURE__ */ i.jsx(io, { children: t })
     ]
   }

package/package.json

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