@solostylist/ui-kit 1.0.92 → 1.0.93

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, l as rs } from "../createTheme-DbdaZ0Ku.js";
+import { P, j as rs } from "../createTheme-YLBX8GSj.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 { a as Xd } from "../TransitionGroup-SToIdl-5.js";
+import { a as Xd } from "../TransitionGroup--1HPPUFY.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,12 +1,12 @@
 import { j as c } from "../jsx-runtime-DywqP_6a.js";
 import * as r from "react";
-import { b as i } from "../createSvgIcon-DpVs_nKR.js";
+import { b as i } from "../createSvgIcon-CS-Z7P80.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-D2lV25sl.js";
-import { S as v } from "../Stack-CIrlOUXL.js";
-import { P as j } from "../Menu-BuktPpzX.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";
 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", {

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-CJmG1mTu.js";
+import { B as d } from "../Box-Deehc8LF.js";
 const z = ({
   content: r,
   editable: o = !0,

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

@@ -2,7 +2,7 @@ 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 y from "../s-form/s-form.js";
-import { b as c } from "../createSvgIcon-DpVs_nKR.js";
+import { b as c } from "../createSvgIcon-CS-Z7P80.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", {

package/dist/s-text-shimmer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-text-shimmer';
+export type { STextShimmerProps } from './s-text-shimmer';

package/dist/s-text-shimmer/index.js

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

package/dist/s-text-shimmer/package.json

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

package/dist/s-text-shimmer/s-text-shimmer.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '@mui/material';
+export interface STextShimmerProps extends Omit<BoxProps, 'children'> {
+    children: string;
+    duration?: number;
+    spread?: number;
+}
+declare const STextShimmer: import('react').ForwardRefExoticComponent<Omit<STextShimmerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default STextShimmer;

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

@@ -0,0 +1,37 @@
+import { j as s } from "../jsx-runtime-DywqP_6a.js";
+import { forwardRef as p, useMemo as m } from "react";
+import { Box as d } from "@mui/material";
+import { s as c } from "../styled-DOEEZAON.js";
+import { keyframes as l } from "@emotion/react";
+const b = l`
+  0% {
+    background-position: 100% center;
+  }
+  100% {
+    background-position: 0% center;
+  }
+`, g = c(d, {
+  shouldForwardProp: (r) => r !== "duration" && r !== "dynamicSpread" && r !== "component"
+})(({ theme: r, duration: e, dynamicSpread: a }) => ({
+  display: "inline-block",
+  position: "relative",
+  backgroundClip: "text",
+  WebkitBackgroundClip: "text",
+  color: "transparent",
+  backgroundSize: "250% 100%, auto",
+  backgroundRepeat: "no-repeat, padding-box",
+  animation: `${b} ${e}s linear infinite`,
+  "--spread": `${a}px`,
+  "--base-color": r.palette.primary.contrastText,
+  "--base-gradient-color": r.palette.mode === "dark" ? r.palette.primary.white : r.palette.primary.black,
+  backgroundImage: "linear-gradient(90deg, transparent calc(50% - var(--spread)), var(--base-gradient-color), transparent calc(50% + var(--spread))), linear-gradient(var(--base-color), var(--base-color))"
+})), u = p(
+  ({ children: r, duration: e = 2, spread: a = 2, component: o = "p", ...t }, n) => {
+    const i = m(() => r.length * a, [r, a]);
+    return /* @__PURE__ */ s.jsx(g, { ref: n, component: o, duration: e, dynamicSpread: i, ...t, children: r });
+  }
+);
+u.displayName = "STextShimmer";
+export {
+  u as default
+};

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-DpVs_nKR.js";
-import { S as s } from "../Stack-CIrlOUXL.js";
-import { T as r } from "../Typography-D-VP4V1G.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";
 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/styled-DOEEZAON.js

@@ -0,0 +1,206 @@
+import { d as G } from "./defaultTheme-DXvvOU_p.js";
+import { T as J } from "./identifier-BKLqN993.js";
+import { i as w, a as Q, s as U } from "./index-B6k9mhKf.js";
+import { j as k, b as X, s as j, i as Y, c as Z } from "./createTheme-YLBX8GSj.js";
+function I(e, r = "") {
+  return e.displayName || e.name || r;
+}
+function D(e, r, t) {
+  const n = I(r);
+  return e.displayName || (n !== "" ? `${t}(${n})` : t);
+}
+function z(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return I(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case k.ForwardRef:
+          return D(e, e.render, "ForwardRef");
+        case k.Memo:
+          return D(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
+}
+function ee(e) {
+  const {
+    variants: r,
+    ...t
+  } = e, n = {
+    variants: r,
+    style: w(t),
+    isProcessed: !0
+  };
+  return n.style === t || r && r.forEach((o) => {
+    typeof o.style != "function" && (o.style = w(o.style));
+  }), n;
+}
+const te = X();
+function b(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+function S(e, r) {
+  return r && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${r}{${String(e.styles)}}`), e;
+}
+function ne(e) {
+  return e ? (r, t) => t[e] : null;
+}
+function re(e, r, t) {
+  e.theme = ue(e.theme) ? t : e.theme[r] || e.theme;
+}
+function R(e, r, t) {
+  const n = typeof r == "function" ? r(e) : r;
+  if (Array.isArray(n))
+    return n.flatMap((o) => R(e, o, t));
+  if (Array.isArray(n == null ? void 0 : n.variants)) {
+    let o;
+    if (n.isProcessed)
+      o = t ? S(n.style, t) : n.style;
+    else {
+      const {
+        variants: v,
+        ...y
+      } = n;
+      o = t ? S(w(y), t) : y;
+    }
+    return M(e, n.variants, [o], t);
+  }
+  return n != null && n.isProcessed ? t ? S(w(n.style), t) : n.style : t ? S(w(n), t) : n;
+}
+function M(e, r, t = [], n = void 0) {
+  var v;
+  let o;
+  e: for (let y = 0; y < r.length; y += 1) {
+    const s = r[y];
+    if (typeof s.props == "function") {
+      if (o ?? (o = {
+        ...e,
+        ...e.ownerState,
+        ownerState: e.ownerState
+      }), !s.props(o))
+        continue;
+    } else
+      for (const p in s.props)
+        if (e[p] !== s.props[p] && ((v = e.ownerState) == null ? void 0 : v[p]) !== s.props[p])
+          continue e;
+    typeof s.style == "function" ? (o ?? (o = {
+      ...e,
+      ...e.ownerState,
+      ownerState: e.ownerState
+    }), t.push(n ? S(w(s.style(o)), n) : s.style(o))) : t.push(n ? S(w(s.style), n) : s.style);
+  }
+  return t;
+}
+function se(e = {}) {
+  const {
+    themeId: r,
+    defaultTheme: t = te,
+    rootShouldForwardProp: n = b,
+    slotShouldForwardProp: o = b
+  } = e;
+  function v(s) {
+    re(s, r, t);
+  }
+  return (s, p = {}) => {
+    Q(s, (i) => i.filter((u) => u !== j));
+    const {
+      name: d,
+      slot: a,
+      skipVariantsResolver: g,
+      skipSx: W,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: _ = ne(H(a)),
+      ...C
+    } = p, $ = d && d.startsWith("Mui") || a ? "components" : "custom", B = g !== void 0 ? g : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      a && a !== "Root" && a !== "root" || !1
+    ), K = W || !1;
+    let T = b;
+    a === "Root" || a === "root" ? T = n : a ? T = o : fe(s) && (T = void 0);
+    const A = U(s, {
+      shouldForwardProp: T,
+      label: ie(d, a),
+      ...C
+    }), N = (i) => {
+      if (i.__emotion_real === i)
+        return i;
+      if (typeof i == "function")
+        return function(h) {
+          return R(h, i, h.theme.modularCssLayers ? $ : void 0);
+        };
+      if (Y(i)) {
+        const u = ee(i);
+        return function(l) {
+          return u.variants ? R(l, u, l.theme.modularCssLayers ? $ : void 0) : l.theme.modularCssLayers ? S(u.style, $) : u.style;
+        };
+      }
+      return i;
+    }, E = (...i) => {
+      const u = [], h = i.map(N), l = [];
+      if (u.push(v), d && _ && l.push(function(f) {
+        var P, L;
+        const c = (L = (P = f.theme.components) == null ? void 0 : P[d]) == null ? void 0 : L.styleOverrides;
+        if (!c)
+          return null;
+        const F = {};
+        for (const V in c)
+          F[V] = R(f, c[V], f.theme.modularCssLayers ? "theme" : void 0);
+        return _(f, F);
+      }), d && !B && l.push(function(f) {
+        var F, P;
+        const m = f.theme, c = (P = (F = m == null ? void 0 : m.components) == null ? void 0 : F[d]) == null ? void 0 : P.variants;
+        return c ? M(f, c, [], f.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), K || l.push(j), Array.isArray(h[0])) {
+        const x = h.shift(), f = new Array(u.length).fill(""), m = new Array(l.length).fill("");
+        let c;
+        c = [...f, ...x, ...m], c.raw = [...f, ...x.raw, ...m], u.unshift(c);
+      }
+      const q = [...u, ...h, ...l], O = A(...q);
+      return s.muiName && (O.muiName = s.muiName), process.env.NODE_ENV !== "production" && (O.displayName = oe(d, a, s)), O;
+    };
+    return A.withConfig && (E.withConfig = A.withConfig), E;
+  };
+}
+function oe(e, r, t) {
+  return e ? `${e}${Z(r || "")}` : `Styled(${z(t)})`;
+}
+function ie(e, r) {
+  let t;
+  return process.env.NODE_ENV !== "production" && e && (t = `${e}-${H(r || "Root")}`), t;
+}
+function ue(e) {
+  for (const r in e)
+    return !1;
+  return !0;
+}
+function fe(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function H(e) {
+  return e && e.charAt(0).toLowerCase() + e.slice(1);
+}
+function ae(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const ce = (e) => ae(e) && e !== "classes", me = se({
+  themeId: J,
+  defaultTheme: G,
+  rootShouldForwardProp: ce
+});
+export {
+  ae as a,
+  b,
+  se as c,
+  ee as p,
+  ce as r,
+  me as s
+};

package/dist/theme/components/avatar.js

@@ -1,5 +1,5 @@
 import { j as r } from "../../jsx-runtime-DywqP_6a.js";
-import { b as o } from "../../createSvgIcon-DpVs_nKR.js";
+import { b as o } from "../../createSvgIcon-CS-Z7P80.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 = {

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--Sf9yZGB.js";
+import { C as b } from "../../Close-BSG2-e7H.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-DpVs_nKR.js";
+import { b as l } from "../../createSvgIcon-CS-Z7P80.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 l } from "../../createSvgIcon-DpVs_nKR.js";
+import { b as l } from "../../createSvgIcon-CS-Z7P80.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.d.ts

@@ -18,9 +18,20 @@ declare module '@mui/material/styles' {
         900: string;
     }
     interface PaletteColor extends ColorRange {
+        white: string;
+        black: string;
     }
     interface Palette {
         baseShadow: string;
+        ui: {
+            pulse: {
+                shadowLight: string;
+                shadowMedium: string;
+                ring: string;
+                background: string;
+                radialGradient: string;
+            };
+        };
     }
 }
 export declare const brand: {
@@ -108,6 +119,80 @@ export declare const purple: {
     900: string;
 };
 export declare const colorSchemes: {
+    light: {
+        palette: {
+            gradient: {
+                primary: string;
+                secondary: string;
+                indigo: string;
+                sky: string;
+            };
+            ui: {
+                pulse: {
+                    shadowLight: string;
+                    shadowMedium: string;
+                    ring: string;
+                    background: string;
+                    radialGradient: string;
+                };
+            };
+            primary: {
+                contrastText: string;
+                light: string;
+                main: string;
+                dark: string;
+                white: string;
+                black: string;
+            };
+            info: {
+                contrastText: string;
+                light: string;
+                main: string;
+                dark: string;
+            };
+            warning: {
+                light: string;
+                main: string;
+                dark: string;
+            };
+            error: {
+                light: string;
+                main: string;
+                dark: string;
+            };
+            success: {
+                light: string;
+                main: string;
+                dark: string;
+            };
+            grey: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+            };
+            divider: string;
+            background: {
+                default: string;
+                paper: string;
+            };
+            text: {
+                primary: string;
+                secondary: string;
+            };
+            action: {
+                hover: string;
+                selected: string;
+            };
+            baseShadow: string;
+        };
+    };
     dark: {
         palette: {
             gradient: {
@@ -116,6 +201,15 @@ export declare const colorSchemes: {
                 indigo: string;
                 sky: string;
             };
+            ui: {
+                pulse: {
+                    shadowLight: string;
+                    shadowMedium: string;
+                    ring: string;
+                    background: string;
+                    radialGradient: string;
+                };
+            };
             primary: {
                 contrastText: string;
                 light: string;