@solostylist/ui-kit 1.0.196 → 1.0.198

package/dist/defaultTheme-CulFxfLR.js

@@ -0,0 +1,5 @@
+import { b as e } from "./createTheme-DgoJyWM-.js";
+const a = e();
+export {
+  a as d
+};

package/dist/{extendSxProp-CyoueGTe.js → extendSxProp-BJEIxcAx.js}

@@ -1,4 +1,4 @@
-import { i as c, d as l } from "./createTheme-CIXJrNxb.js";
+import { i as c, d as l } from "./createTheme-DgoJyWM-.js";
 const a = (t) => {
   const s = {
     systemProps: {},

package/dist/{index-8LcCMmwl.js → index-DtGYsHSv.js}

@@ -1,10 +1,10 @@
 import { j as i } from "./jsx-runtime-tc70JA_2.js";
-import { e as y } from "./extendSxProp-CyoueGTe.js";
-import { P as e } from "./createTheme-CIXJrNxb.js";
-import { d as m } from "./defaultTheme-DLue8Fr1.js";
+import { e as y } from "./extendSxProp-BJEIxcAx.js";
+import { P as e } from "./createTheme-DgoJyWM-.js";
+import { d as m } from "./defaultTheme-CulFxfLR.js";
 import { T as d } from "./identifier-BKLqN993.js";
 import { i as b } from "./index-D3G5Rwl-.js";
-import { u as T } from "./useTheme-DSvhq4Np.js";
+import { u as T } from "./useTheme-CWPkv7g3.js";
 import { Global as x } from "@emotion/react";
 function E(r) {
   return r == null || Object.keys(r).length === 0;

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

@@ -1,18 +1,18 @@
-import { j as i } from "../jsx-runtime-tc70JA_2.js";
-import { E as wo } from "../ExpandMore-CTZrSZlF.js";
+import { j as s } from "../jsx-runtime-tc70JA_2.js";
+import { E as wo } from "../ExpandMore-C7yRQv1-.js";
 import * as c from "react";
-import { n as Eo, P as o, k as vo } from "../createTheme-CIXJrNxb.js";
+import { n as Eo, P as o, k as vo } from "../createTheme-DgoJyWM-.js";
 import { c as L } from "../clsx-OuTLNxxd.js";
-import { u as Q, c as X, m as W } from "../DefaultPropsProvider-2MEHB2yv.js";
-import { b as Ao, u as Ro, d as x, e as Po, c as jo, B as No } from "../ButtonBase-PbSTzuUP.js";
+import { u as Q, c as X, m as z } from "../DefaultPropsProvider-DPuuPIbS.js";
+import { a as Ao, u as Ro, b as x, e as Po, c as jo, B as No } from "../ButtonBase-D73M0QY5.js";
 import { g as Y } from "../generateUtilityClasses-E9gROIFd.js";
 import { g as Z } from "../generateUtilityClass-BhfUaMgk.js";
 import { u as Oo } from "../useControlled-D1L5tREc.js";
-import { s as b } from "../styled-BR6UL29H.js";
-import { T as Io, u as Mo, g as io, P as Do } from "../Paper-5nSdRRBA.js";
-import { S as $o } from "../Stack-BlwLEm6H.js";
-import { T as Wo } from "../Typography-Cum5_Ehu.js";
-function zo(e) {
+import { s as b } from "../styled-8Y5KoVix.js";
+import { T as Io, u as Mo, g as io, P as Do } from "../Paper-CR019bki.js";
+import { S as Wo } from "../Stack-Dfjnuorw.js";
+import { T as zo } from "../Typography-PcmlIqm1.js";
+function $o(e) {
   return Z("MuiCollapse", e);
 }
 Y("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
@@ -20,14 +20,14 @@ const ko = (e) => {
   const {
     orientation: t,
     classes: n
-  } = e, s = {
-    root: ["root", `${t}`],
+  } = e;
+  return X({
+    root: ["root", t],
     entered: ["entered"],
     hidden: ["hidden"],
-    wrapper: ["wrapper", `${t}`],
-    wrapperInner: ["wrapperInner", `${t}`]
-  };
-  return X(s, zo, n);
+    wrapper: ["wrapper", t],
+    wrapperInner: ["wrapperInner", t]
+  }, $o, n);
 }, Vo = b("div", {
   name: "MuiCollapse",
   slot: "Root",
@@ -37,7 +37,7 @@ const ko = (e) => {
     } = e;
     return [t.root, t[n.orientation], n.state === "entered" && t.entered, n.state === "exited" && !n.in && n.collapsedSize === "0px" && t.hidden];
   }
-})(W(({
+})(z(({
   theme: e
 }) => ({
   height: 0,
@@ -107,16 +107,16 @@ const ko = (e) => {
     }
   }]
 }), K = /* @__PURE__ */ c.forwardRef(function(t, n) {
-  const s = Q({
+  const i = Q({
     props: t,
     name: "MuiCollapse"
   }), {
     addEndListener: a,
-    children: d,
-    className: p,
+    children: p,
+    className: d,
     collapsedSize: u = "0px",
     component: R,
-    easing: z,
+    easing: $,
     in: P,
     onEnter: k,
     onEntered: N,
@@ -132,17 +132,17 @@ const ko = (e) => {
     // eslint-disable-next-line react/prop-types
     TransitionComponent: S = Io,
     ...M
-  } = s, w = {
-    ...s,
+  } = i, w = {
+    ...i,
     orientation: h,
     collapsedSize: u
-  }, E = ko(w), l = Mo(), G = Ao(), v = c.useRef(null), _ = c.useRef(), U = typeof u == "number" ? `${u}px` : u, D = h === "horizontal", $ = D ? "width" : "height", H = c.useRef(null), oo = Ro(n, H), j = (r) => (g) => {
+  }, E = ko(w), l = Mo(), G = Ao(), v = c.useRef(null), _ = c.useRef(), U = typeof u == "number" ? `${u}px` : u, D = h === "horizontal", W = D ? "width" : "height", H = c.useRef(null), oo = Ro(n, H), j = (r) => (g) => {
     if (r) {
       const y = H.current;
       g === void 0 ? r(y) : r(y, g);
     }
   }, eo = () => v.current ? v.current[D ? "clientWidth" : "clientHeight"] : 0, po = j((r, g) => {
-    v.current && D && (v.current.style.position = "absolute"), r.style[$] = U, k && k(r, g);
+    v.current && D && (v.current.style.position = "absolute"), r.style[W] = U, k && k(r, g);
   }), uo = j((r, g) => {
     const y = eo();
     v.current && D && (v.current.style.position = "");
@@ -152,7 +152,7 @@ const ko = (e) => {
     } = io({
       style: I,
       timeout: m,
-      easing: z
+      easing: $
     }, {
       mode: "enter"
     });
@@ -161,11 +161,11 @@ const ko = (e) => {
       r.style.transitionDuration = `${so}ms`, _.current = so;
     } else
       r.style.transitionDuration = typeof A == "string" ? A : `${A}ms`;
-    r.style[$] = `${y}px`, r.style.transitionTimingFunction = q, V && V(r, g);
+    r.style[W] = `${y}px`, r.style.transitionTimingFunction = q, V && V(r, g);
   }), fo = j((r, g) => {
-    r.style[$] = "auto", N && N(r, g);
+    r.style[W] = "auto", N && N(r, g);
   }), mo = j((r) => {
-    r.style[$] = `${eo()}px`, O && O(r);
+    r.style[W] = `${eo()}px`, O && O(r);
   }), go = j(F), yo = j((r) => {
     const g = eo(), {
       duration: y,
@@ -173,7 +173,7 @@ const ko = (e) => {
     } = io({
       style: I,
       timeout: m,
-      easing: z
+      easing: $
     }, {
       mode: "exit"
     });
@@ -182,7 +182,7 @@ const ko = (e) => {
       r.style.transitionDuration = `${q}ms`, _.current = q;
     } else
       r.style.transitionDuration = typeof y == "string" ? y : `${y}ms`;
-    r.style[$] = U, r.style.transitionTimingFunction = A, f && f(r);
+    r.style[W] = U, r.style.transitionTimingFunction = A, f && f(r);
   }), ho = (r) => {
     m === "auto" && G.start(_.current || 0, r), a && a(H.current, r);
   }, to = {
@@ -191,7 +191,7 @@ const ko = (e) => {
     component: R
   }, [xo, ro] = x("root", {
     ref: oo,
-    className: L(E.root, p),
+    className: L(E.root, d),
     elementType: Vo,
     externalForwardedProps: to,
     ownerState: w,
@@ -213,7 +213,7 @@ const ko = (e) => {
     externalForwardedProps: to,
     ownerState: w
   });
-  return /* @__PURE__ */ i.jsx(S, {
+  return /* @__PURE__ */ s.jsx(S, {
     in: P,
     onEnter: po,
     onEntered: fo,
@@ -233,7 +233,7 @@ const ko = (e) => {
         ...w,
         state: r
       };
-      return /* @__PURE__ */ i.jsx(xo, {
+      return /* @__PURE__ */ s.jsx(xo, {
         ...ro,
         className: L(ro.className, {
           entered: E.entered,
@@ -241,13 +241,13 @@ const ko = (e) => {
         }[r]),
         ownerState: A,
         ...y,
-        children: /* @__PURE__ */ i.jsx(bo, {
+        children: /* @__PURE__ */ s.jsx(bo, {
           ...To,
           ownerState: A,
-          children: /* @__PURE__ */ i.jsx(Co, {
+          children: /* @__PURE__ */ s.jsx(Co, {
             ...So,
             ownerState: A,
-            children: d
+            children: p
           })
         })
       });
@@ -377,12 +377,12 @@ const J = Y("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
   const {
     classes: t,
     square: n,
-    expanded: s,
+    expanded: i,
     disabled: a,
-    disableGutters: d
+    disableGutters: p
   } = e;
   return X({
-    root: ["root", !n && "rounded", s && "expanded", a && "disabled", !d && "gutters"],
+    root: ["root", !n && "rounded", i && "expanded", a && "disabled", !p && "gutters"],
     heading: ["heading"],
     region: ["region"]
   }, Uo, t);
@@ -397,7 +397,7 @@ const J = Y("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       [`& .${J.region}`]: t.region
     }, t.root, !n.square && t.rounded, !n.disableGutters && t.gutters];
   }
-})(W(({
+})(z(({
   theme: e
 }) => {
   const t = {
@@ -444,7 +444,7 @@ const J = Y("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       backgroundColor: (e.vars || e).palette.action.disabledBackground
     }
   };
-}), W(({
+}), z(({
   theme: e
 }) => ({
   variants: [{
@@ -482,25 +482,25 @@ const J = Y("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
   name: "MuiAccordion",
   slot: "Region"
 })({}), ao = /* @__PURE__ */ c.forwardRef(function(t, n) {
-  const s = Q({
+  const i = Q({
     props: t,
     name: "MuiAccordion"
   }), {
     children: a,
-    className: d,
-    defaultExpanded: p = !1,
+    className: p,
+    defaultExpanded: d = !1,
     disabled: u = !1,
     disableGutters: R = !1,
-    expanded: z,
+    expanded: $,
     onChange: P,
     slots: k = {},
     slotProps: N = {},
     TransitionComponent: V,
     TransitionProps: O,
     ...F
-  } = s, [f, h] = Oo({
-    controlled: z,
-    default: p,
+  } = i, [f, h] = Oo({
+    controlled: $,
+    default: d,
     name: "Accordion",
     state: "expanded"
   }), T = c.useCallback((j) => {
@@ -511,7 +511,7 @@ const J = Y("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     disableGutters: R,
     toggle: T
   }), [f, u, R, T]), S = {
-    ...s,
+    ...i,
     disabled: u,
     disableGutters: R,
     expanded: f
@@ -530,7 +530,7 @@ const J = Y("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       ...l,
       ...F
     },
-    className: L(M.root, d),
+    className: L(M.root, p),
     shouldForwardComponentProp: !0,
     ownerState: S,
     ref: n
@@ -539,7 +539,7 @@ const J = Y("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     externalForwardedProps: l,
     className: M.heading,
     ownerState: S
-  }), [D, $] = x("transition", {
+  }), [D, W] = x("transition", {
     elementType: K,
     externalForwardedProps: l,
     ownerState: S
@@ -554,19 +554,19 @@ const J = Y("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       role: "region"
     }
   });
-  return /* @__PURE__ */ i.jsxs(G, {
+  return /* @__PURE__ */ s.jsxs(G, {
     ...v,
-    children: [/* @__PURE__ */ i.jsx(_, {
+    children: [/* @__PURE__ */ s.jsx(_, {
       ...U,
-      children: /* @__PURE__ */ i.jsx(no.Provider, {
+      children: /* @__PURE__ */ s.jsx(no.Provider, {
         value: m,
         children: C
       })
-    }), /* @__PURE__ */ i.jsx(D, {
+    }), /* @__PURE__ */ s.jsx(D, {
       in: f,
       timeout: "auto",
-      ...$,
-      children: /* @__PURE__ */ i.jsx(H, {
+      ...W,
+      children: /* @__PURE__ */ s.jsx(H, {
         ...oo,
         children: I
       })
@@ -671,23 +671,23 @@ const Jo = (e) => {
 }, Ko = b("div", {
   name: "MuiAccordionDetails",
   slot: "Root"
-})(W(({
+})(z(({
   theme: e
 }) => ({
   padding: e.spacing(1, 2, 2)
 }))), co = /* @__PURE__ */ c.forwardRef(function(t, n) {
-  const s = Q({
+  const i = Q({
     props: t,
     name: "MuiAccordionDetails"
   }), {
     className: a,
-    ...d
-  } = s, p = s, u = Jo(p);
-  return /* @__PURE__ */ i.jsx(Ko, {
+    ...p
+  } = i, d = i, u = Jo(d);
+  return /* @__PURE__ */ s.jsx(Ko, {
     className: L(u.root, a),
     ref: n,
-    ownerState: p,
-    ...d
+    ownerState: d,
+    ...p
   });
 });
 process.env.NODE_ENV !== "production" && (co.propTypes = {
@@ -719,11 +719,11 @@ const B = Y("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
   const {
     classes: t,
     expanded: n,
-    disabled: s,
+    disabled: i,
     disableGutters: a
   } = e;
   return X({
-    root: ["root", n && "expanded", s && "disabled", !a && "gutters"],
+    root: ["root", n && "expanded", i && "disabled", !a && "gutters"],
     focusVisible: ["focusVisible"],
     content: ["content", n && "expanded", !a && "contentGutters"],
     expandIconWrapper: ["expandIconWrapper", n && "expanded"]
@@ -731,7 +731,7 @@ const B = Y("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
 }, Yo = b(No, {
   name: "MuiAccordionSummary",
   slot: "Root"
-})(W(({
+})(z(({
   theme: e
 }) => {
   const t = {
@@ -764,7 +764,7 @@ const B = Y("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
 })), Zo = b("span", {
   name: "MuiAccordionSummary",
   slot: "Content"
-})(W(({
+})(z(({
   theme: e
 }) => ({
   display: "flex",
@@ -785,7 +785,7 @@ const B = Y("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
 }))), oe = b("span", {
   name: "MuiAccordionSummary",
   slot: "ExpandIconWrapper"
-})(W(({
+})(z(({
   theme: e
 }) => ({
   display: "flex",
@@ -798,19 +798,19 @@ const B = Y("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     transform: "rotate(180deg)"
   }
 }))), lo = /* @__PURE__ */ c.forwardRef(function(t, n) {
-  const s = Q({
+  const i = Q({
     props: t,
     name: "MuiAccordionSummary"
   }), {
     children: a,
-    className: d,
-    expandIcon: p,
+    className: p,
+    expandIcon: d,
     focusVisibleClassName: u,
     onClick: R,
-    slots: z,
+    slots: $,
     slotProps: P,
     ...k
-  } = s, {
+  } = i, {
     disabled: N = !1,
     disableGutters: V,
     expanded: O,
@@ -818,17 +818,17 @@ const B = Y("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
   } = c.useContext(no), f = (l) => {
     F && F(l), R && R(l);
   }, h = {
-    ...s,
+    ...i,
     expanded: O,
     disabled: N,
     disableGutters: V
   }, T = Xo(h), C = {
-    slots: z,
+    slots: $,
     slotProps: P
   }, [I, m] = x("root", {
     ref: n,
     shouldForwardComponentProp: !0,
-    className: L(T.root, d),
+    className: L(T.root, p),
     elementType: Yo,
     externalForwardedProps: {
       ...C,
@@ -859,14 +859,14 @@ const B = Y("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     externalForwardedProps: C,
     ownerState: h
   });
-  return /* @__PURE__ */ i.jsxs(I, {
+  return /* @__PURE__ */ s.jsxs(I, {
     ...m,
-    children: [/* @__PURE__ */ i.jsx(S, {
+    children: [/* @__PURE__ */ s.jsx(S, {
       ...M,
       children: a
-    }), p && /* @__PURE__ */ i.jsx(w, {
+    }), d && /* @__PURE__ */ s.jsx(w, {
       ...E,
-      children: p
+      children: d
     })]
   });
 });
@@ -931,16 +931,16 @@ const ee = ({
   title: e,
   children: t,
   startIcon: n,
-  titleTypographyProps: s,
+  titleTypographyProps: i,
   accordionSummaryProps: a,
-  accordionDetailsProps: d,
-  ...p
-}) => /* @__PURE__ */ i.jsxs(ao, { elevation: 0, ...p, children: [
-  e || n ? /* @__PURE__ */ i.jsx(lo, { expandIcon: /* @__PURE__ */ i.jsx(wo, {}), ...a, children: /* @__PURE__ */ i.jsxs($o, { direction: "row", spacing: 1, alignItems: "center", children: [
+  accordionDetailsProps: p,
+  ...d
+}) => /* @__PURE__ */ s.jsxs(ao, { elevation: 0, ...d, children: [
+  e || n ? /* @__PURE__ */ s.jsx(lo, { expandIcon: /* @__PURE__ */ s.jsx(wo, {}), ...a, children: /* @__PURE__ */ s.jsxs(Wo, { direction: "row", spacing: 1, alignItems: "center", children: [
     n,
-    /* @__PURE__ */ i.jsx(Wo, { variant: "subtitle1", fontWeight: 600, ...s, children: e })
+    /* @__PURE__ */ s.jsx(zo, { variant: "subtitle1", fontWeight: 600, ...i, children: e })
   ] }) }) : null,
-  /* @__PURE__ */ i.jsx(co, { ...d, children: t })
+  /* @__PURE__ */ s.jsx(co, { ...p, children: t })
 ] });
 ee.displayName = "SAccordion";
 export {

package/dist/s-action-overlay/s-action-overlay.js

@@ -7,8 +7,8 @@ const k = 40, _ = 16, O = ({
   maxWidth: u,
   columns: r = 3,
   children: d,
-  showOnHover: o = !0,
-  visible: s,
+  showOnHover: s = !0,
+  visible: o,
   position: n = "center",
   backdropColor: p = "background.paper",
   backdropOpacity: x = 0.9,
@@ -17,10 +17,10 @@ const k = 40, _ = 16, O = ({
   overlaySx: y,
   onVisibilityChange: a
 }) => {
-  const [h, l] = M(!1), v = s !== void 0 ? s : o && h, j = () => {
-    o && s === void 0 && (l(!0), a?.(!0));
-  }, b = () => {
-    o && s === void 0 && (l(!1), a?.(!1));
+  const [h, l] = M(!1), v = o ?? (s && h), b = () => {
+    s && o === void 0 && (l(!0), a?.(!0));
+  }, j = () => {
+    s && o === void 0 && (l(!1), a?.(!1));
   }, C = () => {
     switch (n) {
       case "top-left":
@@ -53,7 +53,7 @@ const k = 40, _ = 16, O = ({
   };
   return (
     // Main container with flex to center the children
-    /* @__PURE__ */ e.jsx(i, { display: "flex", children: /* @__PURE__ */ e.jsxs(i, { position: "relative", onMouseEnter: j, onMouseLeave: b, children: [
+    /* @__PURE__ */ e.jsx(i, { display: "flex", children: /* @__PURE__ */ e.jsxs(i, { position: "relative", onMouseEnter: b, onMouseLeave: j, children: [
       d,
       v && /* @__PURE__ */ e.jsx(
         i,

package/dist/s-ai-tool-bar/s-ai-tool-bar.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { CheckboxProps, SelectProps, SliderProps, TextFieldProps } from '@mui/material';
 import { SxProps, Theme } from '@mui/material/styles';
 /**
  * Possible value types for SAiToolBar inputs
@@ -59,6 +60,18 @@ export interface SAiToolBarInput {
     searchable?: boolean;
     /** Placeholder for search input in select dropdown */
     searchPlaceholder?: string;
+    /**
+     * Extra props forwarded to the underlying child component.
+     * Each key targets the matching input type:
+     * - `textarea` / `number` → MUI `TextField`
+     * - `slider`              → MUI `Slider`
+     * - `select`              → `SSelect`
+     * - `checkbox`            → MUI `Checkbox`
+     * - `image`               → native `<input type="file">`
+     *
+     * Only the props relevant to the current `type` are used.
+     */
+    componentProps?: SAiToolBarComponentProps;
     /** Custom renderer for the input */
     renderInput?: (props: {
         value: SAiToolBarValue;
@@ -68,6 +81,37 @@ export interface SAiToolBarInput {
         disabled?: boolean;
     }) => React.ReactNode;
 }
+/**
+ * Per-type overrides forwarded to the underlying child components.
+ * Omit props that are already managed by SAiToolBar to avoid conflicts.
+ */
+export interface SAiToolBarComponentProps {
+    /** Extra props for the MUI TextField used in `textarea` inputs */
+    textarea?: Omit<TextFieldProps, 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'disabled' | 'multiline' | 'minRows' | 'maxRows' | 'fullWidth' | 'placeholder'>;
+    /** Extra props for the MUI TextField used in `number` inputs */
+    number?: Omit<TextFieldProps, 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'disabled' | 'type' | 'slotProps'>;
+    /** Extra props for the MUI Slider used in `slider` inputs */
+    slider?: Omit<SliderProps, 'value' | 'onChange' | 'onMouseDown' | 'onMouseUp' | 'disabled' | 'min' | 'max' | 'step'>;
+    /** Extra props for SSelect used in `select` inputs */
+    select?: Omit<SelectProps, 'ref' | 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'disabled' | 'error' | 'variant'> & {
+        /** Field label displayed above the select */
+        label?: string | React.ReactNode;
+        /** Error message to display below the field */
+        error?: string;
+        /** Whether the field is required */
+        required?: boolean;
+        /** Whether to use simple value rendering */
+        simple?: boolean;
+        /** HTML id attribute for the select element */
+        htmlFor?: string;
+        /** Custom render function for dropdown options */
+        renderOption?: (option: SAiToolBarOption) => React.ReactNode;
+    };
+    /** Extra props for the MUI Checkbox used in `checkbox` inputs */
+    checkbox?: Omit<CheckboxProps, 'checked' | 'onChange' | 'onFocus' | 'onBlur' | 'disabled'>;
+    /** Extra props for the native `<input type="file">` element used in `image` inputs */
+    image?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'ref' | 'type' | 'multiple' | 'onChange' | 'disabled' | 'style'>;
+}
 /**
  * Props interface for SAiToolBar component
  */