@solostylist/ui-kit 1.0.99 → 1.0.101

package/dist/s-file-dropzone/s-file-dropzone.js

@@ -1,17 +1,17 @@
-import { j as e } from "../jsx-runtime-DywqP_6a.js";
-import * as b from "react";
-import { b as d } from "../createSvgIcon-CS-Z7P80.js";
-import { Avatar as y, Tooltip as C, IconButton as I, Button as z } from "@mui/material";
+import { j as o } from "../jsx-runtime-DywqP_6a.js";
+import * as y from "react";
+import { c as d } from "../createSvgIcon-DCQI9UV5.js";
+import { Avatar as C, Tooltip as v, IconButton as I, Button as z } from "@mui/material";
 import { useDropzone as S } from "react-dropzone";
 import k from "../s-file-icon/s-file-icon.js";
 import w from "../s-form/s-form.js";
 import { bytesToSize as B } from "../utils/bytes-to-size.js";
 import { B as c } from "../Box-Deehc8LF.js";
-import { S as t } from "../Stack-GTpsqQv0.js";
-import { T as o } from "../Typography-zQXZ4jKl.js";
-const D = d(/* @__PURE__ */ e.jsx("path", {
+import { S as e } from "../Stack-TRopps6s.js";
+import { T as t } from "../Typography-DGEEI1Q-.js";
+const D = d(/* @__PURE__ */ o.jsx("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), "CloseOutlined"), F = d(/* @__PURE__ */ e.jsx("path", {
+}), "CloseOutlined"), F = d(/* @__PURE__ */ o.jsx("path", {
   d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3M8 13h2.55v3h2.9v-3H16l-4-4z"
 }), "CloudUploadOutlined"), J = ({
   hint: p,
@@ -19,21 +19,22 @@ const D = d(/* @__PURE__ */ e.jsx("path", {
   error: m,
   onRemoveAll: h,
   onUpload: M,
-  onRemove: s,
+  onRemove: n,
   required: u = !1,
   disabledUpload: O = !1,
   isShowBtnRemoveAll: j = !1,
-  ...n
+  ...s
 }) => {
-  var a, l;
-  const { getRootProps: f, getInputProps: g, isDragActive: i } = S(n);
-  return /* @__PURE__ */ e.jsxs(b.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(w, { error: m, label: x, required: u, hint: p, children: /* @__PURE__ */ e.jsxs(
+  var l, a;
+  const { getRootProps: f, getInputProps: g, isDragActive: i } = S(s);
+  return /* @__PURE__ */ o.jsxs(y.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(w, { error: m, label: x, required: u, hint: p, children: /* @__PURE__ */ o.jsxs(
       c,
       {
         sx: {
           alignItems: "center",
-          border: "1px dashed var(--s-palette-divider)",
+          border: "1px dashed",
+          borderColor: "divider",
           borderRadius: 1,
           cursor: "pointer",
           display: "flex",
@@ -43,33 +44,34 @@ const D = d(/* @__PURE__ */ e.jsx("path", {
           p: 4,
           // Visual feedback when files are being dragged over
           ...i && {
-            bgcolor: "var(--s-palette-action-selected)",
+            bgcolor: "action.selected",
             opacity: 0.5
           },
           // Hover effect when not actively dragging
           "&:hover": {
             ...!i && {
-              bgcolor: "var(--s-palette-action-hover)"
+              bgcolor: "action.hover"
             }
           }
         },
         ...f(),
         children: [
-          /* @__PURE__ */ e.jsx("input", { ...g() }),
-          /* @__PURE__ */ e.jsxs(t, { direction: "row", spacing: 1, sx: { alignItems: "center" }, children: [
-            /* @__PURE__ */ e.jsx(
-              y,
+          /* @__PURE__ */ o.jsx("input", { ...g() }),
+          /* @__PURE__ */ o.jsxs(e, { direction: "row", spacing: 1, sx: { alignItems: "center" }, children: [
+            /* @__PURE__ */ o.jsx(
+              C,
               {
                 sx: {
-                  border: "1px dashed var(--s-palette-divider)",
-                  color: "var(--s-palette-text-secondary)",
+                  border: "1px dashed",
+                  borderColor: "divider",
+                  color: "text.secondary",
                   backgroundColor: "transparent"
                 },
-                children: /* @__PURE__ */ e.jsx(F, { fontSize: "small" })
+                children: /* @__PURE__ */ o.jsx(F, { fontSize: "small" })
               }
             ),
-            /* @__PURE__ */ e.jsx(t, { spacing: 1, children: /* @__PURE__ */ e.jsxs(o, { color: "text.secondary", variant: "body2", children: [
-              /* @__PURE__ */ e.jsx(o, { component: "span", sx: { textDecoration: "underline" }, variant: "inherit", children: "Click to upload" }),
+            /* @__PURE__ */ o.jsx(e, { spacing: 1, children: /* @__PURE__ */ o.jsxs(t, { color: "text.secondary", variant: "body2", children: [
+              /* @__PURE__ */ o.jsx(t, { component: "span", sx: { textDecoration: "underline" }, variant: "inherit", children: "Click to upload" }),
               " ",
               "or drag and drop your files here"
             ] }) })
@@ -77,35 +79,36 @@ const D = d(/* @__PURE__ */ e.jsx("path", {
         ]
       }
     ) }),
-    (a = n.files) != null && a.length ? /* @__PURE__ */ e.jsxs(t, { mt: 1, spacing: 1, children: [
-      /* @__PURE__ */ e.jsx(t, { component: "ul", spacing: 1, sx: { listStyle: "none", m: 0, p: 0 }, children: (l = n.files) == null ? void 0 : l.map((r) => {
-        const v = r.name.split(".").pop();
-        return /* @__PURE__ */ e.jsxs(
-          t,
+    (l = s.files) != null && l.length ? /* @__PURE__ */ o.jsxs(e, { mt: 1, spacing: 1, children: [
+      /* @__PURE__ */ o.jsx(e, { component: "ul", spacing: 1, sx: { listStyle: "none", m: 0, p: 0 }, children: (a = s.files) == null ? void 0 : a.map((r) => {
+        const b = r.name.split(".").pop();
+        return /* @__PURE__ */ o.jsxs(
+          e,
           {
             component: "li",
             direction: "row",
             spacing: 2,
             sx: {
               alignItems: "center",
-              border: "1px solid var(--s-palette-divider)",
+              border: "1px solid",
+              borderColor: "divider",
               borderRadius: 1,
               flex: "1 1 auto",
               p: 1
             },
             children: [
-              /* @__PURE__ */ e.jsx(k, { extension: v }),
-              /* @__PURE__ */ e.jsxs(c, { sx: { flex: "1 1 auto" }, children: [
-                /* @__PURE__ */ e.jsx(o, { variant: "subtitle2", children: r.name }),
-                /* @__PURE__ */ e.jsx(o, { color: "text.secondary", variant: "body2", children: B(r.size) })
+              /* @__PURE__ */ o.jsx(k, { extension: b }),
+              /* @__PURE__ */ o.jsxs(c, { sx: { flex: "1 1 auto" }, children: [
+                /* @__PURE__ */ o.jsx(t, { variant: "subtitle2", children: r.name }),
+                /* @__PURE__ */ o.jsx(t, { color: "text.secondary", variant: "body2", children: B(r.size) })
               ] }),
-              /* @__PURE__ */ e.jsx(C, { title: "Remove", children: /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ o.jsx(v, { title: "Remove", children: /* @__PURE__ */ o.jsx(
                 I,
                 {
                   onClick: () => {
-                    s == null || s(r);
+                    n == null || n(r);
                   },
-                  children: /* @__PURE__ */ e.jsx(D, {})
+                  children: /* @__PURE__ */ o.jsx(D, {})
                 }
               ) })
             ]
@@ -113,7 +116,7 @@ const D = d(/* @__PURE__ */ e.jsx("path", {
           r.size
         );
       }) }),
-      /* @__PURE__ */ e.jsx(t, { direction: "row", sx: { alignItems: "center", justifyContent: "flex-end" }, children: j && /* @__PURE__ */ e.jsx(z, { onClick: h, size: "small", type: "button", variant: "text", children: "Remove all" }) })
+      /* @__PURE__ */ o.jsx(e, { direction: "row", sx: { alignItems: "center", justifyContent: "flex-end" }, children: j && /* @__PURE__ */ o.jsx(z, { onClick: h, size: "small", type: "button", variant: "text", children: "Remove all" }) })
     ] }) : null
   ] });
 };

package/dist/s-image-comparison/s-image-comparison.js

@@ -1,6 +1,6 @@
 import { j as e } from "../jsx-runtime-DywqP_6a.js";
 import * as s from "react";
-import { C as y, a as I } from "../ChevronRight-G7jhiUBG.js";
+import { C as y, a as I } from "../ChevronRight-BB4jrtLy.js";
 import { Box as o, IconButton as L } from "@mui/material";
 const R = s.forwardRef(
   ({ sx: f, leftImage: v, rightImage: g, altLeft: b = "Left image", altRight: w = "Right image", initialPosition: j = 50, ...E }, i) => {

package/dist/s-image-modal/s-image-modal.js

@@ -2,8 +2,8 @@ import { j as o } from "../jsx-runtime-DywqP_6a.js";
 import { useState as k, useEffect as w } from "react";
 import { Modal as A, Box as d, Paper as b, Typography as z, IconButton as m, Stack as L } from "@mui/material";
 import { motion as h, AnimatePresence as T } from "framer-motion";
-import { C as F } from "../Close-BSG2-e7H.js";
-import { C as $, a as B } from "../ChevronRight-G7jhiUBG.js";
+import { C as F } from "../Close-DqRHeMAW.js";
+import { C as $, a as B } from "../ChevronRight-BB4jrtLy.js";
 const I = ({ item: s, onClick: l, style: x = {}, objectFit: e = "contain", disableVideoControls: r = !1 }) => s.type === "video" ? /* @__PURE__ */ o.jsx(
   d,
   {

package/dist/s-label/s-label.js

@@ -1,11 +1,11 @@
 import { j as e } from "../jsx-runtime-DywqP_6a.js";
-import { b as s } from "../createSvgIcon-CS-Z7P80.js";
-import { Stack as o, Box as c, Tooltip as l } from "@mui/material";
-const m = s(/* @__PURE__ */ e.jsx("path", {
+import { c as i } from "../createSvgIcon-DCQI9UV5.js";
+import { Stack as o, Box as s, Tooltip as l } from "@mui/material";
+const m = i(/* @__PURE__ */ e.jsx("path", {
   d: "M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
-}), "HelpOutlineOutlined"), p = ({ label: n, children: r, hint: t, sx: i }) => /* @__PURE__ */ e.jsxs(o, { width: "100%", sx: i, children: [
+}), "HelpOutlineOutlined"), p = ({ label: n, children: r, hint: t, sx: c }) => /* @__PURE__ */ e.jsxs(o, { width: "100%", sx: c, children: [
   /* @__PURE__ */ e.jsxs(o, { direction: "row", alignItems: "center", mb: 1, children: [
-    /* @__PURE__ */ e.jsx(c, { sx: { fontSize: "0.875rem", fontWeight: 500, lineHeight: 1.57, color: "text.secondary" }, children: n }),
+    /* @__PURE__ */ e.jsx(s, { sx: { fontSize: "0.875rem", fontWeight: 500, lineHeight: 1.57, color: "text.secondary" }, children: n }),
     t ? /* @__PURE__ */ e.jsx(l, { title: t, placement: "top", children: /* @__PURE__ */ e.jsx(m, { sx: { marginLeft: "4px", fontSize: 16, color: "text.secondary" } }) }) : null
   ] }),
   r

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 { b as h } from "../createSvgIcon-CS-Z7P80.js";
+import { c as h } from "../createSvgIcon-DCQI9UV5.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 b } from "../Menu-DYOw-I_3.js";
-import { M as R } from "../MenuItem-DTRBXdpX.js";
+import { M as R } from "../Menu-HtTElywx.js";
+import { M as b } from "../MenuItem-DzviefY7.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(
-      b,
+      R,
       {
         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(
-            R,
+            b,
             {
               onClick: () => {
                 m(e.value, !s);

package/dist/s-review/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-review';
+export type { SReviewProps } from './s-review';

package/dist/s-review/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-review.js";
+export {
+  o as default
+};

package/dist/s-review/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

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

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+export interface SReviewProps {
+    id?: string | number;
+    userName: string;
+    userAvatar?: string;
+    rating: number;
+    reviewContent: string;
+    datetime: Date | string;
+    helpfulYes?: number;
+    helpfulNo?: number;
+    onHelpfulVote?: (reviewId: string | number, vote: 'yes' | 'no') => void;
+    showHelpfulSection?: boolean;
+    avatarSize?: number;
+    maxRating?: number;
+    readOnly?: boolean;
+    sx?: SxProps;
+}
+declare const SReview: React.FC<SReviewProps>;
+export default SReview;

package/dist/s-review/s-review.js

@@ -0,0 +1,86 @@
+import { j as e } from "../jsx-runtime-DywqP_6a.js";
+import { useState as y } from "react";
+import { Box as d, Stack as v, Typography as i, IconButton as I, Divider as $ } from "@mui/material";
+import C from "../s-avatar/s-avatar.js";
+import V from "../s-rating/s-rating.js";
+import { c as b } from "../createSvgIcon-DCQI9UV5.js";
+const L = b(/* @__PURE__ */ e.jsx("path", {
+  d: "M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2m4 0v12h4V3z"
+}), "ThumbDown"), R = b(/* @__PURE__ */ e.jsx("path", {
+  d: "M1 21h4V9H1zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73z"
+}), "ThumbUp"), U = (a) => {
+  const h = /* @__PURE__ */ new Date(), u = typeof a == "string" ? new Date(a) : a, p = h.getTime() - u.getTime(), x = Math.floor(p / 1e3), t = Math.floor(x / 60), n = Math.floor(t / 60), s = Math.floor(n / 24), r = Math.floor(s / 7), l = Math.floor(s / 30), m = Math.floor(s / 365);
+  return x < 60 ? "just now" : t < 60 ? t === 1 ? "1 minute ago" : `${t} minutes ago` : n < 24 ? n === 1 ? "1 hour ago" : `${n} hours ago` : s < 7 ? s === 1 ? "1 day ago" : `${s} days ago` : r < 4 ? r === 1 ? "1 week ago" : `${r} weeks ago` : l < 12 ? l === 1 ? "1 month ago" : `${l} months ago` : m === 1 ? "1 year ago" : `${m} years ago`;
+}, q = ({
+  id: a = Date.now(),
+  userName: h,
+  userAvatar: u,
+  rating: p,
+  reviewContent: x,
+  datetime: t,
+  helpfulYes: n = 0,
+  helpfulNo: s = 0,
+  onHelpfulVote: r,
+  showHelpfulSection: l = !0,
+  avatarSize: m = 48,
+  maxRating: z = 5,
+  readOnly: S = !0,
+  sx: T = {}
+}) => {
+  const [k, g] = y(n), [D, j] = y(s), [c, M] = y(null), w = (f) => {
+    c === f ? (f === "yes" ? g((o) => Math.max(0, o - 1)) : j((o) => Math.max(0, o - 1)), M(null)) : (c === "yes" ? g((o) => Math.max(0, o - 1)) : c === "no" && j((o) => Math.max(0, o - 1)), f === "yes" ? g((o) => o + 1) : j((o) => o + 1), M(f)), r && r(a, f);
+  }, H = U(t);
+  return /* @__PURE__ */ e.jsxs(d, { sx: { py: 2, ...T }, children: [
+    /* @__PURE__ */ e.jsxs(v, { direction: "row", spacing: 2, alignItems: "flex-start", children: [
+      /* @__PURE__ */ e.jsx(C, { avatar: u, name: h, size: m }),
+      /* @__PURE__ */ e.jsxs(d, { sx: { flex: 1 }, children: [
+        /* @__PURE__ */ e.jsxs(v, { direction: "row", alignItems: "center", spacing: 2, mb: 1, children: [
+          /* @__PURE__ */ e.jsx(i, { variant: "subtitle2", fontWeight: "600", children: h }),
+          /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(i, { variant: "caption", color: "text.secondary", children: H }) })
+        ] }),
+        /* @__PURE__ */ e.jsx(d, { sx: { mb: 1 }, children: /* @__PURE__ */ e.jsx(V, { value: p, max: z, readOnly: S, size: "small" }) }),
+        /* @__PURE__ */ e.jsx(i, { variant: "body2", sx: { mb: 2, lineHeight: 1.6 }, children: x }),
+        l && /* @__PURE__ */ e.jsxs(d, { children: [
+          /* @__PURE__ */ e.jsx(i, { variant: "caption", color: "text.secondary", sx: { mr: 2 }, children: "Was this review helpful?" }),
+          /* @__PURE__ */ e.jsxs(v, { direction: "row", spacing: 1, sx: { display: "inline-flex", alignItems: "center" }, children: [
+            /* @__PURE__ */ e.jsx(
+              I,
+              {
+                size: "small",
+                onClick: () => w("yes"),
+                sx: {
+                  color: c === "yes" ? "primary.main" : "text.secondary",
+                  "&:hover": {
+                    backgroundColor: "action.hover"
+                  }
+                },
+                children: /* @__PURE__ */ e.jsx(R, { fontSize: "small" })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(i, { variant: "caption", color: "text.secondary", children: k }),
+            /* @__PURE__ */ e.jsx(
+              I,
+              {
+                size: "small",
+                onClick: () => w("no"),
+                sx: {
+                  color: c === "no" ? "error.main" : "text.secondary",
+                  ml: 1,
+                  "&:hover": {
+                    backgroundColor: "action.hover"
+                  }
+                },
+                children: /* @__PURE__ */ e.jsx(L, { fontSize: "small" })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(i, { variant: "caption", color: "text.secondary", children: D })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx($, { sx: { mt: 2 } })
+  ] });
+};
+export {
+  q as default
+};

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 { b as i } from "../createSvgIcon-CS-Z7P80.js";
+import { c as i } from "../createSvgIcon-DCQI9UV5.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-DmB-tjlR.js";
-import { S as v } from "../Stack-GTpsqQv0.js";
-import { P as j } from "../Menu-DYOw-I_3.js";
+import { I as f, S as x, F as d } from "../Select-C9Hk7BA8.js";
+import { S as v } from "../Stack-TRopps6s.js";
+import { P as j } from "../Menu-HtTElywx.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"), b = i(/* @__PURE__ */ c.jsx("path", {
+}), "FormatBold"), L = i(/* @__PURE__ */ c.jsx("path", {
   d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"
-}), "FormatItalic"), L = i(/* @__PURE__ */ c.jsx("path", {
+}), "FormatItalic"), b = 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(b, {})
+              children: /* @__PURE__ */ c.jsx(L, {})
             }
           ),
           /* @__PURE__ */ c.jsx(
@@ -121,7 +121,7 @@ const k = i(/* @__PURE__ */ c.jsx("path", {
               onClick: () => {
                 n.chain().focus().toggleBulletList().run();
               },
-              children: /* @__PURE__ */ c.jsx(L, {})
+              children: /* @__PURE__ */ c.jsx(b, {})
             }
           ),
           /* @__PURE__ */ c.jsx(

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 b, InputAdornment as h, IconButton as w } from "@mui/material";
+import { TextField as h, InputAdornment as w, IconButton as b } from "@mui/material";
 import y from "../s-form/s-form.js";
-import { b as c } from "../createSvgIcon-CS-Z7P80.js";
+import { c } from "../createSvgIcon-DCQI9UV5.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(h, { position: "end", children: /* @__PURE__ */ s.jsx(
-    w,
+  }, f = n && t ? "text" : o, u = n ? /* @__PURE__ */ s.jsx(w, { position: "end", children: /* @__PURE__ */ s.jsx(
+    b,
     {
       "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(
-    b,
+    h,
     {
       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 { b as e } from "../createSvgIcon-CS-Z7P80.js";
-import { S as s } from "../Stack-GTpsqQv0.js";
-import { T as r } from "../Typography-zQXZ4jKl.js";
+import { c as e } from "../createSvgIcon-DCQI9UV5.js";
+import { S as s } from "../Stack-TRopps6s.js";
+import { T as r } from "../Typography-DGEEI1Q-.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 { b as o } from "../../createSvgIcon-CS-Z7P80.js";
+import { c as o } from "../../createSvgIcon-DCQI9UV5.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"), a = {
+}), "Person"), c = {
   defaultProps: { children: /* @__PURE__ */ r.jsx(s, { sx: { color: "text.primary" } }) },
   styleOverrides: {
     rounded: { borderRadius: 12 }
   }
 };
 export {
-  a as MuiAvatar
+  c as MuiAvatar
 };

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-BSG2-e7H.js";
+import { C as b } from "../../Close-DqRHeMAW.js";
 const u = {
   defaultProps: {
     size: "small",

package/dist/theme/customizations/inputs.js

@@ -1,5 +1,5 @@
 import { j as i } from "../../jsx-runtime-DywqP_6a.js";
-import { b as l } from "../../createSvgIcon-CS-Z7P80.js";
+import { c as l } from "../../createSvgIcon-DCQI9UV5.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 { b as s } from "../../createSvgIcon-CS-Z7P80.js";
+import { c as s } from "../../createSvgIcon-DCQI9UV5.js";
 import { gray as o, brand as l } from "../theme-primitives.js";
 import { t as a } from "../../tabClasses-Bub2PPlp.js";
 import { a as d } from "../../colorManipulator-ep5lERxB.js";

package/dist/{useMobilePicker-By8yrJS0.js → useMobilePicker-c5_EH1sg.js}

@@ -1,20 +1,20 @@
 import { _ as le, a as C } from "./objectWithoutPropertiesLoose-DiWPeE4c.js";
 import * as h from "react";
 import Oo from "react";
-import { f as Y, b as Mt, u as Ve, d as We, r as ft, a as Io, B as fn, c as pr, e as As } from "./ButtonBase-Cn3itpEl.js";
-import { o as vt, u as st, b as be, F as Tt, e as Fs, H as mn, G as js, f as $s, L as un, i as Mo, h as Ls, j as Bs, B as Ws } from "./Menu-DYOw-I_3.js";
+import { f as Y, b as Mt, u as Ve, d as We, r as ft, a as Io, B as fn, c as pr, e as As } from "./ButtonBase-B-mcxJe8.js";
+import { o as vt, u as st, b as be, F as Tt, e as Fs, H as mn, G as js, f as $s, L as un, i as Mo, h as Ls, j as Bs, B as Ws } from "./Menu-HtTElywx.js";
 import { u as Vt } from "./useControlled-nm4pBabJ.js";
-import { u as Pt, f as zn, O as zs, a as Hs, b as _s, S as qs, F as fr, I as hn, C as Us, i as mr } from "./Select-DmB-tjlR.js";
+import { u as Pt, f as zn, O as zs, a as Hs, b as _s, S as qs, F as fr, I as hn, C as Us, i as mr } from "./Select-C9Hk7BA8.js";
 import { u as Ue } from "./useEnhancedEffect-CJGo-L3B.js";
 import { g as ge } from "./generateUtilityClasses-BtVDwGrk.js";
 import { g as ye, a as Nt } from "./colorManipulator-ep5lERxB.js";
 import { j as x } from "./jsx-runtime-DywqP_6a.js";
 import { P as Ys, L as Ks, u as Re, w as Gs } from "./warning-KQY_8msi.js";
 import { s as z, r as hr, b as Ct } from "./styled-DOEEZAON.js";
-import { T as Lt } from "./Typography-zQXZ4jKl.js";
-import { u as He, c as Me, a as he, m as at, b as ut } from "./createSvgIcon-CS-Z7P80.js";
+import { T as Lt } from "./Typography-DGEEI1Q-.js";
+import { u as He, a as Me, b as he, m as at, c as ut } from "./createSvgIcon-DCQI9UV5.js";
 import { P as o, c as te } from "./createTheme-YLBX8GSj.js";
-import { f as Qs, T as gr, c as Xs, u as Hn, P as _n } from "./Paper-DEq2MLtq.js";
+import { f as Qs, T as gr, c as Xs, u as Hn, P as _n } from "./Paper-pJ5bSU59.js";
 import { _ as Zs, a as br } from "./TransitionGroup--1HPPUFY.js";
 import { u as Bt, F as Js } from "./useFormControl-CatNKXAi.js";
 import { c as Ot } from "./createSimplePaletteValueFilter-B7--0ryQ.js";

package/package.json

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