@solostylist/ui-kit 1.0.91 → 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-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.91",
+  "version": "1.0.92",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",