@solostylist/ui-kit 1.0.87 → 1.0.89

package/dist/s-interactive-gallery/s-interactive-gallery.js

@@ -1,55 +1,55 @@
 import { j as r } from "../jsx-runtime-DywqP_6a.js";
-import { useState as u, useEffect as y, useRef as w } from "react";
-import { Box as n, Paper as j, Typography as v } from "@mui/material";
-import { AnimatePresence as I, motion as x } from "framer-motion";
-import C from "../s-image-modal/s-image-modal.js";
-import S from "../s-lazy-image/s-lazy-image.js";
-const k = ({ item: s, sx: o, onClick: a }) => {
-  const e = w(null), [d, h] = u(!1), [p, t] = u(!0);
+import { useState as u, useId as j, useEffect as y, useRef as I } from "react";
+import { Box as s, Paper as C, Typography as x } from "@mui/material";
+import { AnimatePresence as S, motion as b } from "framer-motion";
+import k from "../s-image-modal/s-image-modal.js";
+import $ from "../s-lazy-image/s-lazy-image.js";
+const R = ({ item: a, sx: i, onClick: l }) => {
+  const e = I(null), [c, h] = u(!1), [p, d] = u(!0);
   return y(() => {
-    const i = {
+    const t = {
       root: null,
       rootMargin: "50px",
       // Start loading 50px before entering viewport
       threshold: 0.1
       // Trigger when 10% of video is visible
-    }, c = new IntersectionObserver((l) => {
-      l.forEach((f) => h(f.isIntersecting));
-    }, i);
-    return e.current && c.observe(e.current), () => {
-      e.current && c.unobserve(e.current);
+    }, o = new IntersectionObserver((n) => {
+      n.forEach((f) => h(f.isIntersecting));
+    }, t);
+    return e.current && o.observe(e.current), () => {
+      e.current && o.unobserve(e.current);
     };
   }, []), y(() => {
-    let i = !0;
-    return d ? (async () => {
-      if (!(!e.current || !d || !i))
+    let t = !0;
+    return c ? (async () => {
+      if (!(!e.current || !c || !t))
         try {
-          e.current.readyState >= 3 ? (t(!1), await e.current.play()) : (t(!0), await new Promise((l) => {
-            e.current && (e.current.oncanplay = () => l());
-          }), i && (t(!1), await e.current.play()));
-        } catch (l) {
-          console.warn("Video playback failed:", l);
+          e.current.readyState >= 3 ? (d(!1), await e.current.play()) : (d(!0), await new Promise((n) => {
+            e.current && (e.current.oncanplay = () => n());
+          }), t && (d(!1), await e.current.play()));
+        } catch (n) {
+          console.warn("Video playback failed:", n);
         }
     })() : e.current && e.current.pause(), () => {
-      i = !1, e.current && (e.current.pause(), e.current.removeAttribute("src"), e.current.load());
+      t = !1, e.current && (e.current.pause(), e.current.removeAttribute("src"), e.current.load());
     };
-  }, [d]), s.type === "video" ? /* @__PURE__ */ r.jsxs(
-    n,
+  }, [c]), a.type === "video" ? /* @__PURE__ */ r.jsxs(
+    s,
     {
       sx: {
         position: "relative",
         overflow: "hidden",
         width: "100%",
         height: "100%",
-        ...o
+        ...i
       },
       children: [
         /* @__PURE__ */ r.jsx(
-          n,
+          s,
           {
             component: "video",
             ref: e,
-            onClick: a,
+            onClick: l,
             playsInline: !0,
             muted: !0,
             loop: !0,
@@ -64,11 +64,11 @@ const k = ({ item: s, sx: o, onClick: a }) => {
               willChange: "transform",
               display: "block"
             },
-            children: /* @__PURE__ */ r.jsx("source", { src: s.url, type: "video/mp4" })
+            children: /* @__PURE__ */ r.jsx("source", { src: a.url, type: "video/mp4" })
           }
         ),
         p && /* @__PURE__ */ r.jsx(
-          n,
+          s,
           {
             sx: {
               position: "absolute",
@@ -79,7 +79,7 @@ const k = ({ item: s, sx: o, onClick: a }) => {
               bgcolor: "action.disabled"
             },
             children: /* @__PURE__ */ r.jsx(
-              n,
+              s,
               {
                 sx: {
                   width: 24,
@@ -99,39 +99,39 @@ const k = ({ item: s, sx: o, onClick: a }) => {
         )
       ]
     }
-  ) : /* @__PURE__ */ r.jsx(n, { onClick: a, sx: { width: "100%", height: "100%", ...o }, children: /* @__PURE__ */ r.jsx(
-    S,
+  ) : /* @__PURE__ */ r.jsx(s, { onClick: l, sx: { width: "100%", height: "100%", ...i }, children: /* @__PURE__ */ r.jsx(
+    $,
     {
-      src: s.url,
-      alt: s.title || "",
+      src: a.url,
+      alt: a.title || "",
       width: "100%",
       height: "100%",
       style: {
-        objectFit: o != null && o.objectFit ? o.objectFit : "cover",
-        cursor: a ? "pointer" : "default",
+        objectFit: i != null && i.objectFit ? i.objectFit : "cover",
+        cursor: l ? "pointer" : "default",
         display: "block",
         width: "100%",
         height: "100%"
       }
     }
   ) });
-}, $ = ({ mediaItems: s }) => {
-  const [o, a] = u(null), [e, d] = u(s), [h, p] = u(!1);
+}, F = ({ mediaItems: a }) => {
+  const [i, l] = u(null), [e, c] = u(a), [h, p] = u(!1), d = j();
   return y(() => {
-    d(s);
-  }, [s]), /* @__PURE__ */ r.jsxs(n, { sx: { width: "100%", position: "relative", zIndex: 1 }, children: [
+    c(a);
+  }, [a]), /* @__PURE__ */ r.jsxs(s, { sx: { width: "100%", position: "relative", zIndex: 1 }, children: [
     /* @__PURE__ */ r.jsx(
-      C,
+      k,
       {
-        selectedItem: o,
-        isOpen: !!o,
-        onClose: () => a(null),
-        onItemChange: a,
+        selectedItem: i,
+        isOpen: !!i,
+        onClose: () => l(null),
+        onItemChange: l,
         mediaItems: e
       }
     ),
-    /* @__PURE__ */ r.jsx(I, { mode: "wait", children: !o && /* @__PURE__ */ r.jsx(
-      x.div,
+    /* @__PURE__ */ r.jsx(S, { mode: "wait", children: !i && /* @__PURE__ */ r.jsx(
+      b.div,
       {
         initial: "hidden",
         animate: "visible",
@@ -145,7 +145,7 @@ const k = ({ item: s, sx: o, onClick: a }) => {
           }
         },
         children: /* @__PURE__ */ r.jsx(
-          n,
+          s,
           {
             sx: {
               display: "grid",
@@ -159,11 +159,11 @@ const k = ({ item: s, sx: o, onClick: a }) => {
               position: "relative"
               // Ensure proper stacking context
             },
-            children: e.map((t, i) => /* @__PURE__ */ r.jsx(
-              x.div,
+            children: e.map((t, o) => /* @__PURE__ */ r.jsx(
+              b.div,
               {
-                layoutId: `media-${t.id}`,
-                onClick: () => !h && a(t),
+                layoutId: `media-${t.id}-${d}`,
+                onClick: () => !h && l(t),
                 variants: {
                   hidden: { y: 50, scale: 0.9, opacity: 0 },
                   visible: {
@@ -174,7 +174,7 @@ const k = ({ item: s, sx: o, onClick: a }) => {
                       type: "spring",
                       stiffness: 350,
                       damping: 25,
-                      delay: i * 0.05
+                      delay: o * 0.05
                     }
                   }
                 },
@@ -183,12 +183,12 @@ const k = ({ item: s, sx: o, onClick: a }) => {
                 dragConstraints: { left: 0, right: 0, top: 0, bottom: 0 },
                 dragElastic: 1,
                 onDragStart: () => p(!0),
-                onDragEnd: (c, l) => {
+                onDragEnd: (n, f) => {
                   p(!1);
-                  const f = l.offset.x + l.offset.y;
-                  if (Math.abs(f) > 50) {
-                    const g = [...e], b = g[i], m = f > 0 ? Math.min(i + 1, e.length - 1) : Math.max(i - 1, 0);
-                    g.splice(i, 1), g.splice(m, 0, b), d(g);
+                  const v = f.offset.x + f.offset.y;
+                  if (Math.abs(v) > 50) {
+                    const g = [...e], m = g[o], w = v > 0 ? Math.min(o + 1, e.length - 1) : Math.max(o - 1, 0);
+                    g.splice(o, 1), g.splice(w, 0, m), c(g);
                   }
                 },
                 style: {
@@ -197,7 +197,7 @@ const k = ({ item: s, sx: o, onClick: a }) => {
                   gridColumn: t.colSpan ? `span ${t.colSpan}` : "span 1"
                 },
                 children: /* @__PURE__ */ r.jsxs(
-                  j,
+                  C,
                   {
                     elevation: 4,
                     sx: {
@@ -214,15 +214,15 @@ const k = ({ item: s, sx: o, onClick: a }) => {
                     },
                     children: [
                       /* @__PURE__ */ r.jsx(
-                        k,
+                        R,
                         {
                           item: t,
                           sx: { position: "absolute", inset: 0, width: "100%", height: "100%" },
-                          onClick: () => !h && a(t)
+                          onClick: () => !h && l(t)
                         }
                       ),
                       (t.title || t.desc) && /* @__PURE__ */ r.jsxs(
-                        n,
+                        s,
                         {
                           className: "hover-overlay",
                           sx: {
@@ -239,17 +239,17 @@ const k = ({ item: s, sx: o, onClick: a }) => {
                           },
                           children: [
                             /* @__PURE__ */ r.jsx(
-                              n,
+                              s,
                               {
                                 sx: {
                                   position: "absolute",
                                   inset: 0,
-                                  background: (c) => `linear-gradient(to top, ${c.palette.grey[900]}CC, ${c.palette.grey[900]}66, transparent)`
+                                  background: (n) => `linear-gradient(to top, ${n.palette.grey[900]}CC, ${n.palette.grey[900]}66, transparent)`
                                 }
                               }
                             ),
                             t.title && /* @__PURE__ */ r.jsx(
-                              v,
+                              x,
                               {
                                 variant: "subtitle2",
                                 sx: {
@@ -264,7 +264,7 @@ const k = ({ item: s, sx: o, onClick: a }) => {
                               }
                             ),
                             t.desc && /* @__PURE__ */ r.jsx(
-                              v,
+                              x,
                               {
                                 variant: "caption",
                                 sx: {
@@ -286,7 +286,7 @@ const k = ({ item: s, sx: o, onClick: a }) => {
                   }
                 )
               },
-              t.id
+              `${t.id}-${d}`
             ))
           }
         )
@@ -295,6 +295,6 @@ const k = ({ item: s, sx: o, onClick: a }) => {
   ] });
 };
 export {
-  k as MediaItem,
-  $ as default
+  R as MediaItem,
+  F as default
 };

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

@@ -1,5 +1,5 @@
 import { j as e } from "../jsx-runtime-DywqP_6a.js";
-import { c as r } from "../createSvgIcon-vJH0FaMW.js";
+import { b as r } from "../createSvgIcon-DpVs_nKR.js";
 import { Stack as i, Tooltip as s } from "@mui/material";
 const c = r(/* @__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"

package/dist/s-localization-provider/s-localization-provider.js

@@ -1,5 +1,5 @@
 import { j as Mt } from "../jsx-runtime-DywqP_6a.js";
-import { w as yt, L as gt } from "../warning-UxpRUL3s.js";
+import { w as yt, L as gt } from "../warning-CiVr8tE6.js";
 import { a as Tt } from "../objectWithoutPropertiesLoose-DiWPeE4c.js";
 import c from "dayjs";
 import { g as F } from "../_commonjsHelpers-B4e78b8K.js";

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,9 +19,18 @@ 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, { "aria-label": "toggle password visibility", onClick: x, edge: "end", children: t ? /* @__PURE__ */ s.jsx(P, {}) : /* @__PURE__ */ s.jsx(g, {}) }) }) : void 0;
+  }, 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,
+      edge: "end",
+      size: "small",
+      children: t ? /* @__PURE__ */ s.jsx(P, {}) : /* @__PURE__ */ s.jsx(g, {})
+    }
+  ) }) : 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
+};