@solostylist/ui-kit 1.0.167 → 1.0.168

package/dist/s-select/s-select.js

@@ -1,39 +1,39 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as E, useState as x } from "react";
-import { c as F } from "../createSvgIcon-DxwgGAVe.js";
-import { Select as M, ListSubheader as T, TextField as A, InputAdornment as B, MenuItem as i, Box as p } from "@mui/material";
-import D from "../s-form/s-form.js";
-const K = F(/* @__PURE__ */ r.jsx("path", {
+import { j as t } from "../jsx-runtime-OVHDjVDe.js";
+import { forwardRef as A, useState as f } from "react";
+import { c as O } from "../createSvgIcon-DxwgGAVe.js";
+import { Select as E, ListSubheader as F, TextField as M, InputAdornment as T, MenuItem as p, Box as h } from "@mui/material";
+import { SForm as B } from "../s-form/s-form.js";
+const D = O(/* @__PURE__ */ t.jsx("path", {
   d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
-}), "Search"), J = E(
+}), "Search"), x = A(
   ({
-    options: l = [],
-    optionLabel: y = "name",
-    optionValue: C = "id",
+    options: r = [],
+    optionLabel: _ = "name",
+    optionValue: b = "id",
     placeholder: g,
-    label: b = "",
-    error: I,
-    required: P = !1,
-    variant: R = "outlined",
+    label: m = "",
+    error: C,
+    required: I = !1,
+    variant: K = "outlined",
     simple: w = !1,
-    htmlFor: h,
+    htmlFor: y,
     searchable: o = !1,
-    searchPlaceholder: V = "",
+    searchPlaceholder: P = "",
     ...a
-  }, $) => {
-    const v = a.value !== void 0, [L, k] = x(a.multiple ? [] : null), m = v ? a.value : L, [d, j] = x(""), [z, S] = x(!1), s = (e) => String(typeof e == "string" || typeof e == "number" ? e : e[y]), t = (e) => typeof e == "string" || typeof e == "number" ? e : e[C], c = o && d ? l.filter((e) => s(e).toLowerCase().includes(d.toLowerCase())) : l;
-    return /* @__PURE__ */ r.jsx(D, { error: I, label: b, required: P, htmlFor: h, children: /* @__PURE__ */ r.jsxs(
-      M,
+  }, N) => {
+    const S = a.value !== void 0, [V, $] = f(a.multiple ? [] : null), L = S ? a.value : V, [d, v] = f(""), [k, j] = f(!1), s = (e) => String(typeof e == "string" || typeof e == "number" ? e : e[_]), l = (e) => typeof e == "string" || typeof e == "number" ? e : e[b], i = o && d ? r.filter((e) => s(e).toLowerCase().includes(d.toLowerCase())) : r;
+    return /* @__PURE__ */ t.jsx(B, { error: C, label: m, required: I, htmlFor: y, children: /* @__PURE__ */ t.jsxs(
+      E,
       {
-        id: h,
+        id: y,
         displayEmpty: !0,
         fullWidth: !0,
         defaultValue: "",
-        ref: $,
-        open: o ? z : void 0,
-        onOpen: o ? () => S(!0) : void 0,
+        ref: N,
+        open: o ? k : void 0,
+        onOpen: o ? () => j(!0) : void 0,
         onClose: o ? () => {
-          S(!1), j("");
+          j(!1), v("");
         } : void 0,
         MenuProps: o ? {
           autoFocus: !1,
@@ -45,39 +45,39 @@ const K = F(/* @__PURE__ */ r.jsx("path", {
         } : void 0,
         renderValue: a.multiple ? (e) => {
           const n = e;
-          return n.length === 0 ? /* @__PURE__ */ r.jsx(p, { component: "span", sx: { color: "text.secondary" }, children: g }) : n == null ? void 0 : n.map((u) => {
-            const f = l.find((O) => t(O) === t(u));
-            return f ? s(f) : "";
+          return n.length === 0 ? /* @__PURE__ */ t.jsx(h, { component: "span", sx: { color: "text.secondary" }, children: g }) : n == null ? void 0 : n.map((c) => {
+            const u = r.find((z) => l(z) === l(c));
+            return u ? s(u) : "";
           }).filter(Boolean).join(", ");
         } : (e) => {
           const n = e;
           if (n == null || n === "")
-            return /* @__PURE__ */ r.jsx(p, { component: "span", sx: { color: "text.secondary" }, children: g });
+            return /* @__PURE__ */ t.jsx(h, { component: "span", sx: { color: "text.secondary" }, children: g });
           if (w)
             return s(n);
-          const u = l.find((f) => t(f) === t(n));
-          return u ? s(u) : "";
+          const c = r.find((u) => l(u) === l(n));
+          return c ? s(c) : "";
         },
         ...a,
-        value: l.length ? m ?? "" : "",
+        value: r.length ? L ?? "" : "",
         onChange: (e, n) => {
           if (a.onChange)
             a.onChange(e, n);
-          else if (!v) {
-            const u = e.target.value;
-            k(u);
+          else if (!S) {
+            const c = e.target.value;
+            $(c);
           }
         },
         children: [
-          o && /* @__PURE__ */ r.jsx(T, { sx: { px: 2, py: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ r.jsx(
-            A,
+          o && /* @__PURE__ */ t.jsx(F, { sx: { px: 2, py: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ t.jsx(
+            M,
             {
               size: "small",
               fullWidth: !0,
               autoFocus: !0,
-              placeholder: V,
+              placeholder: P,
               value: d,
-              onChange: (e) => j(e.target.value),
+              onChange: (e) => v(e.target.value),
               onKeyDown: (e) => {
                 e.key !== "Escape" && e.stopPropagation();
               },
@@ -85,46 +85,50 @@ const K = F(/* @__PURE__ */ r.jsx("path", {
                 e.stopPropagation();
               },
               InputProps: {
-                startAdornment: /* @__PURE__ */ r.jsx(B, { position: "start", children: /* @__PURE__ */ r.jsx(K, { fontSize: "small" }) })
+                startAdornment: /* @__PURE__ */ t.jsx(T, { position: "start", children: /* @__PURE__ */ t.jsx(D, { fontSize: "small" }) })
               }
             }
           ) }),
-          o ? (
-            // When searchable, show filtered options or "no results" message
-            (c == null ? void 0 : c.length) > 0 ? c.map((e, n) => /* @__PURE__ */ r.jsx(
-              i,
-              {
-                disabled: (e == null ? void 0 : e.disabled) ?? !1,
-                value: t(e),
-                children: s(e)
-              },
-              `${t(e)}-${n}`
-            )) : d ? /* @__PURE__ */ r.jsx(i, { disabled: !0, children: /* @__PURE__ */ r.jsx(p, { sx: { color: "text.secondary", fontStyle: "italic" }, children: "No results found" }) }) : l == null ? void 0 : l.map((e, n) => /* @__PURE__ */ r.jsx(
-              i,
-              {
-                disabled: (e == null ? void 0 : e.disabled) ?? !1,
-                value: t(e),
-                children: s(e)
-              },
-              `${t(e)}-${n}`
-            ))
-          ) : (
-            // When not searchable, show all options
-            l == null ? void 0 : l.map((e, n) => /* @__PURE__ */ r.jsx(
-              i,
-              {
-                disabled: (e == null ? void 0 : e.disabled) ?? !1,
-                value: t(e),
-                children: s(e)
-              },
-              `${t(e)}-${n}`
-            ))
-          )
+          o ? (i == null ? void 0 : i.length) > 0 ? i.map((e, n) => /* @__PURE__ */ t.jsx(
+            p,
+            {
+              disabled: (e == null ? void 0 : e.disabled) ?? !1,
+              value: l(e),
+              children: s(e)
+            },
+            `${l(e)}-${n}`
+          )) : d ? /* @__PURE__ */ t.jsx(p, { disabled: !0, children: /* @__PURE__ */ t.jsx(h, { sx: { color: "text.secondary", fontStyle: "italic" }, children: "No results found" }) }) : r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ t.jsx(
+            p,
+            {
+              disabled: (e == null ? void 0 : e.disabled) ?? !1,
+              value: l(e),
+              children: s(e)
+            },
+            `${l(e)}-${n}`
+          )) : r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ t.jsx(
+            p,
+            {
+              disabled: (e == null ? void 0 : e.disabled) ?? !1,
+              value: l(e),
+              children: s(e)
+            },
+            `${l(e)}-${n}`
+          ))
         ]
       }
     ) });
   }
 );
+x.displayName = "SSelect";
+try {
+  x.displayName = "SSelect", x.__docgenInfo = { description: "A flexible select component that handles both primitive and object options with form integration.", displayName: "SSelect", props: {} };
+} catch {
+}
+try {
+  sselect.displayName = "sselect", sselect.__docgenInfo = { description: "A flexible select component that handles both primitive and object options with form integration.", displayName: "sselect", props: {} };
+} catch {
+}
 export {
-  J as default
+  x as SSelect,
+  x as default
 };

package/dist/s-select-list/index.js

@@ -1,4 +1,4 @@
-import { default as o } from "./s-select-list.js";
+import { SSelectList as a } from "./s-select-list.js";
 export {
-  o as default
+  a as default
 };

package/dist/s-select-list/s-select-list.d.ts

@@ -3,31 +3,28 @@ export interface SSelectListItem<T = any> {
     id: string;
     data: T;
 }
+/**
+ * Props interface for SSelectList component
+ */
 export interface SSelectListProps<T = any> {
-    /**
-     * Array of items to render
-     */
+    /** Array of items to render */
     items: SSelectListItem<T>[];
-    /**
-     * ID of the currently selected item
-     */
+    /** ID of the currently selected item */
     selectedId: string;
-    /**
-     * Callback when an item is selected
-     */
+    /** Callback when an item is selected */
     onSelect: (id: string) => void;
-    /**
-     * Function to render the content of each item
-     */
+    /** Function to render the content of each item */
     renderItem: (item: SSelectListItem<T>, selected: boolean) => React.ReactNode;
-    /**
-     * Optional function to render content below the selected item
-     */
+    /** Optional function to render content below the selected item */
     renderBelow?: (item: SSelectListItem<T>) => React.ReactNode;
-    /**
-     * Whether to show a radio button (default: true)
-     */
+    /** Whether to show a radio button (default: true) */
     showRadio?: boolean;
 }
-declare const SSelectList: <T>({ items, selectedId, onSelect, renderItem, renderBelow, showRadio, }: SSelectListProps<T>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A selectable list component with radio buttons and optional expandable content.
+ */
+export declare const SSelectList: {
+    <T>({ items, selectedId, onSelect, renderItem, renderBelow, showRadio, }: SSelectListProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default SSelectList;

package/dist/s-select-list/s-select-list.js

@@ -1,32 +1,31 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { styled as p, Box as i, Stack as x, Radio as g, Collapse as j } from "@mui/material";
-const u = p(i, {
-  shouldForwardProp: (s) => s !== "selected"
-})(({ theme: s, selected: n }) => ({
+import { j as t } from "../jsx-runtime-OVHDjVDe.js";
+import { styled as u, Box as a, Stack as m, Radio as f, Collapse as y } from "@mui/material";
+const S = u(a, {
+  shouldForwardProp: (e) => e !== "selected"
+})(({ theme: e, selected: d }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
-  width: "100%",
   borderRadius: 8,
-  padding: s.spacing(1),
-  paddingLeft: s.spacing(2),
-  paddingRight: s.spacing(2),
+  padding: e.spacing(1),
+  paddingLeft: e.spacing(2),
+  paddingRight: e.spacing(2),
   border: "1px solid",
   cursor: "pointer",
-  borderColor: n ? (s.vars || s).palette.primary.dark : (s.vars || s).palette.divider
-})), b = ({
-  items: s,
-  selectedId: n,
-  onSelect: t,
-  renderItem: o,
-  renderBelow: a,
-  showRadio: l = !0
-}) => /* @__PURE__ */ r.jsx(x, { spacing: 2, children: s.map((d) => {
-  const e = d.id === n, c = a && e;
-  return /* @__PURE__ */ r.jsxs(i, { children: [
-    /* @__PURE__ */ r.jsxs(u, { selected: e, onClick: () => t(d.id), children: [
-      /* @__PURE__ */ r.jsx(
-        i,
+  borderColor: d ? (e.vars || e).palette.primary.dark : (e.vars || e).palette.divider
+})), i = ({
+  items: e,
+  selectedId: d,
+  onSelect: o,
+  renderItem: s,
+  renderBelow: l,
+  showRadio: c = !0
+}) => /* @__PURE__ */ t.jsx(m, { spacing: 2, children: e.map((r) => {
+  const n = r.id === d, p = l && n;
+  return /* @__PURE__ */ t.jsxs(a, { children: [
+    /* @__PURE__ */ t.jsxs(S, { selected: n, onClick: () => o(r.id), children: [
+      /* @__PURE__ */ t.jsx(
+        a,
         {
           sx: {
             display: "flex",
@@ -35,14 +34,20 @@ const u = p(i, {
             flex: 1,
             borderRadius: 8
           },
-          children: o(d, e)
+          children: s(r, n)
         }
       ),
-      l && /* @__PURE__ */ r.jsx(g, { checked: e })
+      c && /* @__PURE__ */ t.jsx(f, { checked: n })
     ] }),
-    c && /* @__PURE__ */ r.jsx(j, { in: e, children: /* @__PURE__ */ r.jsx(i, { mt: 2, children: a(d) }) })
-  ] }, d.id);
+    p && /* @__PURE__ */ t.jsx(y, { in: n, children: /* @__PURE__ */ t.jsx(a, { mt: 2, children: l(r) }) })
+  ] }, r.id);
 }) });
+i.displayName = "SSelectList";
+try {
+  i.displayName = "SSelectList", i.__docgenInfo = { description: "A selectable list component with radio buttons and optional expandable content.", displayName: "SSelectList", props: { items: { defaultValue: null, description: "Array of items to render", name: "items", required: !0, type: { name: "SSelectListItem<T>[]" } }, selectedId: { defaultValue: null, description: "ID of the currently selected item", name: "selectedId", required: !0, type: { name: "string" } }, onSelect: { defaultValue: null, description: "Callback when an item is selected", name: "onSelect", required: !0, type: { name: "(id: string) => void" } }, renderItem: { defaultValue: null, description: "Function to render the content of each item", name: "renderItem", required: !0, type: { name: "(item: SSelectListItem<T>, selected: boolean) => ReactNode" } }, renderBelow: { defaultValue: null, description: "Optional function to render content below the selected item", name: "renderBelow", required: !1, type: { name: "((item: SSelectListItem<T>) => ReactNode)" } }, showRadio: { defaultValue: { value: "true" }, description: "Whether to show a radio button (default: true)", name: "showRadio", required: !1, type: { name: "boolean" } } } };
+} catch {
+}
 export {
-  b as default
+  i as SSelectList,
+  i as default
 };

package/dist/s-skeleton/index.js

@@ -1,4 +1,4 @@
-import { default as o } from "./s-skeleton.js";
+import { SSkeleton as t } from "./s-skeleton.js";
 export {
-  o as default
+  t as default
 };

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

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
 import { SkeletonProps } from '@mui/material';
 /**
- * Props interface for SSkeleton component - extends Material-UI SkeletonProps
- * with enhanced component presets and customization options
+ * Props interface for SSkeleton component
  */
 export interface SSkeletonProps extends Omit<SkeletonProps, 'variant' | 'height' | 'width' | 'component'> {
     /** Visual variant of the skeleton */
@@ -17,25 +16,10 @@ export interface SSkeletonProps extends Omit<SkeletonProps, 'variant' | 'height'
     component?: 'button' | 'checkbox' | 'radio-button' | 'avatar' | 'rounded-avatar' | 'icon-button' | 'typography' | 'title-typography';
 }
 /**
- * SSkeleton - An enhanced skeleton loading component with pre-defined component presets.
- * Wraps Material-UI Skeleton with common UI element configurations for consistent loading states.
- *
- * Key features:
- * - Pre-defined presets for common UI components (buttons, avatars, checkboxes, etc.)
- * - Customizable dimensions and font sizes
- * - All Material-UI Skeleton variants supported
- * - Consistent sizing across the design system
- * - Fallback to custom configuration when no preset is specified
- *
- * Component presets provide standardized skeleton sizes that match actual component dimensions:
- * - button: 32px height, rounded variant
- * - checkbox/radio-button: 24px square/circle
- * - avatar: 54px square or 48px circle
- * - icon-button: 32px circle
- * - typography: Full width text or 200px title
- *
- * @param props - SSkeletonProps with preset options and Material-UI Skeleton props
- * @returns JSX.Element - Configured skeleton based on preset or custom settings
+ * An enhanced skeleton loading component with pre-defined component presets for consistent loading states.
  */
-declare const SSkeleton: ({ variant, width, height, fontSize, component, ...props }: SSkeletonProps) => React.JSX.Element;
+export declare const SSkeleton: {
+    ({ variant, width, height, fontSize, component, ...props }: SSkeletonProps): React.JSX.Element;
+    displayName: string;
+};
 export default SSkeleton;

package/dist/s-skeleton/s-skeleton.js

@@ -1,34 +1,44 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
+import { j as t } from "../jsx-runtime-OVHDjVDe.js";
 import { Skeleton as a } from "@mui/material";
-const s = ({
-  variant: r = "text",
-  width: i = "100%",
+const o = ({
+  variant: n = "text",
+  width: r = "100%",
   height: u = 32,
-  fontSize: n = "16px",
-  component: x,
-  ...t
+  fontSize: i = "16px",
+  component: l,
+  ...e
 }) => {
-  switch (x) {
+  switch (l) {
     case "button":
-      return /* @__PURE__ */ e.jsx(a, { height: 32, variant: "rounded", width: i, ...t });
+      return /* @__PURE__ */ t.jsx(a, { height: 32, variant: "rounded", width: r, ...e });
     case "checkbox":
-      return /* @__PURE__ */ e.jsx(a, { height: 24, variant: "rounded", width: 24, ...t });
+      return /* @__PURE__ */ t.jsx(a, { height: 24, variant: "rounded", width: 24, ...e });
     case "radio-button":
-      return /* @__PURE__ */ e.jsx(a, { height: 24, variant: "circular", width: 24, ...t });
+      return /* @__PURE__ */ t.jsx(a, { height: 24, variant: "circular", width: 24, ...e });
     case "avatar":
-      return /* @__PURE__ */ e.jsx(a, { height: 54, variant: "rectangular", width: 54, ...t });
+      return /* @__PURE__ */ t.jsx(a, { height: 54, variant: "rectangular", width: 54, ...e });
     case "rounded-avatar":
-      return /* @__PURE__ */ e.jsx(a, { height: 48, variant: "circular", width: 48, ...t });
+      return /* @__PURE__ */ t.jsx(a, { height: 48, variant: "circular", width: 48, ...e });
     case "icon-button":
-      return /* @__PURE__ */ e.jsx(a, { height: 32, variant: "circular", width: 32, ...t });
+      return /* @__PURE__ */ t.jsx(a, { height: 32, variant: "circular", width: 32, ...e });
     case "typography":
-      return /* @__PURE__ */ e.jsx(a, { sx: { fontSize: n }, variant: "text", width: "100%", ...t });
+      return /* @__PURE__ */ t.jsx(a, { sx: { fontSize: i }, variant: "text", width: "100%", ...e });
     case "title-typography":
-      return /* @__PURE__ */ e.jsx(a, { sx: { fontSize: n }, variant: "text", width: 200, ...t });
+      return /* @__PURE__ */ t.jsx(a, { sx: { fontSize: i }, variant: "text", width: 200, ...e });
     default:
-      return r === "text" ? /* @__PURE__ */ e.jsx(a, { sx: { fontSize: n }, variant: r, width: i, ...t }) : /* @__PURE__ */ e.jsx(a, { height: u, variant: r, width: i, ...t });
+      return n === "text" ? /* @__PURE__ */ t.jsx(a, { sx: { fontSize: i }, variant: n, width: r, ...e }) : /* @__PURE__ */ t.jsx(a, { height: u, variant: n, width: r, ...e });
   }
 };
+o.displayName = "SSkeleton";
+try {
+  o.displayName = "SSkeleton", o.__docgenInfo = { description: "An enhanced skeleton loading component with pre-defined component presets for consistent loading states.", displayName: "SSkeleton", props: { variant: { defaultValue: { value: "text" }, description: "Visual variant of the skeleton", name: "variant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"rectangular"' }, { value: '"rounded"' }, { value: '"circular"' }] } }, height: { defaultValue: { value: "32" }, description: "Height of the skeleton (number for px, string for CSS units)", name: "height", required: !1, type: { name: "string | number" } }, width: { defaultValue: { value: "100%" }, description: "Width of the skeleton (number for px, string for CSS units)", name: "width", required: !1, type: { name: "string | number" } }, fontSize: { defaultValue: { value: "16px" }, description: "Font size for text variant skeletons", name: "fontSize", required: !1, type: { name: "string | number" } }, component: { defaultValue: null, description: "Pre-defined component preset for common UI elements", name: "component", required: !1, type: { name: "enum", value: [{ value: '"typography"' }, { value: '"button"' }, { value: '"checkbox"' }, { value: '"radio-button"' }, { value: '"avatar"' }, { value: '"rounded-avatar"' }, { value: '"icon-button"' }, { value: '"title-typography"' }] } } } };
+} catch {
+}
+try {
+  sskeleton.displayName = "sskeleton", sskeleton.__docgenInfo = { description: "An enhanced skeleton loading component with pre-defined component presets for consistent loading states.", displayName: "sskeleton", props: { variant: { defaultValue: { value: "text" }, description: "Visual variant of the skeleton", name: "variant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"rectangular"' }, { value: '"rounded"' }, { value: '"circular"' }] } }, height: { defaultValue: { value: "32" }, description: "Height of the skeleton (number for px, string for CSS units)", name: "height", required: !1, type: { name: "string | number" } }, width: { defaultValue: { value: "100%" }, description: "Width of the skeleton (number for px, string for CSS units)", name: "width", required: !1, type: { name: "string | number" } }, fontSize: { defaultValue: { value: "16px" }, description: "Font size for text variant skeletons", name: "fontSize", required: !1, type: { name: "string | number" } }, component: { defaultValue: null, description: "Pre-defined component preset for common UI elements", name: "component", required: !1, type: { name: "enum", value: [{ value: '"typography"' }, { value: '"button"' }, { value: '"checkbox"' }, { value: '"radio-button"' }, { value: '"avatar"' }, { value: '"rounded-avatar"' }, { value: '"icon-button"' }, { value: '"title-typography"' }] } } } };
+} catch {
+}
 export {
-  s as default
+  o as SSkeleton,
+  o as default
 };

package/dist/s-snackbar-message/index.js

@@ -1,6 +1,6 @@
-import { SnackbarMessageProvider as r, default as s, useSnackbarMessage as o } from "./s-snackbar-message.js";
+import { SnackbarMessageProvider as s, SSnackbarMessage as r, useSnackbarMessage as S } from "./s-snackbar-message.js";
 export {
-  r as SnackbarMessageProvider,
-  s as default,
-  o as useSnackbarMessage
+  s as SnackbarMessageProvider,
+  r as default,
+  S as useSnackbarMessage
 };

package/dist/s-snackbar-message/s-snackbar-message.d.ts

@@ -16,21 +16,12 @@ export interface SSnackbarMessageProps {
     alertProps?: AlertProps;
 }
 /**
- * SSnackbarMessage - A notification snackbar component that displays temporary messages.
- * Combines Material-UI Snackbar with Alert for styled notifications.
- *
- * Key features:
- * - Auto-hide after 10 seconds by default
- * - Positioned at top-center for better visibility
- * - Uses Alert component for consistent styling and severity levels
- * - Configurable Snackbar and Alert props for customization
- * - Default error severity (can be overridden via alertProps)
- * - Full-width alert for better readability
- *
- * @param props - SSnackbarMessageProps with message and configuration
- * @returns JSX.Element - Snackbar notification with Alert styling
+ * A notification snackbar component that displays temporary messages with Material-UI Alert styling.
  */
-declare const SSnackbarMessage: ({ message, onClose, open, snackbarProps, alertProps, }: SSnackbarMessageProps) => React.JSX.Element;
+export declare const SSnackbarMessage: {
+    ({ message, onClose, open, snackbarProps, alertProps, }: SSnackbarMessageProps): React.JSX.Element;
+    displayName: string;
+};
 export default SSnackbarMessage;
 /**
  * Options for opening a snackbar message
@@ -63,20 +54,11 @@ export interface SnackbarMessageContextProps {
 }
 /**
  * Provider component that manages a global snackbar notification system.
- * This enables any component in the app to display toast-like notifications
- * without managing snackbar state locally.
- *
- * @param children - Child components that can use the snackbar context
- * @returns JSX.Element - Provider with snackbar management and rendered snackbar
  */
 export declare const SnackbarMessageProvider: ({ children }: {
     children: React.ReactNode;
 }) => React.JSX.Element;
 /**
  * Hook to access the snackbar message context.
- * Must be used within a SnackbarMessageProvider.
- *
- * @returns SnackbarMessageContextProps - Context with snackbar management functions
- * @throws Error if used outside of SnackbarMessageProvider
  */
 export declare const useSnackbarMessage: () => SnackbarMessageContextProps;

package/dist/s-snackbar-message/s-snackbar-message.js

@@ -1,59 +1,66 @@
-import { j as t } from "../jsx-runtime-OVHDjVDe.js";
-import * as a from "react";
-import { Snackbar as h, Alert as S } from "@mui/material";
-import { useDialog as k } from "../hooks/use-dialog.js";
-const x = ({
-  message: s,
+import { j as n } from "../jsx-runtime-OVHDjVDe.js";
+import * as s from "react";
+import { Snackbar as k, Alert as f } from "@mui/material";
+import { useDialog as S } from "../hooks/use-dialog.js";
+const t = ({
+  message: a,
   onClose: e = () => {
   },
   open: r = !1,
-  snackbarProps: n,
-  alertProps: o
-}) => /* @__PURE__ */ t.jsx(
-  h,
+  snackbarProps: o,
+  alertProps: l
+}) => /* @__PURE__ */ n.jsx(
+  k,
   {
     open: r,
     autoHideDuration: 1e4,
     onClose: e,
     anchorOrigin: { vertical: "top", horizontal: "center" },
-    ...n,
-    children: /* @__PURE__ */ t.jsx(S, { onClose: e, severity: "info", sx: { width: "100%" }, ...o, children: s })
+    ...o,
+    children: /* @__PURE__ */ n.jsx(f, { onClose: e, severity: "info", sx: { width: "100%" }, ...l, children: a })
   }
-), c = a.createContext(null), M = ({ children: s }) => {
-  const e = k(), [r, n] = a.useState({
+);
+t.displayName = "SSnackbarMessage";
+const c = s.createContext(null), M = ({ children: a }) => {
+  const e = S(), [r, o] = s.useState({
     message: ""
-  }), [o, l] = a.useState({}), [i, u] = a.useState({}), p = {
-    handleOpen: a.useCallback(
-      ({ snackbarMessageOptions: d, snackbarProps: g = {}, alertProps: m = {} }) => {
-        const { message: b } = d || { message: "" };
-        n({ message: b }), l(g), u(m), e.handleOpen();
+  }), [l, i] = s.useState({}), [p, d] = s.useState({}), u = {
+    handleOpen: s.useCallback(
+      ({ snackbarMessageOptions: m, snackbarProps: b = {}, alertProps: g = {} }) => {
+        const { message: h } = m || { message: "" };
+        o({ message: h }), i(b), d(g), e.handleOpen();
       },
       [e]
     ),
     handleClose: e.handleClose,
     open: e.open
   };
-  return /* @__PURE__ */ t.jsxs(c.Provider, { value: p, children: [
-    /* @__PURE__ */ t.jsx(
-      x,
+  return /* @__PURE__ */ n.jsxs(c.Provider, { value: u, children: [
+    /* @__PURE__ */ n.jsx(
+      t,
       {
         open: e.open,
         message: r == null ? void 0 : r.message,
         onClose: e.handleClose,
-        snackbarProps: o,
-        alertProps: i
+        snackbarProps: l,
+        alertProps: p
       }
     ),
-    s
+    a
   ] });
-}, j = () => {
-  const s = a.useContext(c);
-  if (!s)
+}, C = () => {
+  const a = s.useContext(c);
+  if (!a)
     throw new Error("useSnackbarMessage must be used within a SnackbarMessageProvider");
-  return s;
+  return a;
 };
+try {
+  t.displayName = "SSnackbarMessage", t.__docgenInfo = { description: "A notification snackbar component that displays temporary messages with Material-UI Alert styling.", displayName: "SSnackbarMessage", props: { message: { defaultValue: null, description: "Message content - can be string or React element", name: "message", required: !1, type: { name: "ReactNode" } }, onClose: { defaultValue: { value: "() => {}" }, description: "Callback fired when snackbar should close", name: "onClose", required: !1, type: { name: "(() => void)" } }, open: { defaultValue: { value: "false" }, description: "Whether the snackbar is open", name: "open", required: !1, type: { name: "boolean" } }, snackbarProps: { defaultValue: null, description: "Additional props passed to the Snackbar component", name: "snackbarProps", required: !1, type: { name: "SnackbarProps" } }, alertProps: { defaultValue: null, description: "Additional props passed to the Alert component", name: "alertProps", required: !1, type: { name: "AlertProps" } } } };
+} catch {
+}
 export {
+  t as SSnackbarMessage,
   M as SnackbarMessageProvider,
-  x as default,
-  j as useSnackbarMessage
+  t as default,
+  C as useSnackbarMessage
 };

package/dist/s-spotlight-cursor/index.js

@@ -1,4 +1,4 @@
-import { default as o } from "./s-spotlight-cursor.js";
+import { SSpotlightCursor as t } from "./s-spotlight-cursor.js";
 export {
-  o as default
+  t as default
 };