@solostylist/ui-kit 1.0.203 → 1.0.205

package/dist/s-carousel-BoDg9pKU.js

@@ -0,0 +1,125 @@
+import { t as e } from "./createSvgIcon-KjKEsKNV.js";
+import { SIconButton as t } from "./s-icon-button/s-icon-button.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { styled as i, useTheme as a } from "@mui/material";
+import o from "react-slick";
+import './assets/s-carousel.css';//#region ../../node_modules/@mui/icons-material/esm/ArrowBackIosNew.js
+var s = e(/* @__PURE__ */ r("path", { d: "M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z" }), "ArrowBackIosNew"), c = e(/* @__PURE__ */ r("path", { d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z" }), "ArrowForwardIos"), l = i("div", { shouldForwardProp: (e) => e !== "space" })(({ space: e }) => ({
+	".slick-list": { margin: `0 -${e}px` },
+	".slick-slide": { paddingInline: e },
+	".slick-track": { display: "flex" },
+	".slick-arrow": {
+		position: "absolute",
+		top: "50%",
+		transform: "translate(0, -50%)",
+		zIndex: 1,
+		opacity: 0,
+		transition: "opacity 0.3s ease-in-out",
+		pointerEvents: "none",
+		"&.next": { right: 6 },
+		"&.prev": { left: 6 }
+	},
+	":hover": { ".slick-arrow": {
+		opacity: 1,
+		pointerEvents: "auto"
+	} }
+})), u = i("ul")(({ theme: e }) => ({
+	gap: 6,
+	zIndex: 1,
+	margin: 0,
+	padding: 0,
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	color: (e.vars ?? e).palette.primary.main,
+	"& li": {
+		width: 13,
+		height: 7,
+		scaleX: 1,
+		display: "flex",
+		cursor: "pointer",
+		alignItems: "center",
+		justifyContent: "center",
+		transition: "all 0.4s",
+		"&.slick-active span": { backgroundColor: (e.vars ?? e).palette.primary.main },
+		"&.slick-active": { width: 18 }
+	}
+})), d = i("span", { shouldForwardProp: (e) => e !== "dotColor" })(({ dotColor: e, theme: t }) => ({
+	width: "100%",
+	height: "100%",
+	borderRadius: 12,
+	cursor: "pointer",
+	position: "relative",
+	backgroundColor: e ?? (t.vars ?? t).palette.divider
+}));
+function f({ onClick: e, sx: n, className: i }) {
+	let a = i?.split(" ").filter((e) => e !== "slick-next").join(" ");
+	return /* @__PURE__ */ r(t, {
+		onClick: e,
+		className: `next ${a}`,
+		sx: {
+			backdropFilter: "blur(8px)",
+			backgroundColor: "rgba(255,255,255,0.3)",
+			boxShadow: "0px 0px 0px 1px rgba(0,0,0,0.1)",
+			color: "text.primary",
+			"&:hover": { backgroundColor: "rgba(255,255,255,0.4)" },
+			...n
+		},
+		children: /* @__PURE__ */ r(c, { fontSize: "small" })
+	});
+}
+function p({ onClick: e, sx: n, className: i }) {
+	let a = i?.split(" ").filter((e) => e !== "slick-prev").join(" ");
+	return /* @__PURE__ */ r(t, {
+		onClick: e,
+		className: `prev ${a}`,
+		sx: {
+			backdropFilter: "blur(8px)",
+			backgroundColor: "rgba(255,255,255,0.3)",
+			boxShadow: "0px 0px 0px 1px rgba(0,0,0,0.1)",
+			color: "text.primary",
+			"&:hover": { backgroundColor: "rgba(255,255,255,0.4)" },
+			...n
+		},
+		children: /* @__PURE__ */ r(s, { fontSize: "small" })
+	});
+}
+function m({ sx: e }) {
+	return {
+		nextArrow: /* @__PURE__ */ r(f, { sx: e }),
+		prevArrow: /* @__PURE__ */ r(p, { sx: e })
+	};
+}
+function h({ dotColor: e, sx: t }) {
+	return {
+		customPaging: () => /* @__PURE__ */ r(d, { dotColor: e }),
+		appendDots: (e) => /* @__PURE__ */ r(u, {
+			sx: t,
+			children: e
+		})
+	};
+}
+var g = n((e, t) => {
+	let { dotColor: n, children: i, arrowStyles: s, dots: c = !1, arrows: u = !0, slidesToShow: d = 4, spaceBetween: f = 4, dotStyles: p = { mt: 4 }, ...g } = e;
+	return /* @__PURE__ */ r(l, {
+		space: f,
+		children: /* @__PURE__ */ r(o, {
+			ref: t,
+			dots: c,
+			arrows: u,
+			slidesToShow: d,
+			rtl: a().direction === "rtl",
+			...m({ sx: s }),
+			...h({
+				dotColor: n,
+				sx: p
+			}),
+			...g,
+			children: i
+		})
+	});
+});
+g.displayName = "SCarousel";
+//#endregion
+export { g as t };

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

@@ -1,4 +1,2 @@
 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.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 e from "../s-lazy-image/s-lazy-image.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Box as r, Typography as i, styled as a } from "@mui/material";
+//#region lib/s-category-card/s-category-card.tsx
+var o = a(r)(({ 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 = a(r)(({ 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: r, title: a, width: c = 250, height: l = 250, alt: u = "category", titlePosition: d = "bottom", titleAlignment: f = "center", titleVariant: p = "body1", titleColor: m, titleBackgroundColor: h = "background.paper", titleOpacity: g = 1, borderRadius: _ = 2, disableHoverEffect: v = !1, hoverScale: y = 1.1, onClick: b, sx: x, titleSx: S, imageSx: C }) => /* @__PURE__ */ n(o, {
+	disableHoverEffect: v,
+	hoverScale: y,
+	onClick: b,
+	sx: {
+		borderRadius: _,
+		cursor: b ? "pointer" : "default",
+		width: c,
+		height: l,
+		...x
+	},
+	children: [/* @__PURE__ */ t(e, {
+		src: r,
+		width: c,
+		height: l,
+		alt: u,
+		style: {
+			objectFit: "cover",
+			...C
+		}
+	}), /* @__PURE__ */ t(s, {
+		titlePosition: d,
+		titleAlignment: f,
+		sx: {
+			borderRadius: _,
+			bgcolor: h,
+			opacity: g,
+			...S
+		},
+		children: /* @__PURE__ */ t(i, {
+			variant: p,
+			color: m,
+			children: a
+		})
+	})]
+});
+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,3 @@
-import { SChatInput as e } from "./s-chat-input.js";
-export {
-  e as default
-};
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-chat-input-v_XIZVGk.js";
+export { e as default };

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

@@ -1,319 +1,3 @@
-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-DuS5_nJb.js";
+import { t as e } from "../s-chat-input-v_XIZVGk.js";
+export { e as SChatInput, e as default };