@solostylist/ui-kit 1.0.115 → 1.0.117

package/dist/{Stack-DKN2SxRo.js → Stack-CO3ed3qL.js}

@@ -1,11 +1,11 @@
-import { P as e, h as O, r as m, e as V, f as C, m as D, b as E, g as b } from "./createTheme-CSzTQZIR.js";
-import { c as N, s as R } from "./styled-B6SqfqyN.js";
+import { P as e, h as O, r as m, e as V, f as C, m as D, b as E, g as b } from "./createTheme-3Wd3hHrj.js";
+import { c as N, s as R } from "./styled-BD_erj7E.js";
 import * as f from "react";
 import { c as F } from "./clsx-OuTLNxxd.js";
 import { j as B } from "./jsx-runtime-OVHDjVDe.js";
-import { e as M } from "./extendSxProp-BDhPgeA-.js";
-import { u as w } from "./useThemeProps-DI2LSvKR.js";
-import { b as G, u as U } from "./createSvgIcon-L9c3q_HV.js";
+import { e as M } from "./extendSxProp-BKWjdW12.js";
+import { u as w } from "./useThemeProps-DqA5BinV.js";
+import { b as G, u as U } from "./createSvgIcon-By5UWB4_.js";
 import { g as $ } from "./colorManipulator-ep5lERxB.js";
 const A = N(), _ = E(), I = A("div", {
   name: "MuiStack",

package/dist/{TransitionGroup-iVQWCEuB.js → TransitionGroup-BK0MDPKM.js}

@@ -1,5 +1,5 @@
 import { a as x, _ } from "./objectWithoutPropertiesLoose-DiWPeE4c.js";
-import { P as p } from "./createTheme-CSzTQZIR.js";
+import { P as p } from "./createTheme-3Wd3hHrj.js";
 import f, { isValidElement as h, cloneElement as v, Children as O } from "react";
 function m(e, n) {
   return m = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, a) {

package/dist/{Typography-N0Mzi70r.js → Typography-y4bVBfDI.js}

@@ -1,11 +1,11 @@
 import * as j from "react";
-import { c, P as r } from "./createTheme-CSzTQZIR.js";
-import { u as O, a as S, b as w, m as B } from "./createSvgIcon-L9c3q_HV.js";
-import { i as P } from "./index-bBtpkEYO.js";
+import { c, P as r } from "./createTheme-3Wd3hHrj.js";
+import { u as O, a as S, b as w, m as B } from "./createSvgIcon-By5UWB4_.js";
+import { i as P } from "./index-VB-2NIdQ.js";
 import { c as W } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
 import { g as C } from "./typographyClasses-C7fhAsUD.js";
 import { j as R } from "./jsx-runtime-OVHDjVDe.js";
-import { s as M } from "./styled-B6SqfqyN.js";
+import { s as M } from "./styled-BD_erj7E.js";
 const N = {
   primary: !0,
   secondary: !0,

package/dist/{createSvgIcon-L9c3q_HV.js → createSvgIcon-By5UWB4_.js}

@@ -1,84 +1,110 @@
-import * as S from "react";
-import { j as x } from "./jsx-runtime-OVHDjVDe.js";
-import { P as n, c as z } from "./createTheme-CSzTQZIR.js";
-import { p as w, s as O } from "./styled-B6SqfqyN.js";
-import { g as R } from "./svgIconClasses-CBCi8U9g.js";
-import { u as j } from "./DefaultPropsProvider-CoEfFcSh.js";
-function T(e) {
-  var o, t, r = "";
-  if (typeof e == "string" || typeof e == "number") r += e;
+import * as d from "react";
+import { j as b } from "./jsx-runtime-OVHDjVDe.js";
+import { P as s, c as x } from "./createTheme-3Wd3hHrj.js";
+import { p as T, s as j } from "./styled-BD_erj7E.js";
+import { g as w } from "./svgIconClasses-CBCi8U9g.js";
+import { r as z } from "./resolveProps-61uUKnlS.js";
+function O(e) {
+  var o, t, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var s = e.length;
-    for (o = 0; o < s; o++) e[o] && (t = T(e[o])) && (r && (r += " "), r += t);
-  } else for (t in e) e[t] && (r && (r += " "), r += t);
-  return r;
+    var r = e.length;
+    for (o = 0; o < r; o++) e[o] && (t = O(e[o])) && (n && (n += " "), n += t);
+  } else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
 }
 function E() {
-  for (var e, o, t = 0, r = "", s = arguments.length; t < s; t++) (e = arguments[t]) && (o = T(e)) && (r && (r += " "), r += o);
-  return r;
+  for (var e, o, t = 0, n = "", r = arguments.length; t < r; t++) (e = arguments[t]) && (o = O(e)) && (n && (n += " "), n += o);
+  return n;
 }
-function I(e, o, t = void 0) {
-  const r = {};
-  for (const s in e) {
-    const i = e[s];
-    let f = "", l = !0;
-    for (let p = 0; p < i.length; p += 1) {
-      const a = i[p];
-      a && (f += (l === !0 ? "" : " ") + o(a), l = !1, t && t[a] && (f += " " + t[a]));
+function R(e, o, t = void 0) {
+  const n = {};
+  for (const r in e) {
+    const i = e[r];
+    let p = "", a = !0;
+    for (let f = 0; f < i.length; f += 1) {
+      const c = i[f];
+      c && (p += (a === !0 ? "" : " ") + o(c), a = !1, t && t[c] && (p += " " + t[c]));
     }
-    r[s] = f;
+    n[r] = p;
   }
-  return r;
+  return n;
 }
-const N = {
+const I = /* @__PURE__ */ d.createContext(void 0);
+process.env.NODE_ENV !== "production" && (s.node, s.object);
+function V(e) {
+  const {
+    theme: o,
+    name: t,
+    props: n
+  } = e;
+  if (!o || !o.components || !o.components[t])
+    return n;
+  const r = o.components[t];
+  return r.defaultProps ? z(r.defaultProps, n, o.components.mergeClassNameAndStyle) : !r.styleOverrides && !r.variants ? z(r, n, o.components.mergeClassNameAndStyle) : n;
+}
+function A({
+  props: e,
+  name: o
+}) {
+  const t = d.useContext(I);
+  return V({
+    props: e,
+    name: o,
+    theme: {
+      components: t
+    }
+  });
+}
+const C = {
   theme: void 0
 };
-function C(e) {
+function P(e) {
   let o, t;
-  return function(s) {
+  return function(r) {
     let i = o;
-    return (i === void 0 || s.theme !== t) && (N.theme = s.theme, i = w(e(N)), o = i, t = s.theme), i;
+    return (i === void 0 || r.theme !== t) && (C.theme = r.theme, i = T(e(C)), o = i, t = r.theme), i;
   };
 }
-const V = C;
-process.env.NODE_ENV !== "production" && (n.node, n.object.isRequired);
+const D = P;
+process.env.NODE_ENV !== "production" && (s.node, s.object.isRequired);
 function $(e) {
-  return j(e);
+  return A(e);
 }
-const A = (e) => {
+const _ = (e) => {
   const {
     color: o,
     fontSize: t,
-    classes: r
-  } = e, s = {
-    root: ["root", o !== "inherit" && `color${z(o)}`, `fontSize${z(t)}`]
+    classes: n
+  } = e, r = {
+    root: ["root", o !== "inherit" && `color${x(o)}`, `fontSize${x(t)}`]
   };
-  return I(s, R, r);
-}, D = O("svg", {
+  return R(r, w, n);
+}, B = j("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, o) => {
     const {
       ownerState: t
     } = e;
-    return [o.root, t.color !== "inherit" && o[`color${z(t.color)}`], o[`fontSize${z(t.fontSize)}`]];
+    return [o.root, t.color !== "inherit" && o[`color${x(t.color)}`], o[`fontSize${x(t.fontSize)}`]];
   }
-})(V(({
+})(D(({
   theme: e
 }) => {
-  var o, t, r, s, i, f, l, p, a, d, u, g, y, m;
+  var o, t, n, r, i, p, a, f, c, g, u, v, h, m;
   return {
     userSelect: "none",
     width: "1em",
     height: "1em",
     display: "inline-block",
     flexShrink: 0,
-    transition: (s = (o = e.transitions) == null ? void 0 : o.create) == null ? void 0 : s.call(o, "fill", {
-      duration: (r = (t = (e.vars ?? e).transitions) == null ? void 0 : t.duration) == null ? void 0 : r.shorter
+    transition: (r = (o = e.transitions) == null ? void 0 : o.create) == null ? void 0 : r.call(o, "fill", {
+      duration: (n = (t = (e.vars ?? e).transitions) == null ? void 0 : t.duration) == null ? void 0 : n.shorter
     }),
     variants: [
       {
-        props: (c) => !c.hasSvgAsChild,
+        props: (l) => !l.hasSvgAsChild,
         style: {
           // the <svg> will define the property that has `currentColor`
           // for example heroicons uses fill="none" and stroke="currentColor"
@@ -98,7 +124,7 @@ const A = (e) => {
           fontSize: "small"
         },
         style: {
-          fontSize: ((f = (i = e.typography) == null ? void 0 : i.pxToRem) == null ? void 0 : f.call(i, 20)) || "1.25rem"
+          fontSize: ((p = (i = e.typography) == null ? void 0 : i.pxToRem) == null ? void 0 : p.call(i, 20)) || "1.25rem"
         }
       },
       {
@@ -106,7 +132,7 @@ const A = (e) => {
           fontSize: "medium"
         },
         style: {
-          fontSize: ((p = (l = e.typography) == null ? void 0 : l.pxToRem) == null ? void 0 : p.call(l, 24)) || "1.5rem"
+          fontSize: ((f = (a = e.typography) == null ? void 0 : a.pxToRem) == null ? void 0 : f.call(a, 24)) || "1.5rem"
         }
       },
       {
@@ -114,18 +140,18 @@ const A = (e) => {
           fontSize: "large"
         },
         style: {
-          fontSize: ((d = (a = e.typography) == null ? void 0 : a.pxToRem) == null ? void 0 : d.call(a, 35)) || "2.1875rem"
+          fontSize: ((g = (c = e.typography) == null ? void 0 : c.pxToRem) == null ? void 0 : g.call(c, 35)) || "2.1875rem"
         }
       },
       // TODO v5 deprecate color prop, v6 remove for sx
-      ...Object.entries((e.vars ?? e).palette).filter(([, c]) => c && c.main).map(([c]) => {
-        var v, h;
+      ...Object.entries((e.vars ?? e).palette).filter(([, l]) => l && l.main).map(([l]) => {
+        var y, S;
         return {
           props: {
-            color: c
+            color: l
           },
           style: {
-            color: (h = (v = (e.vars ?? e).palette) == null ? void 0 : v[c]) == null ? void 0 : h.main
+            color: (S = (y = (e.vars ?? e).palette) == null ? void 0 : y[l]) == null ? void 0 : S.main
           }
         };
       }),
@@ -134,7 +160,7 @@ const A = (e) => {
           color: "action"
         },
         style: {
-          color: (g = (u = (e.vars ?? e).palette) == null ? void 0 : u.action) == null ? void 0 : g.active
+          color: (v = (u = (e.vars ?? e).palette) == null ? void 0 : u.action) == null ? void 0 : v.active
         }
       },
       {
@@ -142,7 +168,7 @@ const A = (e) => {
           color: "disabled"
         },
         style: {
-          color: (m = (y = (e.vars ?? e).palette) == null ? void 0 : y.action) == null ? void 0 : m.disabled
+          color: (m = (h = (e.vars ?? e).palette) == null ? void 0 : h.action) == null ? void 0 : m.disabled
         }
       },
       {
@@ -155,51 +181,51 @@ const A = (e) => {
       }
     ]
   };
-})), b = /* @__PURE__ */ S.forwardRef(function(o, t) {
-  const r = $({
+})), N = /* @__PURE__ */ d.forwardRef(function(o, t) {
+  const n = $({
     props: o,
     name: "MuiSvgIcon"
   }), {
-    children: s,
+    children: r,
     className: i,
-    color: f = "inherit",
-    component: l = "svg",
-    fontSize: p = "medium",
-    htmlColor: a,
-    inheritViewBox: d = !1,
+    color: p = "inherit",
+    component: a = "svg",
+    fontSize: f = "medium",
+    htmlColor: c,
+    inheritViewBox: g = !1,
     titleAccess: u,
-    viewBox: g = "0 0 24 24",
-    ...y
-  } = r, m = /* @__PURE__ */ S.isValidElement(s) && s.type === "svg", c = {
-    ...r,
-    color: f,
-    component: l,
-    fontSize: p,
+    viewBox: v = "0 0 24 24",
+    ...h
+  } = n, m = /* @__PURE__ */ d.isValidElement(r) && r.type === "svg", l = {
+    ...n,
+    color: p,
+    component: a,
+    fontSize: f,
     instanceFontSize: o.fontSize,
-    inheritViewBox: d,
-    viewBox: g,
+    inheritViewBox: g,
+    viewBox: v,
     hasSvgAsChild: m
-  }, v = {};
-  d || (v.viewBox = g);
-  const h = A(c);
-  return /* @__PURE__ */ x.jsxs(D, {
-    as: l,
-    className: E(h.root, i),
+  }, y = {};
+  g || (y.viewBox = v);
+  const S = _(l);
+  return /* @__PURE__ */ b.jsxs(B, {
+    as: a,
+    className: E(S.root, i),
     focusable: "false",
-    color: a,
+    color: c,
     "aria-hidden": u ? void 0 : !0,
     role: u ? "img" : void 0,
     ref: t,
-    ...v,
     ...y,
-    ...m && s.props,
-    ownerState: c,
-    children: [m ? s.props.children : s, u ? /* @__PURE__ */ x.jsx("title", {
+    ...h,
+    ...m && r.props,
+    ownerState: l,
+    children: [m ? r.props.children : r, u ? /* @__PURE__ */ b.jsx("title", {
       children: u
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (b.propTypes = {
+process.env.NODE_ENV !== "production" && (N.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -207,15 +233,15 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
   /**
    * Node passed into the SVG element.
    */
-  children: n.node,
+  children: s.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: n.object,
+  classes: s.object,
   /**
    * @ignore
    */
-  className: n.string,
+  className: s.string,
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
@@ -223,21 +249,21 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
    * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
    * @default 'inherit'
    */
-  color: n.oneOfType([n.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), n.string]),
+  color: s.oneOfType([s.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), s.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: n.elementType,
+  component: s.elementType,
   /**
    * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
    * @default 'medium'
    */
-  fontSize: n.oneOfType([n.oneOf(["inherit", "large", "medium", "small"]), n.string]),
+  fontSize: s.oneOfType([s.oneOf(["inherit", "large", "medium", "small"]), s.string]),
   /**
    * Applies a color attribute to the SVG element.
    */
-  htmlColor: n.string,
+  htmlColor: s.string,
   /**
    * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
    * prop will be ignored.
@@ -245,22 +271,22 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
    * `component`'s viewBox to the root node.
    * @default false
    */
-  inheritViewBox: n.bool,
+  inheritViewBox: s.bool,
   /**
    * The shape-rendering attribute. The behavior of the different options is described on the
    * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
    * If you are having issues with blurry icons you should investigate this prop.
    */
-  shapeRendering: n.string,
+  shapeRendering: s.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
+  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),
   /**
    * Provides a human-readable title for the element that contains it.
    * https://www.w3.org/TR/SVG-access/#Equivalent
    */
-  titleAccess: n.string,
+  titleAccess: s.string,
   /**
    * Allows you to redefine what the coordinates without units mean inside an SVG element.
    * For example, if the SVG element is 500 (width) by 200 (height),
@@ -269,24 +295,24 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
    * to bottom right (50,20) and each unit will be worth 10px.
    * @default '0 0 24 24'
    */
-  viewBox: n.string
+  viewBox: s.string
 });
-b.muiName = "SvgIcon";
-function U(e, o) {
-  function t(r, s) {
-    return /* @__PURE__ */ x.jsx(b, {
+N.muiName = "SvgIcon";
+function G(e, o) {
+  function t(n, r) {
+    return /* @__PURE__ */ b.jsx(N, {
       "data-testid": process.env.NODE_ENV !== "production" ? `${o}Icon` : void 0,
-      ref: s,
-      ...r,
+      ref: r,
+      ...n,
       children: e
     });
   }
-  return process.env.NODE_ENV !== "production" && (t.displayName = `${o}Icon`), t.muiName = b.muiName, /* @__PURE__ */ S.memo(/* @__PURE__ */ S.forwardRef(t));
+  return process.env.NODE_ENV !== "production" && (t.displayName = `${o}Icon`), t.muiName = N.muiName, /* @__PURE__ */ d.memo(/* @__PURE__ */ d.forwardRef(t));
 }
 export {
   E as a,
-  I as b,
-  U as c,
-  V as m,
+  R as b,
+  G as c,
+  D as m,
   $ as u
 };

package/dist/{createTheme-CSzTQZIR.js → createTheme-3Wd3hHrj.js}

@@ -2834,7 +2834,6 @@ export {
   Fn as k,
   In as l,
   Jn as m,
-  wn as n,
   Zn as r,
   Ge as s
 };

package/dist/defaultTheme-fEi1x1Gb.js

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

package/dist/{extendSxProp-BDhPgeA-.js → extendSxProp-BKWjdW12.js}

@@ -1,4 +1,4 @@
-import { i as c, d as l } from "./createTheme-CSzTQZIR.js";
+import { i as c, d as l } from "./createTheme-3Wd3hHrj.js";
 const a = (t) => {
   var s;
   const e = {

package/dist/index-VB-2NIdQ.js

@@ -0,0 +1,95 @@
+import "react";
+import { j as i } from "./jsx-runtime-OVHDjVDe.js";
+import { e as m } from "./extendSxProp-BKWjdW12.js";
+import { P as e } from "./createTheme-3Wd3hHrj.js";
+import { d as y } from "./defaultTheme-fEi1x1Gb.js";
+import { T as d } from "./identifier-BKLqN993.js";
+import { i as b } from "./index--x2dvtup.js";
+import { u as T } from "./useTheme-B5czKfC4.js";
+import { Global as x } from "@emotion/react";
+function E(r) {
+  return r == null || Object.keys(r).length === 0;
+}
+function u(r) {
+  const {
+    styles: o,
+    defaultTheme: l = {}
+  } = r, t = typeof o == "function" ? (n) => o(E(n) ? l : n) : o;
+  return /* @__PURE__ */ i.jsx(x, {
+    styles: t
+  });
+}
+process.env.NODE_ENV !== "production" && (u.propTypes = {
+  defaultTheme: e.object,
+  styles: e.oneOfType([e.array, e.string, e.object, e.func])
+});
+function p(r) {
+  const o = b(r);
+  return r !== o && o.styles ? (o.styles.match(/^@layer\s+[^{]*$/) || (o.styles = `@layer global{${o.styles}}`), o) : r;
+}
+function f({
+  styles: r,
+  themeId: o,
+  defaultTheme: l = {}
+}) {
+  const t = T(l), n = o && t[o] || t;
+  let s = typeof r == "function" ? r(n) : r;
+  return n.modularCssLayers && (Array.isArray(s) ? s = s.map((a) => p(typeof a == "function" ? a(n) : a)) : s = p(s)), /* @__PURE__ */ i.jsx(u, {
+    styles: s
+  });
+}
+process.env.NODE_ENV !== "production" && (f.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  defaultTheme: e.object,
+  /**
+   * @ignore
+   */
+  styles: e.oneOfType([e.array, e.func, e.number, e.object, e.string, e.bool]),
+  /**
+   * @ignore
+   */
+  themeId: e.string
+});
+function c(r) {
+  return /* @__PURE__ */ i.jsx(f, {
+    ...r,
+    defaultTheme: y,
+    themeId: d
+  });
+}
+process.env.NODE_ENV !== "production" && (c.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The styles you want to apply globally.
+   */
+  styles: e.oneOfType([e.array, e.func, e.number, e.object, e.string, e.bool])
+});
+function D(r) {
+  return function(l) {
+    return (
+      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
+      /* @__PURE__ */ i.jsx(c, {
+        styles: typeof r == "function" ? (t) => r({
+          theme: t,
+          ...l
+        }) : r
+      })
+    );
+  };
+}
+function P() {
+  return m;
+}
+export {
+  D as g,
+  P as i
+};

package/dist/main.d.ts

@@ -74,10 +74,10 @@ export { default as SCopilotKitProvider } from './s-copilot-kit-provider/index';
 export type { SCopilotKitProviderProps } from './s-copilot-kit-provider/index';
 export { SStripeNumber, SStripeExpiry, SStripeCVC, StripeTextField } from './s-stripe/index';
 export type { StripeTextFieldProps, StripeElement } from './s-stripe/index';
-export { default as SThemeProvider, useSTheme } from './s-theme-provider/index';
-export type { SThemeProviderProps, SThemeMode } from './s-theme-provider/index';
+export { default as SThemeProvider } from './s-theme-provider/index';
+export type { SThemeProviderProps } from './s-theme-provider/index';
 export { default as SThemeSwitch } from './s-theme-switch/index';
-export type { SThemeSwitchProps } from './s-theme-switch/index';
+export type { SThemeSwitchProps, SThemeMode } from './s-theme-switch/index';
 export { default as SDateTimePicker } from './s-datetime-picker/index';
 export type { SDateTimePickerProps } from './s-datetime-picker/index';
 export { default as SDatePicker } from './s-date-picker/index';