@solostylist/ui-kit 1.0.166 → 1.0.168

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
 };

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

@@ -1,31 +1,31 @@
-import { j as c } from "../jsx-runtime-OVHDjVDe.js";
-import * as r from "react";
+import { j as e } from "../jsx-runtime-OVHDjVDe.js";
+import * as h from "react";
 import { c as i } from "../createSvgIcon-DxwgGAVe.js";
 import { MenuItem as u } from "@mui/material";
 import { usePopover as m } from "../hooks/use-popover.js";
-import p from "../s-text-field/s-text-field.js";
-import { I as f, S as x, F as d } from "../Select-DabtQlJT.js";
-import { S as v } from "../Stack-Cq2r2NmC.js";
+import { STextField as g } from "../s-text-field/s-text-field.js";
+import { I as f, S as x, F as b } from "../Select-DabtQlJT.js";
+import { S as d } from "../Stack-Cq2r2NmC.js";
 import { P as j } from "../Menu-CWq-a1Wz.js";
-const k = i(/* @__PURE__ */ c.jsx("path", {
+const k = i(/* @__PURE__ */ e.jsx("path", {
   d: "M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z"
-}), "Code"), H = i(/* @__PURE__ */ c.jsx("path", {
+}), "Code"), H = i(/* @__PURE__ */ e.jsx("path", {
   d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42M10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5"
-}), "FormatBold"), b = i(/* @__PURE__ */ c.jsx("path", {
+}), "FormatBold"), L = i(/* @__PURE__ */ e.jsx("path", {
   d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"
-}), "FormatItalic"), L = i(/* @__PURE__ */ c.jsx("path", {
+}), "FormatItalic"), C = i(/* @__PURE__ */ e.jsx("path", {
   d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5m0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5m0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5M7 19h14v-2H7zm0-6h14v-2H7zm0-8v2h14V5z"
-}), "FormatListBulleted"), C = i(/* @__PURE__ */ c.jsx("path", {
+}), "FormatListBulleted"), I = i(/* @__PURE__ */ e.jsx("path", {
   d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2zm1-9h1V4H2v1h1zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2zm5-6v2h14V5zm0 14h14v-2H7zm0-6h14v-2H7z"
-}), "FormatListNumbered"), g = i(/* @__PURE__ */ c.jsx("path", {
+}), "FormatListNumbered"), p = i(/* @__PURE__ */ e.jsx("path", {
   d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1M8 13h8v-2H8zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5"
-}), "Link"), I = i(/* @__PURE__ */ c.jsx("path", {
+}), "Link"), z = i(/* @__PURE__ */ e.jsx("path", {
   d: "M6.85 7.08C6.85 4.37 9.45 3 12.24 3c1.64 0 3 .49 3.9 1.28.77.65 1.46 1.73 1.46 3.24h-3.01c0-.31-.05-.59-.15-.85-.29-.86-1.2-1.28-2.25-1.28-1.86 0-2.34 1.02-2.34 1.7 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.21-.34-.54-.89-.54-1.92M21 12v-2H3v2h9.62c1.15.45 1.96.75 1.96 1.97 0 1-.81 1.67-2.28 1.67-1.54 0-2.93-.54-2.93-2.51H6.4c0 .55.08 1.13.24 1.58.81 2.29 3.29 3.3 5.67 3.3 2.27 0 5.3-.89 5.3-4.05 0-.3-.01-1.16-.48-1.94H21z"
-}), "StrikethroughS"), N = ({ editor: n }) => {
-  const e = m(), [o, t] = r.useState("");
-  return /* @__PURE__ */ c.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ c.jsx(
-      v,
+}), "StrikethroughS"), v = ({ editor: n }) => {
+  const a = m(), [l, s] = h.useState("");
+  return /* @__PURE__ */ e.jsxs(h.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      d,
       {
         className: "tiptap-toolbar",
         spacing: 1,
@@ -35,171 +35,186 @@ const k = i(/* @__PURE__ */ c.jsx("path", {
           p: "8px",
           minHeight: "57px"
         },
-        children: n ? /* @__PURE__ */ c.jsxs(v, { direction: "row", spacing: 0.5, sx: { alignItems: "center", flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ c.jsxs(
+        children: n ? /* @__PURE__ */ e.jsxs(d, { direction: "row", spacing: 0.5, sx: { alignItems: "center", flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ e.jsxs(
             x,
             {
-              onChange: (s) => {
-                const l = s.target.value;
-                if (l) {
-                  if (l === "p") {
+              onChange: (t) => {
+                const o = t.target.value;
+                if (o) {
+                  if (o === "p") {
                     n.chain().focus().setParagraph().run();
                     return;
                   }
-                  if (l.startsWith("h")) {
-                    const h = parseInt(l.replace("h", ""));
-                    !isNaN(h) && h >= 1 && h <= 6 && n.chain().focus().setHeading({ level: h }).run();
+                  if (o.startsWith("h")) {
+                    const r = parseInt(o.replace("h", ""));
+                    !isNaN(r) && r >= 1 && r <= 6 && n.chain().focus().setHeading({ level: r }).run();
                   }
                 }
               },
-              value: z(n),
+              value: S(n),
               children: [
-                /* @__PURE__ */ c.jsx(u, { disabled: !n.can().chain().focus().setParagraph().run(), value: "p", children: "Paragraph" }),
-                [1, 2, 3, 4, 5, 6].map((s) => /* @__PURE__ */ c.jsxs(
+                /* @__PURE__ */ e.jsx(u, { disabled: !n.can().chain().focus().setParagraph().run(), value: "p", children: "Paragraph" }),
+                [1, 2, 3, 4, 5, 6].map((t) => /* @__PURE__ */ e.jsxs(
                   u,
                   {
-                    disabled: !n.can().chain().focus().setHeading({ level: s }).run(),
-                    value: `h${s}`,
+                    disabled: !n.can().chain().focus().setHeading({ level: t }).run(),
+                    value: `h${t}`,
                     children: [
                       "Heading ",
-                      s
+                      t
                     ]
                   },
-                  s
+                  t
                 ))
               ]
             }
           ),
-          /* @__PURE__ */ c.jsx(
-            a,
+          /* @__PURE__ */ e.jsx(
+            c,
             {
               active: n.isActive("bold"),
               disabled: !n.can().chain().focus().toggleBold().run(),
               onClick: () => {
                 n.chain().focus().toggleBold().run();
               },
-              children: /* @__PURE__ */ c.jsx(H, {})
+              children: /* @__PURE__ */ e.jsx(H, {})
             }
           ),
-          /* @__PURE__ */ c.jsx(
-            a,
+          /* @__PURE__ */ e.jsx(
+            c,
             {
               active: n.isActive("italic"),
               disabled: !n.can().chain().focus().toggleItalic().run(),
               onClick: () => {
                 n.chain().focus().toggleItalic().run();
               },
-              children: /* @__PURE__ */ c.jsx(b, {})
+              children: /* @__PURE__ */ e.jsx(L, {})
             }
           ),
-          /* @__PURE__ */ c.jsx(
-            a,
+          /* @__PURE__ */ e.jsx(
+            c,
             {
               active: n.isActive("strike"),
               disabled: !n.can().chain().focus().toggleStrike().run(),
               onClick: () => {
                 n.chain().focus().toggleStrike().run();
               },
-              children: /* @__PURE__ */ c.jsx(I, {})
+              children: /* @__PURE__ */ e.jsx(z, {})
             }
           ),
-          /* @__PURE__ */ c.jsx(
-            a,
+          /* @__PURE__ */ e.jsx(
+            c,
             {
               active: n.isActive("codeBlock"),
               disabled: !n.can().chain().focus().toggleCodeBlock().run(),
               onClick: () => {
                 n.chain().focus().toggleCodeBlock();
               },
-              children: /* @__PURE__ */ c.jsx(k, {})
+              children: /* @__PURE__ */ e.jsx(k, {})
             }
           ),
-          /* @__PURE__ */ c.jsx(
-            a,
+          /* @__PURE__ */ e.jsx(
+            c,
             {
               active: n.isActive("bulletList"),
               disabled: !n.can().chain().focus().toggleBulletList().run(),
               onClick: () => {
                 n.chain().focus().toggleBulletList().run();
               },
-              children: /* @__PURE__ */ c.jsx(L, {})
+              children: /* @__PURE__ */ e.jsx(C, {})
             }
           ),
-          /* @__PURE__ */ c.jsx(
-            a,
+          /* @__PURE__ */ e.jsx(
+            c,
             {
               active: n.isActive("orderedList"),
               disabled: !n.can().chain().focus().toggleOrderedList().run(),
               onClick: () => {
                 n.chain().focus().toggleOrderedList().run();
               },
-              children: /* @__PURE__ */ c.jsx(C, {})
+              children: /* @__PURE__ */ e.jsx(I, {})
             }
           ),
-          /* @__PURE__ */ c.jsx(
-            a,
+          /* @__PURE__ */ e.jsx(
+            c,
             {
               onClick: () => {
-                t(n.getAttributes("link").href ?? ""), e.handleOpen();
+                s(n.getAttributes("link").href ?? ""), a.handleOpen();
               },
-              ref: e.anchorRef,
-              children: /* @__PURE__ */ c.jsx(g, {})
+              ref: a.anchorRef,
+              children: /* @__PURE__ */ e.jsx(p, {})
             }
           ),
-          /* @__PURE__ */ c.jsx(
-            a,
+          /* @__PURE__ */ e.jsx(
+            c,
             {
               active: n.isActive("link"),
               disabled: !n.can().chain().focus().unsetLink().run(),
               onClick: () => {
                 n.chain().focus().unsetLink().run();
               },
-              children: /* @__PURE__ */ c.jsx(g, {})
+              children: /* @__PURE__ */ e.jsx(p, {})
             }
           )
         ] }) : null
       }
     ),
-    /* @__PURE__ */ c.jsx(
+    /* @__PURE__ */ e.jsx(
       j,
       {
-        anchorEl: e.anchorRef.current,
+        anchorEl: a.anchorRef.current,
         anchorOrigin: { horizontal: "left", vertical: "bottom" },
         onClose: () => {
-          e.handleClose(), t("");
+          a.handleClose(), s("");
         },
-        open: e.open,
+        open: a.open,
         slotProps: { paper: { sx: { p: 2 } } },
-        children: /* @__PURE__ */ c.jsx(d, { children: /* @__PURE__ */ c.jsx(
-          p,
+        children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(
+          g,
           {
             name: "url",
             label: "URL",
-            onChange: (s) => {
-              t(s.target.value);
+            onChange: (t) => {
+              s(t.target.value);
             },
-            onKeyUp: (s) => {
-              if (s.key === "Enter") {
-                if (o === "") {
+            onKeyUp: (t) => {
+              if (t.key === "Enter") {
+                if (l === "") {
                   n == null || n.chain().focus().extendMarkRange("link").unsetLink().run();
                   return;
                 }
-                n == null || n.chain().focus().setLink({ href: o }).run(), e.handleClose(), t("");
+                n == null || n.chain().focus().setLink({ href: l }).run(), a.handleClose(), s("");
               }
             },
-            value: o
+            value: l
           }
         ) })
       }
     )
   ] });
 };
-function z(n) {
+function S(n) {
   return n.isActive("paragraph") ? "p" : n.isActive("heading", { level: 1 }) ? "h1" : n.isActive("heading", { level: 2 }) ? "h2" : n.isActive("heading", { level: 3 }) ? "h3" : n.isActive("heading", { level: 4 }) ? "h4" : n.isActive("heading", { level: 5 }) ? "h5" : n.isActive("heading", { level: 6 }) ? "h6" : "p";
 }
-const a = r.forwardRef(function({ active: e, children: o, disabled: t, onClick: s }, l) {
-  return /* @__PURE__ */ c.jsx(f, { color: e ? "primary" : "inherit", disabled: t, onClick: s, ref: l, children: o });
+const c = h.forwardRef(function({ active: a, children: l, disabled: s, onClick: t }, o) {
+  return /* @__PURE__ */ e.jsx(f, { color: a ? "primary" : "inherit", disabled: s, onClick: t, ref: o, children: l });
 });
+try {
+  v.displayName = "STextEditorToolbar", v.__docgenInfo = { description: `Rich text editor toolbar component with comprehensive formatting controls
+
+Provides a full-featured toolbar for text formatting including:
+- Text styles: paragraph, headings (H1-H6)
+- Format options: bold, italic, strikethrough
+- Lists: bulleted and numbered
+- Code blocks
+- Link management with popover interface
+
+The toolbar dynamically enables/disables controls based on editor capabilities
+and current selection context. Link editing is handled through a popover with
+URL input field.`, displayName: "STextEditorToolbar", props: { editor: { defaultValue: null, description: "The Tiptap editor instance - null when editor is not yet initialized", name: "editor", required: !0, type: { name: "Editor | null" } } } };
+} catch {
+}
 export {
-  N as STextEditorToolbar
+  v as STextEditorToolbar
 };

package/dist/s-text-editor/s-text-editor.d.ts

@@ -1,23 +1,25 @@
 import { EditorOptions } from '@tiptap/react';
 import * as React from 'react';
+/**
+ * Props interface for STextEditor component
+ */
 export interface STextEditorProps {
+    /** Initial content for the editor (HTML string or Tiptap JSON) */
     content: EditorOptions['content'];
+    /** Whether the editor content can be modified */
     editable?: EditorOptions['editable'];
+    /** Hide the formatting toolbar (useful for read-only displays) */
     hideToolbar?: boolean;
+    /** Callback fired when editor content changes */
     onUpdate?: EditorOptions['onUpdate'];
+    /** Placeholder text shown when editor is empty */
     placeholder?: string;
 }
 /**
- * A thin wrapper around tiptap.
- *
- * How to get the updated content:
- * ```ts
- * <TextEditor
- *   onUpdate={({ editor }) => {
- *     console.log(editor.getHTML());
- *   }}
- * />
- * ```
+ * A powerful rich text editor built on Tiptap with an integrated toolbar.
  */
-declare const STextEditor: ({ content, editable, hideToolbar, onUpdate, placeholder, }: STextEditorProps) => React.JSX.Element;
+export declare const STextEditor: {
+    ({ content, editable, hideToolbar, onUpdate, placeholder, }: STextEditorProps): React.JSX.Element;
+    displayName: string;
+};
 export default STextEditor;

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

@@ -1,42 +1,42 @@
 import { j as o } from "../jsx-runtime-OVHDjVDe.js";
-import * as p from "react";
-import { Link as n } from "@tiptap/extension-link";
-import { Placeholder as m } from "@tiptap/extension-placeholder";
-import { useEditor as c, EditorContent as f } from "@tiptap/react";
-import { StarterKit as u } from "@tiptap/starter-kit";
-import { STextEditorToolbar as x } from "./s-text-editor-toolbar.js";
-import { B as d } from "../Box-Ha0cQ4KO.js";
-const C = ({
-  content: r,
-  editable: t = !0,
-  hideToolbar: i,
-  onUpdate: s = () => {
+import * as s from "react";
+import { Link as p } from "@tiptap/extension-link";
+import { Placeholder as c } from "@tiptap/extension-placeholder";
+import { useEditor as u, EditorContent as f } from "@tiptap/react";
+import { StarterKit as m } from "@tiptap/starter-kit";
+import { STextEditorToolbar as h } from "./s-text-editor-toolbar.js";
+import { B as x } from "../Box-Ha0cQ4KO.js";
+const r = ({
+  content: e,
+  editable: i = !0,
+  hideToolbar: a,
+  onUpdate: n = () => {
   },
-  placeholder: a
+  placeholder: l
 }) => {
-  const l = [
-    u,
-    m.configure({ emptyEditorClass: "is-editor-empty", placeholder: a }),
-    n.configure({ openOnClick: !1, autolink: !0 })
-  ], e = c({
-    extensions: l,
-    content: r,
-    editable: t,
-    onUpdate: s,
+  const d = [
+    m,
+    c.configure({ emptyEditorClass: "is-editor-empty", placeholder: l }),
+    p.configure({ openOnClick: !1, autolink: !0 })
+  ], t = u({
+    extensions: d,
+    content: e,
+    editable: i,
+    onUpdate: n,
     parseOptions: {
       preserveWhitespace: "full"
     }
   });
-  return p.useEffect(() => {
-    e == null || e.commands.setContent(r, !1, { preserveWhitespace: "full" });
-  }, [r]), /* @__PURE__ */ o.jsxs(
-    d,
+  return s.useEffect(() => {
+    t == null || t.commands.setContent(e, !1, { preserveWhitespace: "full" });
+  }, [e]), /* @__PURE__ */ o.jsxs(
+    x,
     {
       className: "tiptap-root",
       sx: {
         display: "flex",
         flexDirection: "column",
-        ...t && {
+        ...i && {
           border: "1px solid",
           borderColor: "divider",
           borderRadius: 1
@@ -69,12 +69,26 @@ const C = ({
         }
       },
       children: [
-        i ? /* @__PURE__ */ o.jsx("div", {}) : /* @__PURE__ */ o.jsx(x, { editor: e }),
-        /* @__PURE__ */ o.jsx(f, { className: "tiptap-container", editor: e })
+        a ? /* @__PURE__ */ o.jsx("div", {}) : /* @__PURE__ */ o.jsx(h, { editor: t }),
+        /* @__PURE__ */ o.jsx(f, { className: "tiptap-container", editor: t })
       ]
     }
   );
 };
+r.displayName = "STextEditor";
+try {
+  r.displayName = "STextEditor", r.__docgenInfo = { description: "A powerful rich text editor built on Tiptap with an integrated toolbar.", displayName: "STextEditor", props: { content: { defaultValue: null, description: "Initial content for the editor (HTML string or Tiptap JSON)", name: "content", required: !0, type: { name: "Content" } }, editable: { defaultValue: { value: "true" }, description: "Whether the editor content can be modified", name: "editable", required: !1, type: { name: "boolean" } }, hideToolbar: { defaultValue: null, description: "Hide the formatting toolbar (useful for read-only displays)", name: "hideToolbar", required: !1, type: { name: "boolean" } }, onUpdate: { defaultValue: { value: `() => {
+    // noop
+  }` }, description: "Callback fired when editor content changes", name: "onUpdate", required: !1, type: { name: "((props: { editor: Editor; transaction: Transaction; }) => void)" } }, placeholder: { defaultValue: null, description: "Placeholder text shown when editor is empty", name: "placeholder", required: !1, type: { name: "string" } } } };
+} catch {
+}
+try {
+  stexteditor.displayName = "stexteditor", stexteditor.__docgenInfo = { description: "A powerful rich text editor built on Tiptap with an integrated toolbar.", displayName: "stexteditor", props: { content: { defaultValue: null, description: "Initial content for the editor (HTML string or Tiptap JSON)", name: "content", required: !0, type: { name: "Content" } }, editable: { defaultValue: { value: "true" }, description: "Whether the editor content can be modified", name: "editable", required: !1, type: { name: "boolean" } }, hideToolbar: { defaultValue: null, description: "Hide the formatting toolbar (useful for read-only displays)", name: "hideToolbar", required: !1, type: { name: "boolean" } }, onUpdate: { defaultValue: { value: `() => {
+    // noop
+  }` }, description: "Callback fired when editor content changes", name: "onUpdate", required: !1, type: { name: "((props: { editor: Editor; transaction: Transaction; }) => void)" } }, placeholder: { defaultValue: null, description: "Placeholder text shown when editor is empty", name: "placeholder", required: !1, type: { name: "string" } } } };
+} catch {
+}
 export {
-  C as default
+  r as STextEditor,
+  r as default
 };

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

@@ -1,4 +1,4 @@
-import { default as o } from "./s-text-field.js";
+import { STextField as a } from "./s-text-field.js";
 export {
-  o as default
+  a as default
 };

package/dist/s-text-field/s-text-field.d.ts

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
 import { TextField } from '@mui/material';
 /**
- * Props for STextField component - extends Material-UI TextField props
- * but replaces the 'error' prop to use string messages instead of boolean
+ * Props interface for STextField component
  */
 export type STextFieldProps = Omit<React.ComponentProps<typeof TextField>, 'error'> & {
     /** Field label displayed above the input */
@@ -17,18 +16,10 @@ export type STextFieldProps = Omit<React.ComponentProps<typeof TextField>, 'erro
     hint?: string;
 };
 /**
- * STextField - A standardized text input component that wraps Material-UI TextField
- * with consistent form labeling, validation, and help text patterns.
- *
- * Key features:
- * - Integrates with SForm for consistent label and error handling
- * - Supports string-based error messages for better user experience
- * - Maintains full Material-UI TextField API compatibility
- * - Provides accessible form labeling with htmlFor/id association
- * - Includes help text tooltip functionality
- *
- * @param props - STextFieldProps with form integration and Material-UI TextField props
- * @returns JSX.Element - Wrapped TextField with form labeling and validation
+ * An enhanced text field component with integrated form labeling, error handling, and password visibility toggle.
  */
-declare const STextField: ({ label, required, error, type, htmlFor, hint, ...props }: STextFieldProps) => React.JSX.Element;
+export declare const STextField: {
+    ({ label, required, error, type, htmlFor, hint, ...props }: STextFieldProps): React.JSX.Element;
+    displayName: string;
+};
 export default STextField;