@solostylist/ui-kit 1.0.150 → 1.0.151

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,169 @@
 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 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 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 se } 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 ve } 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 mo } 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 Po } 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 { formatDatePosted as Zo } from "./utils/dayjs.js";
+import { bytesToSize as $o } from "./utils/bytes-to-size.js";
+import { LogLevel as or, Logger as rr, createLogger as ar, logger as tr } from "./utils/logger.js";
+import { default as lr } from "dayjs";
 export {
-  z as DialogConfirmProvider,
+  E as DialogConfirmProvider,
   N as DialogMessageProvider,
-  Zo as LogLevel,
-  _o as Logger,
-  mo as MediaItem,
+  or as LogLevel,
+  rr as Logger,
+  So as MediaItem,
   t as SAccordion,
   l as SActionOverlay,
   s as SAutocomplete,
-  S as SAvatar,
+  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,
+  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,
+  Po as SItemNotFound,
+  se 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,
+  ve as SSelect,
+  be as SSkeleton,
+  Ee as SSmartTextField,
+  Ie as SSnackbarMessage,
+  mo 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,
+  $o as bytesToSize,
+  ar as createLogger,
+  lr as dayjs,
+  qo as defaultLanguageOptions,
+  Zo as formatDatePosted,
+  tr as logger,
+  Jo as useDialog,
   R as useDialogConfirm,
   j as useDialogMessage,
-  qo as usePopover,
-  Jo as useScrollAnimation,
-  ye as useSnackbarMessage
+  Uo as usePopover,
+  Xo as useScrollAnimation,
+  Fe as useSnackbarMessage
 };

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;