@solostylist/ui-kit 1.0.200 → 1.0.201

package/dist/theme/components/toggle-button.js

@@ -0,0 +1,21 @@
+import { brand as t, gray as o } from "../theme-primitives.js";
+import { g as r } from "../../generateUtilityClasses-E9gROIFd.js";
+const s = r("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), i = {
+  styleOverrides: {
+    root: ({ theme: e }) => ({
+      padding: "12px 16px",
+      textTransform: "none",
+      borderRadius: "10px",
+      fontWeight: 500,
+      ...e.applyStyles("dark", {
+        color: o[400],
+        [`&.${s.selected}`]: {
+          color: t[300]
+        }
+      })
+    })
+  }
+};
+export {
+  i as MuiToggleButton
+};

package/dist/{useMobilePicker-DVnEuXv1.js → useMobilePicker-B-bNHHXB.js}

@@ -14,7 +14,7 @@ import { g as je } from "./generateUtilityClasses-E9gROIFd.js";
 import { _ as la, u as bn, r as Qn, c as Er, B as yn, b as Le, i as Lo, e as ca, j as Tr } from "./ButtonBase-D73M0QY5.js";
 import { u as zn } from "./useEnhancedEffect-CJGo-L3B.js";
 import { c as _e, u as qe, m as it } from "./DefaultPropsProvider-DPuuPIbS.js";
-import { u as Xn, C as ua, i as Vr, f as Zn, O as da, a as pa, b as fa, S as ma, F as Fr, I as vn } from "./Select-80JhW337.js";
+import { u as Xn, C as ua, i as Vr, f as Zn, O as da, a as pa, b as fa, S as ma, F as Fr, I as vn } from "./Select-D2l9rDWL.js";
 import { u as zt, F as ha } from "./useFormControl-CatNKXAi.js";
 import { c as Mt } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
 import { c as pt } from "./createSvgIcon-BkbeLOhM.js";

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.200",
+  "version": "1.0.201",
   "description": "advanced ui kit for solostylist",
   "type": "module",
   "main": "dist/main.js",

package/dist/s-ai-tool-bar/index.d.ts

@@ -1,2 +0,0 @@
-export { default, SAiToolBarInputType } from './s-ai-tool-bar';
-export type { SAiToolBarProps, SAiToolBarInput, SAiToolBarValue, SAiToolBarOption } from './s-ai-tool-bar';

package/dist/s-ai-tool-bar/index.js

@@ -1,5 +0,0 @@
-import { SAiToolBarInputType as r, SAiToolBar as e } from "./s-ai-tool-bar.js";
-export {
-  r as SAiToolBarInputType,
-  e as default
-};

package/dist/s-ai-tool-bar/s-ai-tool-bar.js

@@ -1,481 +0,0 @@
-import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import u, { useEffect as $, useState as J, useMemo as X, useCallback as y } from "react";
-import { c as P } from "../createSvgIcon-BkbeLOhM.js";
-import { C as Q } from "../Close-lHCUMitI.js";
-import { D as Y } from "../Download-BoRQUwCf.js";
-import { TextField as q, Typography as Z, Box as o, Slider as ee, IconButton as w, Checkbox as te, Divider as le, Tooltip as L, Dialog as se, DialogTitle as ne, DialogContent as re } from "@mui/material";
-import { createPortal as oe } from "react-dom";
-import { SSelect as ae } from "../s-select/s-select.js";
-const ce = P(/* @__PURE__ */ t.jsx("path", {
-  d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z"
-}), "AddPhotoAlternate"), ie = P(/* @__PURE__ */ t.jsx("path", {
-  d: "m19 9 1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25z"
-}), "AutoAwesome"), de = P(/* @__PURE__ */ t.jsx("path", {
-  d: "M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6m6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26"
-}), "Autorenew"), xe = P(/* @__PURE__ */ t.jsx("path", {
-  d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.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 8"
-}), "InfoOutlined");
-var me = /* @__PURE__ */ ((e) => (e.TEXTAREA = "textarea", e.SLIDER = "slider", e.IMAGE = "image", e.NUMBER = "number", e.SELECT = "select", e.CHECKBOX = "checkbox", e))(me || {});
-const he = u.memo(({ input: e, value: s, onChange: i, onFocus: n, onBlur: m, disabled: c }) => /* @__PURE__ */ t.jsx(
-  q,
-  {
-    value: s,
-    onChange: (h) => i(h.target.value),
-    onFocus: n,
-    onBlur: m,
-    placeholder: e.placeholder ?? e.label,
-    disabled: c,
-    multiline: !0,
-    minRows: e.minRows ?? 2,
-    maxRows: e.maxRows ?? 5,
-    fullWidth: !0,
-    ...e.componentProps?.textarea ?? {}
-  }
-)), D = u.memo((e) => /* @__PURE__ */ t.jsx(
-  Z,
-  {
-    variant: "caption",
-    sx: {
-      whiteSpace: "nowrap",
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      width: "100% !important",
-      textAlign: "center"
-    },
-    children: e.label
-  }
-)), fe = u.memo(({ input: e, value: s, onChange: i, onFocus: n, onBlur: m, disabled: c }) => /* @__PURE__ */ t.jsxs(
-  o,
-  {
-    sx: {
-      width: 120,
-      display: "flex",
-      flexDirection: "column"
-    },
-    children: [
-      /* @__PURE__ */ t.jsx(D, { label: e.label }),
-      /* @__PURE__ */ t.jsx(
-        q,
-        {
-          type: "number",
-          value: s ?? e.defaultValue ?? 0,
-          onChange: (h) => i(Number(h.target.value)),
-          onFocus: n,
-          onBlur: m,
-          disabled: c,
-          slotProps: {
-            htmlInput: {
-              min: e.min,
-              max: e.max,
-              step: e.step
-            }
-          },
-          sx: {
-            "& input": {
-              textAlign: "center"
-            }
-          },
-          ...e.componentProps?.number ?? {}
-        }
-      )
-    ]
-  }
-)), ue = u.memo(({ input: e, value: s, onChange: i, onFocus: n, onBlur: m, disabled: c }) => /* @__PURE__ */ t.jsxs(
-  o,
-  {
-    sx: {
-      width: 180,
-      display: "flex",
-      flexDirection: "column"
-    },
-    children: [
-      /* @__PURE__ */ t.jsx(D, { label: e.label }),
-      /* @__PURE__ */ t.jsx(
-        ae,
-        {
-          value: s ?? e.defaultValue ?? "",
-          onChange: (h) => i(h.target.value),
-          onFocus: n,
-          onBlur: m,
-          disabled: c,
-          placeholder: e.placeholder,
-          options: e.options ?? [],
-          optionLabel: e.optionLabel,
-          optionValue: e.optionValue,
-          searchable: e.searchable,
-          searchPlaceholder: e.searchPlaceholder,
-          ...e.componentProps?.select ?? {}
-        }
-      )
-    ]
-  }
-)), ge = u.memo(({ input: e, value: s, onChange: i, onFocus: n, onBlur: m, disabled: c }) => /* @__PURE__ */ t.jsxs(
-  o,
-  {
-    sx: {
-      width: 160,
-      display: "flex",
-      flexDirection: "column"
-    },
-    children: [
-      /* @__PURE__ */ t.jsx(D, { label: e.label }),
-      /* @__PURE__ */ t.jsxs(o, { sx: { display: "flex", alignItems: "center", height: 36 }, children: [
-        /* @__PURE__ */ t.jsx(
-          ee,
-          {
-            value: s ?? e.defaultValue ?? e.min ?? 0,
-            onChange: (h, p) => i(p),
-            onMouseDown: n,
-            onMouseUp: m,
-            disabled: c,
-            min: e.min ?? 0,
-            max: e.max ?? 100,
-            step: e.step ?? 1,
-            sx: { flex: 1 },
-            ...e.componentProps?.slider ?? {}
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          o,
-          {
-            sx: {
-              minWidth: 60,
-              textAlign: "center",
-              fontWeight: 500,
-              fontSize: "0.875rem"
-            },
-            children: s ?? e.defaultValue ?? e.min ?? 0
-          }
-        )
-      ] })
-    ]
-  }
-)), je = u.memo(({ input: e, value: s, onChange: i, disabled: n }) => {
-  const m = u.useRef(null), [c, h] = u.useState([]), [p, C] = u.useState(null), j = e.multiple ?? !1, I = e.maxImages ?? 5;
-  $(() => {
-    const f = [];
-    return h(((r) => {
-      if (!r) return [];
-      const g = Array.isArray(r) ? r : [r], a = [];
-      return g.forEach((b) => {
-        if (b instanceof File) {
-          const R = URL.createObjectURL(b);
-          a.push(R), f.push(R);
-        } else typeof b == "string" && a.push(b);
-      }), a;
-    })(s)), () => {
-      f.forEach((r) => URL.revokeObjectURL(r));
-    };
-  }, [s]);
-  const k = (f) => {
-    const d = f.target.files;
-    if (!(!d || d.length === 0)) {
-      if (j) {
-        const r = Array.isArray(s) ? s : s instanceof File || typeof s == "string" ? [s] : [], g = Array.from(d).slice(0, I - r.length), a = [...r, ...g];
-        i(a);
-      } else
-        i(d[0]);
-      f.target.value = "";
-    }
-  }, v = (f, d) => {
-    if (f.stopPropagation(), j && Array.isArray(s)) {
-      const r = s.filter((g, a) => a !== d);
-      i(r.length > 0 ? r : null);
-    } else
-      i(null);
-  }, E = () => {
-    n || j && c.length >= I || m.current?.click();
-  }, M = j && c.length < I;
-  return /* @__PURE__ */ t.jsxs(o, { sx: { display: "flex", alignItems: "center", gap: 0.75 }, children: [
-    /* @__PURE__ */ t.jsx(
-      "input",
-      {
-        ref: m,
-        type: "file",
-        accept: "image/*",
-        multiple: j,
-        onChange: k,
-        disabled: n,
-        style: { display: "none" },
-        ...e.componentProps?.image ?? {}
-      }
-    ),
-    c.map((f, d) => /* @__PURE__ */ t.jsxs(
-      o,
-      {
-        onMouseEnter: () => C(d),
-        onMouseLeave: () => C(null),
-        sx: {
-          width: 50,
-          height: 50,
-          border: 1,
-          borderColor: n ? "action.disabled" : "divider",
-          borderRadius: 1,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          cursor: n ? "not-allowed" : "default",
-          position: "relative",
-          overflow: "hidden",
-          transition: "all 0.2s"
-        },
-        children: [
-          /* @__PURE__ */ t.jsx(
-            o,
-            {
-              component: "img",
-              src: f,
-              alt: `Preview ${d + 1}`,
-              sx: {
-                width: "100%",
-                height: "100%",
-                objectFit: "cover"
-              }
-            }
-          ),
-          !n && p === d && /* @__PURE__ */ t.jsx(
-            o,
-            {
-              onClick: (r) => v(r, d),
-              sx: {
-                position: "absolute",
-                top: 0,
-                left: 0,
-                right: 0,
-                bottom: 0,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center"
-              },
-              children: /* @__PURE__ */ t.jsx(w, { onClick: (r) => v(r, d), children: /* @__PURE__ */ t.jsx(Q, {}) })
-            }
-          )
-        ]
-      },
-      d
-    )),
-    (c.length === 0 || M) && /* @__PURE__ */ t.jsx(
-      o,
-      {
-        onClick: E,
-        sx: {
-          width: 50,
-          height: 50,
-          border: 1,
-          borderColor: n ? "action.disabled" : "divider",
-          borderRadius: 1,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          cursor: n ? "not-allowed" : "pointer",
-          transition: "all 0.2s",
-          "&:hover": {
-            bgcolor: "action.hover"
-          }
-        },
-        children: /* @__PURE__ */ t.jsx(
-          ce,
-          {
-            sx: {
-              fontSize: 20,
-              color: n ? "action.disabled" : "divider"
-            }
-          }
-        )
-      }
-    )
-  ] });
-}), pe = u.memo(({ input: e, value: s, onChange: i, onFocus: n, onBlur: m, disabled: c }) => /* @__PURE__ */ t.jsxs(
-  o,
-  {
-    sx: {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      minWidth: 60
-    },
-    children: [
-      /* @__PURE__ */ t.jsx(D, { label: e.label }),
-      /* @__PURE__ */ t.jsx(
-        te,
-        {
-          checked: s ?? e.defaultValue ?? !1,
-          onChange: (h) => i(h.target.checked),
-          onFocus: n,
-          onBlur: m,
-          disabled: c,
-          ...e.componentProps?.checkbox ?? {}
-        }
-      )
-    ]
-  }
-)), Ie = (e) => {
-  switch (e.input.type) {
-    case "textarea":
-      return /* @__PURE__ */ t.jsx(he, { ...e });
-    case "number":
-      return /* @__PURE__ */ t.jsx(fe, { ...e });
-    case "slider":
-      return /* @__PURE__ */ t.jsx(ge, { ...e });
-    case "select":
-      return /* @__PURE__ */ t.jsx(ue, { ...e });
-    case "image":
-      return /* @__PURE__ */ t.jsx(je, { input: e.input, value: e.value, onChange: e.onChange, disabled: e.disabled });
-    case "checkbox":
-      return /* @__PURE__ */ t.jsx(pe, { ...e });
-    default:
-      return null;
-  }
-}, be = ({
-  inputs: e = [],
-  onProcess: s,
-  onReset: i,
-  onDownload: n,
-  processing: m = !1,
-  uploading: c = !1,
-  inputValues: h = {},
-  onInputChange: p,
-  customActionButtons: C,
-  hideProcessButton: j = !1,
-  processButtonDisabled: I = !1,
-  getInputDisabled: k,
-  processTooltip: v = "Process",
-  downloadTooltip: E = "Download",
-  resetTooltip: M = "Reset",
-  infoTooltip: f = "Information",
-  infoTitle: d = "Tool Information",
-  infoContent: r,
-  position: g = "bottom",
-  relative: a = !1,
-  containerSx: b,
-  sx: R
-}) => {
-  const [G, B] = J(!1), N = X(() => e.length === 0 ? !0 : e.every((l) => {
-    if (!l.required) return !0;
-    const x = h[l.key];
-    return l.type === "textarea" ? typeof x == "string" && x.trim() !== "" : l.type === "number" || l.type === "slider" ? x != null : l.type === "select" ? x != null && x !== "" : !0;
-  }), [e, h]), { imageInputs: S, textareaInputs: _, paramInputs: z } = X(() => e.reduce(
-    (l, x) => (x.type === "image" ? l.imageInputs.push(x) : x.type === "textarea" ? l.textareaInputs.push(x) : l.paramInputs.push(x), l),
-    {
-      imageInputs: [],
-      textareaInputs: [],
-      paramInputs: []
-    }
-  ), [e]), F = y(() => {
-  }, []), V = y(() => {
-  }, []), O = y(
-    (l, x, A) => {
-      p?.(l, x, A);
-    },
-    [p]
-  ), K = y(() => B(!0), []), T = y(() => B(!1), []), U = y(
-    (l) => {
-      const x = h[l.key], A = k?.(l.key) ?? !1;
-      return l.renderInput ? /* @__PURE__ */ t.jsx(o, { children: l.renderInput({
-        value: x,
-        onChange: (W) => O(l.key, W),
-        onFocus: F,
-        onBlur: V,
-        disabled: A
-      }) }, l.key) : /* @__PURE__ */ t.jsx(
-        Ie,
-        {
-          input: l,
-          value: x,
-          onChange: (W) => O(l.key, W),
-          onFocus: F,
-          onBlur: V,
-          disabled: A
-        },
-        l.key
-      );
-    },
-    [h, k, O, F, V]
-  ), H = /* @__PURE__ */ t.jsxs(
-    o,
-    {
-      sx: {
-        position: a ? "relative" : "fixed",
-        [g]: a ? "auto" : 20,
-        left: a ? "auto" : "50%",
-        transform: a ? "none" : "translateX(-50%)",
-        zIndex: a ? "auto" : 1300,
-        display: a ? "flex" : "block",
-        justifyContent: a ? "center" : "initial",
-        mt: a && g === "top" ? 2 : 0,
-        mb: a && g === "bottom" ? 2 : 0,
-        ...b
-      },
-      children: [
-        /* @__PURE__ */ t.jsxs(
-          o,
-          {
-            sx: {
-              display: "flex",
-              flexDirection: "column",
-              gap: 2,
-              p: 2,
-              borderRadius: 2,
-              border: 1,
-              borderColor: "divider",
-              bgcolor: "background.default",
-              ...R
-            },
-            children: [
-              _.length > 0 && /* @__PURE__ */ t.jsx(o, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: _.map(U) }),
-              /* @__PURE__ */ t.jsxs(o, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
-                /* @__PURE__ */ t.jsx(
-                  o,
-                  {
-                    sx: {
-                      display: "flex",
-                      alignItems: "center",
-                      gap: 2,
-                      flex: 1
-                    },
-                    children: (S.length > 0 || z.length > 0) && /* @__PURE__ */ t.jsxs(o, { sx: { display: "flex", alignItems: "flex-end", gap: 1.5 }, children: [
-                      S.map(U),
-                      z.map(U)
-                    ] })
-                  }
-                ),
-                (S.length > 0 || z.length > 0) && /* @__PURE__ */ t.jsx(le, { orientation: "vertical", flexItem: !0, sx: { mx: 0.5, flexShrink: 0 } }),
-                /* @__PURE__ */ t.jsxs(o, { sx: { display: "flex", alignItems: "center", gap: 0.75, ml: "auto" }, children: [
-                  C,
-                  r && /* @__PURE__ */ t.jsx(L, { title: f, children: /* @__PURE__ */ t.jsx(w, { onClick: K, children: /* @__PURE__ */ t.jsx(xe, {}) }) }),
-                  /* @__PURE__ */ t.jsx(L, { title: E, children: /* @__PURE__ */ t.jsx(w, { onClick: n, children: /* @__PURE__ */ t.jsx(Y, {}) }) }),
-                  /* @__PURE__ */ t.jsx(L, { title: M, children: /* @__PURE__ */ t.jsx(w, { onClick: i, children: /* @__PURE__ */ t.jsx(de, {}) }) }),
-                  !j && /* @__PURE__ */ t.jsx(L, { title: v, children: /* @__PURE__ */ t.jsx("span", { children: /* @__PURE__ */ t.jsx(
-                    w,
-                    {
-                      onClick: s,
-                      disabled: I || !N || c || m,
-                      size: "large",
-                      children: /* @__PURE__ */ t.jsx(
-                        ie,
-                        {
-                          color: I || !N || c || m ? "disabled" : "primary"
-                        }
-                      )
-                    }
-                  ) }) })
-                ] })
-              ] })
-            ]
-          }
-        ),
-        r && /* @__PURE__ */ t.jsxs(se, { open: G, onClose: T, maxWidth: "sm", fullWidth: !0, children: [
-          /* @__PURE__ */ t.jsx(ne, { children: d }),
-          /* @__PURE__ */ t.jsx(re, { children: r })
-        ] })
-      ]
-    }
-  );
-  return !a && typeof window < "u" ? oe(H, document.body) : H;
-};
-be.displayName = "SAiToolBar";
-export {
-  be as SAiToolBar,
-  me as SAiToolBarInputType,
-  be as default
-};

package/dist/s-button-link/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './s-button-link';
-export type { SButtonLinkProps } from './s-button-link';

package/dist/s-button-link/index.js

@@ -1,4 +0,0 @@
-import { SButtonLink as a } from "./s-button-link.js";
-export {
-  a as default
-};

package/dist/s-button-link/s-button-link.js

@@ -1,37 +0,0 @@
-import { j as o } from "../jsx-runtime-tc70JA_2.js";
-import { Typography as m, Link as u } from "@mui/material";
-const l = ({
-  onClick: r,
-  beforeText: t = "",
-  afterText: i = "",
-  mainText: n = "",
-  href: e = "#",
-  component: s = "a",
-  target: a,
-  color: p = "text.secondary",
-  linkColor: d = void 0,
-  variant: x = "body2",
-  lineHeight: c
-}) => /* @__PURE__ */ o.jsxs(m, { variant: x, lineHeight: c, color: p, children: [
-  t,
-  " ",
-  /* @__PURE__ */ o.jsx(
-    u,
-    {
-      href: e,
-      onClick: r,
-      sx: { cursor: "pointer", fontSize: "inherit" },
-      component: s,
-      target: a,
-      color: d,
-      children: n
-    }
-  ),
-  " ",
-  i
-] });
-l.displayName = "SButtonLink";
-export {
-  l as SButtonLink,
-  l as default
-};

package/dist/theme/customizations/data-display.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material/styles';
-export declare const dataDisplayCustomizations: Components<Theme>;