@solostylist/ui-kit 1.0.100 → 1.0.101

package/dist/s-accordion/s-accordion.js

@@ -1,35 +1,33 @@
-import { j as s } from "../jsx-runtime-DywqP_6a.js";
-import { b as mo, u as K, c as L, a as Q, m as D } from "../createSvgIcon-CS-Z7P80.js";
+import { j as i } from "../jsx-runtime-DywqP_6a.js";
+import { E as mo } from "../ExpandMore-CE1RzE_y.js";
 import * as l from "react";
 import { l as go, P as o, j as yo } from "../createTheme-YLBX8GSj.js";
-import { b as xo, u as ho, e as bo, d as I, c as To, B as Co } from "../ButtonBase-Cn3itpEl.js";
+import { u as K, a as L, b as Q, m as I } from "../createSvgIcon-DCQI9UV5.js";
+import { b as xo, u as ho, e as bo, d as D, c as To, B as Co } from "../ButtonBase-B-mcxJe8.js";
 import { g as X } from "../generateUtilityClasses-BtVDwGrk.js";
 import { g as Y } from "../colorManipulator-ep5lERxB.js";
-import { u as So } from "../useControlled-nm4pBabJ.js";
+import { u as Eo } from "../useControlled-nm4pBabJ.js";
 import { s as T } from "../styled-DOEEZAON.js";
-import { T as Eo, u as vo, g as ro, P as wo } from "../Paper-DEq2MLtq.js";
-import { S as Ro } from "../Stack-GTpsqQv0.js";
-import { T as Ao } from "../Typography-zQXZ4jKl.js";
-const jo = mo(/* @__PURE__ */ s.jsx("path", {
-  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
-}), "ExpandMore");
-function Po(e) {
+import { T as So, u as vo, g as ro, P as wo } from "../Paper-pJ5bSU59.js";
+import { S as Ro } from "../Stack-TRopps6s.js";
+import { T as Ao } from "../Typography-DGEEI1Q-.js";
+function jo(e) {
   return Y("MuiCollapse", e);
 }
 X("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
-const No = (e) => {
+const Po = (e) => {
   const {
     orientation: t,
     classes: r
-  } = e, i = {
+  } = e, s = {
     root: ["root", `${t}`],
     entered: ["entered"],
     hidden: ["hidden"],
     wrapper: ["wrapper", `${t}`],
     wrapperInner: ["wrapperInner", `${t}`]
   };
-  return Q(i, Po, r);
-}, Oo = T("div", {
+  return Q(s, jo, r);
+}, No = T("div", {
   name: "MuiCollapse",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -38,7 +36,7 @@ const No = (e) => {
     } = e;
     return [t.root, t[r.orientation], r.state === "entered" && t.entered, r.state === "exited" && !r.in && r.collapsedSize === "0px" && t.hidden];
   }
-})(D(({
+})(I(({
   theme: e
 }) => ({
   height: 0,
@@ -77,7 +75,7 @@ const No = (e) => {
       visibility: "hidden"
     }
   }]
-}))), Mo = T("div", {
+}))), Oo = T("div", {
   name: "MuiCollapse",
   slot: "Wrapper"
 })({
@@ -93,7 +91,7 @@ const No = (e) => {
       height: "100%"
     }
   }]
-}), Io = T("div", {
+}), Mo = T("div", {
   name: "MuiCollapse",
   slot: "WrapperInner"
 })({
@@ -108,7 +106,7 @@ const No = (e) => {
     }
   }]
 }), J = /* @__PURE__ */ l.forwardRef(function(t, r) {
-  const i = K({
+  const s = K({
     props: t,
     name: "MuiCollapse"
   }), {
@@ -116,9 +114,9 @@ const No = (e) => {
     children: h,
     className: b,
     collapsedSize: f = "0px",
-    component: S,
+    component: E,
     easing: $,
-    in: E,
+    in: S,
     onEnter: A,
     onEntered: j,
     onEntering: z,
@@ -129,13 +127,13 @@ const No = (e) => {
     style: m,
     timeout: d = go.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: N = Eo,
+    TransitionComponent: N = So,
     ...G
-  } = i, v = {
-    ...i,
+  } = s, v = {
+    ...s,
     orientation: c,
     collapsedSize: f
-  }, u = No(v), w = vo(), U = xo(), a = l.useRef(null), g = l.useRef(), C = typeof f == "number" ? `${f}px` : f, O = c === "horizontal", M = O ? "width" : "height", k = l.useRef(null), Z = ho(r, k), R = (n) => (y) => {
+  }, u = Po(v), w = vo(), U = xo(), a = l.useRef(null), g = l.useRef(), C = typeof f == "number" ? `${f}px` : f, O = c === "horizontal", M = O ? "width" : "height", k = l.useRef(null), Z = ho(r, k), R = (n) => (y) => {
     if (n) {
       const x = k.current;
       y === void 0 ? n(x) : n(x, y);
@@ -185,8 +183,8 @@ const No = (e) => {
   }), fo = (n) => {
     d === "auto" && U.start(g.current || 0, n), p && p(k.current, n);
   };
-  return /* @__PURE__ */ s.jsx(N, {
-    in: E,
+  return /* @__PURE__ */ i.jsx(N, {
+    in: S,
     onEnter: oo,
     onEntered: co,
     onEntering: eo,
@@ -200,11 +198,11 @@ const No = (e) => {
     children: (n, {
       ownerState: y,
       ...x
-    }) => /* @__PURE__ */ s.jsx(Oo, {
-      as: S,
+    }) => /* @__PURE__ */ i.jsx(No, {
+      as: E,
       className: L(u.root, b, {
         entered: u.entered,
-        exited: !E && C === "0px" && u.hidden
+        exited: !S && C === "0px" && u.hidden
       }[n]),
       style: {
         [O ? "minWidth" : "minHeight"]: C,
@@ -216,14 +214,14 @@ const No = (e) => {
         state: n
       },
       ...x,
-      children: /* @__PURE__ */ s.jsx(Mo, {
+      children: /* @__PURE__ */ i.jsx(Oo, {
         ownerState: {
           ...v,
           state: n
         },
         className: u.wrapper,
         ref: a,
-        children: /* @__PURE__ */ s.jsx(Io, {
+        children: /* @__PURE__ */ i.jsx(Mo, {
           ownerState: {
             ...v,
             state: n
@@ -336,20 +334,20 @@ process.env.NODE_ENV !== "production" && (to.displayName = "AccordionContext");
 function Do(e) {
   return Y("MuiAccordion", e);
 }
-const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled", "gutters", "region"]), $o = (e) => {
+const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled", "gutters", "region"]), Io = (e) => {
   const {
     classes: t,
     square: r,
-    expanded: i,
+    expanded: s,
     disabled: p,
     disableGutters: h
   } = e;
   return Q({
-    root: ["root", !r && "rounded", i && "expanded", p && "disabled", !h && "gutters"],
+    root: ["root", !r && "rounded", s && "expanded", p && "disabled", !h && "gutters"],
     heading: ["heading"],
     region: ["region"]
   }, Do, t);
-}, zo = T(wo, {
+}, $o = T(wo, {
   name: "MuiAccordion",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -360,7 +358,7 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       [`& .${_.region}`]: t.region
     }, t.root, !r.square && t.rounded, !r.disableGutters && t.gutters];
   }
-})(D(({
+})(I(({
   theme: e
 }) => {
   const t = {
@@ -407,7 +405,7 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       backgroundColor: (e.vars || e).palette.action.disabledBackground
     }
   };
-}), D(({
+}), I(({
   theme: e
 }) => ({
   variants: [{
@@ -436,16 +434,16 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       }
     }
   }]
-}))), Wo = T("h3", {
+}))), zo = T("h3", {
   name: "MuiAccordion",
   slot: "Heading"
 })({
   all: "unset"
-}), Vo = T("div", {
+}), Wo = T("div", {
   name: "MuiAccordion",
   slot: "Region"
 })({}), so = /* @__PURE__ */ l.forwardRef(function(t, r) {
-  const i = K({
+  const s = K({
     props: t,
     name: "MuiAccordion"
   }), {
@@ -453,34 +451,34 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     className: h,
     defaultExpanded: b = !1,
     disabled: f = !1,
-    disableGutters: S = !1,
+    disableGutters: E = !1,
     expanded: $,
-    onChange: E,
+    onChange: S,
     square: A = !1,
     slots: j = {},
     slotProps: z = {},
     TransitionComponent: P,
     TransitionProps: W,
     ...V
-  } = i, [c, m] = So({
+  } = s, [c, m] = Eo({
     controlled: $,
     default: b,
     name: "Accordion",
     state: "expanded"
   }), d = l.useCallback((eo) => {
-    m(!c), E && E(eo, !c);
-  }, [c, E, m]), [N, ...G] = l.Children.toArray(p), v = l.useMemo(() => ({
+    m(!c), S && S(eo, !c);
+  }, [c, S, m]), [N, ...G] = l.Children.toArray(p), v = l.useMemo(() => ({
     expanded: c,
     disabled: f,
-    disableGutters: S,
+    disableGutters: E,
     toggle: d
-  }), [c, f, S, d]), u = {
-    ...i,
+  }), [c, f, E, d]), u = {
+    ...s,
     square: A,
     disabled: f,
-    disableGutters: S,
+    disableGutters: E,
     expanded: c
-  }, w = $o(u), U = {
+  }, w = Io(u), U = {
     transition: P,
     ...j
   }, a = {
@@ -489,8 +487,8 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
   }, g = {
     slots: U,
     slotProps: a
-  }, [C, O] = I("root", {
-    elementType: zo,
+  }, [C, O] = D("root", {
+    elementType: $o,
     externalForwardedProps: {
       ...g,
       ...V
@@ -502,17 +500,17 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     additionalProps: {
       square: A
     }
-  }), [M, k] = I("heading", {
-    elementType: Wo,
+  }), [M, k] = D("heading", {
+    elementType: zo,
     externalForwardedProps: g,
     className: w.heading,
     ownerState: u
-  }), [Z, R] = I("transition", {
+  }), [Z, R] = D("transition", {
     elementType: J,
     externalForwardedProps: g,
     ownerState: u
-  }), [H, oo] = I("region", {
-    elementType: Vo,
+  }), [H, oo] = D("region", {
+    elementType: Wo,
     externalForwardedProps: g,
     ownerState: u,
     className: w.region,
@@ -522,19 +520,19 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
       role: "region"
     }
   });
-  return /* @__PURE__ */ s.jsxs(C, {
+  return /* @__PURE__ */ i.jsxs(C, {
     ...O,
-    children: [/* @__PURE__ */ s.jsx(M, {
+    children: [/* @__PURE__ */ i.jsx(M, {
       ...k,
-      children: /* @__PURE__ */ s.jsx(to.Provider, {
+      children: /* @__PURE__ */ i.jsx(to.Provider, {
         value: v,
         children: N
       })
-    }), /* @__PURE__ */ s.jsx(Z, {
+    }), /* @__PURE__ */ i.jsx(Z, {
       in: c,
       timeout: "auto",
       ...R,
-      children: /* @__PURE__ */ s.jsx(H, {
+      children: /* @__PURE__ */ i.jsx(H, {
         ...oo,
         children: G
       })
@@ -630,33 +628,33 @@ process.env.NODE_ENV !== "production" && (so.propTypes = {
    */
   TransitionProps: o.object
 });
-function ko(e) {
+function Vo(e) {
   return Y("MuiAccordionDetails", e);
 }
 X("MuiAccordionDetails", ["root"]);
-const Fo = (e) => {
+const ko = (e) => {
   const {
     classes: t
   } = e;
   return Q({
     root: ["root"]
-  }, ko, t);
-}, Go = T("div", {
+  }, Vo, t);
+}, Fo = T("div", {
   name: "MuiAccordionDetails",
   slot: "Root"
-})(D(({
+})(I(({
   theme: e
 }) => ({
   padding: e.spacing(1, 2, 2)
 }))), io = /* @__PURE__ */ l.forwardRef(function(t, r) {
-  const i = K({
+  const s = K({
     props: t,
     name: "MuiAccordionDetails"
   }), {
     className: p,
     ...h
-  } = i, b = i, f = Fo(b);
-  return /* @__PURE__ */ s.jsx(Go, {
+  } = s, b = s, f = ko(b);
+  return /* @__PURE__ */ i.jsx(Fo, {
     className: L(f.root, p),
     ref: r,
     ownerState: b,
@@ -685,26 +683,26 @@ process.env.NODE_ENV !== "production" && (io.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function Uo(e) {
+function Go(e) {
   return Y("MuiAccordionSummary", e);
 }
-const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), Ho = (e) => {
+const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), Uo = (e) => {
   const {
     classes: t,
     expanded: r,
-    disabled: i,
+    disabled: s,
     disableGutters: p
   } = e;
   return Q({
-    root: ["root", r && "expanded", i && "disabled", !p && "gutters"],
+    root: ["root", r && "expanded", s && "disabled", !p && "gutters"],
     focusVisible: ["focusVisible"],
     content: ["content", r && "expanded", !p && "contentGutters"],
     expandIconWrapper: ["expandIconWrapper", r && "expanded"]
-  }, Uo, t);
-}, Bo = T(Co, {
+  }, Go, t);
+}, Ho = T(Co, {
   name: "MuiAccordionSummary",
   slot: "Root"
-})(D(({
+})(I(({
   theme: e
 }) => {
   const t = {
@@ -734,10 +732,10 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
       }
     }]
   };
-})), Lo = T("span", {
+})), Bo = T("span", {
   name: "MuiAccordionSummary",
   slot: "Content"
-})(D(({
+})(I(({
   theme: e
 }) => ({
   display: "flex",
@@ -755,10 +753,10 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
       }
     }
   }]
-}))), qo = T("span", {
+}))), Lo = T("span", {
   name: "MuiAccordionSummary",
   slot: "ExpandIconWrapper"
-})(D(({
+})(I(({
   theme: e
 }) => ({
   display: "flex",
@@ -771,7 +769,7 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     transform: "rotate(180deg)"
   }
 }))), ao = /* @__PURE__ */ l.forwardRef(function(t, r) {
-  const i = K({
+  const s = K({
     props: t,
     name: "MuiAccordionSummary"
   }), {
@@ -779,30 +777,30 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     className: h,
     expandIcon: b,
     focusVisibleClassName: f,
-    onClick: S,
+    onClick: E,
     slots: $,
-    slotProps: E,
+    slotProps: S,
     ...A
-  } = i, {
+  } = s, {
     disabled: j = !1,
     disableGutters: z,
     expanded: P,
     toggle: W
   } = l.useContext(to), V = (a) => {
-    W && W(a), S && S(a);
+    W && W(a), E && E(a);
   }, c = {
-    ...i,
+    ...s,
     expanded: P,
     disabled: j,
     disableGutters: z
-  }, m = Ho(c), d = {
+  }, m = Uo(c), d = {
     slots: $,
-    slotProps: E
-  }, [N, G] = I("root", {
+    slotProps: S
+  }, [N, G] = D("root", {
     ref: r,
     shouldForwardComponentProp: !0,
     className: L(m.root, h),
-    elementType: Bo,
+    elementType: Ho,
     externalForwardedProps: {
       ...d,
       ...A
@@ -822,23 +820,23 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
         (C = a.onClick) == null || C.call(a, g), V(g);
       }
     })
-  }), [v, u] = I("content", {
+  }), [v, u] = D("content", {
     className: m.content,
-    elementType: Lo,
+    elementType: Bo,
     externalForwardedProps: d,
     ownerState: c
-  }), [w, U] = I("expandIconWrapper", {
+  }), [w, U] = D("expandIconWrapper", {
     className: m.expandIconWrapper,
-    elementType: qo,
+    elementType: Lo,
     externalForwardedProps: d,
     ownerState: c
   });
-  return /* @__PURE__ */ s.jsxs(N, {
+  return /* @__PURE__ */ i.jsxs(N, {
     ...G,
-    children: [/* @__PURE__ */ s.jsx(v, {
+    children: [/* @__PURE__ */ i.jsx(v, {
       ...u,
       children: p
-    }), b && /* @__PURE__ */ s.jsx(w, {
+    }), b && /* @__PURE__ */ i.jsx(w, {
       ...U,
       children: b
     })]
@@ -901,10 +899,10 @@ process.env.NODE_ENV !== "production" && (ao.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-const re = ({ title: e, children: t, startIcon: r, defaultExpanded: i = !1 }) => /* @__PURE__ */ s.jsxs(
+const re = ({ title: e, children: t, startIcon: r, defaultExpanded: s = !1 }) => /* @__PURE__ */ i.jsxs(
   so,
   {
-    defaultExpanded: i,
+    defaultExpanded: s,
     sx: {
       borderRadius: 1,
       border: "1px solid",
@@ -912,11 +910,11 @@ const re = ({ title: e, children: t, startIcon: r, defaultExpanded: i = !1 }) =>
     },
     elevation: 0,
     children: [
-      /* @__PURE__ */ s.jsx(ao, { expandIcon: /* @__PURE__ */ s.jsx(jo, {}), children: /* @__PURE__ */ s.jsxs(Ro, { direction: "row", spacing: 1, alignItems: "center", children: [
+      /* @__PURE__ */ i.jsx(ao, { expandIcon: /* @__PURE__ */ i.jsx(mo, {}), children: /* @__PURE__ */ i.jsxs(Ro, { direction: "row", spacing: 1, alignItems: "center", children: [
         r,
-        /* @__PURE__ */ s.jsx(Ao, { variant: "subtitle1", fontWeight: 600, children: e })
+        /* @__PURE__ */ i.jsx(Ao, { variant: "subtitle1", fontWeight: 600, children: e })
       ] }) }),
-      /* @__PURE__ */ s.jsx(io, { children: t })
+      /* @__PURE__ */ i.jsx(io, { children: t })
     ]
   }
 );

package/dist/s-carousel/s-carousel.js

@@ -3,7 +3,7 @@ import ue, { forwardRef as nt } from "react";
 import { styled as Me, useTheme as it } from "@mui/material";
 import { c as be, a as ot, g as at } from "../_commonjsHelpers-B4e78b8K.js";
 import Ue from "../s-icon-button/s-icon-button.js";
-import { b as $e } from "../createSvgIcon-CS-Z7P80.js";
+import { c as $e } from "../createSvgIcon-DCQI9UV5.js";
 import '../assets/s-carousel.css';const lt = $e(/* @__PURE__ */ oe.jsx("path", {
   d: "M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z"
 }), "ArrowBackIosNew"), st = $e(/* @__PURE__ */ oe.jsx("path", {

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

@@ -5,8 +5,8 @@ import H from "emoji-picker-react";
 import _ from "../s-file-icon/s-file-icon.js";
 import d from "../s-icon-button/s-icon-button.js";
 import q from "../s-text-field/s-text-field.js";
-import { C as G } from "../Close-BSG2-e7H.js";
-import { b as k } from "../createSvgIcon-CS-Z7P80.js";
+import { C as G } from "../Close-DqRHeMAW.js";
+import { c as k } from "../createSvgIcon-DCQI9UV5.js";
 const J = k(/* @__PURE__ */ r.jsx("path", {
   d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"
 }), "ArrowUpward"), N = k(/* @__PURE__ */ r.jsx("path", {

package/dist/s-comment-message/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-comment-message';
+export type { SCommentMessageProps } from './s-comment-message';

package/dist/s-comment-message/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-comment-message.js";
+export {
+  o as default
+};

package/dist/s-comment-message/package.json

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

package/dist/s-comment-message/s-comment-message.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+export interface SCommentMessageProps {
+    id?: string | number;
+    userName: string;
+    userAvatar?: string;
+    commentContent: string;
+    datetime: Date | string;
+    likes?: number;
+    isLiked?: boolean;
+    replies?: SCommentMessageProps[];
+    onLike?: (commentId: string | number) => void;
+    onReply?: (commentId: string | number, parentId?: string | number) => void;
+    showReplies?: boolean;
+    avatarSize?: number;
+    level?: number;
+    maxLevel?: number;
+    sx?: SxProps;
+}
+declare const SCommentMessage: React.FC<SCommentMessageProps>;
+export default SCommentMessage;