@solostylist/ui-kit 1.0.175 → 1.0.176

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

@@ -1,66 +1,62 @@
-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,
+import { j as r } from "../jsx-runtime-tc70JA_2.js";
+import * as a from "react";
+import { Snackbar as S, Alert as h } from "@mui/material";
+import { useDialog as x } from "../hooks/use-dialog.js";
+const c = ({
+  message: s,
   onClose: e = () => {
   },
-  open: r = !1,
-  snackbarProps: o,
-  alertProps: l
-}) => /* @__PURE__ */ n.jsx(
-  k,
+  open: n = !1,
+  snackbarProps: t,
+  alertProps: o
+}) => /* @__PURE__ */ r.jsx(
+  S,
   {
-    open: r,
+    open: n,
     autoHideDuration: 1e4,
     onClose: e,
     anchorOrigin: { vertical: "top", horizontal: "center" },
-    ...o,
-    children: /* @__PURE__ */ n.jsx(f, { onClose: e, severity: "info", sx: { width: "100%" }, ...l, children: a })
+    ...t,
+    children: /* @__PURE__ */ r.jsx(h, { onClose: e, severity: "info", sx: { width: "100%" }, ...o, children: s })
   }
 );
-t.displayName = "SSnackbarMessage";
-const c = s.createContext(null), M = ({ children: a }) => {
-  const e = S(), [r, o] = s.useState({
+c.displayName = "SSnackbarMessage";
+const l = a.createContext(null), C = ({ children: s }) => {
+  const e = x(), [n, t] = a.useState({
     message: ""
-  }), [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();
+  }), [o, i] = a.useState({}), [p, u] = a.useState({}), g = {
+    handleOpen: a.useCallback(
+      ({ snackbarMessageOptions: d, snackbarProps: b = {}, alertProps: m = {} }) => {
+        const { message: k } = d || { message: "" };
+        t({ message: k }), i(b), u(m), e.handleOpen();
       },
       [e]
     ),
     handleClose: e.handleClose,
     open: e.open
   };
-  return /* @__PURE__ */ n.jsxs(c.Provider, { value: u, children: [
-    /* @__PURE__ */ n.jsx(
-      t,
+  return /* @__PURE__ */ r.jsxs(l.Provider, { value: g, children: [
+    /* @__PURE__ */ r.jsx(
+      c,
       {
         open: e.open,
-        message: r == null ? void 0 : r.message,
+        message: n?.message,
         onClose: e.handleClose,
-        snackbarProps: l,
+        snackbarProps: o,
         alertProps: p
       }
     ),
-    a
+    s
   ] });
-}, C = () => {
-  const a = s.useContext(c);
-  if (!a)
+}, j = () => {
+  const s = a.useContext(l);
+  if (!s)
     throw new Error("useSnackbarMessage must be used within a SnackbarMessageProvider");
-  return a;
+  return s;
 };
-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,
-  t as default,
-  C as useSnackbarMessage
+  c as SSnackbarMessage,
+  C as SnackbarMessageProvider,
+  c as default,
+  j as useSnackbarMessage
 };

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

@@ -1,45 +1,45 @@
-import { j as w } from "../jsx-runtime-OVHDjVDe.js";
-import { useRef as S, useEffect as b } from "react";
-import { Box as C } from "@mui/material";
-const x = (t) => {
-  const a = S(null);
-  return b(() => {
+import { j as p } from "../jsx-runtime-tc70JA_2.js";
+import { useRef as g, useEffect as x } from "react";
+import { Box as E } from "@mui/material";
+const b = (t) => {
+  const a = g(null);
+  return x(() => {
     const e = a.current;
     if (!e) return;
-    const n = e.getContext("2d");
-    if (!n) return;
-    let c, r = -1e3, i = -1e3;
-    const d = () => {
+    const o = e.getContext("2d");
+    if (!o) return;
+    let d, r = -1e3, s = -1e3;
+    const c = () => {
       e.width = window.innerWidth, e.height = window.innerHeight;
-    }, u = (o) => {
-      r = o.clientX, i = o.clientY;
-    }, h = () => {
-      r = -1e3, i = -1e3;
-    }, p = (o) => {
-      const s = parseInt(o.slice(1), 16), f = s >> 16 & 255, g = s >> 8 & 255, v = s & 255;
-      return `${f},${g},${v}`;
+    }, l = (n) => {
+      r = n.clientX, s = n.clientY;
     }, m = () => {
-      if (n.clearRect(0, 0, e.width, e.height), r !== -1e3 && i !== -1e3) {
-        const o = n.createRadialGradient(r, i, 0, r, i, t.radius || 200), s = p(t.color);
-        o.addColorStop(0, `rgba(${s}, ${t.brightness})`), o.addColorStop(1, "rgba(0,0,0,0)"), n.fillStyle = o, n.fillRect(0, 0, e.width, e.height);
+      r = -1e3, s = -1e3;
+    }, h = (n) => {
+      const i = parseInt(n.slice(1), 16), w = i >> 16 & 255, v = i >> 8 & 255, f = i & 255;
+      return `${w},${v},${f}`;
+    }, u = () => {
+      if (o.clearRect(0, 0, e.width, e.height), r !== -1e3 && s !== -1e3) {
+        const n = o.createRadialGradient(r, s, 0, r, s, t.radius || 200), i = h(t.color);
+        n.addColorStop(0, `rgba(${i}, ${t.brightness})`), n.addColorStop(1, "rgba(0,0,0,0)"), o.fillStyle = n, o.fillRect(0, 0, e.width, e.height);
       }
-      c = requestAnimationFrame(m);
+      d = requestAnimationFrame(u);
     };
-    return d(), window.addEventListener("resize", d), window.addEventListener("mousemove", u), window.addEventListener("mouseleave", h), c = requestAnimationFrame(m), () => {
-      window.removeEventListener("resize", d), window.removeEventListener("mousemove", u), window.removeEventListener("mouseleave", h), cancelAnimationFrame(c);
+    return c(), window.addEventListener("resize", c), window.addEventListener("mousemove", l), window.addEventListener("mouseleave", m), d = requestAnimationFrame(u), () => {
+      window.removeEventListener("resize", c), window.removeEventListener("mousemove", l), window.removeEventListener("mouseleave", m), cancelAnimationFrame(d);
     };
   }, [t.radius, t.brightness, t.color]), a;
-}, l = ({
+}, R = ({
   config: t = { radius: 200, brightness: 0.15, color: "#0000ff", smoothing: 0.1 },
   className: a,
   ...e
 }) => {
-  const n = x(t);
-  return /* @__PURE__ */ w.jsx(
-    C,
+  const o = b(t);
+  return /* @__PURE__ */ p.jsx(
+    E,
     {
       component: "canvas",
-      ref: n,
+      ref: o,
       className: a,
       sx: {
         position: "fixed",
@@ -54,12 +54,8 @@ const x = (t) => {
     }
   );
 };
-l.displayName = "SSpotlightCursor";
-try {
-  l.displayName = "SSpotlightCursor", l.__docgenInfo = { description: "Creates an interactive spotlight effect that follows the mouse cursor.", displayName: "SSpotlightCursor", props: { config: { defaultValue: { value: "{ radius: 200, brightness: 0.15, color: '#0000ff', smoothing: 0.1 }" }, description: "Configuration object for spotlight appearance and behavior", name: "config", required: !1, type: { name: "SpotlightConfig" } } } };
-} catch {
-}
+R.displayName = "SSpotlightCursor";
 export {
-  l as SSpotlightCursor,
-  l as default
+  R as SSpotlightCursor,
+  R as default
 };

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

@@ -1,15 +1,11 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { CardCvcElement as n } from "@stripe/react-stripe-js";
-import { StripeTextField as a } from "./s-stripe.js";
-function e(t) {
-  return /* @__PURE__ */ r.jsx(a, { label: "CVC", stripeElement: n, ...t });
-}
-e.displayName = "SStripeCVC";
-try {
-  e.displayName = "SStripeCVC", e.__docgenInfo = { description: "Card security code (CVC/CVV) input field with Stripe integration.", displayName: "SStripeCVC", props: { inputProps: { defaultValue: null, description: "Props passed directly to the Stripe Element", name: "inputProps", required: !1, type: { name: "CardCvcElementProps" } }, labelErrorMessage: { defaultValue: null, description: "Custom error message to display when validation fails", name: "labelErrorMessage", required: !1, type: { name: "string" } }, onChange: { defaultValue: null, description: "Change handler for Stripe Element events", name: "onChange", required: !1, type: { name: "((event: StripeCardCvcElementChangeEvent) => any)" } }, stripeElement: { defaultValue: null, description: "The Stripe Element component to render", name: "stripeElement", required: !1, type: { name: "CardCvcElementComponent" } } } };
-} catch {
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import { CardCvcElement as r } from "@stripe/react-stripe-js";
+import { StripeTextField as i } from "./s-stripe.js";
+function m(e) {
+  return /* @__PURE__ */ t.jsx(i, { label: "CVC", stripeElement: r, ...e });
 }
+m.displayName = "SStripeCVC";
 export {
-  e as SStripeCVC,
-  e as default
+  m as SStripeCVC,
+  m as default
 };

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

@@ -1,15 +1,11 @@
-import { j as t } from "../jsx-runtime-OVHDjVDe.js";
-import { CardExpiryElement as i } from "@stripe/react-stripe-js";
-import { StripeTextField as n } from "./s-stripe.js";
-function e(r) {
-  return /* @__PURE__ */ t.jsx(n, { label: "Expiration", stripeElement: i, ...r });
-}
-e.displayName = "SStripeExpiry";
-try {
-  e.displayName = "SStripeExpiry", e.__docgenInfo = { description: "Card expiration date input field with Stripe integration.", displayName: "SStripeExpiry", props: { inputProps: { defaultValue: null, description: "Props passed directly to the Stripe Element", name: "inputProps", required: !1, type: { name: "CardExpiryElementProps" } }, labelErrorMessage: { defaultValue: null, description: "Custom error message to display when validation fails", name: "labelErrorMessage", required: !1, type: { name: "string" } }, onChange: { defaultValue: null, description: "Change handler for Stripe Element events", name: "onChange", required: !1, type: { name: "((event: StripeCardExpiryElementChangeEvent) => any)" } }, stripeElement: { defaultValue: null, description: "The Stripe Element component to render", name: "stripeElement", required: !1, type: { name: "CardExpiryElementComponent" } } } };
-} catch {
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import { CardExpiryElement as e } from "@stripe/react-stripe-js";
+import { StripeTextField as i } from "./s-stripe.js";
+function p(r) {
+  return /* @__PURE__ */ t.jsx(i, { label: "Expiration", stripeElement: e, ...r });
 }
+p.displayName = "SStripeExpiry";
 export {
-  e as SStripeExpiry,
-  e as default
+  p as SStripeExpiry,
+  p as default
 };

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

@@ -1,15 +1,11 @@
-import { j as t } from "../jsx-runtime-OVHDjVDe.js";
-import { CardNumberElement as n } from "@stripe/react-stripe-js";
-import { StripeTextField as a } from "./s-stripe.js";
-function e(r) {
-  return /* @__PURE__ */ t.jsx(a, { label: "Card Number", stripeElement: n, ...r });
-}
-e.displayName = "SStripeNumber";
-try {
-  e.displayName = "SStripeNumber", e.__docgenInfo = { description: "Card number input field with Stripe integration.", displayName: "SStripeNumber", props: { inputProps: { defaultValue: null, description: "Props passed directly to the Stripe Element", name: "inputProps", required: !1, type: { name: "CardNumberElementProps" } }, labelErrorMessage: { defaultValue: null, description: "Custom error message to display when validation fails", name: "labelErrorMessage", required: !1, type: { name: "string" } }, onChange: { defaultValue: null, description: "Change handler for Stripe Element events", name: "onChange", required: !1, type: { name: "((event: StripeCardNumberElementChangeEvent) => any)" } }, stripeElement: { defaultValue: null, description: "The Stripe Element component to render", name: "stripeElement", required: !1, type: { name: "CardNumberElementComponent" } } } };
-} catch {
+import { j as r } from "../jsx-runtime-tc70JA_2.js";
+import { CardNumberElement as t } from "@stripe/react-stripe-js";
+import { StripeTextField as m } from "./s-stripe.js";
+function i(e) {
+  return /* @__PURE__ */ r.jsx(m, { label: "Card Number", stripeElement: t, ...e });
 }
+i.displayName = "SStripeNumber";
 export {
-  e as SStripeNumber,
-  e as default
+  i as SStripeNumber,
+  i as default
 };

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

@@ -1,10 +1,10 @@
-import { AuBankAccountElement, CardCvcElement, CardExpiryElement, CardNumberElement, FpxBankElement, IbanElement, IdealBankElement } from '@stripe/react-stripe-js';
+import { AuBankAccountElement, CardCvcElement, CardExpiryElement, CardNumberElement, IbanElement } from '@stripe/react-stripe-js';
 import { STextFieldProps } from '../s-text-field';
 /**
  * Union type of all supported Stripe Elements
  * Includes card payment elements and various regional payment methods
  */
-export type StripeElement = typeof AuBankAccountElement | typeof CardCvcElement | typeof CardExpiryElement | typeof CardNumberElement | typeof FpxBankElement | typeof IbanElement | typeof IdealBankElement;
+export type StripeElement = typeof AuBankAccountElement | typeof CardCvcElement | typeof CardExpiryElement | typeof CardNumberElement | typeof IbanElement;
 /**
  * Props for Stripe-integrated text field components
  * Extends STextField props but excludes conflicting props that are handled by Stripe

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

@@ -1,47 +1,38 @@
-import { j as m } from "../jsx-runtime-OVHDjVDe.js";
-import { STextField as d } from "../s-text-field/s-text-field.js";
+import { j as l } from "../jsx-runtime-tc70JA_2.js";
 import u from "./stripe-input.js";
-const r = (t) => {
-  var a;
-  const { helperText: l, slotProps: e, inputProps: i, error: n, labelErrorMessage: p, stripeElement: s, ...o } = t;
-  return /* @__PURE__ */ m.jsx(
-    d,
+import { STextField as m } from "../s-text-field/s-text-field.js";
+const a = (r) => {
+  const { helperText: p, slotProps: t, inputProps: o, error: e, labelErrorMessage: i, stripeElement: n, ...s } = r;
+  return /* @__PURE__ */ l.jsx(
+    m,
     {
       fullWidth: !0,
       slotProps: {
         inputLabel: {
-          ...e == null ? void 0 : e.inputLabel,
+          ...t?.inputLabel,
           shrink: !0
           // Always shrink label since Stripe elements don't support placeholder-driven shrinking
         },
         input: {
-          ...e == null ? void 0 : e.input,
+          ...t?.input,
           inputProps: {
-            ...i,
-            ...(a = e == null ? void 0 : e.input) == null ? void 0 : a.inputProps,
-            component: s
+            ...o,
+            ...t?.input?.inputProps,
+            component: n
             // Pass Stripe element as component
           },
           inputComponent: u
           // Custom input component for Stripe integration
         }
       },
-      error: n,
-      helperText: n ? p : l,
-      ...o
+      error: e,
+      helperText: e ? i : p,
+      ...s
     }
   );
 };
-r.displayName = "StripeTextField";
-try {
-  r.displayName = "StripeTextField", r.__docgenInfo = { description: "Generic Stripe text field component that integrates Stripe Elements with Material-UI styling.", displayName: "StripeTextField", props: { inputProps: { defaultValue: null, description: "Props passed directly to the Stripe Element", name: "inputProps", required: !1, type: { name: "AuBankAccountElementProps | CardCvcElementProps | CardExpiryElementProps | CardNumberElementProps | FpxBankElementProps | IbanElementProps | IdealBankElementProps" } }, labelErrorMessage: { defaultValue: null, description: "Custom error message to display when validation fails", name: "labelErrorMessage", required: !1, type: { name: "string" } }, onChange: { defaultValue: null, description: "Change handler for Stripe Element events", name: "onChange", required: !1, type: { name: "((event: StripeAuBankAccountElementChangeEvent) => any) | ((event: StripeCardCvcElementChangeEvent) => any) | ... 5 more ..." } }, stripeElement: { defaultValue: null, description: "The Stripe Element component to render", name: "stripeElement", required: !1, type: { name: "StripeElement" } } } };
-} catch {
-}
-try {
-  sstripe.displayName = "sstripe", sstripe.__docgenInfo = { description: "Generic Stripe text field component that integrates Stripe Elements with Material-UI styling.", displayName: "sstripe", props: { inputProps: { defaultValue: null, description: "Props passed directly to the Stripe Element", name: "inputProps", required: !1, type: { name: "AuBankAccountElementProps | CardCvcElementProps | CardExpiryElementProps | CardNumberElementProps | FpxBankElementProps | IbanElementProps | IdealBankElementProps" } }, labelErrorMessage: { defaultValue: null, description: "Custom error message to display when validation fails", name: "labelErrorMessage", required: !1, type: { name: "string" } }, onChange: { defaultValue: null, description: "Change handler for Stripe Element events", name: "onChange", required: !1, type: { name: "((event: StripeAuBankAccountElementChangeEvent) => any) | ((event: StripeCardCvcElementChangeEvent) => any) | ... 5 more ..." } }, stripeElement: { defaultValue: null, description: "The Stripe Element component to render", name: "stripeElement", required: !1, type: { name: "StripeElement" } } } };
-} catch {
-}
+a.displayName = "StripeTextField";
 export {
-  r as StripeTextField,
-  r as default
+  a as StripeTextField,
+  a as default
 };

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

@@ -1,4 +1,4 @@
-import { j as h } from "../jsx-runtime-OVHDjVDe.js";
+import { j as h } from "../jsx-runtime-tc70JA_2.js";
 import * as o from "react";
 import '../assets/stripe-input.css';const y = {
   dark: {
@@ -28,63 +28,59 @@ function S() {
 function c() {
   return y[S()];
 }
-function d(t, n) {
+function d(e, n) {
   return {
     base: {
       fontFamily: "Outfit, sans-serif",
       lineHeight: "1.5",
-      color: n ? t.textSecondary : t.text,
+      color: n ? e.textSecondary : e.text,
       "::placeholder": {
-        color: t.placeholder
+        color: e.placeholder
       }
     },
     invalid: {
-      color: t.error
+      color: e.error
     }
   };
 }
-const g = o.forwardRef(function(n, u) {
-  const { component: l, options: p, ...r } = n, [e, m] = o.useState(null);
+const g = o.forwardRef(function(n, l) {
+  const { component: u, options: m, ...t } = n, [r, f] = o.useState(null);
   o.useImperativeHandle(
-    u,
+    l,
     () => ({
-      focus: () => e == null ? void 0 : e.focus()
+      focus: () => r?.focus()
     }),
-    [e]
+    [r]
   ), o.useEffect(() => {
-    if (!e) return;
+    if (!r) return;
     const b = () => {
       const a = c();
-      e.update({
-        style: d(a, r.disabled)
+      r.update({
+        style: d(a, t.disabled)
       });
-    }, s = new MutationObserver((a) => {
-      for (const i of a)
-        if (i.attributeName === "data-mui-color-scheme" || i.attributeName === "class" || i.attributeName === "style") {
+    }, 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 s.observe(document.documentElement, { attributes: !0 }), () => s.disconnect();
-  }, [e, r.disabled]);
-  const f = c();
+    return i.observe(document.documentElement, { attributes: !0 }), () => i.disconnect();
+  }, [r, t.disabled]);
+  const p = c();
   return /* @__PURE__ */ h.jsx(
-    l,
+    u,
     {
-      onReady: m,
+      onReady: f,
       options: {
-        ...p,
-        style: d(f, r.disabled),
-        disabled: r.disabled
+        ...m,
+        style: d(p, t.disabled),
+        disabled: t.disabled
       },
-      ...r
+      ...t
     }
   );
 });
-try {
-  stripeinput.displayName = "stripeinput", stripeinput.__docgenInfo = { description: "Forward ref component for Stripe Elements integration with Material-UI", displayName: "stripeinput", props: {} };
-} catch {
-}
 export {
   g as default
 };

package/dist/s-tabs/package.json

@@ -1,4 +1,4 @@
-{
-  "name": "s-tabs",
-  "main": "./index.ts"
+{
+  "name": "s-tabs",
+  "main": "./index.ts"
 }

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

@@ -1,37 +1,29 @@
-import { j as p } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as u } from "react";
-import { Box as s } from "@mui/material";
-const t = u(
-  ({ children: e, value: l, index: a, keepMounted: r = !1, sx: d, ...i }, o) => {
-    const n = l === a;
-    return n || r ? /* @__PURE__ */ p.jsx(
-      s,
+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: o,
+        ref: n,
         role: "tabpanel",
-        hidden: !n,
+        hidden: !e,
         id: `tabpanel-${a}`,
         "aria-labelledby": `tab-${a}`,
         sx: {
-          ...d,
-          display: n ? "block" : "none"
+          ...t,
+          display: e ? "block" : "none"
         },
-        ...i,
-        children: e
+        ...s,
+        children: o
       }
     ) : null;
   }
 );
-t.displayName = "STabPanel";
-try {
-  t.displayName = "STabPanel", t.__docgenInfo = { description: "Individual tab content panel component with advanced mounting controls.", displayName: "STabPanel", props: { children: { defaultValue: null, description: "Content to display in the tab panel", name: "children", required: !1, type: { name: "ReactNode" } }, value: { defaultValue: null, description: "Current active tab index from the parent tabs component", name: "value", required: !0, type: { name: "number" } }, index: { defaultValue: null, description: "Index of this specific tab panel (0-based)", name: "index", required: !0, type: { name: "number" } }, keepMounted: { defaultValue: { value: "false" }, description: "Keep the panel mounted in the DOM when not active", name: "keepMounted", required: !1, type: { name: "boolean" } } } };
-} catch {
-}
-try {
-  stabpanel.displayName = "stabpanel", stabpanel.__docgenInfo = { description: "Individual tab content panel component with advanced mounting controls.", displayName: "stabpanel", props: { children: { defaultValue: null, description: "Content to display in the tab panel", name: "children", required: !1, type: { name: "ReactNode" } }, value: { defaultValue: null, description: "Current active tab index from the parent tabs component", name: "value", required: !0, type: { name: "number" } }, index: { defaultValue: null, description: "Index of this specific tab panel (0-based)", name: "index", required: !0, type: { name: "number" } }, keepMounted: { defaultValue: { value: "false" }, description: "Keep the panel mounted in the DOM when not active", name: "keepMounted", required: !1, type: { name: "boolean" } } } };
-} catch {
-}
+b.displayName = "STabPanel";
 export {
-  t as STabPanel,
-  t as default
+  b as STabPanel,
+  b as default
 };

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

@@ -1,12 +1,8 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
+import { j as a } from "../jsx-runtime-tc70JA_2.js";
 import { forwardRef as t } from "react";
-import { Tab as p } from "@mui/material";
-const r = t((a, o) => /* @__PURE__ */ e.jsx(p, { ref: o, ...a }));
-r.displayName = "STab";
-try {
-  r.displayName = "STab", r.__docgenInfo = { description: "", displayName: "STab", props: {} };
-} catch {
-}
+import { Tab as m } from "@mui/material";
+const s = t((r, o) => /* @__PURE__ */ a.jsx(m, { ref: o, ...r }));
+s.displayName = "STab";
 export {
-  r as default
+  s as default
 };

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

@@ -1,43 +1,35 @@
-import { j as n } from "../jsx-runtime-OVHDjVDe.js";
-import o, { forwardRef as f } from "react";
-import { Tabs as y, Tab as h, Box as _ } from "@mui/material";
-const s = f(
-  ({ tabs: l, activeTab: a = 0, onTabChange: r, children: i, tabPanelProps: c, ...u }, b) => {
-    const [d, p] = o.useState(a);
-    o.useEffect(() => {
-      a !== !1 && p(a);
-    }, [a]);
-    const m = (e, t) => {
-      a === !1 && p(t), r == null || r(e, t);
+import { j as r } from "../jsx-runtime-tc70JA_2.js";
+import a, { forwardRef as c } from "react";
+import { Tabs as x, Tab as h, Box as j } from "@mui/material";
+const g = c(
+  ({ tabs: d, activeTab: s = 0, onTabChange: p, children: l, tabPanelProps: f, ...t }, m) => {
+    const [n, i] = a.useState(s);
+    a.useEffect(() => {
+      s !== !1 && i(s);
+    }, [s]);
+    const u = (e, o) => {
+      s === !1 && i(o), p?.(e, o);
     };
-    return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx(y, { ref: b, value: d, onChange: m, ...u, children: l.map((e, t) => /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(x, { ref: m, value: n, onChange: u, ...t, children: d.map((e, o) => /* @__PURE__ */ r.jsx(
         h,
         {
           label: e.label,
-          value: e.value ?? t,
+          value: e.value ?? o,
           disabled: e.disabled,
           icon: e.icon,
           iconPosition: e.iconPosition,
           wrapped: e.wrapped,
           ...e.tabProps
         },
-        t
+        o
       )) }),
-      i && /* @__PURE__ */ n.jsx(_, { role: "tabpanel", padding: 2, ...c, children: o.Children.toArray(i)[d] })
+      l && /* @__PURE__ */ r.jsx(j, { role: "tabpanel", padding: 2, ...f, children: a.Children.toArray(l)[n] })
     ] });
   }
 );
-s.displayName = "STabs";
-try {
-  s.displayName = "STabs", s.__docgenInfo = { description: "A flexible tabs component system built on Material-UI Tabs.", displayName: "STabs", props: { children: { defaultValue: null, description: "Tab panel content. Children are matched to tabs by index", name: "children", required: !1, type: { name: "ReactNode" } }, tabs: { defaultValue: null, description: "Array of tab configuration objects defining the tabs to display", name: "tabs", required: !0, type: { name: "STabItem[]" } }, activeTab: { defaultValue: { value: "0" }, description: "Index of the currently active tab. Set to false for uncontrolled mode", name: "activeTab", required: !1, type: { name: "number | false" } }, onTabChange: { defaultValue: null, description: "Callback function called when a tab is selected", name: "onTabChange", required: !1, type: { name: "((event: SyntheticEvent<Element, Event>, value: number) => void)" } }, tabPanelProps: { defaultValue: null, description: "Additional props passed to the tab panel wrapper Box component", name: "tabPanelProps", required: !1, type: { name: "BoxProps" } } } };
-} catch {
-}
-try {
-  stabs.displayName = "stabs", stabs.__docgenInfo = { description: "A flexible tabs component system built on Material-UI Tabs.", displayName: "stabs", props: { children: { defaultValue: null, description: "Tab panel content. Children are matched to tabs by index", name: "children", required: !1, type: { name: "ReactNode" } }, tabs: { defaultValue: null, description: "Array of tab configuration objects defining the tabs to display", name: "tabs", required: !0, type: { name: "STabItem[]" } }, activeTab: { defaultValue: { value: "0" }, description: "Index of the currently active tab. Set to false for uncontrolled mode", name: "activeTab", required: !1, type: { name: "number | false" } }, onTabChange: { defaultValue: null, description: "Callback function called when a tab is selected", name: "onTabChange", required: !1, type: { name: "((event: SyntheticEvent<Element, Event>, value: number) => void)" } }, tabPanelProps: { defaultValue: null, description: "Additional props passed to the tab panel wrapper Box component", name: "tabPanelProps", required: !1, type: { name: "BoxProps" } } } };
-} catch {
-}
+g.displayName = "STabs";
 export {
-  s as STabs,
-  s as default
+  g as STabs,
+  g as default
 };