@solostylist/ui-kit 1.0.174 → 1.0.176

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

@@ -1,79 +1,78 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import { useState as M } from "react";
-import { Box as s, Typography as r, Paper as L, IconButton as z } from "@mui/material";
-import { SAvatar as W } from "../s-avatar/s-avatar.js";
-import { SImageModal as E } from "../s-image-modal/s-image-modal.js";
-import "../s-lazy-image/index.js";
-import { SSkeleton as i } from "../s-skeleton/s-skeleton.js";
-import O from "../s-lazy-image/s-lazy-image.js";
-import { c as v } from "../createSvgIcon-DxwgGAVe.js";
-import { D as U } from "../Download-UsLvGg3y.js";
-const P = v(/* @__PURE__ */ e.jsx("path", {
+import { j as e } from "../jsx-runtime-tc70JA_2.js";
+import { useState as k } from "react";
+import { Box as r, Typography as t, Paper as P, IconButton as B } from "@mui/material";
+import { SSkeleton as l } from "../s-skeleton/s-skeleton.js";
+import { SAvatar as F } from "../s-avatar/s-avatar.js";
+import G from "../s-lazy-image/s-lazy-image.js";
+import { c as g } from "../createSvgIcon-BKymXuBG.js";
+import { D as H } from "../Download-Chao5NQl.js";
+import { SImageModal as K } from "../s-image-modal/s-image-modal.js";
+const q = g(/* @__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"), G = v(/* @__PURE__ */ e.jsx("path", {
+}), "ErrorOutline"), E = g(/* @__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"), H = v(/* @__PURE__ */ e.jsx("path", {
+}), "InsertDriveFile"), J = g(/* @__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"), x = ({
-  message: l,
-  variant: A = "received",
-  timestamp: y,
-  avatar: w,
-  senderName: n,
-  showAvatar: o = !0,
-  showTimestamp: b = !1,
-  maxWidth: j = "70%",
-  attachments: g = [],
-  onAttachmentClick: d,
-  onDownload: m,
-  hasError: h = !1,
-  errorMessage: T = "Failed to send message",
-  onRetry: V,
-  loading: _ = !1,
-  sx: C,
-  ...q
+}), "Refresh"), Q = ({
+  message: j,
+  variant: D = "received",
+  timestamp: u,
+  avatar: v,
+  senderName: o,
+  showAvatar: n = !0,
+  showTimestamp: I = !1,
+  maxWidth: S = "70%",
+  attachments: m = [],
+  onAttachmentClick: a,
+  onDownload: d,
+  hasError: x = !1,
+  errorMessage: W = "Failed to send message",
+  onRetry: w,
+  loading: L = !1,
+  sx: y,
+  ...z
 }) => {
-  const [c, k] = M(null), [D, I] = M(!1), t = A === "sent", R = (a) => (typeof a == "string" ? new Date(a) : a).toLocaleTimeString("en-US", {
+  const [c, b] = k(null), [O, M] = k(!1), s = D === "sent", T = (i) => (typeof i == "string" ? new Date(i) : i).toLocaleTimeString("en-US", {
     hour: "2-digit",
     minute: "2-digit",
     hour12: !0
-  }), F = (a) => {
-    if (!a) return "";
-    const u = ["Bytes", "KB", "MB", "GB"], f = Math.floor(Math.log(a) / Math.log(1024));
-    return Math.round(a / Math.pow(1024, f) * 100) / 100 + " " + u[f];
-  }, N = (a) => {
-    d ? d(a) : (k(a), I(!0));
-  }, B = (a) => {
-    d ? d(a) : m && m(a);
-  }, p = g.filter((a) => a.type === "image"), S = g.filter((a) => a.type === "file");
-  return _ ? /* @__PURE__ */ e.jsxs(
-    s,
+  }), R = (i) => {
+    if (!i) return "";
+    const p = ["Bytes", "KB", "MB", "GB"], f = Math.floor(Math.log(i) / Math.log(1024));
+    return Math.round(i / Math.pow(1024, f) * 100) / 100 + " " + p[f];
+  }, U = (i) => {
+    a ? a(i) : (b(i), M(!0));
+  }, V = (i) => {
+    a ? a(i) : d && d(i);
+  }, h = m.filter((i) => i.type === "image"), C = m.filter((i) => i.type === "file");
+  return L ? /* @__PURE__ */ e.jsxs(
+    r,
     {
       display: "flex",
-      flexDirection: t ? "row-reverse" : "row",
+      flexDirection: s ? "row-reverse" : "row",
       alignItems: "flex-start",
       gap: 1,
       mb: 1,
       sx: {
-        maxWidth: j,
-        alignSelf: t ? "flex-end" : "flex-start",
-        ...C
+        maxWidth: S,
+        alignSelf: s ? "flex-end" : "flex-start",
+        ...y
       },
-      ...q,
+      ...z,
       children: [
-        o && !t && /* @__PURE__ */ e.jsx(i, { component: "rounded-avatar", width: 36, height: 36 }),
+        n && !s && /* @__PURE__ */ e.jsx(l, { component: "rounded-avatar", width: 36, height: 36 }),
         /* @__PURE__ */ e.jsxs(
-          s,
+          r,
           {
             display: "flex",
             flexDirection: "column",
-            alignItems: t ? "flex-end" : "flex-start",
+            alignItems: s ? "flex-end" : "flex-start",
             gap: 0.5,
             sx: { minWidth: 0 },
             children: [
-              n && !t && /* @__PURE__ */ e.jsx(i, { variant: "text", width: 100, height: 12, sx: { ml: 0.5 } }),
+              o && !s && /* @__PURE__ */ e.jsx(l, { variant: "text", width: 100, height: 12, sx: { ml: 0.5 } }),
               /* @__PURE__ */ e.jsxs(
-                s,
+                r,
                 {
                   sx: {
                     display: "inline-block",
@@ -83,47 +82,47 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
                     ml: 0.5
                   },
                   children: [
-                    /* @__PURE__ */ e.jsx(i, { variant: "text", width: "100%", height: 16, sx: { mb: 0.5 } }),
-                    /* @__PURE__ */ e.jsx(i, { variant: "text", width: "85%", height: 16, sx: { mb: 0.5 } }),
-                    /* @__PURE__ */ e.jsx(i, { variant: "text", width: "70%", height: 16 })
+                    /* @__PURE__ */ e.jsx(l, { variant: "text", width: "100%", height: 16, sx: { mb: 0.5 } }),
+                    /* @__PURE__ */ e.jsx(l, { variant: "text", width: "85%", height: 16, sx: { mb: 0.5 } }),
+                    /* @__PURE__ */ e.jsx(l, { variant: "text", width: "70%", height: 16 })
                   ]
                 }
               ),
-              b && /* @__PURE__ */ e.jsx(i, { variant: "text", width: 60, height: 10, sx: { ml: t ? 0 : 0.5, mr: t ? 0.5 : 0 } })
+              I && /* @__PURE__ */ e.jsx(l, { variant: "text", width: 60, height: 10, sx: { ml: s ? 0 : 0.5, mr: s ? 0.5 : 0 } })
             ]
           }
         ),
-        o && t && /* @__PURE__ */ e.jsx(i, { component: "rounded-avatar", width: 36, height: 36 })
+        n && s && /* @__PURE__ */ e.jsx(l, { component: "rounded-avatar", width: 36, height: 36 })
       ]
     }
   ) : /* @__PURE__ */ e.jsxs(
-    s,
+    r,
     {
       display: "flex",
-      flexDirection: t ? "row-reverse" : "row",
+      flexDirection: s ? "row-reverse" : "row",
       alignItems: "flex-start",
       gap: 1,
       mb: 1,
       sx: {
-        maxWidth: j,
-        alignSelf: t ? "flex-end" : "flex-start",
-        ...C
+        maxWidth: S,
+        alignSelf: s ? "flex-end" : "flex-start",
+        ...y
       },
-      ...q,
+      ...z,
       children: [
-        o && !t && /* @__PURE__ */ e.jsx(W, { avatar: w, name: n, size: 36 }),
+        n && !s && /* @__PURE__ */ e.jsx(F, { avatar: v, name: o, size: 36 }),
         /* @__PURE__ */ e.jsxs(
-          s,
+          r,
           {
             display: "flex",
             flexDirection: "column",
-            alignItems: t ? "flex-end" : "flex-start",
+            alignItems: s ? "flex-end" : "flex-start",
             gap: 0.5,
             sx: { minWidth: 0 },
             children: [
-              n && !t && /* @__PURE__ */ e.jsx(r, { children: n }),
+              o && !s && /* @__PURE__ */ e.jsx(t, { children: o }),
               /* @__PURE__ */ e.jsxs(
-                s,
+                r,
                 {
                   sx: {
                     display: "inline-block",
@@ -131,29 +130,29 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
                     wordBreak: "break-word",
                     maxWidth: "100%",
                     border: "1px solid",
-                    borderColor: h ? "error.main" : "divider",
-                    ...h && {
+                    borderColor: x ? "error.main" : "divider",
+                    ...x && {
                       opacity: 0.7
                     },
                     overflow: "hidden"
                   },
                   children: [
-                    p.length > 0 && /* @__PURE__ */ e.jsx(
-                      s,
+                    h.length > 0 && /* @__PURE__ */ e.jsx(
+                      r,
                       {
                         sx: {
                           display: "grid",
-                          gridTemplateColumns: p.length === 1 ? "1fr" : "repeat(2, 1fr)",
+                          gridTemplateColumns: h.length === 1 ? "1fr" : "repeat(2, 1fr)",
                           gap: 0.5,
                           p: 0.5
                         },
                         minWidth: 200,
-                        children: p.map((a) => /* @__PURE__ */ e.jsx(
-                          s,
+                        children: h.map((i) => /* @__PURE__ */ e.jsx(
+                          r,
                           {
                             sx: {
                               position: "relative",
-                              paddingTop: p.length === 1 ? "66.67%" : "100%",
+                              paddingTop: h.length === 1 ? "66.67%" : "100%",
                               cursor: "pointer",
                               borderRadius: 1.5,
                               overflow: "hidden",
@@ -161,12 +160,12 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
                                 opacity: 0.9
                               }
                             },
-                            onClick: () => N(a),
+                            onClick: () => U(i),
                             children: /* @__PURE__ */ e.jsx(
-                              O,
+                              G,
                               {
-                                src: a.thumbnailUrl || a.url,
-                                alt: a.name || "Image",
+                                src: i.thumbnailUrl || i.url,
+                                alt: i.name || "Image",
                                 width: "100%",
                                 height: "100%",
                                 style: {
@@ -178,12 +177,12 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
                               }
                             )
                           },
-                          a.id
+                          i.id
                         ))
                       }
                     ),
-                    S.length > 0 && /* @__PURE__ */ e.jsx(s, { sx: { p: 1.5 }, children: S.map((a, u) => /* @__PURE__ */ e.jsxs(
-                      L,
+                    C.length > 0 && /* @__PURE__ */ e.jsx(r, { sx: { p: 1.5 }, children: C.map((i, p) => /* @__PURE__ */ e.jsxs(
+                      P,
                       {
                         variant: "outlined",
                         sx: {
@@ -191,15 +190,15 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
                           alignItems: "center",
                           gap: 1.5,
                           p: 1,
-                          mt: u > 0 ? 1 : 0,
+                          mt: p > 0 ? 1 : 0,
                           cursor: "pointer"
                         },
-                        onClick: () => B(a),
+                        onClick: () => V(i),
                         children: [
-                          /* @__PURE__ */ e.jsx(G, { sx: { fontSize: 32 } }),
-                          /* @__PURE__ */ e.jsxs(s, { sx: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ e.jsx(E, { sx: { fontSize: 32 } }),
+                          /* @__PURE__ */ e.jsxs(r, { sx: { flex: 1, minWidth: 0 }, children: [
                             /* @__PURE__ */ e.jsx(
-                              r,
+                              t,
                               {
                                 variant: "body2",
                                 sx: {
@@ -209,56 +208,56 @@ const P = v(/* @__PURE__ */ e.jsx("path", {
                                   textOverflow: "ellipsis",
                                   whiteSpace: "nowrap"
                                 },
-                                children: a.name || "Unnamed File"
+                                children: i.name || "Unnamed File"
                               }
                             ),
-                            a.size && /* @__PURE__ */ e.jsx(r, { variant: "caption", children: F(a.size) })
+                            i.size && /* @__PURE__ */ e.jsx(t, { variant: "caption", children: R(i.size) })
                           ] }),
-                          m && /* @__PURE__ */ e.jsx(
-                            z,
+                          d && /* @__PURE__ */ e.jsx(
+                            B,
                             {
                               size: "small",
                               onClick: (f) => {
-                                f.stopPropagation(), m(a);
+                                f.stopPropagation(), d(i);
                               },
-                              children: /* @__PURE__ */ e.jsx(U, {})
+                              children: /* @__PURE__ */ e.jsx(H, {})
                             }
                           )
                         ]
                       },
-                      a.id
+                      i.id
                     )) }),
-                    l && /* @__PURE__ */ e.jsx(s, { sx: { px: 2, py: 1.5, pt: g.length > 0 ? 0 : 1.5 }, children: /* @__PURE__ */ e.jsx(
-                      r,
+                    j && /* @__PURE__ */ e.jsx(r, { sx: { px: 2, py: 1.5, pt: m.length > 0 ? 0 : 1.5 }, children: /* @__PURE__ */ e.jsx(
+                      t,
                       {
                         variant: "body2",
                         sx: {
                           fontSize: "0.875rem",
                           whiteSpace: "pre-wrap",
-                          color: h ? "error.main" : "inherit"
+                          color: x ? "error.main" : "inherit"
                         },
-                        children: l
+                        children: j
                       }
                     ) })
                   ]
                 }
               ),
-              b && y && /* @__PURE__ */ e.jsx(r, { variant: "caption", children: R(y) }),
-              h && /* @__PURE__ */ e.jsxs(s, { display: "flex", alignItems: "center", gap: 0.5, color: "error.main", children: [
-                /* @__PURE__ */ e.jsx(P, { sx: { fontSize: "1rem" } }),
-                /* @__PURE__ */ e.jsx(r, { color: "inherit", children: T }),
-                V && /* @__PURE__ */ e.jsx(z, { size: "small", onClick: V, children: /* @__PURE__ */ e.jsx(H, {}) })
+              I && u && /* @__PURE__ */ e.jsx(t, { variant: "caption", children: T(u) }),
+              x && /* @__PURE__ */ e.jsxs(r, { display: "flex", alignItems: "center", gap: 0.5, color: "error.main", children: [
+                /* @__PURE__ */ e.jsx(q, { sx: { fontSize: "1rem" } }),
+                /* @__PURE__ */ e.jsx(t, { color: "inherit", children: W }),
+                w && /* @__PURE__ */ e.jsx(B, { size: "small", onClick: w, children: /* @__PURE__ */ e.jsx(J, {}) })
               ] })
             ]
           }
         ),
-        o && t && /* @__PURE__ */ e.jsx(W, { avatar: w, name: n, size: 36 }),
+        n && s && /* @__PURE__ */ e.jsx(F, { avatar: v, name: o, size: 36 }),
         c && /* @__PURE__ */ e.jsx(
-          E,
+          K,
           {
-            isOpen: D,
+            isOpen: O,
             onClose: () => {
-              I(!1), k(null);
+              M(!1), b(null);
             },
             selectedItem: {
               id: c.id,
@@ -274,16 +273,8 @@ const P = v(/* @__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 {
-}
+Q.displayName = "SChatMessage";
 export {
-  x as SChatMessage,
-  x as default
+  Q as SChatMessage,
+  Q as default
 };

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

@@ -1,25 +1,17 @@
-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 }) })
+import { j as e } from "../jsx-runtime-tc70JA_2.js";
+import { forwardRef as a, useId as d } from "react";
+import { Stack as c, Checkbox as l, Typography as n } from "@mui/material";
+const x = a(
+  ({ content: r, ...t }, s) => {
+    const i = d(), o = t.id ?? i;
+    return /* @__PURE__ */ e.jsxs(c, { alignItems: "center", direction: "row", display: "flex", justifyContent: "start", children: [
+      /* @__PURE__ */ e.jsx(l, { ref: s, ...t, id: o }),
+      r && /* @__PURE__ */ e.jsx("label", { htmlFor: o, children: /* @__PURE__ */ e.jsx(n, { variant: "body2", children: r }) })
     ] });
   }
 );
-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 {
-}
+x.displayName = "SCheckbox";
 export {
-  o as SCheckbox,
-  o as default
+  x as SCheckbox,
+  x as default
 };

package/dist/s-chip/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

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

@@ -1,17 +1,9 @@
-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 {
-}
+import { j as p } from "../jsx-runtime-tc70JA_2.js";
+import { forwardRef as t } from "react";
+import { Chip as i } from "@mui/material";
+const m = t((r, o) => /* @__PURE__ */ p.jsx(i, { ref: o, ...r }));
+m.displayName = "SChip";
 export {
-  r as SChip,
-  r as default
+  m as SChip,
+  m as default
 };

package/dist/s-chips/s-chips.js

@@ -1,77 +1,76 @@
-import { j as n } from "../jsx-runtime-OVHDjVDe.js";
-import { useRef as j, useState as c, useEffect as k } from "react";
-import { Box as l, Chip as u, Tooltip as V } from "@mui/material";
-const h = ({
-  chips: e,
-  overflow: s = !0,
-  onClick: a,
-  overflowText: m = "keywords"
+import { j as s } from "../jsx-runtime-tc70JA_2.js";
+import { useRef as g, useState as d, useEffect as S } from "react";
+import { Box as l, Chip as m, Tooltip as v } from "@mui/material";
+const E = ({
+  chips: n,
+  overflow: r = !0,
+  onClick: c,
+  overflowText: h = "keywords"
 }) => {
-  const f = j(null), [v, g] = c([]), [C, b] = c([]), [w, _] = c(0), p = () => {
-    var y;
-    const i = ((y = f.current) == null ? void 0 : y.offsetWidth) || 0;
-    let t = 0, r = 0;
-    for (let o = 0; o < e.length; o++) {
-      const x = d(e[o]);
-      if (t + x <= i)
-        t += x, r++;
+  const u = g(null), [C, b] = d([]), [w, y] = d([]), [x, W] = d(0), a = () => {
+    const t = u.current?.offsetWidth || 0;
+    let e = 0, i = 0;
+    for (let o = 0; o < n.length; o++) {
+      const f = p(n[o]);
+      if (e + f <= t)
+        e += f, i++;
       else
         break;
     }
-    if (r < e.length) {
-      const o = d(`+${e.length - r} ${m}`);
-      for (; t + o > i && r > 0; )
-        r--, t -= d(e[r]);
+    if (i < n.length) {
+      const o = p(`+${n.length - i} ${h}`);
+      for (; e + o > t && i > 0; )
+        i--, e -= p(n[i]);
     }
-    g(e.slice(0, r)), b(e.slice(r)), _(e.length - r);
-  }, d = (i) => {
-    const t = document.createElement("span");
-    t.style.visibility = "hidden", t.style.position = "absolute", t.style.whiteSpace = "nowrap", t.textContent = i.trim(), document.body.appendChild(t);
-    const r = t.offsetWidth;
-    return document.body.removeChild(t), r + 16;
-  }, W = s ? { textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden" } : {};
-  return k(() => {
-    if (s)
-      return p(), window.addEventListener("resize", p), () => {
-        window.removeEventListener("resize", p);
+    b(n.slice(0, i)), y(n.slice(i)), W(n.length - i);
+  }, p = (t) => {
+    const e = document.createElement("span");
+    e.style.visibility = "hidden", e.style.position = "absolute", e.style.whiteSpace = "nowrap", e.textContent = t.trim(), document.body.appendChild(e);
+    const i = e.offsetWidth;
+    return document.body.removeChild(e), i + 16;
+  }, j = r ? { textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden" } : {};
+  return S(() => {
+    if (r)
+      return a(), window.addEventListener("resize", a), () => {
+        window.removeEventListener("resize", a);
       };
-  }, [e, s]), /* @__PURE__ */ n.jsxs(l, { ref: f, display: "flex", maxWidth: "100%", flexWrap: s ? "nowrap" : "wrap", ...W, children: [
-    (s ? v : e).map((i) => /* @__PURE__ */ n.jsx(
+  }, [n, r]), /* @__PURE__ */ s.jsxs(l, { ref: u, display: "flex", maxWidth: "100%", flexWrap: r ? "nowrap" : "wrap", ...j, children: [
+    (r ? C : n).map((t) => /* @__PURE__ */ s.jsx(
       l,
       {
         component: "span",
         textTransform: "lowercase",
         onClick: () => {
-          a == null || a(i);
+          c?.(t);
         },
-        children: /* @__PURE__ */ n.jsx(
-          u,
+        children: /* @__PURE__ */ s.jsx(
+          m,
           {
-            label: i.trim(),
+            label: t.trim(),
             sx: {
               mr: 1,
               mb: 1,
               userSelect: "none",
-              cursor: a ? "pointer" : "default"
+              cursor: c ? "pointer" : "default"
             }
           }
         )
       },
-      i
+      t
     )),
-    s && w > 0 && /* @__PURE__ */ n.jsx(
-      V,
+    r && x > 0 && /* @__PURE__ */ s.jsx(
+      v,
       {
         slotProps: {
           tooltip: { style: { padding: "0.5rem" } }
         },
         arrow: !0,
         placement: "top",
-        title: /* @__PURE__ */ n.jsx(l, { display: "flex", gap: 1, maxWidth: "240px", flexWrap: "wrap", children: C.map((i) => /* @__PURE__ */ n.jsx(u, { label: i.trim() }, i)) }),
-        children: /* @__PURE__ */ n.jsx(l, { component: "span", textTransform: "lowercase", children: /* @__PURE__ */ n.jsx(
-          u,
+        title: /* @__PURE__ */ s.jsx(l, { display: "flex", gap: 1, maxWidth: "240px", flexWrap: "wrap", children: w.map((t) => /* @__PURE__ */ s.jsx(m, { label: t.trim() }, t)) }),
+        children: /* @__PURE__ */ s.jsx(l, { component: "span", textTransform: "lowercase", children: /* @__PURE__ */ s.jsx(
+          m,
           {
-            label: `+${w} ${m}`,
+            label: `+${x} ${h}`,
             variant: "outlined",
             sx: { mr: 1, mb: 1, userSelect: "none", cursor: "pointer" }
           }
@@ -80,16 +79,8 @@ const h = ({
     )
   ] });
 };
-h.displayName = "SChips";
-try {
-  h.displayName = "SChips", h.__docgenInfo = { description: "A smart chip display component that handles overflow with intelligent truncation.", displayName: "SChips", props: { chips: { defaultValue: null, description: "Array of strings to display as chips", name: "chips", required: !0, type: { name: "string[]" } }, overflow: { defaultValue: { value: "true" }, description: "Whether to handle overflow with '+N more' chip (default: true)", name: "overflow", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "Callback fired when a chip is clicked", name: "onClick", required: !1, type: { name: "((tag: string) => void)" } }, overflowText: { defaultValue: { value: "keywords" }, description: "Text used in overflow chip (default: 'keywords')", name: "overflowText", required: !1, type: { name: "string" } } } };
-} catch {
-}
-try {
-  schips.displayName = "schips", schips.__docgenInfo = { description: "A smart chip display component that handles overflow with intelligent truncation.", displayName: "schips", props: { chips: { defaultValue: null, description: "Array of strings to display as chips", name: "chips", required: !0, type: { name: "string[]" } }, overflow: { defaultValue: { value: "true" }, description: "Whether to handle overflow with '+N more' chip (default: true)", name: "overflow", required: !1, type: { name: "boolean" } }, onClick: { defaultValue: null, description: "Callback fired when a chip is clicked", name: "onClick", required: !1, type: { name: "((tag: string) => void)" } }, overflowText: { defaultValue: { value: "keywords" }, description: "Text used in overflow chip (default: 'keywords')", name: "overflowText", required: !1, type: { name: "string" } } } };
-} catch {
-}
+E.displayName = "SChips";
 export {
-  h as SChips,
-  h as default
+  E as SChips,
+  E as default
 };

package/dist/s-code-block/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "sideEffects": false
-}
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}