@solostylist/ui-kit 1.0.166 → 1.0.168

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

@@ -1,78 +1,79 @@
 import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import { useState as M } from "react";
-import { Box as t, Typography as l, Paper as H, IconButton as T } from "@mui/material";
-import W from "../s-avatar/s-avatar.js";
-import P from "../s-image-modal/s-image-modal.js";
-import E from "../s-lazy-image/s-lazy-image.js";
-import o from "../s-skeleton/s-skeleton.js";
-import { c as g } from "../createSvgIcon-DxwgGAVe.js";
-import { D as G } from "../Download-UsLvGg3y.js";
-const K = g(/* @__PURE__ */ e.jsx("path", {
+import { useState as z } from "react";
+import { Box as i, Typography as r, Paper as E, IconButton as M } from "@mui/material";
+import { SAvatar as A } from "../s-avatar/s-avatar.js";
+import { SImageModal as L } from "../s-image-modal/s-image-modal.js";
+import "../s-lazy-image/index.js";
+import { SSkeleton as s } from "../s-skeleton/s-skeleton.js";
+import O from "../s-lazy-image/s-lazy-image.js";
+import { c as y } from "../createSvgIcon-DxwgGAVe.js";
+import { D as U } from "../Download-UsLvGg3y.js";
+const H = y(/* @__PURE__ */ e.jsx("path", {
   d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
-}), "ErrorOutline"), q = g(/* @__PURE__ */ e.jsx("path", {
+}), "ErrorOutline"), P = y(/* @__PURE__ */ e.jsx("path", {
   d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"
-}), "InsertDriveFile"), A = g(/* @__PURE__ */ e.jsx("path", {
+}), "InsertDriveFile"), G = y(/* @__PURE__ */ e.jsx("path", {
   d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z"
-}), "Refresh"), ie = ({
-  message: j,
-  variant: B = "received",
-  timestamp: u,
-  avatar: v,
-  senderName: s,
-  showAvatar: n = !0,
-  showTimestamp: y = !1,
-  maxWidth: S = "70%",
-  attachments: m = [],
-  onAttachmentClick: a,
-  onDownload: d,
-  hasError: f = !1,
-  errorMessage: F = "Failed to send message",
-  onRetry: z,
-  loading: D = !1,
-  sx: w,
-  ...I
+}), "Refresh"), x = ({
+  message: l,
+  variant: T = "received",
+  timestamp: v,
+  avatar: w,
+  senderName: n,
+  showAvatar: o = !0,
+  showTimestamp: b = !1,
+  maxWidth: j = "70%",
+  attachments: f = [],
+  onAttachmentClick: d,
+  onDownload: m,
+  hasError: g = !1,
+  errorMessage: W = "Failed to send message",
+  onRetry: k,
+  loading: _ = !1,
+  sx: C,
+  ...V
 }) => {
-  const [x, b] = M(null), [L, k] = M(!1), r = B === "sent", O = (i) => (typeof i == "string" ? new Date(i) : i).toLocaleTimeString("en-US", {
+  const [c, q] = z(null), [D, S] = z(!1), t = T === "sent", R = (a) => (typeof a == "string" ? new Date(a) : a).toLocaleTimeString("en-US", {
     hour: "2-digit",
     minute: "2-digit",
     hour12: !0
-  }), R = (i) => {
-    if (!i) return "";
-    const p = ["Bytes", "KB", "MB", "GB"], h = Math.floor(Math.log(i) / Math.log(1024));
-    return Math.round(i / Math.pow(1024, h) * 100) / 100 + " " + p[h];
-  }, U = (i) => {
-    a ? a(i) : (b(i), k(!0));
-  }, V = (i) => {
-    a ? a(i) : d && d(i);
-  }, c = m.filter((i) => i.type === "image"), C = m.filter((i) => i.type === "file");
-  return D ? /* @__PURE__ */ e.jsxs(
-    t,
+  }), F = (a) => {
+    if (!a) return "";
+    const p = ["Bytes", "KB", "MB", "GB"], u = Math.floor(Math.log(a) / Math.log(1024));
+    return Math.round(a / Math.pow(1024, u) * 100) / 100 + " " + p[u];
+  }, N = (a) => {
+    d ? d(a) : (q(a), S(!0));
+  }, B = (a) => {
+    d ? d(a) : m && m(a);
+  }, h = f.filter((a) => a.type === "image"), I = f.filter((a) => a.type === "file");
+  return _ ? /* @__PURE__ */ e.jsxs(
+    i,
     {
       display: "flex",
-      flexDirection: r ? "row-reverse" : "row",
+      flexDirection: t ? "row-reverse" : "row",
       alignItems: "flex-start",
       gap: 1,
       mb: 1,
       sx: {
-        maxWidth: S,
-        alignSelf: r ? "flex-end" : "flex-start",
-        ...w
+        maxWidth: j,
+        alignSelf: t ? "flex-end" : "flex-start",
+        ...C
       },
-      ...I,
+      ...V,
       children: [
-        n && !r && /* @__PURE__ */ e.jsx(o, { component: "rounded-avatar", width: 36, height: 36 }),
+        o && !t && /* @__PURE__ */ e.jsx(s, { component: "rounded-avatar", width: 36, height: 36 }),
         /* @__PURE__ */ e.jsxs(
-          t,
+          i,
           {
             display: "flex",
             flexDirection: "column",
-            alignItems: r ? "flex-end" : "flex-start",
+            alignItems: t ? "flex-end" : "flex-start",
             gap: 0.5,
             sx: { minWidth: 0 },
             children: [
-              s && !r && /* @__PURE__ */ e.jsx(o, { variant: "text", width: 100, height: 12, sx: { ml: 0.5 } }),
+              n && !t && /* @__PURE__ */ e.jsx(s, { variant: "text", width: 100, height: 12, sx: { ml: 0.5 } }),
               /* @__PURE__ */ e.jsxs(
-                t,
+                i,
                 {
                   sx: {
                     display: "inline-block",
@@ -82,46 +83,46 @@ const K = g(/* @__PURE__ */ e.jsx("path", {
                     ml: 0.5
                   },
                   children: [
-                    /* @__PURE__ */ e.jsx(o, { variant: "text", width: "100%", height: 16, sx: { mb: 0.5 } }),
-                    /* @__PURE__ */ e.jsx(o, { variant: "text", width: "85%", height: 16, sx: { mb: 0.5 } }),
-                    /* @__PURE__ */ e.jsx(o, { variant: "text", width: "70%", height: 16 })
+                    /* @__PURE__ */ e.jsx(s, { variant: "text", width: "100%", height: 16, sx: { mb: 0.5 } }),
+                    /* @__PURE__ */ e.jsx(s, { variant: "text", width: "85%", height: 16, sx: { mb: 0.5 } }),
+                    /* @__PURE__ */ e.jsx(s, { variant: "text", width: "70%", height: 16 })
                   ]
                 }
               ),
-              y && /* @__PURE__ */ e.jsx(o, { variant: "text", width: 60, height: 10, sx: { ml: r ? 0 : 0.5, mr: r ? 0.5 : 0 } })
+              b && /* @__PURE__ */ e.jsx(s, { variant: "text", width: 60, height: 10, sx: { ml: t ? 0 : 0.5, mr: t ? 0.5 : 0 } })
             ]
           }
         ),
-        n && r && /* @__PURE__ */ e.jsx(o, { component: "rounded-avatar", width: 36, height: 36 })
+        o && t && /* @__PURE__ */ e.jsx(s, { component: "rounded-avatar", width: 36, height: 36 })
       ]
     }
   ) : /* @__PURE__ */ e.jsxs(
-    t,
+    i,
     {
       display: "flex",
-      flexDirection: r ? "row-reverse" : "row",
+      flexDirection: t ? "row-reverse" : "row",
       alignItems: "flex-start",
       gap: 1,
       mb: 1,
       sx: {
-        maxWidth: S,
-        alignSelf: r ? "flex-end" : "flex-start",
-        ...w
+        maxWidth: j,
+        alignSelf: t ? "flex-end" : "flex-start",
+        ...C
       },
-      ...I,
+      ...V,
       children: [
-        n && !r && /* @__PURE__ */ e.jsx(W, { avatar: v, name: s, size: 36 }),
+        o && !t && /* @__PURE__ */ e.jsx(A, { avatar: w, name: n, size: 36 }),
         /* @__PURE__ */ e.jsxs(
-          t,
+          i,
           {
             display: "flex",
             flexDirection: "column",
-            alignItems: r ? "flex-end" : "flex-start",
+            alignItems: t ? "flex-end" : "flex-start",
             gap: 0.5,
             sx: { minWidth: 0 },
             children: [
-              s && !r && /* @__PURE__ */ e.jsx(
-                l,
+              n && !t && /* @__PURE__ */ e.jsx(
+                r,
                 {
                   variant: "caption",
                   sx: {
@@ -130,46 +131,46 @@ const K = g(/* @__PURE__ */ e.jsx("path", {
                     fontWeight: 500,
                     ml: 0.5
                   },
-                  children: s
+                  children: n
                 }
               ),
               /* @__PURE__ */ e.jsxs(
-                t,
+                i,
                 {
                   sx: {
                     display: "inline-block",
                     borderRadius: 2,
                     wordBreak: "break-word",
                     maxWidth: "100%",
-                    backgroundColor: r ? "primary.main" : "",
-                    color: r ? "primary.contrastText" : "text.primary",
-                    border: r ? "none" : "1px solid",
-                    borderColor: f ? "error.main" : "divider",
-                    ...r && {
+                    backgroundColor: t ? "primary.main" : "",
+                    color: t ? "primary.contrastText" : "text.primary",
+                    border: t ? "none" : "1px solid",
+                    borderColor: g ? "error.main" : "divider",
+                    ...t && {
                       backgroundColor: "primary.dark"
                     },
-                    ...f && {
+                    ...g && {
                       opacity: 0.7
                     },
                     overflow: "hidden"
                   },
                   children: [
-                    c.length > 0 && /* @__PURE__ */ e.jsx(
-                      t,
+                    h.length > 0 && /* @__PURE__ */ e.jsx(
+                      i,
                       {
                         sx: {
                           display: "grid",
-                          gridTemplateColumns: c.length === 1 ? "1fr" : "repeat(2, 1fr)",
+                          gridTemplateColumns: h.length === 1 ? "1fr" : "repeat(2, 1fr)",
                           gap: 0.5,
                           p: 0.5
                         },
                         minWidth: 200,
-                        children: c.map((i) => /* @__PURE__ */ e.jsx(
-                          t,
+                        children: h.map((a) => /* @__PURE__ */ e.jsx(
+                          i,
                           {
                             sx: {
                               position: "relative",
-                              paddingTop: c.length === 1 ? "66.67%" : "100%",
+                              paddingTop: h.length === 1 ? "66.67%" : "100%",
                               cursor: "pointer",
                               borderRadius: 1.5,
                               overflow: "hidden",
@@ -177,12 +178,12 @@ const K = g(/* @__PURE__ */ e.jsx("path", {
                                 opacity: 0.9
                               }
                             },
-                            onClick: () => U(i),
+                            onClick: () => N(a),
                             children: /* @__PURE__ */ e.jsx(
-                              E,
+                              O,
                               {
-                                src: i.thumbnailUrl || i.url,
-                                alt: i.name || "Image",
+                                src: a.thumbnailUrl || a.url,
+                                alt: a.name || "Image",
                                 width: "100%",
                                 height: "100%",
                                 style: {
@@ -194,12 +195,12 @@ const K = g(/* @__PURE__ */ e.jsx("path", {
                               }
                             )
                           },
-                          i.id
+                          a.id
                         ))
                       }
                     ),
-                    C.length > 0 && /* @__PURE__ */ e.jsx(t, { sx: { p: 1.5 }, children: C.map((i, p) => /* @__PURE__ */ e.jsxs(
-                      H,
+                    I.length > 0 && /* @__PURE__ */ e.jsx(i, { sx: { p: 1.5 }, children: I.map((a, p) => /* @__PURE__ */ e.jsxs(
+                      E,
                       {
                         variant: "outlined",
                         sx: {
@@ -209,25 +210,25 @@ const K = g(/* @__PURE__ */ e.jsx("path", {
                           p: 1,
                           mt: p > 0 ? 1 : 0,
                           cursor: "pointer",
-                          backgroundColor: r ? "blackAlpha.zero" : "background.paper",
+                          backgroundColor: t ? "blackAlpha.zero" : "background.paper",
                           "&:hover": {
-                            backgroundColor: r ? "blackAlpha.light" : "action.hover"
+                            backgroundColor: t ? "blackAlpha.light" : "action.hover"
                           }
                         },
-                        onClick: () => V(i),
+                        onClick: () => B(a),
                         children: [
                           /* @__PURE__ */ e.jsx(
-                            q,
+                            P,
                             {
                               sx: {
                                 fontSize: 32,
-                                color: r ? "primary.contrastText" : "action.active"
+                                color: t ? "primary.contrastText" : "action.active"
                               }
                             }
                           ),
-                          /* @__PURE__ */ e.jsxs(t, { sx: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ e.jsxs(i, { sx: { flex: 1, minWidth: 0 }, children: [
                             /* @__PURE__ */ e.jsx(
-                              l,
+                              r,
                               {
                                 variant: "body2",
                                 sx: {
@@ -236,42 +237,42 @@ const K = g(/* @__PURE__ */ e.jsx("path", {
                                   overflow: "hidden",
                                   textOverflow: "ellipsis",
                                   whiteSpace: "nowrap",
-                                  color: r ? "inherit" : "text.primary"
+                                  color: t ? "inherit" : "text.primary"
                                 },
-                                children: i.name || "Unnamed File"
+                                children: a.name || "Unnamed File"
                               }
                             ),
-                            i.size && /* @__PURE__ */ e.jsx(
-                              l,
+                            a.size && /* @__PURE__ */ e.jsx(
+                              r,
                               {
                                 variant: "caption",
                                 sx: {
                                   fontSize: "0.75rem",
-                                  color: r ? "whiteAlpha.dark" : "text.secondary"
+                                  color: t ? "whiteAlpha.dark" : "text.secondary"
                                 },
-                                children: R(i.size)
+                                children: F(a.size)
                               }
                             )
                           ] }),
-                          d && /* @__PURE__ */ e.jsx(
-                            T,
+                          m && /* @__PURE__ */ e.jsx(
+                            M,
                             {
                               size: "small",
-                              onClick: (h) => {
-                                h.stopPropagation(), d(i);
+                              onClick: (u) => {
+                                u.stopPropagation(), m(a);
                               },
                               sx: {
-                                color: r ? "primary.contrastText" : "action.active"
+                                color: t ? "primary.contrastText" : "action.active"
                               },
-                              children: /* @__PURE__ */ e.jsx(G, { fontSize: "small" })
+                              children: /* @__PURE__ */ e.jsx(U, { fontSize: "small" })
                             }
                           )
                         ]
                       },
-                      i.id
+                      a.id
                     )) }),
-                    j && /* @__PURE__ */ e.jsx(t, { sx: { px: 2, py: 1.5, pt: m.length > 0 ? 0 : 1.5 }, children: /* @__PURE__ */ e.jsx(
-                      l,
+                    l && /* @__PURE__ */ e.jsx(i, { sx: { px: 2, py: 1.5, pt: f.length > 0 ? 0 : 1.5 }, children: /* @__PURE__ */ e.jsx(
+                      r,
                       {
                         variant: "body2",
                         sx: {
@@ -279,69 +280,69 @@ const K = g(/* @__PURE__ */ e.jsx("path", {
                           lineHeight: 1.4,
                           whiteSpace: "pre-wrap"
                         },
-                        children: j
+                        children: l
                       }
                     ) })
                   ]
                 }
               ),
-              y && u && /* @__PURE__ */ e.jsx(
-                l,
+              b && v && /* @__PURE__ */ e.jsx(
+                r,
                 {
                   variant: "caption",
                   sx: {
                     color: "text.secondary",
                     fontSize: "0.7rem",
-                    ml: r ? 0 : 0.5,
-                    mr: r ? 0.5 : 0
+                    ml: t ? 0 : 0.5,
+                    mr: t ? 0.5 : 0
                   },
-                  children: O(u)
+                  children: R(v)
                 }
               ),
-              f && /* @__PURE__ */ e.jsxs(
-                t,
+              g && /* @__PURE__ */ e.jsxs(
+                i,
                 {
                   display: "flex",
                   alignItems: "center",
                   gap: 0.5,
                   sx: {
                     color: "error.main",
-                    ml: r ? 0 : 0.5,
-                    mr: r ? 0.5 : 0
+                    ml: t ? 0 : 0.5,
+                    mr: t ? 0.5 : 0
                   },
                   children: [
-                    /* @__PURE__ */ e.jsx(K, { sx: { fontSize: "1rem" } }),
+                    /* @__PURE__ */ e.jsx(H, { sx: { fontSize: "1rem" } }),
                     /* @__PURE__ */ e.jsx(
-                      l,
+                      r,
                       {
                         variant: "caption",
                         sx: {
                           fontSize: "0.875rem",
                           fontWeight: 500
                         },
-                        children: F
+                        children: W
                       }
                     ),
-                    z && /* @__PURE__ */ e.jsx(T, { size: "small", onClick: z, children: /* @__PURE__ */ e.jsx(A, {}) })
+                    k && /* @__PURE__ */ e.jsx(M, { size: "small", onClick: k, children: /* @__PURE__ */ e.jsx(G, {}) })
                   ]
                 }
               )
             ]
           }
         ),
-        n && r && /* @__PURE__ */ e.jsx(W, { avatar: v, name: s, size: 36 }),
-        x && /* @__PURE__ */ e.jsx(
-          P,
+        o && t && /* @__PURE__ */ e.jsx(A, { avatar: w, name: n, size: 36 }),
+        c && /* @__PURE__ */ e.jsx(
+          L,
           {
-            isOpen: L,
+            isOpen: D,
             onClose: () => {
-              k(!1), b(null);
+              S(!1), q(null);
             },
             selectedItem: {
-              id: x.id,
+              id: c.id,
               type: "image",
-              url: x.url,
-              title: x.name
+              url: c.url,
+              title: c.name
             },
             showNavigation: !1,
             showThumbnailDock: !1
@@ -351,6 +352,16 @@ const K = g(/* @__PURE__ */ e.jsx("path", {
     }
   );
 };
+x.displayName = "SChatMessage";
+try {
+  x.displayName = "SChatMessage", x.__docgenInfo = { description: "A comprehensive chat message component for conversation interfaces with support for text, images, and file attachments.", displayName: "SChatMessage", props: { message: { defaultValue: null, description: "The message content to display in the chat bubble", name: "message", required: !1, type: { name: "string" } }, variant: { defaultValue: { value: "received" }, description: "The message variant controlling alignment and styling", name: "variant", required: !1, type: { name: "enum", value: [{ value: '"sent"' }, { value: '"received"' }] } }, timestamp: { defaultValue: null, description: "The timestamp for the message, displayed when showTimestamp is true", name: "timestamp", required: !1, type: { name: "string | Date" } }, avatar: { defaultValue: null, description: "Avatar image URL or base64 string to display next to the message", name: "avatar", required: !1, type: { name: "string" } }, senderName: { defaultValue: null, description: "Name of the message sender, displayed above received messages when provided", name: "senderName", required: !1, type: { name: "string" } }, showAvatar: { defaultValue: { value: "true" }, description: "Whether to display the avatar next to the message", name: "showAvatar", required: !1, type: { name: "boolean" } }, showTimestamp: { defaultValue: { value: "false" }, description: "Whether to display the formatted timestamp below the message", name: "showTimestamp", required: !1, type: { name: "boolean" } }, maxWidth: { defaultValue: { value: "70%" }, description: "Maximum width of the message bubble container", name: "maxWidth", required: !1, type: { name: "string | number" } }, attachments: { defaultValue: { value: "[]" }, description: "Array of file/image attachments to display with the message", name: "attachments", required: !1, type: { name: "ChatAttachment[]" } }, onAttachmentClick: { defaultValue: null, description: "Callback fired when an attachment is clicked", name: "onAttachmentClick", required: !1, type: { name: "((attachment: ChatAttachment) => void)" } }, onDownload: { defaultValue: null, description: "Callback fired when file download button is clicked", name: "onDownload", required: !1, type: { name: "((attachment: ChatAttachment) => void)" } }, hasError: { defaultValue: { value: "false" }, description: "Whether the message failed to send", name: "hasError", required: !1, type: { name: "boolean" } }, errorMessage: { defaultValue: { value: "Failed to send message" }, description: "Custom error message to display when hasError is true", name: "errorMessage", required: !1, type: { name: "string" } }, onRetry: { defaultValue: null, description: "Callback fired when retry button is clicked", name: "onRetry", required: !1, type: { name: "(() => void)" } }, loading: { defaultValue: { value: "false" }, description: "Whether to show skeleton loading state instead of content", name: "loading", required: !1, type: { name: "boolean" } } } };
+} catch {
+}
+try {
+  schatmessage.displayName = "schatmessage", schatmessage.__docgenInfo = { description: "A comprehensive chat message component for conversation interfaces with support for text, images, and file attachments.", displayName: "schatmessage", props: { message: { defaultValue: null, description: "The message content to display in the chat bubble", name: "message", required: !1, type: { name: "string" } }, variant: { defaultValue: { value: "received" }, description: "The message variant controlling alignment and styling", name: "variant", required: !1, type: { name: "enum", value: [{ value: '"sent"' }, { value: '"received"' }] } }, timestamp: { defaultValue: null, description: "The timestamp for the message, displayed when showTimestamp is true", name: "timestamp", required: !1, type: { name: "string | Date" } }, avatar: { defaultValue: null, description: "Avatar image URL or base64 string to display next to the message", name: "avatar", required: !1, type: { name: "string" } }, senderName: { defaultValue: null, description: "Name of the message sender, displayed above received messages when provided", name: "senderName", required: !1, type: { name: "string" } }, showAvatar: { defaultValue: { value: "true" }, description: "Whether to display the avatar next to the message", name: "showAvatar", required: !1, type: { name: "boolean" } }, showTimestamp: { defaultValue: { value: "false" }, description: "Whether to display the formatted timestamp below the message", name: "showTimestamp", required: !1, type: { name: "boolean" } }, maxWidth: { defaultValue: { value: "70%" }, description: "Maximum width of the message bubble container", name: "maxWidth", required: !1, type: { name: "string | number" } }, attachments: { defaultValue: { value: "[]" }, description: "Array of file/image attachments to display with the message", name: "attachments", required: !1, type: { name: "ChatAttachment[]" } }, onAttachmentClick: { defaultValue: null, description: "Callback fired when an attachment is clicked", name: "onAttachmentClick", required: !1, type: { name: "((attachment: ChatAttachment) => void)" } }, onDownload: { defaultValue: null, description: "Callback fired when file download button is clicked", name: "onDownload", required: !1, type: { name: "((attachment: ChatAttachment) => void)" } }, hasError: { defaultValue: { value: "false" }, description: "Whether the message failed to send", name: "hasError", required: !1, type: { name: "boolean" } }, errorMessage: { defaultValue: { value: "Failed to send message" }, description: "Custom error message to display when hasError is true", name: "errorMessage", required: !1, type: { name: "string" } }, onRetry: { defaultValue: null, description: "Callback fired when retry button is clicked", name: "onRetry", required: !1, type: { name: "(() => void)" } }, loading: { defaultValue: { value: "false" }, description: "Whether to show skeleton loading state instead of content", name: "loading", required: !1, type: { name: "boolean" } } } };
+} catch {
+}
 export {
-  ie as default
+  x as SChatMessage,
+  x as default
 };

package/dist/s-checkbox/index.js

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

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

@@ -9,20 +9,7 @@ export interface SCheckboxProps extends Omit<CheckboxProps, 'content'> {
     content?: string | React.ReactNode;
 }
 /**
- * SCheckbox - A checkbox component with integrated label support that maintains
- * proper accessibility and consistent styling with the design system.
- *
- * Key features:
- * - Automatic ID generation for accessibility when no ID is provided
- * - Clickable label that toggles the checkbox state
- * - Horizontal layout with proper spacing between checkbox and label
- * - Full Material-UI Checkbox API compatibility
- * - Forward ref support for form libraries and external control
- * - Typography integration for consistent text styling
- *
- * @param props - SCheckboxProps with content and Material-UI Checkbox props
- * @param ref - Forward ref to the underlying Checkbox component
- * @returns JSX.Element - Checkbox with optional integrated label
+ * A checkbox component with integrated label support and proper accessibility.
  */
-declare const SCheckbox: React.ForwardRefExoticComponent<Omit<SCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SCheckbox: React.ForwardRefExoticComponent<Omit<SCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default SCheckbox;

package/dist/s-checkbox/s-checkbox.js

@@ -1,15 +1,25 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as d, useId as a } from "react";
-import { Stack as c, Checkbox as n, Typography as l } from "@mui/material";
-const h = d(
-  ({ content: t, ...e }, s) => {
-    const i = a(), o = e.id ?? i;
-    return /* @__PURE__ */ r.jsxs(c, { alignItems: "center", direction: "row", display: "flex", justifyContent: "start", children: [
-      /* @__PURE__ */ r.jsx(n, { ref: s, ...e, id: o }),
-      t && /* @__PURE__ */ r.jsx("label", { htmlFor: o, children: /* @__PURE__ */ r.jsx(l, { variant: "body2", children: t }) })
+import { j as t } from "../jsx-runtime-OVHDjVDe.js";
+import { forwardRef as i, useId as s } from "react";
+import { Stack as l, Checkbox as d, Typography as p } from "@mui/material";
+const o = i(
+  ({ content: e, ...c }, r) => {
+    const n = s(), a = c.id ?? n;
+    return /* @__PURE__ */ t.jsxs(l, { alignItems: "center", direction: "row", display: "flex", justifyContent: "start", children: [
+      /* @__PURE__ */ t.jsx(d, { ref: r, ...c, id: a }),
+      e && /* @__PURE__ */ t.jsx("label", { htmlFor: a, children: /* @__PURE__ */ t.jsx(p, { variant: "body2", children: e }) })
     ] });
   }
 );
+o.displayName = "SCheckbox";
+try {
+  o.displayName = "SCheckbox", o.__docgenInfo = { description: "A checkbox component with integrated label support and proper accessibility.", displayName: "SCheckbox", props: { content: { defaultValue: null, description: "Content displayed as a clickable label next to the checkbox", name: "content", required: !1, type: { name: "ReactNode" } } } };
+} catch {
+}
+try {
+  scheckbox.displayName = "scheckbox", scheckbox.__docgenInfo = { description: "A checkbox component with integrated label support and proper accessibility.", displayName: "scheckbox", props: { content: { defaultValue: null, description: "Content displayed as a clickable label next to the checkbox", name: "content", required: !1, type: { name: "ReactNode" } } } };
+} catch {
+}
 export {
-  h as default
+  o as SCheckbox,
+  o as default
 };

package/dist/s-chip/index.js

@@ -1,4 +1,4 @@
-import { default as o } from "./s-chip.js";
+import { SChip as f } from "./s-chip.js";
 export {
-  o as default
+  f as default
 };

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

@@ -1,6 +1,12 @@
 import { default as React } from 'react';
 import { ChipProps } from '@mui/material';
+/**
+ * Props interface for SChip component
+ */
 export interface SChipProps extends ChipProps {
 }
-declare const SChip: React.ForwardRefExoticComponent<Omit<SChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * A versatile chip component for displaying compact elements like tags, filters, or user selections.
+ */
+export declare const SChip: React.ForwardRefExoticComponent<Omit<SChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SChip;

package/dist/s-chip/s-chip.js

@@ -1,7 +1,17 @@
-import { j as t } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as m } from "react";
-import { Chip as p } from "@mui/material";
-const e = m((r, o) => /* @__PURE__ */ t.jsx(p, { ref: o, ...r }));
+import { j as p } from "../jsx-runtime-OVHDjVDe.js";
+import { forwardRef as s } from "react";
+import { Chip as o } from "@mui/material";
+const r = s((e, i) => /* @__PURE__ */ p.jsx(o, { ref: i, ...e }));
+r.displayName = "SChip";
+try {
+  r.displayName = "SChip", r.__docgenInfo = { description: "A versatile chip component for displaying compact elements like tags, filters, or user selections.", displayName: "SChip", props: {} };
+} catch {
+}
+try {
+  schip.displayName = "schip", schip.__docgenInfo = { description: "A versatile chip component for displaying compact elements like tags, filters, or user selections.", displayName: "schip", props: {} };
+} catch {
+}
 export {
-  e as default
+  r as SChip,
+  r as default
 };

package/dist/s-chips/index.js

@@ -1,4 +1,4 @@
-import { default as o } from "./s-chips.js";
+import { SChips as f } from "./s-chips.js";
 export {
-  o as default
+  f as default
 };