@solostylist/ui-kit 1.0.202 → 1.0.204

package/dist/s-category-card/index.js

@@ -1,4 +1,3 @@
+import "../jsx-runtime-V-UOMaX1.js";
 import { SCategoryCard as e } from "./s-category-card.js";
-export {
-  e as default
-};
+export { e as default };

package/dist/s-category-card/s-category-card.d.ts

@@ -49,9 +49,6 @@ export interface SCategoryCardProps {
     /** System prop for custom styling of the image */
     imageSx?: SxProps<Theme>;
 }
-/**
- * A stylish category card component that displays an image with an overlaid title.
- */
 export declare const SCategoryCard: {
     ({ image, title, width, height, alt, titlePosition, titleAlignment, titleVariant, titleColor, titleBackgroundColor, titleOpacity, borderRadius, disableHoverEffect, hoverScale, onClick, sx, titleSx, imageSx, }: SCategoryCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/s-category-card/s-category-card.js

@@ -1,105 +1,70 @@
-import { j as r } from "../jsx-runtime-tc70JA_2.js";
-import { styled as i, Box as c, Typography as v } from "@mui/material";
-import C from "../s-lazy-image/s-lazy-image.js";
-const S = i(c)(
-  ({ disableHoverEffect: t = !1, hoverScale: o = 1.1 }) => ({
-    height: "100%",
-    cursor: "pointer",
-    overflow: "hidden",
-    borderRadius: 1,
-    position: "relative",
-    img: {
-      height: "100%",
-      objectFit: "cover",
-      transition: "all 0.3s",
-      objectPosition: "center center"
-    },
-    ...!t && {
-      ":hover": {
-        img: { transform: `scale(${o})` }
-      }
-    }
-  })
-), F = i(c)(({ titlePosition: t = "bottom", titleAlignment: o = "center" }) => ({
-  left: 10,
-  right: 10,
-  padding: 8,
-  textAlign: o,
-  position: "absolute",
-  transition: "all 0.3s",
-  ...t === "bottom" && { bottom: 10 },
-  ...t === "top" && { top: 10 },
-  ...t === "center" && {
-    top: "50%",
-    transform: "translateY(-50%)"
-  }
-})), T = ({
-  image: t,
-  title: o,
-  width: e = 250,
-  height: a = 250,
-  alt: l = "category",
-  titlePosition: p = "bottom",
-  titleAlignment: m = "center",
-  titleVariant: d = "body1",
-  titleColor: g,
-  titleBackgroundColor: y = "background.paper",
-  titleOpacity: b = 1,
-  borderRadius: s = 2,
-  disableHoverEffect: f = !1,
-  hoverScale: x = 1.1,
-  onClick: n,
-  sx: j,
-  titleSx: h,
-  imageSx: u
-}) => /* @__PURE__ */ r.jsxs(
-  S,
-  {
-    disableHoverEffect: f,
-    hoverScale: x,
-    onClick: n,
-    sx: {
-      borderRadius: s,
-      cursor: n ? "pointer" : "default",
-      width: e,
-      height: a,
-      ...j
-    },
-    children: [
-      /* @__PURE__ */ r.jsx(
-        C,
-        {
-          src: t,
-          width: e,
-          height: a,
-          alt: l,
-          style: {
-            objectFit: "cover",
-            ...u
-          }
-        }
-      ),
-      /* @__PURE__ */ r.jsx(
-        F,
-        {
-          titlePosition: p,
-          titleAlignment: m,
-          sx: {
-            borderRadius: s,
-            bgcolor: y,
-            opacity: b,
-            ...h
-          },
-          children: /* @__PURE__ */ r.jsx(v, { variant: d, color: g, children: o })
-        }
-      )
-    ]
-  }
-);
-T.displayName = "SCategoryCard";
-export {
-  F as CategoryTitle,
-  T as SCategoryCard,
-  S as Wrapper,
-  T as default
-};
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import t from "../s-lazy-image/s-lazy-image.js";
+import "react";
+import { Box as n, Typography as r, styled as i } from "@mui/material";
+//#region lib/s-category-card/s-category-card.tsx
+var a = e(), o = i(n)(({ disableHoverEffect: e = !1, hoverScale: t = 1.1 }) => ({
+	height: "100%",
+	cursor: "pointer",
+	overflow: "hidden",
+	borderRadius: 1,
+	position: "relative",
+	img: {
+		height: "100%",
+		objectFit: "cover",
+		transition: "all 0.3s",
+		objectPosition: "center center"
+	},
+	...!e && { ":hover": { img: { transform: `scale(${t})` } } }
+})), s = i(n)(({ titlePosition: e = "bottom", titleAlignment: t = "center" }) => ({
+	left: 10,
+	right: 10,
+	padding: 8,
+	textAlign: t,
+	position: "absolute",
+	transition: "all 0.3s",
+	...e === "bottom" && { bottom: 10 },
+	...e === "top" && { top: 10 },
+	...e === "center" && {
+		top: "50%",
+		transform: "translateY(-50%)"
+	}
+})), c = ({ image: e, title: n, width: i = 250, height: c = 250, alt: l = "category", titlePosition: u = "bottom", titleAlignment: d = "center", titleVariant: f = "body1", titleColor: p, titleBackgroundColor: m = "background.paper", titleOpacity: h = 1, borderRadius: g = 2, disableHoverEffect: _ = !1, hoverScale: v = 1.1, onClick: y, sx: b, titleSx: x, imageSx: S }) => /* @__PURE__ */ (0, a.jsxs)(o, {
+	disableHoverEffect: _,
+	hoverScale: v,
+	onClick: y,
+	sx: {
+		borderRadius: g,
+		cursor: y ? "pointer" : "default",
+		width: i,
+		height: c,
+		...b
+	},
+	children: [/* @__PURE__ */ (0, a.jsx)(t, {
+		src: e,
+		width: i,
+		height: c,
+		alt: l,
+		style: {
+			objectFit: "cover",
+			...S
+		}
+	}), /* @__PURE__ */ (0, a.jsx)(s, {
+		titlePosition: u,
+		titleAlignment: d,
+		sx: {
+			borderRadius: g,
+			bgcolor: m,
+			opacity: h,
+			...x
+		},
+		children: /* @__PURE__ */ (0, a.jsx)(r, {
+			variant: f,
+			color: p,
+			children: n
+		})
+	})]
+});
+c.displayName = "SCategoryCard";
+//#endregion
+export { s as CategoryTitle, c as SCategoryCard, c as default, o as Wrapper };

package/dist/s-chat-input/index.js

@@ -1,4 +1,4 @@
-import { SChatInput as e } from "./s-chat-input.js";
-export {
-  e as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-chat-input-j_4JZfmI.js";
+export { e as default };

package/dist/s-chat-input/s-chat-input.d.ts

@@ -19,8 +19,5 @@ export interface SChatInputProps extends Omit<STextFieldProps, 'onSubmit'> {
     /** Hide the file attachment button */
     hideFileAttachment?: boolean;
 }
-/**
- * A chat input component with file attachment support, emoji picker, and multiline text input.
- */
 export declare const SChatInput: React.ForwardRefExoticComponent<Omit<SChatInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SChatInput;

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

@@ -1,319 +1,4 @@
-import { j as r } from "../jsx-runtime-tc70JA_2.js";
-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 { SFileIcon as G } from "../s-file-icon/s-file-icon.js";
-import { SIconButton as d } from "../s-icon-button/s-icon-button.js";
-import { STextField as J } from "../s-text-field/s-text-field.js";
-import { C as Q } from "../Close-lHCUMitI.js";
-import { c as R } from "../createSvgIcon-BkbeLOhM.js";
-import { A as X } from "../ArrowUpward-D8eqD-si.js";
-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 = 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 (g(e)) {
-        const n = URL.createObjectURL(e);
-        return h((t) => new Map(t).set(o, n)), n;
-      }
-      return "";
-    }, L = (e) => {
-      u(e.target.value);
-    }, 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) => !(j && t.size > j));
-      m((t) => [...t, ...n]), E?.(n), e.target.value = "";
-    }, K = (e) => {
-      const o = l[e];
-      if (o && g(o)) {
-        const n = `${o.name}-${o.size}-${o.lastModified}`, t = i.get(n);
-        t && (URL.revokeObjectURL(t), h((b) => {
-          const y = new Map(b);
-          return y.delete(n), y;
-        }));
-      }
-      m((n) => n.filter((t, b) => b !== e));
-    }, V = (e) => {
-      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), k());
-    };
-    return W(() => () => {
-      i.forEach((e) => URL.revokeObjectURL(e));
-    }, [i]), /* @__PURE__ */ r.jsxs(s, { border: "1px solid", borderColor: "divider", borderRadius: 2, padding: "8px 12px", children: [
-      /* @__PURE__ */ r.jsx(
-        J,
-        {
-          placeholder: "Enter your message here...",
-          disabled: a,
-          value: p,
-          onChange: L,
-          onKeyDown: V,
-          multiline: !0,
-          minRows: 1,
-          maxRows: 10,
-          variant: "outlined",
-          fullWidth: !0,
-          inputRef: $,
-          slotProps: {
-            input: {
-              sx: {
-                height: "100%",
-                backgroundColor: "transparent",
-                border: "none",
-                padding: 0,
-                [`&.${H.focused}`]: {
-                  outline: "none"
-                },
-                "& fieldset": {
-                  border: "none"
-                },
-                "&:hover fieldset": {
-                  border: "none"
-                },
-                "&.Mui-focused fieldset": {
-                  border: "none"
-                }
-              }
-            }
-          },
-          ...U
-        }
-      ),
-      l.length > 0 && /* @__PURE__ */ r.jsx(s, { mt: 1, children: l.map((e, o) => {
-        const n = g(e), t = e.name.split(".").pop();
-        return /* @__PURE__ */ r.jsxs(
-          s,
-          {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            sx: {
-              bgcolor: "background.paper",
-              border: "1px solid",
-              borderColor: "divider",
-              borderRadius: 1,
-              p: 1,
-              mb: 0.5
-            },
-            children: [
-              /* @__PURE__ */ r.jsxs(s, { display: "flex", alignItems: "center", gap: 1, children: [
-                n ? /* @__PURE__ */ r.jsx(
-                  s,
-                  {
-                    component: "img",
-                    src: A(e),
-                    alt: e.name,
-                    sx: {
-                      width: 40,
-                      height: 40,
-                      borderRadius: 1,
-                      objectFit: "cover",
-                      border: "1px solid",
-                      borderColor: "divider"
-                    }
-                  }
-                ) : /* @__PURE__ */ r.jsx(G, { extension: t }),
-                /* @__PURE__ */ r.jsxs(s, { display: "flex", flexDirection: "row", alignItems: "center", gap: 1, children: [
-                  /* @__PURE__ */ r.jsx(w, { variant: "subtitle2", textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap", children: e.name }),
-                  /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsxs(w, { variant: "caption", children: [
-                    "(",
-                    Math.round(e.size / 1024),
-                    " KB)"
-                  ] }) })
-                ] })
-              ] }),
-              /* @__PURE__ */ r.jsx(d, { onClick: () => K(o), sx: { minWidth: "auto", p: 0.5 }, children: /* @__PURE__ */ r.jsx(Q, {}) })
-            ]
-          },
-          `${e.name}-${o}`
-        );
-      }) }),
-      /* @__PURE__ */ r.jsxs(s, { display: "flex", justifyContent: "space-between", alignItems: "center", mt: 1, children: [
-        /* @__PURE__ */ r.jsxs(s, { display: "flex", gap: 1, children: [
-          !F && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-            /* @__PURE__ */ r.jsx(
-              "input",
-              {
-                type: "file",
-                multiple: !0,
-                accept: S,
-                onChange: z,
-                style: { display: "none" },
-                id: `file-attachment-input-${C}`,
-                disabled: a
-              }
-            ),
-            /* @__PURE__ */ r.jsx("label", { htmlFor: `file-attachment-input-${C}`, children: /* @__PURE__ */ r.jsx(
-              d,
-              {
-                component: "span",
-                disabled: a,
-                sx: {
-                  transition: "transform 0.3s ease",
-                  "&:hover": {
-                    transform: "scale(1.1)"
-                  }
-                },
-                children: /* @__PURE__ */ r.jsx(Y, {})
-              }
-            ) })
-          ] }),
-          !M && /* @__PURE__ */ r.jsx(
-            d,
-            {
-              onClick: T,
-              disabled: a,
-              sx: {
-                transition: "transform 0.3s ease",
-                "&:hover": {
-                  transform: "scale(1.1)"
-                }
-              },
-              children: /* @__PURE__ */ r.jsx(Z, {})
-            }
-          )
-        ] }),
-        /* @__PURE__ */ r.jsx(
-          d,
-          {
-            onClick: k,
-            disabled: a,
-            sx: {
-              transition: "transform 0.3s ease",
-              "&:hover": {
-                transform: "scale(1.2)"
-              }
-            },
-            children: /* @__PURE__ */ r.jsx(X, {})
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r.jsx(N, { open: v, anchorEl: P, placement: "top-start", sx: { zIndex: 1300 }, children: /* @__PURE__ */ r.jsx(
-        _,
-        {
-          onClickAway: () => {
-            x(!1), f(null);
-          },
-          children: /* @__PURE__ */ r.jsx(
-            s,
-            {
-              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 }
-                }
-              )
-            }
-          )
-        }
-      ) })
-    ] });
-  }
-);
-ee.displayName = "SChatInput";
-export {
-  ee as SChatInput,
-  ee as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-chat-input-j_4JZfmI.js";
+export { e as SChatInput, e as default };