@solostylist/ui-kit 1.0.189 → 1.0.191

package/dist/s-accordion/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-action-overlay/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-ai-tool-bar/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-ai-tool-bar/s-ai-tool-bar.js

@@ -149,7 +149,7 @@ const xe = j.memo(({ input: l, value: r, onChange: d, onFocus: o, onBlur: m, dis
 )), ue = j.memo(({ input: l, value: r, onChange: d, disabled: o }) => {
   const m = j.useRef(null), [i, x] = j.useState([]), [b, D] = j.useState(null), I = l.multiple ?? !1, p = l.maxImages ?? 5;
   K(() => {
-    let f = [];
+    const f = [];
     return x(((a) => {
       if (!a) return [];
       const y = Array.isArray(a) ? a : [a], c = [];

package/dist/s-autocomplete/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-avatar/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-blur-text/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-breadcrumbs/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-button/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-button/s-button.d.ts

@@ -3,8 +3,7 @@ import { ButtonProps } from '@mui/material';
 /**
  * Props interface for SButton component
  */
-export interface SButtonProps extends ButtonProps {
-}
+export type SButtonProps = ButtonProps;
 /**
  * A versatile button component built on Material-UI Button with consistent theming and accessibility features.
  */

package/dist/s-button-link/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-carousel/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-category-card/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-chat-input/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-chat-input/s-chat-input.js

@@ -1,5 +1,5 @@
 import { j as r } from "../jsx-runtime-tc70JA_2.js";
-import { forwardRef as V, useState as c, useRef as B, useId as D, useEffect as W } from "react";
+import { forwardRef as D, useState as c, useId as B, useEffect as W } from "react";
 import { Box as s, outlinedInputClasses as H, Typography as w, Popper as N, ClickAwayListener as _ } from "@mui/material";
 import q from "emoji-picker-react";
 import { STextField as G } from "../s-text-field/s-text-field.js";
@@ -12,39 +12,39 @@ const Y = R(/* @__PURE__ */ r.jsx("path", {
   d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6z"
 }), "AttachFile"), Z = R(/* @__PURE__ */ r.jsx("path", {
   d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8M12 18c-2.28 0-4.22-1.66-5-4h10c-.78 2.34-2.72 4-5 4m3.5-7c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5"
-}), "EmojiEmotions"), ee = V(
-  ({ onSubmit: I, onFileSelect: E, disabled: a, acceptedFileTypes: S, maxFileSize: b, hideEmojiPicker: M, hideFileAttachment: F, ...U }, $) => {
-    const [p, u] = c(""), [l, m] = c([]), [i, h] = c(/* @__PURE__ */ new Map()), [j, x] = c(!1), v = B(null), C = D(), f = (e) => e.type.startsWith("image/"), P = (e) => {
+}), "EmojiEmotions"), ee = D(
+  ({ onSubmit: I, onFileSelect: E, disabled: a, acceptedFileTypes: S, maxFileSize: j, hideEmojiPicker: M, hideFileAttachment: F, ...U }, $) => {
+    const [p, u] = c(""), [l, m] = c([]), [i, h] = c(/* @__PURE__ */ new Map()), [v, x] = c(!1), [P, f] = c(null), C = B(), g = (e) => e.type.startsWith("image/"), A = (e) => {
       const o = `${e.name}-${e.size}-${e.lastModified}`;
       if (i.has(o))
         return i.get(o);
-      if (f(e)) {
+      if (g(e)) {
         const n = URL.createObjectURL(e);
         return h((t) => new Map(t).set(o, n)), n;
       }
       return "";
     }, L = (e) => {
       u(e.target.value);
-    }, A = (e) => {
-      u((o) => o + e.emoji), x(!1);
-    }, O = () => {
-      x(!j);
+    }, O = (e) => {
+      u((o) => o + e.emoji), x(!1), f(null);
+    }, T = (e) => {
+      f(e.currentTarget), x(!v);
     }, k = () => {
       a || p.trim().length === 0 && l.length === 0 || (I?.(p, l), u(""), i.forEach((e) => URL.revokeObjectURL(e)), h(/* @__PURE__ */ new Map()), m([]));
     }, z = (e) => {
-      const n = Array.from(e.target.files || []).filter((t) => !(b && t.size > b));
+      const n = Array.from(e.target.files || []).filter((t) => !(j && t.size > j));
       m((t) => [...t, ...n]), E?.(n), e.target.value = "";
     }, K = (e) => {
       const o = l[e];
-      if (o && f(o)) {
+      if (o && g(o)) {
         const n = `${o.name}-${o.size}-${o.lastModified}`, t = i.get(n);
-        t && (URL.revokeObjectURL(t), h((g) => {
-          const y = new Map(g);
+        t && (URL.revokeObjectURL(t), h((b) => {
+          const y = new Map(b);
           return y.delete(n), y;
         }));
       }
-      m((n) => n.filter((t, g) => g !== e));
-    }, T = (e) => {
+      m((n) => n.filter((t, b) => b !== e));
+    }, V = (e) => {
       e.key === "Enter" && !e.shiftKey && (e.preventDefault(), k());
     };
     return W(() => () => {
@@ -57,7 +57,7 @@ const Y = R(/* @__PURE__ */ r.jsx("path", {
           disabled: a,
           value: p,
           onChange: L,
-          onKeyDown: T,
+          onKeyDown: V,
           multiline: !0,
           minRows: 1,
           maxRows: 10,
@@ -90,7 +90,7 @@ const Y = R(/* @__PURE__ */ r.jsx("path", {
         }
       ),
       l.length > 0 && /* @__PURE__ */ r.jsx(s, { mt: 1, children: l.map((e, o) => {
-        const n = f(e), t = e.name.split(".").pop();
+        const n = g(e), t = e.name.split(".").pop();
         return /* @__PURE__ */ r.jsxs(
           s,
           {
@@ -111,7 +111,7 @@ const Y = R(/* @__PURE__ */ r.jsx("path", {
                   s,
                   {
                     component: "img",
-                    src: P(e),
+                    src: A(e),
                     alt: e.name,
                     sx: {
                       width: 40,
@@ -171,8 +171,7 @@ const Y = R(/* @__PURE__ */ r.jsx("path", {
           !M && /* @__PURE__ */ r.jsx(
             d,
             {
-              ref: v,
-              onClick: O,
+              onClick: T,
               disabled: a,
               sx: {
                 transition: "transform 0.3s ease",
@@ -199,109 +198,117 @@ const Y = R(/* @__PURE__ */ r.jsx("path", {
           }
         )
       ] }),
-      /* @__PURE__ */ r.jsx(N, { open: j, anchorEl: v.current, placement: "top-start", sx: { zIndex: 1300 }, children: /* @__PURE__ */ r.jsx(_, { onClickAway: () => x(!1), children: /* @__PURE__ */ r.jsx(
-        s,
+      /* @__PURE__ */ r.jsx(N, { open: v, anchorEl: P, placement: "top-start", sx: { zIndex: 1300 }, children: /* @__PURE__ */ r.jsx(
+        _,
         {
-          sx: {
-            border: "1px solid",
-            borderColor: "divider",
-            borderRadius: 1,
-            overflow: "hidden",
-            "& .epr-main": {
-              backgroundColor: "background.paper",
-              border: "none"
-            },
-            "& .epr-header": {
-              backgroundColor: "background.paper"
-            },
-            "& .epr-search-container": {
-              backgroundColor: "background.paper"
-            },
-            "& .epr-search-container > .epr-icn-search": {
-              display: "none"
-            },
-            "& .epr-search-container > input": {
-              backgroundColor: "background.default",
-              border: "1px solid",
-              borderColor: "divider",
-              borderRadius: 1,
-              color: "text.primary",
-              padding: "8px 12px",
-              "&:focus": {
-                outline: "none",
-                borderColor: "primary.main"
-              },
-              "&::placeholder": {
-                color: "divider"
-              }
-            },
-            "& .epr-category-nav": {
-              backgroundColor: "background.paper",
-              borderBottom: "1px solid",
-              borderColor: "divider",
-              padding: "0px 8px 8px 8px"
-            },
-            "& .epr-cat-btn": {
-              backgroundColor: "transparent !important",
-              border: "none",
-              transition: "all 0.2s ease"
-            },
-            "& .epr-body": {
-              backgroundColor: "background.paper"
-            },
-            "& .epr-emoji-category-label": {
-              backgroundColor: "background.paper",
-              color: "text.primary",
-              fontSize: 12,
-              fontWeight: 600,
-              padding: "8px 16px 4px",
-              textTransform: "uppercase",
-              letterSpacing: "0.5px"
-            },
-            "& .epr-emoji-list": {
-              backgroundColor: "background.paper"
-            },
-            "& .epr-emoji": {
-              borderRadius: 1,
-              margin: "2px",
-              transition: "all 0.2s ease",
-              "&:hover": {
-                backgroundColor: "action.hover",
-                transform: "scale(1.1)"
-              },
-              "&:active": {
-                transform: "scale(0.95)"
-              }
-            },
-            "& .epr-skin-tones": {
-              backgroundColor: "background.paper",
-              border: "1px solid",
-              borderColor: "divider",
-              borderRadius: 1,
-              display: "none"
-            },
-            "& .epr-tone": {
-              border: "none",
-              borderRadius: 1,
-              transition: "all 0.2s ease",
-              "&:hover": {
-                transform: "scale(1.1)"
-              }
-            }
+          onClickAway: () => {
+            x(!1), f(null);
           },
           children: /* @__PURE__ */ r.jsx(
-            q,
+            s,
             {
-              onEmojiClick: A,
-              width: 300,
-              height: 400,
-              searchDisabled: !1,
-              skinTonesDisabled: !1,
-              previewConfig: { showPreview: !1 }
+              sx: {
+                border: "1px solid",
+                borderColor: "divider",
+                borderRadius: 1,
+                overflow: "hidden",
+                "& .epr-main": {
+                  backgroundColor: "background.paper",
+                  border: "none"
+                },
+                "& .epr-header": {
+                  backgroundColor: "background.paper"
+                },
+                "& .epr-search-container": {
+                  backgroundColor: "background.paper"
+                },
+                "& .epr-search-container > .epr-icn-search": {
+                  display: "none"
+                },
+                "& .epr-search-container > input": {
+                  backgroundColor: "background.default",
+                  border: "1px solid",
+                  borderColor: "divider",
+                  borderRadius: 1,
+                  color: "text.primary",
+                  padding: "8px 12px",
+                  "&:focus": {
+                    outline: "none",
+                    borderColor: "primary.main"
+                  },
+                  "&::placeholder": {
+                    color: "divider"
+                  }
+                },
+                "& .epr-category-nav": {
+                  backgroundColor: "background.paper",
+                  borderBottom: "1px solid",
+                  borderColor: "divider",
+                  padding: "0px 8px 8px 8px"
+                },
+                "& .epr-cat-btn": {
+                  backgroundColor: "transparent !important",
+                  border: "none",
+                  transition: "all 0.2s ease"
+                },
+                "& .epr-body": {
+                  backgroundColor: "background.paper"
+                },
+                "& .epr-emoji-category-label": {
+                  backgroundColor: "background.paper",
+                  color: "text.primary",
+                  fontSize: 12,
+                  fontWeight: 600,
+                  padding: "8px 16px 4px",
+                  textTransform: "uppercase",
+                  letterSpacing: "0.5px"
+                },
+                "& .epr-emoji-list": {
+                  backgroundColor: "background.paper"
+                },
+                "& .epr-emoji": {
+                  borderRadius: 1,
+                  margin: "2px",
+                  transition: "all 0.2s ease",
+                  "&:hover": {
+                    backgroundColor: "action.hover",
+                    transform: "scale(1.1)"
+                  },
+                  "&:active": {
+                    transform: "scale(0.95)"
+                  }
+                },
+                "& .epr-skin-tones": {
+                  backgroundColor: "background.paper",
+                  border: "1px solid",
+                  borderColor: "divider",
+                  borderRadius: 1,
+                  display: "none"
+                },
+                "& .epr-tone": {
+                  border: "none",
+                  borderRadius: 1,
+                  transition: "all 0.2s ease",
+                  "&:hover": {
+                    transform: "scale(1.1)"
+                  }
+                }
+              },
+              children: /* @__PURE__ */ r.jsx(
+                q,
+                {
+                  onEmojiClick: O,
+                  width: 300,
+                  height: 400,
+                  searchDisabled: !1,
+                  skinTonesDisabled: !1,
+                  previewConfig: { showPreview: !1 }
+                }
+              )
             }
           )
         }
-      ) }) })
+      ) })
     ] });
   }
 );

package/dist/s-chat-message/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-checkbox/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/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.d.ts

@@ -3,8 +3,7 @@ import { ChipProps } from '@mui/material';
 /**
  * Props interface for SChip component
  */
-export interface SChipProps extends ChipProps {
-}
+export type SChipProps = ChipProps;
 /**
  * A versatile chip component for displaying compact elements like tags, filters, or user selections.
  */

package/dist/s-chips/package.json

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