@solostylist/ui-kit 1.0.86 → 1.0.88

package/dist/main.d.ts

@@ -4,6 +4,8 @@ export { default as SButton } from './s-button/index';
 export type { SButtonProps } from './s-button/index';
 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 STextEditor } from './s-text-editor/index';
 export type { STextEditorProps } from './s-text-editor/index';
 export { default as SCheckbox } from './s-checkbox/index';
@@ -75,11 +77,13 @@ export type { SMovingBorderProps } from './s-moving-border/index';
 export { default as SCopyableText } from './s-copyable-text/index';
 export type { SCopyableTextProps } from './s-copyable-text/index';
 export { default as SInteractiveGallery, MediaItem } from './s-interactive-gallery/index';
-export type { SInteractiveGalleryProps, MediaItemProps, } from './s-interactive-gallery/index';
+export type { SInteractiveGalleryProps, MediaItemProps } from './s-interactive-gallery/index';
 export { default as SImageModal } from './s-image-modal/index';
 export type { MediaItemType } from './s-image-modal/index';
 export type { SImageModalProps } from './s-image-modal/index';
 export { default as SLazyImage } from './s-lazy-image/index';
 export type { SLazyImageProps } from './s-lazy-image/index';
+export { default as SImageComparison } from './s-image-comparison/index';
+export type { SImageComparisonProps } from './s-image-comparison/index';
 export * from './hooks';
 export * from './utils';

package/dist/main.js

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

package/dist/{outlinedInputClasses-Cor6Mcxo.js → outlinedInputClasses-DM19xjo3.js}

@@ -1,5 +1,5 @@
-import { g as n } from "./generateUtilityClasses-D-O3RBPF.js";
-import { g as e } from "./colorManipulator-CPZHCebU.js";
+import { g as n } from "./generateUtilityClasses-BtVDwGrk.js";
+import { g as e } from "./colorManipulator-ep5lERxB.js";
 function l(t) {
   return e("MuiInputBase", t);
 }

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { STextFieldProps } from '../s-text-field';
+export interface SChatInputProps extends Omit<STextFieldProps, 'onSubmit'> {
+    onSubmit?: (value: string, files?: File[]) => void;
+    onFileSelect?: (files: File[]) => void;
+    disabled?: boolean;
+    acceptedFileTypes?: string;
+    maxFileSize?: number;
+}
+declare const SChatInput: React.ForwardRefExoticComponent<Omit<SChatInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default SChatInput;

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

@@ -0,0 +1,185 @@
+import { j as t } from "../jsx-runtime-DywqP_6a.js";
+import { forwardRef as k, useState as x, useId as F, useEffect as E } from "react";
+import { Box as o, outlinedInputClasses as K } from "@mui/material";
+import A from "../s-file-icon/s-file-icon.js";
+import j from "../s-icon-button/s-icon-button.js";
+import O from "../s-text-field/s-text-field.js";
+import { C as P } from "../Close-CKpTrk7X.js";
+import { c as I } from "../createSvgIcon-vJH0FaMW.js";
+const W = I(/* @__PURE__ */ t.jsx("path", {
+  d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"
+}), "ArrowUpward"), B = I(/* @__PURE__ */ t.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"), N = k(
+  ({ onSubmit: c, onFileSelect: d, disabled: i, acceptedFileTypes: b, maxFileSize: g, ...C }, U) => {
+    const [p, v] = x(""), [l, m] = x([]), [a, h] = x(/* @__PURE__ */ new Map()), w = F(), u = (e) => e.type.startsWith("image/"), z = (e) => {
+      const s = `${e.name}-${e.size}-${e.lastModified}`;
+      if (a.has(s))
+        return a.get(s);
+      if (u(e)) {
+        const r = URL.createObjectURL(e);
+        return h((n) => new Map(n).set(s, r)), r;
+      }
+      return "";
+    }, $ = (e) => {
+      v(e.target.value);
+    }, y = () => {
+      i || p.trim().length === 0 && l.length === 0 || (c == null || c(p, l), v(""), a.forEach((e) => URL.revokeObjectURL(e)), h(/* @__PURE__ */ new Map()), m([]));
+    }, L = (e) => {
+      const r = Array.from(e.target.files || []).filter((n) => !(g && n.size > g));
+      m((n) => [...n, ...r]), d == null || d(r), e.target.value = "";
+    }, M = (e) => {
+      const s = l[e];
+      if (s && u(s)) {
+        const r = `${s.name}-${s.size}-${s.lastModified}`, n = a.get(r);
+        n && (URL.revokeObjectURL(n), h((f) => {
+          const R = new Map(f);
+          return R.delete(r), R;
+        }));
+      }
+      m((r) => r.filter((n, f) => f !== e));
+    }, V = (e) => {
+      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), y());
+    };
+    return E(() => () => {
+      a.forEach((e) => URL.revokeObjectURL(e));
+    }, [a]), /* @__PURE__ */ t.jsxs(o, { border: "1px solid", borderColor: "divider", borderRadius: 2, padding: "8px 12px", children: [
+      /* @__PURE__ */ t.jsx(
+        O,
+        {
+          placeholder: "Enter your message here...",
+          disabled: i,
+          value: p,
+          onChange: $,
+          onKeyDown: V,
+          multiline: !0,
+          minRows: 1,
+          maxRows: 10,
+          size: "small",
+          variant: "outlined",
+          fullWidth: !0,
+          inputRef: U,
+          slotProps: {
+            input: {
+              sx: {
+                height: "100%",
+                backgroundColor: "transparent",
+                border: "none",
+                padding: 0,
+                [`&.${K.focused}`]: {
+                  outline: "none"
+                },
+                "& fieldset": {
+                  border: "none"
+                },
+                "&:hover fieldset": {
+                  border: "none"
+                },
+                "&.Mui-focused fieldset": {
+                  border: "none"
+                }
+              }
+            }
+          },
+          ...C
+        }
+      ),
+      l.length > 0 && /* @__PURE__ */ t.jsx(o, { mt: 1, children: l.map((e, s) => {
+        const r = u(e), n = e.name.split(".").pop();
+        return /* @__PURE__ */ t.jsxs(
+          o,
+          {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            sx: {
+              bgcolor: "var(--s-palette-action-hover)",
+              border: "1px solid var(--s-palette-divider)",
+              borderRadius: 1,
+              p: 1,
+              mb: 0.5
+            },
+            children: [
+              /* @__PURE__ */ t.jsxs(o, { display: "flex", alignItems: "center", gap: 1, children: [
+                r ? /* @__PURE__ */ t.jsx(
+                  o,
+                  {
+                    component: "img",
+                    src: z(e),
+                    alt: e.name,
+                    sx: {
+                      width: 40,
+                      height: 40,
+                      borderRadius: 1,
+                      objectFit: "cover",
+                      border: "1px solid var(--s-palette-divider)"
+                    }
+                  }
+                ) : /* @__PURE__ */ t.jsx(A, { extension: n }),
+                /* @__PURE__ */ t.jsxs(o, { children: [
+                  /* @__PURE__ */ t.jsx(o, { component: "span", sx: { fontSize: "0.875rem", fontWeight: 500 }, children: e.name }),
+                  /* @__PURE__ */ t.jsxs(o, { component: "span", sx: { fontSize: "0.75rem", color: "text.secondary", ml: 1 }, children: [
+                    "(",
+                    Math.round(e.size / 1024),
+                    " KB)"
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ t.jsx(j, { size: "small", onClick: () => M(s), sx: { minWidth: "auto", p: 0.5 }, children: /* @__PURE__ */ t.jsx(P, {}) })
+            ]
+          },
+          `${e.name}-${s}`
+        );
+      }) }),
+      /* @__PURE__ */ t.jsxs(o, { display: "flex", justifyContent: "space-between", alignItems: "center", mt: 1, children: [
+        /* @__PURE__ */ t.jsxs(o, { children: [
+          /* @__PURE__ */ t.jsx(
+            "input",
+            {
+              type: "file",
+              multiple: !0,
+              accept: b,
+              onChange: L,
+              style: { display: "none" },
+              id: `file-attachment-input-${w}`,
+              disabled: i
+            }
+          ),
+          /* @__PURE__ */ t.jsx("label", { htmlFor: `file-attachment-input-${w}`, children: /* @__PURE__ */ t.jsx(
+            j,
+            {
+              component: "span",
+              disabled: i,
+              size: "small",
+              sx: {
+                transition: "transform 0.3s ease",
+                "&:hover": {
+                  transform: "scale(1.1)"
+                }
+              },
+              children: /* @__PURE__ */ t.jsx(B, {})
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ t.jsx(
+          j,
+          {
+            onClick: y,
+            disabled: i,
+            size: "small",
+            sx: {
+              transition: "transform 0.3s ease",
+              "&:hover": {
+                transform: "scale(1.2)"
+              }
+            },
+            children: /* @__PURE__ */ t.jsx(W, {})
+          }
+        )
+      ] })
+    ] });
+  }
+);
+export {
+  N as default
+};

package/dist/s-copyable-text/s-copyable-text.js

@@ -1,7 +1,7 @@
 import { j as e } from "../jsx-runtime-DywqP_6a.js";
 import { useState as x } from "react";
 import { Paper as d, Box as m, IconButton as h, Typography as u } from "@mui/material";
-import { c as n } from "../createSvgIcon-9XY7lJan.js";
+import { c as n } from "../createSvgIcon-vJH0FaMW.js";
 const f = n(/* @__PURE__ */ e.jsx("path", {
   d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
 }), "Check"), j = n(/* @__PURE__ */ e.jsx("path", {

package/dist/s-data-table/s-data-table.js

@@ -1,12 +1,12 @@
 import { j as r } from "../jsx-runtime-DywqP_6a.js";
 import * as y from "react";
 import ve from "../s-empty/s-empty.js";
-import { c as j, P as e } from "../createTheme-wt8sY36y.js";
-import { s as S, b as N, r as se, c as q, u as $, a as I, m as _ } from "../createSvgIcon-9XY7lJan.js";
-import { g as B } from "../colorManipulator-CPZHCebU.js";
-import { g as M } from "../generateUtilityClasses-D-O3RBPF.js";
+import { c as j, P as e } from "../createTheme-DjqDAiZm.js";
+import { s as S, b as N, r as se, c as q, u as $, a as I, m as _ } from "../createSvgIcon-vJH0FaMW.js";
+import { g as B } from "../colorManipulator-ep5lERxB.js";
+import { g as M } from "../generateUtilityClasses-BtVDwGrk.js";
 import { u as Te, a as Ce } from "../useFormControl-B3RPiDsz.js";
-import { b as L, B as ke, r as je, m as we } from "../useSlot-B_4ipGBP.js";
+import { b as L, B as ke, r as je, m as we } from "../useSlot-DFSsVuMw.js";
 import { c as X } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
 function Re(o) {
   return B("PrivateSwitchBase", o);

package/dist/s-date-picker/s-date-picker.js

@@ -3,14 +3,14 @@ import { useTheme as I, TextField as z } from "@mui/material";
 import L from "../s-form/s-form.js";
 import { _ as O, a } from "../objectWithoutPropertiesLoose-DiWPeE4c.js";
 import * as p from "react";
-import { P as e } from "../createTheme-wt8sY36y.js";
-import { u as P, a as Y, b as U, c as Q, r as T, d as q, P as B, e as H, f as $, g as K, h as Z, i as G, j as J, C as X, k as m, l as M, m as ee, v as F, s as R, n as oe, D as te, o as se } from "../useMobilePicker-CYRSYIKP.js";
-import { u as y } from "../warning-DyDdgu8-.js";
-import { g as ae } from "../colorManipulator-CPZHCebU.js";
-import { g as ne } from "../generateUtilityClasses-D-O3RBPF.js";
-import { s as N, b as re } from "../createSvgIcon-9XY7lJan.js";
-import { T as le } from "../Typography-CeAbQ9LX.js";
-import { r as h, a as C } from "../useSlot-B_4ipGBP.js";
+import { P as e } from "../createTheme-DjqDAiZm.js";
+import { u as P, a as Y, b as U, c as Q, r as T, d as q, P as B, e as H, f as $, g as K, h as Z, i as G, j as J, C as X, k as m, l as M, m as ee, v as F, s as R, n as oe, D as te, o as se } from "../useMobilePicker-DmFQ075P.js";
+import { u as y } from "../warning-UxpRUL3s.js";
+import { g as ae } from "../colorManipulator-ep5lERxB.js";
+import { g as ne } from "../generateUtilityClasses-BtVDwGrk.js";
+import { s as N, b as re } from "../createSvgIcon-vJH0FaMW.js";
+import { T as le } from "../Typography-CGoVq27h.js";
+import { r as h, a as C } from "../useSlot-DFSsVuMw.js";
 function ie(l) {
   return ae("MuiDatePickerToolbar", l);
 }

package/dist/s-datetime-picker/s-datetime-picker.js

@@ -3,18 +3,18 @@ import { useTheme as jt, TextField as Nt } from "@mui/material";
 import Rt from "../s-form/s-form.js";
 import { a as w, _ as pe } from "../objectWithoutPropertiesLoose-DiWPeE4c.js";
 import * as c from "react";
-import { P as e, c as Yo, j as Ft } from "../createTheme-wt8sY36y.js";
-import { p as Et, q as To, s as Ce, v as Bt, u as xe, t as Lt, w as Fo, x as At, b as ze, h as $t, i as _t, j as Wt, C as Ht, y as zt, T as Ut, z as to, a as go, d as De, A as Ze, B as Yt, E as Kt, c as qt, F as Ko, M as Ae, G as $e, P as Xt, H as Gt, I as Je, r as Eo, J as Bo, K as Ee, f as Qt, L as Zt, S as Jt, N as qo, O as Xo, Q as Go, R as Qo, U as Zo, V as eo, W as Lo, X as en, Y as on, Z as tn, _ as Xe, k as Be, l as Jo, m as nn, $ as mo, a0 as sn, a1 as Ao, n as rn, a2 as an, a3 as ln, D as cn, o as un } from "../useMobilePicker-CYRSYIKP.js";
-import { u as fe } from "../warning-DyDdgu8-.js";
-import { g as ke, a as oo } from "../colorManipulator-CPZHCebU.js";
-import { g as Pe } from "../generateUtilityClasses-D-O3RBPF.js";
-import { u as no, s as $, a as ve, b as ce, m as Ue, c as et, f as so } from "../createSvgIcon-9XY7lJan.js";
-import { g as dn, t as se } from "../tabClasses-CXQXD3XZ.js";
-import { B as ot, r as Ye, d as Ve, b as Fe, u as tt, a as nt } from "../useSlot-B_4ipGBP.js";
-import { d as st, a as rt, u as yo, b as _e, c as mn, o as pn, e as at } from "../Menu-DbldWmqB.js";
+import { P as e, c as Yo, j as Ft } from "../createTheme-DjqDAiZm.js";
+import { p as Et, q as To, s as Ce, v as Bt, u as xe, t as Lt, w as Fo, x as At, b as ze, h as $t, i as _t, j as Wt, C as Ht, y as zt, T as Ut, z as to, a as go, d as De, A as Ze, B as Yt, E as Kt, c as qt, F as Ko, M as Ae, G as $e, P as Xt, H as Gt, I as Je, r as Eo, J as Bo, K as Ee, f as Qt, L as Zt, S as Jt, N as qo, O as Xo, Q as Go, R as Qo, U as Zo, V as eo, W as Lo, X as en, Y as on, Z as tn, _ as Xe, k as Be, l as Jo, m as nn, $ as mo, a0 as sn, a1 as Ao, n as rn, a2 as an, a3 as ln, D as cn, o as un } from "../useMobilePicker-DmFQ075P.js";
+import { u as fe } from "../warning-UxpRUL3s.js";
+import { g as ke, a as oo } from "../colorManipulator-ep5lERxB.js";
+import { g as Pe } from "../generateUtilityClasses-BtVDwGrk.js";
+import { u as no, s as $, a as ve, b as ce, m as Ue, c as et, f as so } from "../createSvgIcon-vJH0FaMW.js";
+import { g as dn, t as se } from "../tabClasses-Bub2PPlp.js";
+import { B as ot, r as Ye, d as Ve, b as Fe, u as tt, a as nt } from "../useSlot-DFSsVuMw.js";
+import { d as st, a as rt, u as yo, b as _e, c as mn, o as pn, e as at } from "../Menu-D2LDo0yd.js";
 import { u as vo } from "../useEnhancedEffect-CJGo-L3B.js";
-import { T as fn } from "../Typography-CeAbQ9LX.js";
-import { g as bn, M as it } from "../MenuItem-BHTJlag0.js";
+import { T as fn } from "../Typography-CGoVq27h.js";
+import { g as bn, M as it } from "../MenuItem-JkMrBIMD.js";
 const hn = (o) => {
   const {
     absolute: t,

package/dist/s-dialog/s-dialog.js

@@ -1,5 +1,5 @@
 import { j as r } from "../jsx-runtime-DywqP_6a.js";
-import { C as j } from "../Close-C1lLcTQu.js";
+import { C as j } from "../Close-CKpTrk7X.js";
 import { Dialog as h, DialogTitle as p, Stack as f, Typography as t, IconButton as m, DialogContent as g, DialogActions as u } from "@mui/material";
 const v = ({
   title: s,

package/dist/s-dialog-confirm/s-dialog-confirm.js

@@ -1,9 +1,9 @@
 import { j as n } from "../jsx-runtime-DywqP_6a.js";
 import * as r from "react";
-import { C as p } from "../Close-C1lLcTQu.js";
+import { C as p } from "../Close-CKpTrk7X.js";
 import { Dialog as g, DialogTitle as j, Stack as D, IconButton as v, DialogContent as y, DialogActions as b, Button as d } from "@mui/material";
 import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as m } from "../Typography-CeAbQ9LX.js";
+import { T as m } from "../Typography-CGoVq27h.js";
 const w = ({
   title: e,
   content: o,

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

@@ -1,9 +1,9 @@
 import { j as o } from "../jsx-runtime-DywqP_6a.js";
 import * as s from "react";
-import { C as u } from "../Close-C1lLcTQu.js";
+import { C as u } from "../Close-CKpTrk7X.js";
 import { Dialog as p, DialogTitle as g, Stack as m, IconButton as j, DialogContent as C, DialogActions as f, Button as D } from "@mui/material";
 import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as c } from "../Typography-CeAbQ9LX.js";
+import { T as c } from "../Typography-CGoVq27h.js";
 const v = ({
   title: t,
   content: e,

package/dist/s-file-dropzone/s-file-dropzone.js

@@ -1,14 +1,14 @@
 import { j as e } from "../jsx-runtime-DywqP_6a.js";
 import * as y from "react";
-import { c as d } from "../createSvgIcon-9XY7lJan.js";
+import { c as d } from "../createSvgIcon-vJH0FaMW.js";
 import { Avatar as b, Tooltip as C, IconButton as I, Button as z } from "@mui/material";
 import { useDropzone as S } from "react-dropzone";
 import k from "../s-file-icon/s-file-icon.js";
 import w from "../s-form/s-form.js";
 import { bytesToSize as B } from "../utils/bytes-to-size.js";
-import { B as c } from "../Box-Bfkq7uIw.js";
-import { S as t } from "../Stack-W0weBtf9.js";
-import { T as o } from "../Typography-CeAbQ9LX.js";
+import { B as c } from "../Box-Cf99MewL.js";
+import { S as t } from "../Stack-UjxgGQu9.js";
+import { T as o } from "../Typography-CGoVq27h.js";
 const D = d(/* @__PURE__ */ e.jsx("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), "CloseOutlined"), F = d(/* @__PURE__ */ e.jsx("path", {

package/dist/s-file-icon/s-file-icon.js

@@ -1,5 +1,5 @@
 import { j as e } from "../jsx-runtime-DywqP_6a.js";
-import { B as i } from "../Box-Bfkq7uIw.js";
+import { B as i } from "../Box-Cf99MewL.js";
 const o = {
   jpeg: "/assets/icon-jpg.svg",
   jpg: "/assets/icon-jpg.svg",

package/dist/s-image-comparison/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-image-comparison';
+export type { SImageComparisonProps } from './s-image-comparison';

package/dist/s-image-comparison/index.js

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

package/dist/s-image-comparison/package.json

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