@solostylist/ui-kit 1.0.150 → 1.0.152

package/dist/ArrowUpward-DvTpkKgd.js

@@ -0,0 +1,8 @@
+import { j as r } from "./jsx-runtime-OVHDjVDe.js";
+import { c as o } from "./createSvgIcon-Dq42_0tn.js";
+const p = o(/* @__PURE__ */ r.jsx("path", {
+  d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"
+}), "ArrowUpward");
+export {
+  p as A
+};

package/dist/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './use-dialog';
 export * from './use-popover';
 export * from './use-count-down';
 export * from './use-scroll-animation';
+export * from './use-is-passed-position';

package/dist/hooks/index.js

@@ -1,9 +1,11 @@
-import { useDialog as m } from "./use-dialog.js";
-import { usePopover as t } from "./use-popover.js";
+import { useDialog as s } from "./use-dialog.js";
+import { usePopover as i } from "./use-popover.js";
 import "react";
-import { useScrollAnimation as f } from "./use-scroll-animation.js";
+import { useScrollAnimation as p } from "./use-scroll-animation.js";
+import { useIsPassedPosition as u } from "./use-is-passed-position.js";
 export {
-  m as useDialog,
-  t as usePopover,
-  f as useScrollAnimation
+  s as useDialog,
+  u as useIsPassedPosition,
+  i as usePopover,
+  p as useScrollAnimation
 };

package/dist/hooks/use-is-passed-position.d.ts

@@ -0,0 +1 @@
+export declare function useIsPassedPosition(el: React.RefObject<HTMLElement> | string | Window, positionY: number): boolean;

package/dist/hooks/use-is-passed-position.js

@@ -0,0 +1,21 @@
+import { useState as f, useEffect as d } from "react";
+function a(s, r) {
+  const [c, l] = f(!1);
+  return d(() => {
+    let e = null;
+    if (typeof s == "string" ? e = document.getElementById(s) ?? null : s instanceof Window ? e = s : s != null && s.current && (e = s.current), !e || !("addEventListener" in e)) return;
+    const n = () => {
+      let t = 0;
+      e instanceof Window ? t = e.scrollY : e instanceof HTMLElement && (t = e.scrollTop), l((o) => {
+        const i = t > r;
+        return o !== i ? i : o;
+      });
+    };
+    return n(), e.addEventListener("scroll", n), () => {
+      e == null || e.removeEventListener("scroll", n);
+    };
+  }, [s, r]), c;
+}
+export {
+  a as useIsPassedPosition
+};

package/dist/main.d.ts

@@ -37,8 +37,12 @@ export { default as SEmpty } from './s-empty/index';
 export type { SEmptyProps } from './s-empty/index';
 export { default as SFlexBox } from './s-flex-box/index';
 export type { SFlexBoxProps } from './s-flex-box/index';
+export { default as STwoPaneLayout } from './s-two-pane-layout/index';
+export type { STwoPaneLayoutProps } from './s-two-pane-layout/index';
 export { default as SDialog } from './s-dialog/index';
 export type { SDialogProps } from './s-dialog/index';
+export { default as SErrorLayout } from './s-error-layout/index';
+export type { SErrorLayoutProps } from './s-error-layout/index';
 export { default as SFileDropzone } from './s-file-dropzone/index';
 export type { CustomFile, SFileDropzoneProps } from './s-file-dropzone/index';
 export { default as SFileIcon } from './s-file-icon/index';

package/dist/main.js

@@ -1,165 +1,171 @@
 import { default as t } from "./s-accordion/s-accordion.js";
 import { default as l } from "./s-action-overlay/s-action-overlay.js";
-import { default as s } from "./s-autocomplete/s-autocomplete.js";
-import { default as S } from "./s-avatar/s-avatar.js";
+import { default as m } from "./s-autocomplete/s-autocomplete.js";
+import { default as u } from "./s-avatar/s-avatar.js";
 import { default as d } from "./s-button/s-button.js";
 import { default as i } from "./s-button-link/s-button-link.js";
 import { default as g } from "./s-carousel/s-carousel.js";
 import { default as T } from "./s-chat-input/s-chat-input.js";
-import { default as v } from "./s-chat-message/s-chat-message.js";
+import { default as P } from "./s-chat-message/s-chat-message.js";
 import { default as b } from "./s-comment-message/s-comment-message.js";
-import { default as M } from "./s-text-editor/s-text-editor.js";
+import { default as D } from "./s-text-editor/s-text-editor.js";
 import "./s-text-editor/s-text-editor-toolbar.js";
-import { default as y } from "./s-checkbox/s-checkbox.js";
+import { default as M } from "./s-checkbox/s-checkbox.js";
 import { default as I } from "./s-chip/s-chip.js";
 import { default as F } from "./s-chips/s-chips.js";
-import { default as B } from "./s-data-table/s-data-table.js";
-import { DialogConfirmProvider as z, default as E, useDialogConfirm as R } from "./s-dialog-confirm/s-dialog-confirm.js";
+import { default as A } from "./s-data-table/s-data-table.js";
+import { DialogConfirmProvider as E, default as z, useDialogConfirm as R } from "./s-dialog-confirm/s-dialog-confirm.js";
 import { DialogMessageProvider as N, default as O, useDialogMessage as j } from "./s-dialog-message/s-dialog-message.js";
 import { default as V } from "./s-error/s-error.js";
 import { default as H } from "./s-empty/s-empty.js";
 import { default as Q } from "./s-flex-box/s-flex-box.js";
-import { default as W } from "./s-dialog/s-dialog.js";
-import { default as Y } from "./s-file-dropzone/s-file-dropzone.js";
-import { default as _ } from "./s-file-icon/s-file-icon.js";
-import { default as ee } from "./s-i18n-provider/s-i18n-provider.js";
-import { default as re } from "./s-icon-button/s-icon-button.js";
-import { default as te } from "./s-label/s-label.js";
-import { default as le } from "./s-multi-select/s-multi-select.js";
-import { default as se } from "./s-no-ssr/s-no-ssr.js";
-import { default as Se } from "./s-overlay-scrollbar/s-overlay-scrollbar.js";
-import { default as de } from "./s-text-field/s-text-field.js";
-import { default as ie } from "./s-pagination/s-pagination.js";
-import { default as ge } from "./s-select/s-select.js";
-import { default as Te } from "./s-skeleton/s-skeleton.js";
-import { default as ve } from "./s-tip/s-tip.js";
-import { default as be } from "./s-text-truncation/s-text-truncation.js";
-import { default as Me, SnackbarMessageProvider as he, useSnackbarMessage as ye } from "./s-snackbar-message/s-snackbar-message.js";
-import { default as Ie } from "./s-form/s-form.js";
-import { SSmartTextField as Fe } from "./s-smart-text-field/s-smart-text-field.js";
-import { SCopilotKitProvider as Be } from "./s-copilot-kit-provider/s-copilot-kit-provider.js";
-import { SStripeCVC as ze, SStripeExpiry as Ee, SStripeNumber as Re, StripeTextField as Ge } from "./s-stripe/s-stripe.js";
-import { default as Oe } from "./s-theme-provider/s-theme-provider.js";
-import { default as Ke } from "./s-theme-switch/s-theme-switch.js";
-import { default as qe } from "./s-datetime-picker/s-datetime-picker.js";
-import { default as Je } from "./s-date-picker/s-date-picker.js";
-import { default as Ue } from "./s-localization-provider/s-localization-provider.js";
-import { default as Xe } from "./s-gradient-icon/s-gradient-icon.js";
-import { default as Ze } from "./s-glow-button/s-glow-button.js";
-import { default as $e } from "./s-moving-border/s-moving-border.js";
-import { default as oo } from "./s-scroll-reveal/s-scroll-reveal.js";
-import { default as ao } from "./s-spotlight-cursor/s-spotlight-cursor.js";
-import { default as fo } from "./s-copyable-text/s-copyable-text.js";
-import { MediaItem as mo, default as so } from "./s-gallery/s-gallery.js";
-import { default as So } from "./s-image-modal/s-image-modal.js";
-import { default as xo } from "./s-lazy-image/s-lazy-image.js";
-import { default as no } from "./s-image-comparison/s-image-comparison.js";
-import { default as co } from "./s-item-not-found/s-item-not-found.js";
-import { default as Co } from "./s-category-card/s-category-card.js";
-import { default as Po } from "./s-radial-pulse-animate/s-radial-pulse-animate.js";
-import { default as Do } from "./s-rating/s-rating.js";
-import { default as ho } from "./s-review/s-review.js";
-import { default as Lo } from "./s-tabs/s-tabs.js";
-import { default as ko } from "./s-tabs/s-tab.js";
-import { default as Ao } from "./s-tabs/s-tab-panel.js";
-import { default as wo } from "./s-text-shimmer/s-text-shimmer.js";
-import { default as Eo } from "./s-typewriter-text/s-typewriter-text.js";
-import { SLanguagePopover as Go, default as No, defaultLanguageOptions as Oo } from "./s-language-switcher/s-language-switcher.js";
-import { useDialog as Ko } from "./hooks/use-dialog.js";
-import { usePopover as qo } from "./hooks/use-popover.js";
+import { default as W } from "./s-two-pane-layout/s-two-pane-layout.js";
+import { default as Y } from "./s-dialog/s-dialog.js";
+import { default as _ } from "./s-error-layout/s-error-layout.js";
+import { default as ee } from "./s-file-dropzone/s-file-dropzone.js";
+import { default as re } from "./s-file-icon/s-file-icon.js";
+import { default as te } from "./s-i18n-provider/s-i18n-provider.js";
+import { default as le } from "./s-icon-button/s-icon-button.js";
+import { default as me } from "./s-label/s-label.js";
+import { default as ue } from "./s-multi-select/s-multi-select.js";
+import { default as de } from "./s-no-ssr/s-no-ssr.js";
+import { default as ie } from "./s-overlay-scrollbar/s-overlay-scrollbar.js";
+import { default as ge } from "./s-text-field/s-text-field.js";
+import { default as Te } from "./s-pagination/s-pagination.js";
+import { default as Pe } from "./s-select/s-select.js";
+import { default as be } from "./s-skeleton/s-skeleton.js";
+import { default as De } from "./s-tip/s-tip.js";
+import { default as Me } from "./s-text-truncation/s-text-truncation.js";
+import { default as Ie, SnackbarMessageProvider as ke, useSnackbarMessage as Fe } from "./s-snackbar-message/s-snackbar-message.js";
+import { default as Ae } from "./s-form/s-form.js";
+import { SSmartTextField as Ee } from "./s-smart-text-field/s-smart-text-field.js";
+import { SCopilotKitProvider as Re } from "./s-copilot-kit-provider/s-copilot-kit-provider.js";
+import { SStripeCVC as Ne, SStripeExpiry as Oe, SStripeNumber as je, StripeTextField as Ke } from "./s-stripe/s-stripe.js";
+import { default as qe } from "./s-theme-provider/s-theme-provider.js";
+import { default as Je } from "./s-theme-switch/s-theme-switch.js";
+import { default as Ue } from "./s-datetime-picker/s-datetime-picker.js";
+import { default as Xe } from "./s-date-picker/s-date-picker.js";
+import { default as Ze } from "./s-localization-provider/s-localization-provider.js";
+import { default as $e } from "./s-gradient-icon/s-gradient-icon.js";
+import { default as oo } from "./s-glow-button/s-glow-button.js";
+import { default as ao } from "./s-moving-border/s-moving-border.js";
+import { default as fo } from "./s-scroll-reveal/s-scroll-reveal.js";
+import { default as so } from "./s-spotlight-cursor/s-spotlight-cursor.js";
+import { default as po } from "./s-copyable-text/s-copyable-text.js";
+import { MediaItem as So, default as xo } from "./s-gallery/s-gallery.js";
+import { default as no } from "./s-image-modal/s-image-modal.js";
+import { default as co } from "./s-lazy-image/s-lazy-image.js";
+import { default as Co } from "./s-image-comparison/s-image-comparison.js";
+import { default as vo } from "./s-item-not-found/s-item-not-found.js";
+import { default as yo } from "./s-category-card/s-category-card.js";
+import { default as Lo } from "./s-radial-pulse-animate/s-radial-pulse-animate.js";
+import { default as ho } from "./s-rating/s-rating.js";
+import { default as ko } from "./s-review/s-review.js";
+import { default as wo } from "./s-tabs/s-tabs.js";
+import { default as Bo } from "./s-tabs/s-tab.js";
+import { default as zo } from "./s-tabs/s-tab-panel.js";
+import { default as Go } from "./s-text-shimmer/s-text-shimmer.js";
+import { default as Oo } from "./s-typewriter-text/s-typewriter-text.js";
+import { SLanguagePopover as Ko, default as Vo, defaultLanguageOptions as qo } from "./s-language-switcher/s-language-switcher.js";
+import { useDialog as Jo } from "./hooks/use-dialog.js";
+import { usePopover as Uo } from "./hooks/use-popover.js";
 import "react";
-import { useScrollAnimation as Jo } from "./hooks/use-scroll-animation.js";
-import { formatDatePosted as Uo } from "./utils/dayjs.js";
-import { bytesToSize as Xo } from "./utils/bytes-to-size.js";
-import { LogLevel as Zo, Logger as _o, createLogger as $o, logger as er } from "./utils/logger.js";
-import { default as rr } from "dayjs";
+import { useScrollAnimation as Xo } from "./hooks/use-scroll-animation.js";
+import { useIsPassedPosition as Zo } from "./hooks/use-is-passed-position.js";
+import { formatDatePosted as $o } from "./utils/dayjs.js";
+import { bytesToSize as or } from "./utils/bytes-to-size.js";
+import { LogLevel as ar, Logger as tr, createLogger as fr, logger as lr } from "./utils/logger.js";
+import { default as mr } from "dayjs";
 export {
-  z as DialogConfirmProvider,
+  E as DialogConfirmProvider,
   N as DialogMessageProvider,
-  Zo as LogLevel,
-  _o as Logger,
-  mo as MediaItem,
+  ar as LogLevel,
+  tr as Logger,
+  So as MediaItem,
   t as SAccordion,
   l as SActionOverlay,
-  s as SAutocomplete,
-  S as SAvatar,
+  m as SAutocomplete,
+  u as SAvatar,
   d as SButton,
   i as SButtonLink,
   g as SCarousel,
-  Co as SCategoryCard,
+  yo as SCategoryCard,
   T as SChatInput,
-  v as SChatMessage,
-  y as SCheckbox,
+  P as SChatMessage,
+  M as SCheckbox,
   I as SChip,
   F as SChips,
   b as SCommentMessage,
-  Be as SCopilotKitProvider,
-  fo as SCopyableText,
-  B as SDataTable,
-  Je as SDatePicker,
-  qe as SDateTimePicker,
-  W as SDialog,
-  E as SDialogConfirm,
+  Re as SCopilotKitProvider,
+  po as SCopyableText,
+  A as SDataTable,
+  Xe as SDatePicker,
+  Ue as SDateTimePicker,
+  Y as SDialog,
+  z as SDialogConfirm,
   O as SDialogMessage,
   H as SEmpty,
   V as SError,
-  Y as SFileDropzone,
-  _ as SFileIcon,
+  _ as SErrorLayout,
+  ee as SFileDropzone,
+  re as SFileIcon,
   Q as SFlexBox,
-  Ie as SForm,
-  so as SGallery,
-  Ze as SGlowButton,
-  Xe as SGradientIcon,
-  ee as SI18nProvider,
-  re as SIconButton,
-  no as SImageComparison,
-  So as SImageModal,
-  co as SItemNotFound,
-  te as SLabel,
-  Go as SLanguagePopover,
-  No as SLanguageSwitcher,
-  xo as SLazyImage,
-  Ue as SLocalizationProvider,
-  $e as SMovingBorder,
-  le as SMultiSelect,
-  se as SNoSsr,
-  Se as SOverlayScrollbar,
-  ie as SPagination,
-  Po as SRadialPulseAnimate,
-  Do as SRating,
-  ho as SReview,
-  oo as SScrollReveal,
-  ge as SSelect,
-  Te as SSkeleton,
-  Fe as SSmartTextField,
-  Me as SSnackbarMessage,
-  ao as SSpotlightCursor,
-  ze as SStripeCVC,
-  Ee as SStripeExpiry,
-  Re as SStripeNumber,
-  ko as STab,
-  Ao as STabPanel,
-  Lo as STabs,
-  M as STextEditor,
-  de as STextField,
-  wo as STextShimmer,
-  be as STextTruncation,
-  Oe as SThemeProvider,
-  Ke as SThemeSwitch,
-  ve as STip,
-  Eo as STypewriterText,
-  he as SnackbarMessageProvider,
-  Ge as StripeTextField,
-  Xo as bytesToSize,
-  $o as createLogger,
-  rr as dayjs,
-  Oo as defaultLanguageOptions,
-  Uo as formatDatePosted,
-  er as logger,
-  Ko as useDialog,
+  Ae as SForm,
+  xo as SGallery,
+  oo as SGlowButton,
+  $e as SGradientIcon,
+  te as SI18nProvider,
+  le as SIconButton,
+  Co as SImageComparison,
+  no as SImageModal,
+  vo as SItemNotFound,
+  me as SLabel,
+  Ko as SLanguagePopover,
+  Vo as SLanguageSwitcher,
+  co as SLazyImage,
+  Ze as SLocalizationProvider,
+  ao as SMovingBorder,
+  ue as SMultiSelect,
+  de as SNoSsr,
+  ie as SOverlayScrollbar,
+  Te as SPagination,
+  Lo as SRadialPulseAnimate,
+  ho as SRating,
+  ko as SReview,
+  fo as SScrollReveal,
+  Pe as SSelect,
+  be as SSkeleton,
+  Ee as SSmartTextField,
+  Ie as SSnackbarMessage,
+  so as SSpotlightCursor,
+  Ne as SStripeCVC,
+  Oe as SStripeExpiry,
+  je as SStripeNumber,
+  Bo as STab,
+  zo as STabPanel,
+  wo as STabs,
+  D as STextEditor,
+  ge as STextField,
+  Go as STextShimmer,
+  Me as STextTruncation,
+  qe as SThemeProvider,
+  Je as SThemeSwitch,
+  De as STip,
+  W as STwoPaneLayout,
+  Oo as STypewriterText,
+  ke as SnackbarMessageProvider,
+  Ke as StripeTextField,
+  or as bytesToSize,
+  fr as createLogger,
+  mr as dayjs,
+  qo as defaultLanguageOptions,
+  $o as formatDatePosted,
+  lr as logger,
+  Jo as useDialog,
   R as useDialogConfirm,
   j as useDialogMessage,
-  qo as usePopover,
-  Jo as useScrollAnimation,
-  ye as useSnackbarMessage
+  Zo as useIsPassedPosition,
+  Uo as usePopover,
+  Xo as useScrollAnimation,
+  Fe as useSnackbarMessage
 };

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

@@ -1,21 +1,20 @@
 import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as S, useState as c, useRef as K, useId as T, useEffect as B } from "react";
-import { Box as s, outlinedInputClasses as D, Typography as E, Popper as W, ClickAwayListener as H } from "@mui/material";
+import { forwardRef as K, useState as c, useRef as T, useId as V, useEffect as B } from "react";
+import { Box as s, outlinedInputClasses as D, Typography as I, Popper as W, ClickAwayListener as H } from "@mui/material";
 import _ from "emoji-picker-react";
 import q from "../s-file-icon/s-file-icon.js";
 import d from "../s-icon-button/s-icon-button.js";
 import G from "../s-text-field/s-text-field.js";
 import { C as J } from "../Close-D4kX7Vbc.js";
-import { c as v } from "../createSvgIcon-Dq42_0tn.js";
-const N = v(/* @__PURE__ */ r.jsx("path", {
-  d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"
-}), "ArrowUpward"), Q = v(/* @__PURE__ */ r.jsx("path", {
+import { c as E } from "../createSvgIcon-Dq42_0tn.js";
+import { A as N } from "../ArrowUpward-DvTpkKgd.js";
+const Q = E(/* @__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"), X = v(/* @__PURE__ */ r.jsx("path", {
+}), "AttachFile"), X = E(/* @__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"), ie = S(
-  ({ onSubmit: p, onFileSelect: m, disabled: a, acceptedFileTypes: M, maxFileSize: k, ...z }, U) => {
-    const [u, h] = c(""), [l, x] = c([]), [i, f] = c(/* @__PURE__ */ new Map()), [C, g] = c(!1), y = K(null), w = T(), b = (e) => e.type.startsWith("image/"), L = (e) => {
+}), "EmojiEmotions"), le = K(
+  ({ onSubmit: p, onFileSelect: m, disabled: a, acceptedFileTypes: M, maxFileSize: v, ...z }, U) => {
+    const [u, h] = c(""), [l, x] = c([]), [i, f] = c(/* @__PURE__ */ new Map()), [k, g] = c(!1), C = T(null), y = V(), b = (e) => e.type.startsWith("image/"), $ = (e) => {
       const o = `${e.name}-${e.size}-${e.lastModified}`;
       if (i.has(o))
         return i.get(o);
@@ -24,29 +23,29 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
         return f((t) => new Map(t).set(o, n)), n;
       }
       return "";
-    }, $ = (e) => {
-      h(e.target.value);
     }, P = (e) => {
+      h(e.target.value);
+    }, L = (e) => {
       h((o) => o + e.emoji), g(!1);
-    }, V = () => {
-      g(!C);
-    }, R = () => {
+    }, A = () => {
+      g(!k);
+    }, w = () => {
       a || u.trim().length === 0 && l.length === 0 || (p == null || p(u, l), h(""), i.forEach((e) => URL.revokeObjectURL(e)), f(/* @__PURE__ */ new Map()), x([]));
-    }, A = (e) => {
-      const n = Array.from(e.target.files || []).filter((t) => !(k && t.size > k));
-      x((t) => [...t, ...n]), m == null || m(n), e.target.value = "";
     }, F = (e) => {
+      const n = Array.from(e.target.files || []).filter((t) => !(v && t.size > v));
+      x((t) => [...t, ...n]), m == null || m(n), e.target.value = "";
+    }, O = (e) => {
       const o = l[e];
       if (o && b(o)) {
         const n = `${o.name}-${o.size}-${o.lastModified}`, t = i.get(n);
         t && (URL.revokeObjectURL(t), f((j) => {
-          const I = new Map(j);
-          return I.delete(n), I;
+          const R = new Map(j);
+          return R.delete(n), R;
         }));
       }
       x((n) => n.filter((t, j) => j !== e));
-    }, O = (e) => {
-      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), R());
+    }, S = (e) => {
+      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), w());
     };
     return B(() => () => {
       i.forEach((e) => URL.revokeObjectURL(e));
@@ -57,8 +56,8 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
           placeholder: "Enter your message here...",
           disabled: a,
           value: u,
-          onChange: $,
-          onKeyDown: O,
+          onChange: P,
+          onKeyDown: S,
           multiline: !0,
           minRows: 1,
           maxRows: 10,
@@ -113,7 +112,7 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
                   s,
                   {
                     component: "img",
-                    src: L(e),
+                    src: $(e),
                     alt: e.name,
                     sx: {
                       width: 40,
@@ -126,15 +125,15 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
                   }
                 ) : /* @__PURE__ */ r.jsx(q, { extension: t }),
                 /* @__PURE__ */ r.jsxs(s, { display: "flex", flexDirection: "row", alignItems: "center", gap: 1, children: [
-                  /* @__PURE__ */ r.jsx(E, { variant: "subtitle2", textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap", children: e.name }),
-                  /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsxs(E, { variant: "caption", color: "text.secondary", children: [
+                  /* @__PURE__ */ r.jsx(I, { variant: "subtitle2", textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap", children: e.name }),
+                  /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsxs(I, { variant: "caption", color: "text.secondary", children: [
                     "(",
                     Math.round(e.size / 1024),
                     " KB)"
                   ] }) })
                 ] })
               ] }),
-              /* @__PURE__ */ r.jsx(d, { size: "small", onClick: () => F(o), sx: { minWidth: "auto", p: 0.5 }, children: /* @__PURE__ */ r.jsx(J, {}) })
+              /* @__PURE__ */ r.jsx(d, { size: "small", onClick: () => O(o), sx: { minWidth: "auto", p: 0.5 }, children: /* @__PURE__ */ r.jsx(J, {}) })
             ]
           },
           `${e.name}-${o}`
@@ -148,13 +147,13 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
               type: "file",
               multiple: !0,
               accept: M,
-              onChange: A,
+              onChange: F,
               style: { display: "none" },
-              id: `file-attachment-input-${w}`,
+              id: `file-attachment-input-${y}`,
               disabled: a
             }
           ),
-          /* @__PURE__ */ r.jsx("label", { htmlFor: `file-attachment-input-${w}`, children: /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ r.jsx("label", { htmlFor: `file-attachment-input-${y}`, children: /* @__PURE__ */ r.jsx(
             d,
             {
               component: "span",
@@ -172,8 +171,8 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
           /* @__PURE__ */ r.jsx(
             d,
             {
-              ref: y,
-              onClick: V,
+              ref: C,
+              onClick: A,
               disabled: a,
               size: "small",
               sx: {
@@ -189,7 +188,7 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
         /* @__PURE__ */ r.jsx(
           d,
           {
-            onClick: R,
+            onClick: w,
             disabled: a,
             size: "small",
             sx: {
@@ -202,7 +201,7 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
           }
         )
       ] }),
-      /* @__PURE__ */ r.jsx(W, { open: C, anchorEl: y.current, placement: "top-start", sx: { zIndex: 1300 }, children: /* @__PURE__ */ r.jsx(H, { onClickAway: () => g(!1), children: /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ r.jsx(W, { open: k, anchorEl: C.current, placement: "top-start", sx: { zIndex: 1300 }, children: /* @__PURE__ */ r.jsx(H, { onClickAway: () => g(!1), children: /* @__PURE__ */ r.jsx(
         s,
         {
           sx: {
@@ -295,7 +294,7 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
           children: /* @__PURE__ */ r.jsx(
             _,
             {
-              onEmojiClick: P,
+              onEmojiClick: L,
               width: 300,
               height: 400,
               searchDisabled: !1,
@@ -309,5 +308,5 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
   }
 );
 export {
-  ie as default
+  le as default
 };

package/dist/s-error-layout/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-error-layout';
+export { type SErrorLayoutProps } from './s-error-layout';

package/dist/s-error-layout/index.js

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

package/dist/s-error-layout/package.json

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

package/dist/s-error-layout/s-error-layout.d.ts

@@ -0,0 +1,56 @@
+import { default as React, ReactNode } from 'react';
+import { ButtonProps, SxProps, Theme, TypographyProps } from '@mui/material';
+export interface SErrorLayoutProps {
+    /** Source URL for the error image */
+    imageSrc: string;
+    /** Alt text for the error image */
+    imageAlt: string;
+    /** Main error title text */
+    title: string;
+    /** Error description text */
+    description: string | ReactNode;
+    /** Text for the action button. If not provided, button will not be shown */
+    buttonText?: string;
+    /** Link destination for the button. Default: '#' */
+    buttonHref?: string;
+    /** Image width. Default: '200px' */
+    imageWidth?: string | number;
+    /** Image height. Default: 'auto' */
+    imageHeight?: string | number;
+    /** Container max width. Default: 'lg' */
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
+    /** Main container height. Default: '100vh' */
+    height?: string | number;
+    /** Vertical padding. Default: 8 (64px) */
+    py?: number | string;
+    /** Spacing between elements. Default: 6 */
+    spacing?: number;
+    /** Title typography variant. Default: 'h4' */
+    titleVariant?: TypographyProps['variant'];
+    /** Description typography variant. Default: 'body1' */
+    descriptionVariant?: TypographyProps['variant'];
+    /** Button variant. Default: 'contained' */
+    buttonVariant?: ButtonProps['variant'];
+    /** Button color. Default: 'primary' */
+    buttonColor?: ButtonProps['color'];
+    /** Custom styles for the main container */
+    containerSx?: SxProps<Theme>;
+    /** Custom styles for the image container */
+    imageContainerSx?: SxProps<Theme>;
+    /** Custom styles for the content stack */
+    contentSx?: SxProps<Theme>;
+    /** Custom styles for the title */
+    titleSx?: SxProps<Theme>;
+    /** Custom styles for the description */
+    descriptionSx?: SxProps<Theme>;
+    /** Custom styles for the button container */
+    buttonContainerSx?: SxProps<Theme>;
+    /** Additional button props */
+    buttonProps?: Partial<ButtonProps>;
+    /** Hide image. Default: false */
+    hideImage?: boolean;
+    /** Custom content to render instead of the button */
+    customActions?: ReactNode;
+}
+declare function SErrorLayout({ imageSrc, imageAlt, title, description, buttonText, buttonHref, imageWidth, imageHeight, maxWidth, height, py, spacing, titleVariant, descriptionVariant, buttonVariant, buttonColor, containerSx, imageContainerSx, contentSx, titleSx, descriptionSx, buttonContainerSx, buttonProps, hideImage, customActions, }: SErrorLayoutProps): React.JSX.Element;
+export default SErrorLayout;