@solostylist/ui-kit 1.0.88 → 1.0.90

package/dist/s-multi-select/s-multi-select.js

@@ -1,11 +1,11 @@
 import { j as t } from "../jsx-runtime-DywqP_6a.js";
 import * as c from "react";
-import { c as h } from "../createSvgIcon-vJH0FaMW.js";
+import { b as h } from "../createSvgIcon-DpVs_nKR.js";
 import { Stack as j, OutlinedInput as M } from "@mui/material";
 import { usePopover as v } from "../hooks/use-popover.js";
 import S from "../s-chips/s-chips.js";
-import { M as R } from "../Menu-D2LDo0yd.js";
-import { M as b } from "../MenuItem-JkMrBIMD.js";
+import { M as b } from "../Menu-BuktPpzX.js";
+import { M as R } from "../MenuItem-sL2AcofB.js";
 const I = h(/* @__PURE__ */ t.jsx("path", {
   d: "M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15z"
 }), "UnfoldMore");
@@ -51,7 +51,7 @@ function P({
       }
     ),
     /* @__PURE__ */ t.jsx(
-      R,
+      b,
       {
         anchorEl: r.anchorRef.current,
         onClose: r.handleClose,
@@ -60,7 +60,7 @@ function P({
         children: a.map((e) => {
           const s = l.includes(e.value);
           return /* @__PURE__ */ t.jsx(
-            b,
+            R,
             {
               onClick: () => {
                 m(e.value, !s);

package/dist/s-smart-text-field/s-smart-text-field.js

@@ -5,12 +5,12 @@ import le, { useCallback as pe, useState as Re, useMemo as rt, useEffect as ye,
 import { g as Cn, c as Zt, a as er } from "../_commonjsHelpers-B4e78b8K.js";
 import mi, { flushSync as kl } from "react-dom";
 import { a as re, _ as ut } from "../objectWithoutPropertiesLoose-DiWPeE4c.js";
-import { P, j as rs } from "../createTheme-DjqDAiZm.js";
+import { P, l as rs } from "../createTheme-DbdaZ0Ku.js";
 import qd from "@emotion/styled";
 import { s as Zn } from "../emotion-serialize.esm-lgBmL_7o.js";
 import { CacheProvider as Hd, Global as Kd, ThemeContext as Gd, css as Yd, keyframes as ga } from "@emotion/react";
 import Ll from "@emotion/cache";
-import { T as Xd } from "../TransitionGroup-DzGaAPUk.js";
+import { a as Xd } from "../TransitionGroup-SToIdl-5.js";
 import { styled as Zd, alpha as ns, outlinedInputClasses as Jd } from "@mui/material";
 import Qd from "../s-form/s-form.js";
 import { brand as jn, gray as as } from "../theme/theme-primitives.js";

package/dist/s-text-editor/s-text-editor-toolbar.js

@@ -1,19 +1,19 @@
 import { j as c } from "../jsx-runtime-DywqP_6a.js";
 import * as r from "react";
-import { c as i } from "../createSvgIcon-vJH0FaMW.js";
+import { b as i } from "../createSvgIcon-DpVs_nKR.js";
 import { MenuItem as u } from "@mui/material";
 import { usePopover as p } from "../hooks/use-popover.js";
 import m from "../s-text-field/s-text-field.js";
-import { I as f, S as x, F as d } from "../Select-4BjFewNI.js";
-import { S as v } from "../Stack-UjxgGQu9.js";
-import { P as j } from "../Menu-D2LDo0yd.js";
+import { I as f, S as x, F as d } from "../Select-D2lV25sl.js";
+import { S as v } from "../Stack-CIrlOUXL.js";
+import { P as j } from "../Menu-BuktPpzX.js";
 const k = i(/* @__PURE__ */ c.jsx("path", {
   d: "M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z"
 }), "Code"), H = i(/* @__PURE__ */ c.jsx("path", {
   d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42M10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5"
-}), "FormatBold"), L = i(/* @__PURE__ */ c.jsx("path", {
+}), "FormatBold"), b = i(/* @__PURE__ */ c.jsx("path", {
   d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"
-}), "FormatItalic"), b = i(/* @__PURE__ */ c.jsx("path", {
+}), "FormatItalic"), L = i(/* @__PURE__ */ c.jsx("path", {
   d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5m0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5m0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5M7 19h14v-2H7zm0-6h14v-2H7zm0-8v2h14V5z"
 }), "FormatListBulleted"), C = i(/* @__PURE__ */ c.jsx("path", {
   d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2zm1-9h1V4H2v1h1zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2zm5-6v2h14V5zm0 14h14v-2H7zm0-6h14v-2H7z"
@@ -88,7 +88,7 @@ const k = i(/* @__PURE__ */ c.jsx("path", {
               onClick: () => {
                 n.chain().focus().toggleItalic().run();
               },
-              children: /* @__PURE__ */ c.jsx(L, {})
+              children: /* @__PURE__ */ c.jsx(b, {})
             }
           ),
           /* @__PURE__ */ c.jsx(
@@ -121,7 +121,7 @@ const k = i(/* @__PURE__ */ c.jsx("path", {
               onClick: () => {
                 n.chain().focus().toggleBulletList().run();
               },
-              children: /* @__PURE__ */ c.jsx(b, {})
+              children: /* @__PURE__ */ c.jsx(L, {})
             }
           ),
           /* @__PURE__ */ c.jsx(

package/dist/s-text-editor/s-text-editor.js

@@ -5,7 +5,7 @@ import { Placeholder as m } from "@tiptap/extension-placeholder";
 import { useEditor as c, EditorContent as f } from "@tiptap/react";
 import { StarterKit as u } from "@tiptap/starter-kit";
 import { STextEditorToolbar as x } from "./s-text-editor-toolbar.js";
-import { B as d } from "../Box-Cf99MewL.js";
+import { B as d } from "../Box-CJmG1mTu.js";
 const z = ({
   content: r,
   editable: o = !0,

package/dist/s-text-field/s-text-field.js

@@ -1,8 +1,8 @@
 import { j as s } from "../jsx-runtime-DywqP_6a.js";
 import { useState as j } from "react";
-import { TextField as h, InputAdornment as w, IconButton as b } from "@mui/material";
+import { TextField as b, InputAdornment as h, IconButton as w } from "@mui/material";
 import y from "../s-form/s-form.js";
-import { c } from "../createSvgIcon-vJH0FaMW.js";
+import { b as c } from "../createSvgIcon-DpVs_nKR.js";
 const g = c(/* @__PURE__ */ s.jsx("path", {
   d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
 }), "Visibility"), P = c(/* @__PURE__ */ s.jsx("path", {
@@ -19,8 +19,8 @@ const g = c(/* @__PURE__ */ s.jsx("path", {
   var r;
   const [t, m] = j(!1), n = o === "password", x = () => {
     m(!t);
-  }, f = n && t ? "text" : o, u = n ? /* @__PURE__ */ s.jsx(w, { position: "end", children: /* @__PURE__ */ s.jsx(
-    b,
+  }, f = n && t ? "text" : o, u = n ? /* @__PURE__ */ s.jsx(h, { position: "end", children: /* @__PURE__ */ s.jsx(
+    w,
     {
       "aria-label": "toggle password visibility",
       onClick: x,
@@ -30,7 +30,7 @@ const g = c(/* @__PURE__ */ s.jsx("path", {
     }
   ) }) : void 0;
   return /* @__PURE__ */ s.jsx(y, { label: d, hint: p, error: i, required: a, htmlFor: e, children: /* @__PURE__ */ s.jsx(
-    h,
+    b,
     {
       fullWidth: !0,
       type: f,

package/dist/s-tip/s-tip.js

@@ -1,7 +1,7 @@
 import { j as t } from "../jsx-runtime-DywqP_6a.js";
-import { c as e } from "../createSvgIcon-vJH0FaMW.js";
-import { S as s } from "../Stack-UjxgGQu9.js";
-import { T as r } from "../Typography-CGoVq27h.js";
+import { b as e } from "../createSvgIcon-DpVs_nKR.js";
+import { S as s } from "../Stack-CIrlOUXL.js";
+import { T as r } from "../Typography-D-VP4V1G.js";
 const a = e(/* @__PURE__ */ t.jsx("path", {
   d: "M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7m2 11.7V16h-4v-2.3C8.48 12.63 7 11.53 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.49-1.51 3.65-3 4.7"
 }), "LightbulbOutline"), l = ({ message: o }) => /* @__PURE__ */ t.jsxs(

package/dist/theme/components/avatar.js

@@ -1,13 +1,13 @@
 import { j as r } from "../../jsx-runtime-DywqP_6a.js";
-import { c as o } from "../../createSvgIcon-vJH0FaMW.js";
+import { b as o } from "../../createSvgIcon-DpVs_nKR.js";
 const s = o(/* @__PURE__ */ r.jsx("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
-}), "Person"), c = {
+}), "Person"), a = {
   defaultProps: { children: /* @__PURE__ */ r.jsx(s, { sx: { color: "text.primary" } }) },
   styleOverrides: {
     rounded: { borderRadius: 12 }
   }
 };
 export {
-  c as MuiAvatar
+  a as MuiAvatar
 };

package/dist/theme/components/button.d.ts

@@ -4,10 +4,10 @@ export declare const MuiButton: {
         variant: "contained";
     };
     styleOverrides: {
-        root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
+        root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
             component?: React.ElementType;
         } & Record<string, unknown> & {
-            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
                 component?: React.ElementType;
             } & Record<string, unknown>;
         } & {

package/dist/theme/components/chip.js

@@ -1,7 +1,7 @@
 import { j as n } from "../../jsx-runtime-DywqP_6a.js";
 import { chipClasses as o } from "@mui/material";
 import { gray as r, orange as a, brand as c, purple as e, green as p, red as s, blue as d } from "../theme-primitives.js";
-import { C as b } from "../../Close-CKpTrk7X.js";
+import { C as b } from "../../Close--Sf9yZGB.js";
 const u = {
   defaultProps: {
     size: "small",

package/dist/theme/components/components.d.ts

@@ -188,10 +188,10 @@ export declare const components: {
             variant: "contained";
         };
         styleOverrides: {
-            root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
+            root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
                 component?: React.ElementType;
             } & Record<string, unknown> & {
-                ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & {
+                ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "disabled" | "children" | "sx" | "className" | "tabIndex" | "loading" | "classes" | "href" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
                     component?: React.ElementType;
                 } & Record<string, unknown>;
             } & {

package/dist/theme/customizations/inputs.js

@@ -1,5 +1,5 @@
 import { j as i } from "../../jsx-runtime-DywqP_6a.js";
-import { c as l } from "../../createSvgIcon-vJH0FaMW.js";
+import { b as l } from "../../createSvgIcon-DpVs_nKR.js";
 import { brand as r, gray as e } from "../theme-primitives.js";
 import { o as p } from "../../outlinedInputClasses-DM19xjo3.js";
 import { g as d } from "../../generateUtilityClasses-BtVDwGrk.js";

package/dist/theme/customizations/navigation.js

@@ -1,6 +1,6 @@
 import { j as t } from "../../jsx-runtime-DywqP_6a.js";
 import * as i from "react";
-import { c as l } from "../../createSvgIcon-vJH0FaMW.js";
+import { b as l } from "../../createSvgIcon-DpVs_nKR.js";
 import { gray as o, brand as s } from "../theme-primitives.js";
 import { t as a } from "../../tabClasses-Bub2PPlp.js";
 import { a as d } from "../../colorManipulator-ep5lERxB.js";

package/dist/theme/theme-primitives.js

@@ -1,4 +1,4 @@
-import { a } from "../createTheme-DjqDAiZm.js";
+import { a } from "../createTheme-DbdaZ0Ku.js";
 import { a as e } from "../colorManipulator-ep5lERxB.js";
 const h = a(), t = {
   50: "hsl(210, 100%, 95%)",

package/dist/useControlled-nm4pBabJ.js

@@ -0,0 +1,31 @@
+import * as t from "react";
+function f(c) {
+  const {
+    controlled: n,
+    default: r,
+    name: o,
+    state: l = "value"
+  } = c, {
+    current: e
+  } = t.useRef(n !== void 0), [i, u] = t.useState(r), a = e ? n : i;
+  if (process.env.NODE_ENV !== "production") {
+    t.useEffect(() => {
+      e !== (n !== void 0) && console.error([`MUI: A component is changing the ${e ? "" : "un"}controlled ${l} state of ${o} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${o} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [l, o, n]);
+    const {
+      current: s
+    } = t.useRef(r);
+    t.useEffect(() => {
+      !e && !Object.is(s, r) && console.error([`MUI: A component is changing the default ${l} state of an uncontrolled ${o} after being initialized. To suppress this warning opt to use a controlled ${o}.`].join(`
+`));
+    }, [JSON.stringify(r)]);
+  }
+  const d = t.useCallback((s) => {
+    e || u(s);
+  }, []);
+  return [a, d];
+}
+export {
+  f as u
+};

package/dist/useFormControl-CatNKXAi.js

@@ -0,0 +1,10 @@
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "FormControlContext");
+function e() {
+  return o.useContext(t);
+}
+export {
+  t as F,
+  e as u
+};