@solostylist/ui-kit 1.0.90 → 1.0.92

package/dist/main.d.ts

@@ -10,6 +10,8 @@ export { default as SButtonLink } from './s-button-link/index';
 export type { SButtonLinkProps } from './s-button-link/index';
 export { default as SChatInput } from './s-chat-input/index';
 export type { SChatInputProps } from './s-chat-input/index';
+export { default as SChatMessage } from './s-chat-message/index';
+export type { SChatMessageProps } from './s-chat-message/index';
 export { default as STextEditor } from './s-text-editor/index';
 export type { STextEditorProps } from './s-text-editor/index';
 export { default as SCheckbox } from './s-checkbox/index';

package/dist/main.js

@@ -4,117 +4,119 @@ import { default as m } from "./s-avatar/s-avatar.js";
 import { default as s } from "./s-button/s-button.js";
 import { default as S } from "./s-button-link/s-button-link.js";
 import { default as u } from "./s-chat-input/s-chat-input.js";
-import { default as n } from "./s-text-editor/s-text-editor.js";
+import { default as n } from "./s-chat-message/s-chat-message.js";
+import { default as c } from "./s-text-editor/s-text-editor.js";
 import "./s-text-editor/s-text-editor-toolbar.js";
-import { default as c } from "./s-checkbox/s-checkbox.js";
-import { default as v } from "./s-chip/s-chip.js";
-import { default as P } from "./s-chips/s-chips.js";
-import { default as I } from "./s-data-table/s-data-table.js";
-import { DialogConfirmProvider as b, default as k, useDialogConfirm as L } from "./s-dialog-confirm/s-dialog-confirm.js";
-import { DialogMessageProvider as F, default as h, useDialogMessage as B } from "./s-dialog-message/s-dialog-message.js";
-import { default as E } from "./s-error/s-error.js";
-import { default as G } from "./s-empty/s-empty.js";
-import { default as j } from "./s-dialog/s-dialog.js";
-import { default as K } from "./s-file-dropzone/s-file-dropzone.js";
-import { default as q } from "./s-file-icon/s-file-icon.js";
-import { default as J } from "./s-i18n-provider/s-i18n-provider.js";
-import { default as Q } from "./s-icon-button/s-icon-button.js";
-import { default as U } from "./s-label/s-label.js";
-import { default as X } from "./s-multi-select/s-multi-select.js";
-import { default as Z } from "./s-no-ssr/s-no-ssr.js";
-import { default as $ } from "./s-text-field/s-text-field.js";
-import { default as oe } from "./s-pagination/s-pagination.js";
-import { default as te } from "./s-select/s-select.js";
-import { default as fe } from "./s-skeleton/s-skeleton.js";
-import { default as me } from "./s-tip/s-tip.js";
-import { default as se } from "./s-text-truncation/s-text-truncation.js";
-import { default as Se, SnackbarMessageProvider as xe, useSnackbarMessage as ue } from "./s-snackbar-message/s-snackbar-message.js";
-import { default as ne } from "./s-form/s-form.js";
-import { SSmartTextField as ce } from "./s-smart-text-field/s-smart-text-field.js";
-import { SCopilotKitProvider as ve } from "./s-copilot-kit-provider/s-copilot-kit-provider.js";
-import { SStripeCVC as Pe, SStripeExpiry as Te, SStripeNumber as Ie, StripeTextField as Me } from "./s-stripe/s-stripe.js";
-import { default as ke } from "./s-theme-provider/s-theme-provider.js";
-import { default as ye } from "./s-datetime-picker/s-datetime-picker.js";
-import { default as he } from "./s-date-picker/s-date-picker.js";
-import { default as ze } from "./s-localization-provider/s-localization-provider.js";
-import { default as Ae } from "./s-gradient-icon/s-gradient-icon.js";
-import { default as Ne } from "./s-glow-button/s-glow-button.js";
-import { default as we } from "./s-moving-border/s-moving-border.js";
-import { default as Ve } from "./s-copyable-text/s-copyable-text.js";
-import { MediaItem as He, default as Je } from "./s-interactive-gallery/s-interactive-gallery.js";
-import { default as Qe } from "./s-image-modal/s-image-modal.js";
-import { default as Ue } from "./s-lazy-image/s-lazy-image.js";
-import { default as Xe } from "./s-image-comparison/s-image-comparison.js";
-import { useDialog as Ze } from "./hooks/use-dialog.js";
-import { usePopover as $e } from "./hooks/use-popover.js";
-import { formatDatePosted as oo } from "./utils/dayjs.js";
-import { bytesToSize as to } from "./utils/bytes-to-size.js";
-import { LogLevel as fo, Logger as lo, createLogger as mo, logger as po } from "./utils/logger.js";
-import { default as So } from "dayjs";
+import { default as D } from "./s-checkbox/s-checkbox.js";
+import { default as P } from "./s-chip/s-chip.js";
+import { default as M } from "./s-chips/s-chips.js";
+import { default as b } from "./s-data-table/s-data-table.js";
+import { DialogConfirmProvider as L, default as y, useDialogConfirm as h } from "./s-dialog-confirm/s-dialog-confirm.js";
+import { DialogMessageProvider as B, default as z, useDialogMessage as E } from "./s-dialog-message/s-dialog-message.js";
+import { default as G } from "./s-error/s-error.js";
+import { default as j } from "./s-empty/s-empty.js";
+import { default as K } from "./s-dialog/s-dialog.js";
+import { default as q } from "./s-file-dropzone/s-file-dropzone.js";
+import { default as J } from "./s-file-icon/s-file-icon.js";
+import { default as Q } from "./s-i18n-provider/s-i18n-provider.js";
+import { default as U } from "./s-icon-button/s-icon-button.js";
+import { default as X } from "./s-label/s-label.js";
+import { default as Z } from "./s-multi-select/s-multi-select.js";
+import { default as $ } from "./s-no-ssr/s-no-ssr.js";
+import { default as oe } from "./s-text-field/s-text-field.js";
+import { default as te } from "./s-pagination/s-pagination.js";
+import { default as fe } from "./s-select/s-select.js";
+import { default as me } from "./s-skeleton/s-skeleton.js";
+import { default as se } from "./s-tip/s-tip.js";
+import { default as Se } from "./s-text-truncation/s-text-truncation.js";
+import { default as ue, SnackbarMessageProvider as ie, useSnackbarMessage as ne } from "./s-snackbar-message/s-snackbar-message.js";
+import { default as ce } from "./s-form/s-form.js";
+import { SSmartTextField as De } from "./s-smart-text-field/s-smart-text-field.js";
+import { SCopilotKitProvider as Pe } from "./s-copilot-kit-provider/s-copilot-kit-provider.js";
+import { SStripeCVC as Me, SStripeExpiry as Ie, SStripeNumber as be, StripeTextField as ke } from "./s-stripe/s-stripe.js";
+import { default as ye } from "./s-theme-provider/s-theme-provider.js";
+import { default as Fe } from "./s-datetime-picker/s-datetime-picker.js";
+import { default as ze } from "./s-date-picker/s-date-picker.js";
+import { default as Ae } from "./s-localization-provider/s-localization-provider.js";
+import { default as Ne } from "./s-gradient-icon/s-gradient-icon.js";
+import { default as we } from "./s-glow-button/s-glow-button.js";
+import { default as Ve } from "./s-moving-border/s-moving-border.js";
+import { default as He } from "./s-copyable-text/s-copyable-text.js";
+import { MediaItem as Oe, default as Qe } from "./s-interactive-gallery/s-interactive-gallery.js";
+import { default as Ue } from "./s-image-modal/s-image-modal.js";
+import { default as Xe } from "./s-lazy-image/s-lazy-image.js";
+import { default as Ze } from "./s-image-comparison/s-image-comparison.js";
+import { useDialog as $e } from "./hooks/use-dialog.js";
+import { usePopover as oo } from "./hooks/use-popover.js";
+import { formatDatePosted as to } from "./utils/dayjs.js";
+import { bytesToSize as fo } from "./utils/bytes-to-size.js";
+import { LogLevel as mo, Logger as po, createLogger as so, logger as So } from "./utils/logger.js";
+import { default as uo } from "dayjs";
 export {
-  b as DialogConfirmProvider,
-  F as DialogMessageProvider,
-  fo as LogLevel,
-  lo as Logger,
-  He as MediaItem,
+  L as DialogConfirmProvider,
+  B as DialogMessageProvider,
+  mo as LogLevel,
+  po as Logger,
+  Oe as MediaItem,
   t as SAccordion,
   f as SAutocomplete,
   m as SAvatar,
   s as SButton,
   S as SButtonLink,
   u as SChatInput,
-  c as SCheckbox,
-  v as SChip,
-  P as SChips,
-  ve as SCopilotKitProvider,
-  Ve as SCopyableText,
-  I as SDataTable,
-  he as SDatePicker,
-  ye as SDateTimePicker,
-  j as SDialog,
-  k as SDialogConfirm,
-  h as SDialogMessage,
-  G as SEmpty,
-  E as SError,
-  K as SFileDropzone,
-  q as SFileIcon,
-  ne as SForm,
-  Ne as SGlowButton,
-  Ae as SGradientIcon,
-  J as SI18nProvider,
-  Q as SIconButton,
-  Xe as SImageComparison,
-  Qe as SImageModal,
-  Je as SInteractiveGallery,
-  U as SLabel,
-  Ue as SLazyImage,
-  ze as SLocalizationProvider,
-  we as SMovingBorder,
-  X as SMultiSelect,
-  Z as SNoSsr,
-  oe as SPagination,
-  te as SSelect,
-  fe as SSkeleton,
-  ce as SSmartTextField,
-  Se as SSnackbarMessage,
-  Pe as SStripeCVC,
-  Te as SStripeExpiry,
-  Ie as SStripeNumber,
-  n as STextEditor,
-  $ as STextField,
-  se as STextTruncation,
-  ke as SThemeProvider,
-  me as STip,
-  xe as SnackbarMessageProvider,
-  Me as StripeTextField,
-  to as bytesToSize,
-  mo as createLogger,
-  So as dayjs,
-  oo as formatDatePosted,
-  po as logger,
-  Ze as useDialog,
-  L as useDialogConfirm,
-  B as useDialogMessage,
-  $e as usePopover,
-  ue as useSnackbarMessage
+  n as SChatMessage,
+  D as SCheckbox,
+  P as SChip,
+  M as SChips,
+  Pe as SCopilotKitProvider,
+  He as SCopyableText,
+  b as SDataTable,
+  ze as SDatePicker,
+  Fe as SDateTimePicker,
+  K as SDialog,
+  y as SDialogConfirm,
+  z as SDialogMessage,
+  j as SEmpty,
+  G as SError,
+  q as SFileDropzone,
+  J as SFileIcon,
+  ce as SForm,
+  we as SGlowButton,
+  Ne as SGradientIcon,
+  Q as SI18nProvider,
+  U as SIconButton,
+  Ze as SImageComparison,
+  Ue as SImageModal,
+  Qe as SInteractiveGallery,
+  X as SLabel,
+  Xe as SLazyImage,
+  Ae as SLocalizationProvider,
+  Ve as SMovingBorder,
+  Z as SMultiSelect,
+  $ as SNoSsr,
+  te as SPagination,
+  fe as SSelect,
+  me as SSkeleton,
+  De as SSmartTextField,
+  ue as SSnackbarMessage,
+  Me as SStripeCVC,
+  Ie as SStripeExpiry,
+  be as SStripeNumber,
+  c as STextEditor,
+  oe as STextField,
+  Se as STextTruncation,
+  ye as SThemeProvider,
+  se as STip,
+  ie as SnackbarMessageProvider,
+  ke as StripeTextField,
+  fo as bytesToSize,
+  so as createLogger,
+  uo as dayjs,
+  to as formatDatePosted,
+  So as logger,
+  $e as useDialog,
+  h as useDialogConfirm,
+  E as useDialogMessage,
+  oo as usePopover,
+  ne as useSnackbarMessage
 };

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

@@ -6,7 +6,7 @@ import { b as xo, u as ho, e as bo, d as I, c as To, B as Co } from "../ButtonBa
 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 { T as Eo, u as vo, g as ro, P as wo } from "../Paper-CH6cuu9i.js";
+import { T as vo, u as Eo, g as ro, P as wo } from "../Paper-CH6cuu9i.js";
 import { S as Ro } from "../Stack-CIrlOUXL.js";
 import { T as Ao } from "../Typography-D-VP4V1G.js";
 const jo = mo(/* @__PURE__ */ s.jsx("path", {
@@ -117,7 +117,7 @@ const No = (e) => {
     collapsedSize: f = "0px",
     component: S,
     easing: $,
-    in: E,
+    in: v,
     onEnter: A,
     onEntered: j,
     onEntering: z,
@@ -128,13 +128,13 @@ const No = (e) => {
     style: m,
     timeout: d = go.standard,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: N = Eo,
+    TransitionComponent: N = vo,
     ...G
-  } = i, v = {
+  } = i, E = {
     ...i,
     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", V = l.useRef(null), Z = ho(r, V), R = (n) => (y) => {
+  }, u = No(E), w = Eo(), U = xo(), a = l.useRef(null), g = l.useRef(), C = typeof f == "number" ? `${f}px` : f, O = c === "horizontal", M = O ? "width" : "height", V = l.useRef(null), Z = ho(r, V), R = (n) => (y) => {
     if (n) {
       const x = V.current;
       y === void 0 ? n(x) : n(x, y);
@@ -185,7 +185,7 @@ const No = (e) => {
     d === "auto" && U.start(g.current || 0, n), p && p(V.current, n);
   };
   return /* @__PURE__ */ s.jsx(N, {
-    in: E,
+    in: v,
     onEnter: oo,
     onEntered: co,
     onEntering: eo,
@@ -203,7 +203,7 @@ const No = (e) => {
       as: S,
       className: L(u.root, b, {
         entered: u.entered,
-        exited: !E && C === "0px" && u.hidden
+        exited: !v && C === "0px" && u.hidden
       }[n]),
       style: {
         [O ? "minWidth" : "minHeight"]: C,
@@ -211,20 +211,20 @@ const No = (e) => {
       },
       ref: Z,
       ownerState: {
-        ...v,
+        ...E,
         state: n
       },
       ...x,
       children: /* @__PURE__ */ s.jsx(Mo, {
         ownerState: {
-          ...v,
+          ...E,
           state: n
         },
         className: u.wrapper,
         ref: a,
         children: /* @__PURE__ */ s.jsx(Io, {
           ownerState: {
-            ...v,
+            ...E,
             state: n
           },
           className: u.wrapperInner,
@@ -454,7 +454,7 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     disabled: f = !1,
     disableGutters: S = !1,
     expanded: $,
-    onChange: E,
+    onChange: v,
     square: A = !1,
     slots: j = {},
     slotProps: z = {},
@@ -467,8 +467,8 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     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), v && v(eo, !c);
+  }, [c, v, m]), [N, ...G] = l.Children.toArray(p), E = l.useMemo(() => ({
     expanded: c,
     disabled: f,
     disableGutters: S,
@@ -526,7 +526,7 @@ const _ = X("MuiAccordion", ["root", "heading", "rounded", "expanded", "disabled
     children: [/* @__PURE__ */ s.jsx(M, {
       ...V,
       children: /* @__PURE__ */ s.jsx(to.Provider, {
-        value: v,
+        value: E,
         children: N
       })
     }), /* @__PURE__ */ s.jsx(Z, {
@@ -780,7 +780,7 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     focusVisibleClassName: f,
     onClick: S,
     slots: $,
-    slotProps: E,
+    slotProps: v,
     ...A
   } = i, {
     disabled: j = !1,
@@ -796,7 +796,7 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
     disableGutters: z
   }, m = Ho(c), d = {
     slots: $,
-    slotProps: E
+    slotProps: v
   }, [N, G] = I("root", {
     ref: r,
     shouldForwardComponentProp: !0,
@@ -821,7 +821,7 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
         (C = a.onClick) == null || C.call(a, g), k(g);
       }
     })
-  }), [v, u] = I("content", {
+  }), [E, u] = I("content", {
     className: m.content,
     elementType: Lo,
     externalForwardedProps: d,
@@ -834,7 +834,7 @@ const F = X("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disable
   });
   return /* @__PURE__ */ s.jsxs(N, {
     ...G,
-    children: [/* @__PURE__ */ s.jsx(v, {
+    children: [/* @__PURE__ */ s.jsx(E, {
       ...u,
       children: p
     }), b && /* @__PURE__ */ s.jsx(w, {
@@ -908,6 +908,7 @@ const ne = ({ title: e, children: t, startIcon: r, defaultExpanded: i = !1 }) =>
       borderRadius: 1,
       border: "1px solid var(--s-palette-divider) !important"
     },
+    elevation: 0,
     children: [
       /* @__PURE__ */ s.jsx(ao, { expandIcon: /* @__PURE__ */ s.jsx(jo, {}), children: /* @__PURE__ */ s.jsxs(Ro, { direction: "row", spacing: 1, alignItems: "center", children: [
         r && /* @__PURE__ */ s.jsx("span", { children: r }),

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { BoxProps } from '@mui/material';
+export interface SChatMessageProps extends Omit<BoxProps, 'children'> {
+    message: string;
+    variant?: 'sent' | 'received';
+    timestamp?: string | Date;
+    avatar?: string;
+    senderName?: string;
+    showAvatar?: boolean;
+    showTimestamp?: boolean;
+    maxWidth?: string | number;
+}
+declare const SChatMessage: React.FC<SChatMessageProps>;
+export default SChatMessage;

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

@@ -0,0 +1,113 @@
+import { j as r } from "../jsx-runtime-DywqP_6a.js";
+import { Box as a, Typography as n } from "@mui/material";
+import x from "../s-avatar/s-avatar.js";
+const b = ({
+  message: d,
+  variant: p = "received",
+  timestamp: o,
+  avatar: s,
+  senderName: t,
+  showAvatar: l = !0,
+  showTimestamp: m = !1,
+  maxWidth: c = "70%",
+  sx: f,
+  ...g
+}) => {
+  const e = p === "sent", y = (i) => (typeof i == "string" ? new Date(i) : i).toLocaleTimeString("en-US", {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: !0
+  });
+  return /* @__PURE__ */ r.jsxs(
+    a,
+    {
+      display: "flex",
+      flexDirection: e ? "row-reverse" : "row",
+      alignItems: "flex-start",
+      gap: 1,
+      mb: 1,
+      sx: {
+        maxWidth: c,
+        alignSelf: e ? "flex-end" : "flex-start",
+        ...f
+      },
+      ...g,
+      children: [
+        l && !e && /* @__PURE__ */ r.jsx(x, { avatar: s, name: t, size: 36 }),
+        /* @__PURE__ */ r.jsxs(
+          a,
+          {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: e ? "flex-end" : "flex-start",
+            gap: 0.5,
+            sx: { minWidth: 0 },
+            children: [
+              t && !e && /* @__PURE__ */ r.jsx(
+                n,
+                {
+                  variant: "caption",
+                  sx: {
+                    color: "text.secondary",
+                    fontSize: "0.75rem",
+                    fontWeight: 500,
+                    ml: 0.5
+                  },
+                  children: t
+                }
+              ),
+              /* @__PURE__ */ r.jsx(
+                a,
+                {
+                  sx: {
+                    display: "inline-block",
+                    px: 2,
+                    py: 1.5,
+                    borderRadius: 2,
+                    wordBreak: "break-word",
+                    maxWidth: "100%",
+                    backgroundColor: e ? "primary.main" : "",
+                    color: e ? "primary.contrastText" : "text.primary",
+                    border: e ? "none" : "1px solid var(--s-palette-divider)",
+                    ...e && {
+                      background: "linear-gradient(135deg, var(--s-palette-primary-main) 0%, var(--s-palette-primary-dark) 100%)"
+                    }
+                  },
+                  children: /* @__PURE__ */ r.jsx(
+                    n,
+                    {
+                      variant: "body2",
+                      sx: {
+                        fontSize: "0.875rem",
+                        lineHeight: 1.4,
+                        whiteSpace: "pre-wrap"
+                      },
+                      children: d
+                    }
+                  )
+                }
+              ),
+              m && o && /* @__PURE__ */ r.jsx(
+                n,
+                {
+                  variant: "caption",
+                  sx: {
+                    color: "text.secondary",
+                    fontSize: "0.7rem",
+                    ml: e ? 0 : 0.5,
+                    mr: e ? 0.5 : 0
+                  },
+                  children: y(o)
+                }
+              )
+            ]
+          }
+        ),
+        l && e && /* @__PURE__ */ r.jsx(x, { avatar: s, name: t, size: 36 })
+      ]
+    }
+  );
+};
+export {
+  b as default
+};

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.90",
+  "version": "1.0.92",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",