@solostylist/ui-kit 1.0.203 → 1.0.205

package/dist/s-stripe/stripe-input.js

@@ -1,86 +1,62 @@
-import { j as h } from "../jsx-runtime-tc70JA_2.js";
-import * as o from "react";
-import '../assets/stripe-input.css';const y = {
-  dark: {
-    text: "#ffffff",
-    // rgb(255, 255, 255) - palette.text.primary
-    textSecondary: "#94a0b8",
-    // hsl(220, 20%, 65%) - palette.text.secondary
-    placeholder: "#333b4d99",
-    // hsl(220, 20%, 35%) - palette.divider
-    error: "#910808"
-    // hsl(0, 90%, 30%) - palette.error.main
-  },
-  light: {
-    text: "#202124",
-    // rgb(32, 33, 36) - palette.text.primary
-    textSecondary: "#5e6B78",
-    // hsl(210, 12%, 42%) - palette.text.secondary
-    placeholder: "#c1c7cde6",
-    // hsl(210, 9%, 65%) - palette.divider
-    error: "#f50a1a"
-    // hsl(356, 92%, 50%) - palette.error.main
-  }
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+import '../assets/stripe-input.css';//#region lib/s-stripe/stripe-input.tsx
+var n = {
+	dark: {
+		text: "#ffffff",
+		textSecondary: "#94a0b8",
+		placeholder: "#333b4d99",
+		error: "#910808"
+	},
+	light: {
+		text: "#202124",
+		textSecondary: "#5e6B78",
+		placeholder: "#c1c7cde6",
+		error: "#f50a1a"
+	}
 };
-function S() {
-  return typeof window > "u" ? "dark" : document.documentElement.getAttribute("data-mui-color-scheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+function r() {
+	return typeof window > "u" ? "dark" : document.documentElement.getAttribute("data-mui-color-scheme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
 }
-function c() {
-  return y[S()];
+function i() {
+	return n[r()];
 }
-function d(e, n) {
-  return {
-    base: {
-      fontFamily: "Outfit, sans-serif",
-      lineHeight: "1.5",
-      color: n ? e.textSecondary : e.text,
-      "::placeholder": {
-        color: e.placeholder
-      }
-    },
-    invalid: {
-      color: e.error
-    }
-  };
+function a(e, t) {
+	return {
+		base: {
+			fontFamily: "Outfit, sans-serif",
+			lineHeight: "1.5",
+			color: t ? e.textSecondary : e.text,
+			"::placeholder": { color: e.placeholder }
+		},
+		invalid: { color: e.error }
+	};
 }
-const g = o.forwardRef(function(n, l) {
-  const { component: u, options: m, ...t } = n, [r, f] = o.useState(null);
-  o.useImperativeHandle(
-    l,
-    () => ({
-      focus: () => r?.focus()
-    }),
-    [r]
-  ), o.useEffect(() => {
-    if (!r) return;
-    const b = () => {
-      const a = c();
-      r.update({
-        style: d(a, t.disabled)
-      });
-    }, i = new MutationObserver((a) => {
-      for (const s of a)
-        if (s.attributeName === "data-mui-color-scheme" || s.attributeName === "class" || s.attributeName === "style") {
-          requestAnimationFrame(b);
-          break;
-        }
-    });
-    return i.observe(document.documentElement, { attributes: !0 }), () => i.disconnect();
-  }, [r, t.disabled]);
-  const p = c();
-  return /* @__PURE__ */ h.jsx(
-    u,
-    {
-      onReady: f,
-      options: {
-        ...m,
-        style: d(p, t.disabled),
-        disabled: t.disabled
-      },
-      ...t
-    }
-  );
+var o = e.forwardRef(function(n, r) {
+	let { component: o, options: s, ...c } = n, [l, u] = e.useState(null);
+	e.useImperativeHandle(r, () => ({ focus: () => l?.focus() }), [l]), e.useEffect(() => {
+		if (!l) return;
+		let e = () => {
+			let e = i();
+			l.update({ style: a(e, c.disabled) });
+		}, t = new MutationObserver((t) => {
+			for (let n of t) if (n.attributeName === "data-mui-color-scheme" || n.attributeName === "class" || n.attributeName === "style") {
+				requestAnimationFrame(e);
+				break;
+			}
+		});
+		return t.observe(document.documentElement, { attributes: !0 }), () => t.disconnect();
+	}, [l, c.disabled]);
+	let d = i();
+	return /* @__PURE__ */ t(o, {
+		onReady: u,
+		options: {
+			...s,
+			style: a(d, c.disabled),
+			disabled: c.disabled
+		},
+		...c
+	});
 });
-export {
-  g as default
-};
+//#endregion
+export { o as default };

package/dist/s-switch/index.js

@@ -1,4 +1,2 @@
 import { SSwitch as e } from "./s-switch.js";
-export {
-  e as default
-};
+export { e as default };

package/dist/s-switch/s-switch.js

@@ -1,17 +1,27 @@
-import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { forwardRef as a, useId as d } from "react";
-import { Stack as c, Typography as n, Switch as l } from "@mui/material";
-const m = a(
-  ({ content: e, ...i }, s) => {
-    const o = d(), r = i.id ?? o;
-    return /* @__PURE__ */ t.jsxs(c, { alignItems: "center", direction: "row", display: "flex", justifyContent: "space-between", children: [
-      e && /* @__PURE__ */ t.jsx("label", { htmlFor: r, children: /* @__PURE__ */ t.jsx(n, { variant: "body2", children: e }) }),
-      /* @__PURE__ */ t.jsx(l, { ref: s, ...i, id: r })
-    ] });
-  }
-);
-m.displayName = "SSwitch";
-export {
-  m as SSwitch,
-  m as default
-};
+import { forwardRef as e, useId as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Stack as i, Switch as a, Typography as o } from "@mui/material";
+//#region lib/s-switch/s-switch.tsx
+var s = e(({ content: e, ...s }, c) => {
+	let l = t(), u = s.id ?? l;
+	return /* @__PURE__ */ r(i, {
+		alignItems: "center",
+		direction: "row",
+		display: "flex",
+		justifyContent: "space-between",
+		children: [e && /* @__PURE__ */ n("label", {
+			htmlFor: u,
+			children: /* @__PURE__ */ n(o, {
+				variant: "body2",
+				children: e
+			})
+		}), /* @__PURE__ */ n(a, {
+			ref: c,
+			...s,
+			id: u
+		})]
+	});
+});
+s.displayName = "SSwitch";
+//#endregion
+export { s as SSwitch, s as default };

package/dist/s-tabs/index.js

@@ -1,8 +1,4 @@
-import { STabs as r } from "./s-tabs.js";
-import { default as f } from "./s-tab.js";
-import { STabPanel as b } from "./s-tab-panel.js";
-export {
-  f as STab,
-  b as STabPanel,
-  r as STabs
-};
+import { STabs as e } from "./s-tabs.js";
+import t from "./s-tab.js";
+import { STabPanel as n } from "./s-tab-panel.js";
+export { t as STab, n as STabPanel, e as STabs };

package/dist/s-tabs/s-tab-panel.js

@@ -1,29 +1,23 @@
-import { j as d } from "../jsx-runtime-tc70JA_2.js";
-import { forwardRef as i } from "react";
-import { Box as p } from "@mui/material";
-const b = i(
-  ({ children: o, value: r, index: a, keepMounted: l = !1, sx: t, ...s }, n) => {
-    const e = r === a;
-    return e || l ? /* @__PURE__ */ d.jsx(
-      p,
-      {
-        ref: n,
-        role: "tabpanel",
-        hidden: !e,
-        id: `tabpanel-${a}`,
-        "aria-labelledby": `tab-${a}`,
-        sx: {
-          ...t,
-          display: e ? "block" : "none"
-        },
-        ...s,
-        children: o
-      }
-    ) : null;
-  }
-);
-b.displayName = "STabPanel";
-export {
-  b as STabPanel,
-  b as default
-};
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Box as n } from "@mui/material";
+//#region lib/s-tabs/s-tab-panel.tsx
+var r = e(({ children: e, value: r, index: i, keepMounted: a = !1, sx: o, ...s }, c) => {
+	let l = r === i;
+	return l || a ? /* @__PURE__ */ t(n, {
+		ref: c,
+		role: "tabpanel",
+		hidden: !l,
+		id: `tabpanel-${i}`,
+		"aria-labelledby": `tab-${i}`,
+		sx: {
+			...o,
+			display: l ? "block" : "none"
+		},
+		...s,
+		children: e
+	}) : null;
+});
+r.displayName = "STabPanel";
+//#endregion
+export { r as STabPanel, r as default };

package/dist/s-tabs/s-tab.js

@@ -1,8 +1,11 @@
-import { j as a } from "../jsx-runtime-tc70JA_2.js";
-import { forwardRef as t } from "react";
-import { Tab as m } from "@mui/material";
-const s = t((r, o) => /* @__PURE__ */ a.jsx(m, { ref: o, ...r }));
-s.displayName = "STab";
-export {
-  s as default
-};
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Tab as n } from "@mui/material";
+//#region lib/s-tabs/s-tab.tsx
+var r = e((e, r) => /* @__PURE__ */ t(n, {
+	ref: r,
+	...e
+}));
+r.displayName = "STab";
+//#endregion
+export { r as default };

package/dist/s-tabs/s-tabs.js

@@ -1,35 +1,39 @@
-import { j as o } from "../jsx-runtime-tc70JA_2.js";
-import l, { forwardRef as j } from "react";
-import { Tabs as g, Tab as y, Box as p } from "@mui/material";
-const C = j(
-  ({ tabs: r, activeTab: s = 0, onTabChange: c, children: i, tabPanelProps: u, ...a }, m) => {
-    const [t, d] = l.useState(s);
-    l.useEffect(() => {
-      s !== !1 && d(s);
-    }, [s]);
-    const x = (e, n) => {
-      s === !1 && d(n), c?.(e, n);
-    }, h = a.orientation === "vertical", f = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(g, { ref: m, value: t, onChange: x, ...a, children: r.map((e, n) => /* @__PURE__ */ o.jsx(
-        y,
-        {
-          label: e.label,
-          value: e.value ?? n,
-          disabled: e.disabled,
-          icon: e.icon,
-          iconPosition: e.iconPosition,
-          wrapped: e.wrapped,
-          ...e.tabProps
-        },
-        n
-      )) }),
-      i && /* @__PURE__ */ o.jsx(p, { role: "tabpanel", padding: 2, ...u, children: l.Children.toArray(i)[r.findIndex((e, n) => (e.value ?? n) === t)] })
-    ] });
-    return h ? /* @__PURE__ */ o.jsx(p, { display: "flex", children: f }) : f;
-  }
-);
-C.displayName = "STabs";
-export {
-  C as STabs,
-  C as default
-};
+import e, { forwardRef as t } from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Box as a, Tab as o, Tabs as s } from "@mui/material";
+//#region lib/s-tabs/s-tabs.tsx
+var c = t(({ tabs: t, activeTab: c = 0, onTabChange: l, children: u, tabPanelProps: d, ...f }, p) => {
+	let [m, h] = e.useState(c);
+	e.useEffect(() => {
+		c !== !1 && h(c);
+	}, [c]);
+	let g = (e, t) => {
+		c === !1 && h(t), l?.(e, t);
+	}, _ = f.orientation === "vertical", v = /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(s, {
+		ref: p,
+		value: m,
+		onChange: g,
+		...f,
+		children: t.map((e, t) => /* @__PURE__ */ r(o, {
+			label: e.label,
+			value: e.value ?? t,
+			disabled: e.disabled,
+			icon: e.icon,
+			iconPosition: e.iconPosition,
+			wrapped: e.wrapped,
+			...e.tabProps
+		}, t))
+	}), u && /* @__PURE__ */ r(a, {
+		role: "tabpanel",
+		padding: 2,
+		...d,
+		children: e.Children.toArray(u)[t.findIndex((e, t) => (e.value ?? t) === m)]
+	})] });
+	return _ ? /* @__PURE__ */ r(a, {
+		display: "flex",
+		children: v
+	}) : v;
+});
+c.displayName = "STabs";
+//#endregion
+export { c as STabs, c as default };

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

@@ -1,6 +1,4 @@
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-text-editor-toolbar-BDDttdIt.js";
 import { STextEditor as t } from "./s-text-editor.js";
-import { STextEditorToolbar as x } from "./s-text-editor-toolbar.js";
-export {
-  x as STextEditorToolbar,
-  t as default
-};
+export { e as STextEditorToolbar, t as default };

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

@@ -1,207 +1,3 @@
-import { j as c } from "../jsx-runtime-tc70JA_2.js";
-import * as l from "react";
-import { c as a } from "../createSvgIcon-BkbeLOhM.js";
-import { MenuItem as m } from "@mui/material";
-import { STextField as x } from "../s-text-field/s-text-field.js";
-import { I as d, S as j, F as k } from "../Select-D2l9rDWL.js";
-import { S as f } from "../Stack-Dfjnuorw.js";
-import { P as H } from "../Menu-GVFDMHCN.js";
-const L = a(/* @__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"), b = a(/* @__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"), C = a(/* @__PURE__ */ c.jsx("path", {
-  d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"
-}), "FormatItalic"), I = a(/* @__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"), S = a(/* @__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"
-}), "FormatListNumbered"), g = a(/* @__PURE__ */ c.jsx("path", {
-  d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1M8 13h8v-2H8zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5"
-}), "Link"), z = a(/* @__PURE__ */ c.jsx("path", {
-  d: "M6.85 7.08C6.85 4.37 9.45 3 12.24 3c1.64 0 3 .49 3.9 1.28.77.65 1.46 1.73 1.46 3.24h-3.01c0-.31-.05-.59-.15-.85-.29-.86-1.2-1.28-2.25-1.28-1.86 0-2.34 1.02-2.34 1.7 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.21-.34-.54-.89-.54-1.92M21 12v-2H3v2h9.62c1.15.45 1.96.75 1.96 1.97 0 1-.81 1.67-2.28 1.67-1.54 0-2.93-.54-2.93-2.51H6.4c0 .55.08 1.13.24 1.58.81 2.29 3.29 3.3 5.67 3.3 2.27 0 5.3-.89 5.3-4.05 0-.3-.01-1.16-.48-1.94H21z"
-}), "StrikethroughS"), N = ({ editor: n }) => {
-  const [o, e] = l.useState(!1), [p, i] = l.useState(null), [r, h] = l.useState("");
-  return /* @__PURE__ */ c.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ c.jsx(
-      f,
-      {
-        className: "tiptap-toolbar",
-        spacing: 1,
-        sx: {
-          borderBottom: "1px solid",
-          borderColor: "divider",
-          p: "8px",
-          minHeight: "57px"
-        },
-        children: n ? /* @__PURE__ */ c.jsxs(f, { direction: "row", spacing: 0.5, sx: { alignItems: "center", flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ c.jsxs(
-            j,
-            {
-              onChange: (s) => {
-                const u = s.target.value;
-                if (u) {
-                  if (u === "p") {
-                    n.chain().focus().setParagraph().run();
-                    return;
-                  }
-                  if (u.startsWith("h")) {
-                    const v = parseInt(u.replace("h", ""));
-                    !isNaN(v) && v >= 1 && v <= 6 && n.chain().focus().setHeading({ level: v }).run();
-                  }
-                }
-              },
-              value: B(n),
-              children: [
-                /* @__PURE__ */ c.jsx(m, { disabled: !n.can().chain().focus().setParagraph().run(), value: "p", children: "Paragraph" }),
-                [1, 2, 3, 4, 5, 6].map((s) => /* @__PURE__ */ c.jsxs(
-                  m,
-                  {
-                    disabled: !n.can().chain().focus().setHeading({ level: s }).run(),
-                    value: `h${s}`,
-                    children: [
-                      "Heading ",
-                      s
-                    ]
-                  },
-                  s
-                ))
-              ]
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("bold"),
-              disabled: !n.can().chain().focus().toggleBold().run(),
-              onClick: () => {
-                n.chain().focus().toggleBold().run();
-              },
-              children: /* @__PURE__ */ c.jsx(b, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("italic"),
-              disabled: !n.can().chain().focus().toggleItalic().run(),
-              onClick: () => {
-                n.chain().focus().toggleItalic().run();
-              },
-              children: /* @__PURE__ */ c.jsx(C, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("strike"),
-              disabled: !n.can().chain().focus().toggleStrike().run(),
-              onClick: () => {
-                n.chain().focus().toggleStrike().run();
-              },
-              children: /* @__PURE__ */ c.jsx(z, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("codeBlock"),
-              disabled: !n.can().chain().focus().toggleCodeBlock().run(),
-              onClick: () => {
-                n.chain().focus().toggleCodeBlock();
-              },
-              children: /* @__PURE__ */ c.jsx(L, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("bulletList"),
-              disabled: !n.can().chain().focus().toggleBulletList().run(),
-              onClick: () => {
-                n.chain().focus().toggleBulletList().run();
-              },
-              children: /* @__PURE__ */ c.jsx(I, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("orderedList"),
-              disabled: !n.can().chain().focus().toggleOrderedList().run(),
-              onClick: () => {
-                n.chain().focus().toggleOrderedList().run();
-              },
-              children: /* @__PURE__ */ c.jsx(S, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              onClick: (s) => {
-                h(n.getAttributes("link").href ?? ""), i(s.currentTarget), e(!0);
-              },
-              children: /* @__PURE__ */ c.jsx(g, {})
-            }
-          ),
-          /* @__PURE__ */ c.jsx(
-            t,
-            {
-              active: n.isActive("link"),
-              disabled: !n.can().chain().focus().unsetLink().run(),
-              onClick: () => {
-                n.chain().focus().unsetLink().run();
-              },
-              children: /* @__PURE__ */ c.jsx(g, {})
-            }
-          )
-        ] }) : null
-      }
-    ),
-    /* @__PURE__ */ c.jsx(
-      H,
-      {
-        anchorEl: p,
-        anchorOrigin: { horizontal: "left", vertical: "bottom" },
-        onClose: () => {
-          e(!1), i(null), h("");
-        },
-        open: o,
-        slotProps: { paper: { sx: { p: 2 } } },
-        children: /* @__PURE__ */ c.jsx(k, { children: /* @__PURE__ */ c.jsx(
-          x,
-          {
-            name: "url",
-            label: "URL",
-            onChange: (s) => {
-              h(s.target.value);
-            },
-            onKeyUp: (s) => {
-              if (s.key === "Enter") {
-                if (r === "") {
-                  n?.chain().focus().extendMarkRange("link").unsetLink().run();
-                  return;
-                }
-                n?.chain().focus().setLink({ href: r }).run(), e(!1), i(null), h("");
-              }
-            },
-            value: r
-          }
-        ) })
-      }
-    )
-  ] });
-};
-function B(n) {
-  if (n.isActive("paragraph")) return "p";
-  const o = [1, 2, 3, 4, 5, 6];
-  for (const e of o)
-    if (n.isActive("heading", { level: e })) return `h${e}`;
-  return "p";
-}
-const t = l.forwardRef(function({ active: o, children: e, disabled: p, onClick: i }, r) {
-  return /* @__PURE__ */ c.jsx(d, { color: o ? "primary" : "inherit", disabled: p, onClick: i, ref: r, children: e });
-});
-export {
-  N as STextEditorToolbar
-};
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-text-editor-toolbar-BDDttdIt.js";
+export { e as STextEditorToolbar };