@solostylist/ui-kit 1.0.202 → 1.0.204

package/dist/s-theme-provider/index.js

@@ -1,4 +1,4 @@
-import { SThemeProvider as o } from "./s-theme-provider.js";
-export {
-  o as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { SThemeProvider as e } from "./s-theme-provider.js";
+export { e as default };

package/dist/s-theme-provider/s-theme-provider.d.ts

@@ -15,7 +15,6 @@ export interface SThemeProviderProps extends Omit<ThemeProviderProps, 'defaultMo
     /** Custom theme object to merge with internal theme */
     theme?: Theme;
 }
-/** Central theme provider for the design system. */
 export declare const SThemeProvider: {
     ({ children, disableCustomTheme, themeComponents, defaultMode, theme, ...themeProviderProps }: SThemeProviderProps): React.JSX.Element;
     displayName: string;

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

@@ -1,51 +1,36 @@
-import { j as s } from "../jsx-runtime-tc70JA_2.js";
-import * as t from "react";
-import { createTheme as n, ThemeProvider as p } from "@mui/material";
-import { components as h } from "../theme/components/components.js";
-import { shape as f, shadows as l, typography as u, colorSchemes as x } from "../theme/theme-primitives.js";
-const d = ({
-  children: r,
-  disableCustomTheme: e,
-  themeComponents: o,
-  defaultMode: m = "system",
-  // System preference by default
-  theme: a,
-  ...i
-}) => {
-  const c = t.useMemo(() => e ? {} : n({
-    // CSS variables configuration for dynamic theming
-    cssVariables: {
-      colorSchemeSelector: "data-mui-color-scheme",
-      cssVarPrefix: "s"
-      // All CSS vars prefixed with '--s-'
-    },
-    colorSchemes: x,
-    // Light/dark color schemes
-    typography: u,
-    // Custom typography scales
-    shadows: l,
-    // Custom shadow definitions
-    shape: f,
-    // Border radius and shape settings
-    components: {
-      ...h,
-      ...o
-      // Allow external overrides
-    }
-  }), [e, o]);
-  return e ? /* @__PURE__ */ s.jsx(t.Fragment, { children: r }) : /* @__PURE__ */ s.jsx(
-    p,
-    {
-      disableTransitionOnChange: !0,
-      ...i,
-      theme: { ...c, ...a },
-      defaultMode: m,
-      children: r
-    }
-  );
-};
-d.displayName = "SThemeProvider";
-export {
-  d as SThemeProvider,
-  d as default
+import "../createTheme-CMuiGmV-.js";
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { i as t, n, r, t as i } from "../theme-primitives-Csxbv-2Y.js";
+import { components as a } from "../theme/components/components.js";
+import * as o from "react";
+import { ThemeProvider as s, createTheme as c } from "@mui/material";
+//#region lib/s-theme-provider/s-theme-provider.tsx
+var l = e(), u = ({ children: e, disableCustomTheme: u, themeComponents: d, defaultMode: f = "system", theme: p, ...m }) => {
+	let h = o.useMemo(() => u ? {} : c({
+		cssVariables: {
+			colorSchemeSelector: "data-mui-color-scheme",
+			cssVarPrefix: "s"
+		},
+		colorSchemes: i,
+		typography: t,
+		shadows: n,
+		shape: r,
+		components: {
+			...a,
+			...d
+		}
+	}), [u, d]);
+	return u ? /* @__PURE__ */ (0, l.jsx)(o.Fragment, { children: e }) : /* @__PURE__ */ (0, l.jsx)(s, {
+		disableTransitionOnChange: !0,
+		...m,
+		theme: {
+			...h,
+			...p
+		},
+		defaultMode: f,
+		children: e
+	});
 };
+u.displayName = "SThemeProvider";
+//#endregion
+export { u as SThemeProvider, u as default };

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

@@ -1,4 +1,4 @@
-import { default as o } from "./s-theme-switch.js";
-export {
-  o as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-theme-switch-uXRVJIf_.js";
+export { e as default };

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

@@ -1,41 +1,4 @@
-import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { useRef as M, useCallback as m } from "react";
-import { IconButton as f } from "@mui/material";
-import { flushSync as w } from "react-dom";
-import { c as d } from "../createSvgIcon-BkbeLOhM.js";
-const k = d(/* @__PURE__ */ t.jsx("path", {
-  d: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1"
-}), "DarkMode"), j = d(/* @__PURE__ */ t.jsx("path", {
-  d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5M2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1m18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1m0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1M5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0z"
-}), "LightMode"), z = ({ mode: c, setMode: i, sx: h }) => {
-  const n = M(null), l = c === "dark", e = m(() => {
-    setTimeout(() => {
-      i?.(c === "dark" ? "light" : "dark");
-    }, 0);
-  }, [c, i]), u = m(async () => {
-    if (!n.current || !document.startViewTransition) {
-      e();
-      return;
-    }
-    await document.startViewTransition(() => {
-      w(() => {
-        e();
-      });
-    }).ready;
-    const { top: o, left: s, width: p, height: x } = n.current.getBoundingClientRect(), r = s + p / 2, a = o + x / 2, g = Math.hypot(Math.max(s, window.innerWidth - s), Math.max(o, window.innerHeight - o));
-    document.documentElement.animate(
-      {
-        clipPath: [`circle(0px at ${r}px ${a}px)`, `circle(${g}px at ${r}px ${a}px)`]
-      },
-      {
-        duration: 700,
-        easing: "ease-in-out",
-        pseudoElement: "::view-transition-new(root)"
-      }
-    );
-  }, [e]);
-  return /* @__PURE__ */ t.jsx(f, { ref: n, onClick: u, sx: h, children: l ? /* @__PURE__ */ t.jsx(j, {}) : /* @__PURE__ */ t.jsx(k, {}) });
-};
-export {
-  z as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-theme-switch-uXRVJIf_.js";
+export { e as default };

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

@@ -0,0 +1,37 @@
+import { t as e } from "./jsx-runtime-V-UOMaX1.js";
+import { t } from "./createSvgIcon-Bs2KOQvq.js";
+import { useCallback as n, useRef as r } from "react";
+import { flushSync as i } from "react-dom";
+import { IconButton as a } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/DarkMode.js
+var o = e(), s = t(/* @__PURE__ */ (0, o.jsx)("path", { d: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1" }), "DarkMode"), c = t(/* @__PURE__ */ (0, o.jsx)("path", { d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5M2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1m18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1m0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1M5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0z" }), "LightMode"), l = ({ mode: e, setMode: t, sx: l }) => {
+	let u = r(null), d = e === "dark", f = n(() => {
+		setTimeout(() => {
+			t?.(e === "dark" ? "light" : "dark");
+		}, 0);
+	}, [e, t]);
+	return /* @__PURE__ */ (0, o.jsx)(a, {
+		ref: u,
+		onClick: n(async () => {
+			if (!u.current || !document.startViewTransition) {
+				f();
+				return;
+			}
+			await document.startViewTransition(() => {
+				i(() => {
+					f();
+				});
+			}).ready;
+			let { top: e, left: t, width: n, height: r } = u.current.getBoundingClientRect(), a = t + n / 2, o = e + r / 2, s = Math.hypot(Math.max(t, window.innerWidth - t), Math.max(e, window.innerHeight - e));
+			document.documentElement.animate({ clipPath: [`circle(0px at ${a}px ${o}px)`, `circle(${s}px at ${a}px ${o}px)`] }, {
+				duration: 700,
+				easing: "ease-in-out",
+				pseudoElement: "::view-transition-new(root)"
+			});
+		}, [f]),
+		sx: l,
+		children: d ? /* @__PURE__ */ (0, o.jsx)(c, {}) : /* @__PURE__ */ (0, o.jsx)(s, {})
+	});
+};
+//#endregion
+export { l as t };

package/dist/s-tip/index.js

@@ -1,4 +1,4 @@
-import { STip as f } from "./s-tip.js";
-export {
-  f as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-tip-oiH-79gR.js";
+export { e as default };

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

@@ -6,9 +6,6 @@ export interface STipProps {
     /** The tip message to display */
     message: string;
 }
-/**
- * A simple tip component that displays helpful information with a lightbulb icon.
- */
 export declare const STip: {
     ({ message }: STipProps): React.JSX.Element;
     displayName: string;

package/dist/s-tip/s-tip.js

@@ -1,34 +1,4 @@
-import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { c as i } from "../createSvgIcon-BkbeLOhM.js";
-import { S as s } from "../Stack-Dfjnuorw.js";
-import { T as o } from "../Typography-PcmlIqm1.js";
-const c = i(/* @__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"), e = ({ message: r }) => /* @__PURE__ */ t.jsxs(
-  s,
-  {
-    direction: "row",
-    spacing: 1,
-    sx: {
-      display: "flex",
-      alignItems: "center",
-      bgcolor: "background.default",
-      borderRadius: 1,
-      p: 1,
-      color: "text.secondary"
-    },
-    children: [
-      /* @__PURE__ */ t.jsx(c, { sx: { fontSize: 16 } }),
-      /* @__PURE__ */ t.jsxs(o, { variant: "body2", children: [
-        /* @__PURE__ */ t.jsx(o, { component: "span", sx: { fontWeight: "bold" }, variant: "inherit", children: "Tip." }),
-        " ",
-        r
-      ] })
-    ]
-  }
-);
-e.displayName = "STip";
-export {
-  e as STip,
-  e as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-tip-oiH-79gR.js";
+export { e as STip, e as default };

package/dist/s-tip-oiH-79gR.js

@@ -0,0 +1,34 @@
+import { t as e } from "./jsx-runtime-V-UOMaX1.js";
+import { t } from "./Stack-BJ4hQFAK.js";
+import { t as n } from "./createSvgIcon-Bs2KOQvq.js";
+import { t as r } from "./Typography-B_GHPkH2.js";
+import "react";
+//#region ../../node_modules/@mui/icons-material/esm/LightbulbOutline.js
+var i = e(), a = n(/* @__PURE__ */ (0, i.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"), o = ({ message: e }) => /* @__PURE__ */ (0, i.jsxs)(t, {
+	direction: "row",
+	spacing: 1,
+	sx: {
+		display: "flex",
+		alignItems: "center",
+		bgcolor: "background.default",
+		borderRadius: 1,
+		p: 1,
+		color: "text.secondary"
+	},
+	children: [/* @__PURE__ */ (0, i.jsx)(a, { sx: { fontSize: 16 } }), /* @__PURE__ */ (0, i.jsxs)(r, {
+		variant: "body2",
+		children: [
+			/* @__PURE__ */ (0, i.jsx)(r, {
+				component: "span",
+				sx: { fontWeight: "bold" },
+				variant: "inherit",
+				children: "Tip."
+			}),
+			" ",
+			e
+		]
+	})]
+});
+o.displayName = "STip";
+//#endregion
+export { o as t };

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

@@ -1,4 +1,4 @@
-import { SToolBar as r } from "./s-tool-bar.js";
-export {
-  r as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-tool-bar-CM-cxOkI.js";
+export { e as default };

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

@@ -154,10 +154,6 @@ export interface SToolBarProps {
     /** Custom styles for the inner toolbar box */
     sx?: SxProps<Theme>;
 }
-/**
- * A dynamic floating toolbar for AI tools with inputs and action buttons.
- * Features multiple input types, built-in validation, and portal rendering for proper z-index handling.
- */
 export declare const SToolBar: {
     ({ inputs, onProcess, onReset, onDownload, processing, uploading, inputValues, onInputChange, customActionButtons, hideProcessButton, processButtonDisabled, getInputDisabled, processTooltip, downloadTooltip, resetTooltip, infoTooltip, infoTitle, infoContent, position, relative, containerSx, sx, }: SToolBarProps): React.JSX.Element;
     displayName: string;