@solostylist/ui-kit 1.0.167 → 1.0.169

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

@@ -1,12 +1,11 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { CardNumberElement as a, CardExpiryElement as E, CardCvcElement as s } from "@stripe/react-stripe-js";
-import C from "../s-text-field/s-text-field.js";
-import b from "./stripe-input.js";
-const n = (t) => {
-  var p;
-  const { helperText: u, slotProps: e, inputProps: m, error: i, labelErrorMessage: l, stripeElement: o, ...x } = t;
-  return /* @__PURE__ */ r.jsx(
-    C,
+import { j as m } from "../jsx-runtime-OVHDjVDe.js";
+import { STextField as d } from "../s-text-field/s-text-field.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,
     {
       fullWidth: !0,
       slotProps: {
@@ -18,33 +17,31 @@ const n = (t) => {
         input: {
           ...e == null ? void 0 : e.input,
           inputProps: {
-            ...m,
-            ...(p = e == null ? void 0 : e.input) == null ? void 0 : p.inputProps,
-            component: o
+            ...i,
+            ...(a = e == null ? void 0 : e.input) == null ? void 0 : a.inputProps,
+            component: s
             // Pass Stripe element as component
           },
-          inputComponent: b
+          inputComponent: u
           // Custom input component for Stripe integration
         }
       },
-      error: i,
-      helperText: i ? l : u,
-      ...x
+      error: n,
+      helperText: n ? p : l,
+      ...o
     }
   );
 };
-function j(t) {
-  return /* @__PURE__ */ r.jsx(n, { label: "Card Number", stripeElement: a, ...t });
+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 {
 }
-function h(t) {
-  return /* @__PURE__ */ r.jsx(n, { label: "Expiration", stripeElement: E, ...t });
-}
-function T(t) {
-  return /* @__PURE__ */ r.jsx(n, { label: "CVC", stripeElement: s, ...t });
+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 {
 }
 export {
-  T as SStripeCVC,
-  h as SStripeExpiry,
-  j as SStripeNumber,
-  n as StripeTextField
+  r as StripeTextField,
+  r as default
 };

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

@@ -1,18 +1,18 @@
-import { j as l } from "../jsx-runtime-OVHDjVDe.js";
-import * as t from "react";
-import { gray as d } from "../theme/theme-primitives.js";
-import '../assets/stripe-input.css';const f = t.forwardRef(function(r, s) {
-  const { component: n, options: a, ...o } = r, [e, i] = t.useState(null);
-  return t.useImperativeHandle(
-    s,
+import { j as d } from "../jsx-runtime-OVHDjVDe.js";
+import * as e from "react";
+import { gray as l } from "../theme/theme-primitives.js";
+import '../assets/stripe-input.css';const m = e.forwardRef(function(i, n) {
+  const { component: s, options: a, ...t } = i, [o, p] = e.useState(null);
+  return e.useImperativeHandle(
+    n,
     () => ({
-      focus: () => e.focus()
+      focus: () => o.focus()
     }),
-    [e]
-  ), /* @__PURE__ */ l.jsx(
-    n,
+    [o]
+  ), /* @__PURE__ */ d.jsx(
+    s,
     {
-      onReady: i,
+      onReady: p,
       options: {
         ...a,
         style: {
@@ -20,26 +20,30 @@ import '../assets/stripe-input.css';const f = t.forwardRef(function(r, s) {
             fontFamily: "Outfit, sans-serif",
             lineHeight: "1.5",
             color: "rgb(255, 255, 255)",
-            ...o.disabled && {
+            ...t.disabled && {
               color: "rgba(255, 255, 255, 0.5)"
               // for disabled state
             },
             "&::placeholder": {
-              color: d[600],
-              ...o.disabled && {
+              color: l[600],
+              ...t.disabled && {
                 color: "rgba(255, 255, 255, 0.5)"
                 // for disabled state
               }
             }
           }
         },
-        disabled: o.disabled
+        disabled: t.disabled
         // Pass through the disabled state to Stripe Element
       },
-      ...o
+      ...t
     }
   );
 });
+try {
+  stripeinput.displayName = "stripeinput", stripeinput.__docgenInfo = { description: "Forward ref component for Stripe Elements integration with Material-UI", displayName: "stripeinput", props: {} };
+} catch {
+}
 export {
-  f as default
+  m as default
 };

package/dist/s-tabs/index.js

@@ -1,8 +1,8 @@
-import { default as f } from "./s-tabs.js";
-import { default as r } from "./s-tab.js";
-import { default as l } from "./s-tab-panel.js";
+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 {
-  r as STab,
-  l as STabPanel,
-  f as STabs
+  f as STab,
+  b as STabPanel,
+  r as STabs
 };

package/dist/s-tabs/s-tab-panel.d.ts

@@ -1,10 +1,20 @@
 import { default as React } from 'react';
 import { BoxProps } from '@mui/material';
+/**
+ * Props interface for STabPanel component
+ */
 export interface STabPanelProps extends BoxProps {
+    /** Content to display in the tab panel */
     children?: React.ReactNode;
+    /** Index of this specific tab panel (0-based) */
     index: number;
+    /** Current active tab index from the parent tabs component */
     value: number;
+    /** Keep the panel mounted in the DOM when not active */
     keepMounted?: boolean;
 }
-declare const STabPanel: React.ForwardRefExoticComponent<Omit<STabPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Individual tab content panel component with advanced mounting controls.
+ */
+export declare const STabPanel: React.ForwardRefExoticComponent<Omit<STabPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default STabPanel;

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

@@ -1,28 +1,37 @@
-import { j as d } from "../jsx-runtime-OVHDjVDe.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,
+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,
       {
-        ref: n,
+        ref: o,
         role: "tabpanel",
-        hidden: !e,
+        hidden: !n,
         id: `tabpanel-${a}`,
         "aria-labelledby": `tab-${a}`,
         sx: {
-          ...t,
-          display: e ? "block" : "none"
+          ...d,
+          display: n ? "block" : "none"
         },
-        ...s,
-        children: o
+        ...i,
+        children: e
       }
     ) : null;
   }
 );
-b.displayName = "STabPanel";
+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 {
+}
 export {
-  b as default
+  t as STabPanel,
+  t as default
 };

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

@@ -1,8 +1,12 @@
-import { j as a } from "../jsx-runtime-OVHDjVDe.js";
+import { j as e } from "../jsx-runtime-OVHDjVDe.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";
+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 {
+}
 export {
-  s as default
+  r as default
 };

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

@@ -1,20 +1,41 @@
 import { default as React } from 'react';
 import { BoxProps, TabProps, TabsProps } from '@mui/material';
+/**
+ * Props interface for STabs component
+ */
 export interface STabsProps extends Omit<TabsProps, 'children'> {
+    /** Array of tab configuration objects defining the tabs to display */
     tabs: STabItem[];
+    /** Index of the currently active tab. Set to false for uncontrolled mode */
     activeTab?: number | false;
-    onTabChange?: (event: React.SyntheticEvent, value: any) => void;
+    /** Callback function called when a tab is selected */
+    onTabChange?: (event: React.SyntheticEvent, value: number) => void;
+    /** Tab panel content. Children are matched to tabs by index */
     children?: React.ReactNode;
+    /** Additional props passed to the tab panel wrapper Box component */
     tabPanelProps?: BoxProps;
 }
+/**
+ * Configuration object interface for individual tabs in STabs
+ */
 export interface STabItem {
+    /** The content displayed in the tab */
     label: React.ReactNode;
-    value?: any;
+    /** Custom value for the tab. If not provided, uses the tab index */
+    value?: number;
+    /** Whether the tab is disabled and cannot be selected */
     disabled?: boolean;
+    /** Icon element to display in the tab */
     icon?: React.ReactElement;
+    /** Position of the icon relative to the label */
     iconPosition?: 'start' | 'end' | 'top' | 'bottom';
+    /** Whether the tab label should wrap to multiple lines */
     wrapped?: boolean;
+    /** Additional props passed to the underlying Material-UI Tab component */
     tabProps?: Omit<TabProps, 'label' | 'value' | 'disabled' | 'icon' | 'iconPosition' | 'wrapped'>;
 }
-declare const STabs: React.ForwardRefExoticComponent<Omit<STabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * A flexible tabs component system built on Material-UI Tabs.
+ */
+export declare const STabs: React.ForwardRefExoticComponent<Omit<STabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default STabs;

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

@@ -1,34 +1,43 @@
-import { j as o } from "../jsx-runtime-OVHDjVDe.js";
-import i, { forwardRef as c } from "react";
-import { Tabs as x, Tab as j, Box as P } from "@mui/material";
-const R = c(
-  ({ tabs: t, activeTab: e = 0, onTabChange: l, children: d, tabPanelProps: a, ...n }, m) => {
-    const [p, f] = i.useState(e);
-    i.useEffect(() => {
-      e !== !1 && f(e);
-    }, [e]);
-    const u = (s, r) => {
-      e === !1 && f(r), l == null || l(s, r);
+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);
     };
-    return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(x, { ref: m, value: p, onChange: u, ...n, children: t.map((s, r) => /* @__PURE__ */ o.jsx(
-        j,
+    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(
+        h,
         {
-          label: s.label,
-          value: s.value ?? r,
-          disabled: s.disabled,
-          icon: s.icon,
-          iconPosition: s.iconPosition,
-          wrapped: s.wrapped,
-          ...s.tabProps
+          label: e.label,
+          value: e.value ?? t,
+          disabled: e.disabled,
+          icon: e.icon,
+          iconPosition: e.iconPosition,
+          wrapped: e.wrapped,
+          ...e.tabProps
         },
-        r
+        t
       )) }),
-      d && /* @__PURE__ */ o.jsx(P, { role: "tabpanel", padding: 2, ...a, children: i.Children.toArray(d)[p] })
+      i && /* @__PURE__ */ n.jsx(_, { role: "tabpanel", padding: 2, ...c, children: o.Children.toArray(i)[d] })
     ] });
   }
 );
-R.displayName = "STabs";
+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 {
+}
 export {
-  R as default
+  s as STabs,
+  s as default
 };

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

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