@solostylist/ui-kit 1.0.152 → 1.0.153

package/dist/ChevronLeft-zg9wurzn.js

@@ -0,0 +1,8 @@
+import { j as o } from "./jsx-runtime-OVHDjVDe.js";
+import { c as t } from "./createSvgIcon-Dq42_0tn.js";
+const s = t(/* @__PURE__ */ o.jsx("path", {
+  d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
+}), "ChevronLeft");
+export {
+  s as C
+};

package/dist/{ChevronRight-CyCLDFyO.js → ChevronRight-BKIP5v8z.js}

@@ -1,11 +1,8 @@
 import { j as o } from "./jsx-runtime-OVHDjVDe.js";
 import { c as t } from "./createSvgIcon-Dq42_0tn.js";
-const n = t(/* @__PURE__ */ o.jsx("path", {
-  d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "ChevronLeft"), s = t(/* @__PURE__ */ o.jsx("path", {
+const e = t(/* @__PURE__ */ o.jsx("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 }), "ChevronRight");
 export {
-  n as C,
-  s as a
+  e as C
 };

package/dist/main.d.ts

@@ -6,6 +6,8 @@ export { default as SAutocomplete } from './s-autocomplete/index';
 export type { SAutocompleteProps } from './s-autocomplete/index';
 export { default as SAvatar } from './s-avatar/index';
 export type { SAvatarProps } from './s-avatar/index';
+export { default as SBreadcrumbs } from './s-breadcrumbs/index';
+export type { SBreadcrumbsProps, BreadcrumbItem } from './s-breadcrumbs/index';
 export { default as SButton } from './s-button/index';
 export type { SButtonProps } from './s-button/index';
 export { default as SButtonLink } from './s-button-link/index';

package/dist/main.js

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

package/dist/s-breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-breadcrumbs';
+export type { SBreadcrumbsProps, BreadcrumbItem } from './s-breadcrumbs';

package/dist/s-breadcrumbs/index.js

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

package/dist/s-breadcrumbs/package.json

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

package/dist/s-breadcrumbs/s-breadcrumbs.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { BreadcrumbsProps, SxProps, Theme } from '@mui/material';
+export interface BreadcrumbItem {
+    label: string;
+    to?: string;
+    onClick?: (event: React.MouseEvent) => void;
+    isCurrent?: boolean;
+}
+export interface SBreadcrumbsProps extends Omit<BreadcrumbsProps, 'children'> {
+    items: BreadcrumbItem[];
+    separator?: React.ReactNode;
+    LinkComponent?: React.ElementType;
+    currentColor?: string;
+    linkColor?: string;
+    sx?: SxProps<Theme>;
+}
+declare const SBreadcrumbs: React.ForwardRefExoticComponent<Omit<SBreadcrumbsProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export default SBreadcrumbs;

package/dist/s-breadcrumbs/s-breadcrumbs.js

@@ -0,0 +1,43 @@
+import { j as o } from "../jsx-runtime-OVHDjVDe.js";
+import { forwardRef as f } from "react";
+import { C as i } from "../ChevronRight-BKIP5v8z.js";
+import { Breadcrumbs as $, Typography as t, Link as e } from "@mui/material";
+const j = f(
+  ({
+    items: a,
+    separator: u = /* @__PURE__ */ o.jsx(i, { fontSize: "small" }),
+    LinkComponent: s,
+    currentColor: c = "text.primary",
+    linkColor: n = "primary.main",
+    sx: b,
+    ...h
+  }, p) => /* @__PURE__ */ o.jsx($, { ref: p, separator: u, sx: b, ...h, children: a.map((r, l) => {
+    const d = l === a.length - 1;
+    return r.isCurrent ?? d ? /* @__PURE__ */ o.jsx(t, { color: c, children: r.label }, `${r.label}-${l}`) : r.onClick ? /* @__PURE__ */ o.jsx(
+      e,
+      {
+        component: "button",
+        onClick: r.onClick,
+        color: n,
+        underline: "hover",
+        sx: { cursor: "pointer", background: "none", border: "none", padding: 0, font: "inherit" },
+        children: r.label
+      },
+      `${r.label}-${l}`
+    ) : r.to ? s ? /* @__PURE__ */ o.jsx(
+      e,
+      {
+        component: s,
+        to: r.to,
+        color: n,
+        underline: "hover",
+        children: r.label
+      },
+      `${r.label}-${l}`
+    ) : /* @__PURE__ */ o.jsx(e, { href: r.to, color: n, underline: "hover", children: r.label }, `${r.label}-${l}`) : /* @__PURE__ */ o.jsx(t, { color: c, children: r.label }, `${r.label}-${l}`);
+  }) })
+);
+j.displayName = "SBreadcrumbs";
+export {
+  j as default
+};

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

@@ -1,9 +1,10 @@
 import { j as t } from "../jsx-runtime-OVHDjVDe.js";
 import * as n from "react";
-import { C as I, a as L } from "../ChevronRight-CyCLDFyO.js";
-import { Box as s, IconButton as R } from "@mui/material";
+import { C as I } from "../ChevronLeft-zg9wurzn.js";
+import { C as L } from "../ChevronRight-BKIP5v8z.js";
+import { Box as s, IconButton as C } from "@mui/material";
 import v from "../s-lazy-image/s-lazy-image.js";
-const C = n.forwardRef(
+const R = n.forwardRef(
   ({ sx: x, leftImage: g, rightImage: b, altLeft: w = "Left image", altRight: j = "Right image", initialPosition: y = 50, ...E }, r) => {
     const [i, S] = n.useState(y), [o, d] = n.useState(!1), l = n.useRef(null), u = (e) => {
       if (!l.current) return;
@@ -110,7 +111,7 @@ const C = n.forwardRef(
                   }
                 ),
                 /* @__PURE__ */ t.jsx(
-                  R,
+                  C,
                   {
                     className: "slider-handle",
                     sx: {
@@ -151,7 +152,7 @@ const C = n.forwardRef(
     );
   }
 );
-C.displayName = "SImageComparison";
+R.displayName = "SImageComparison";
 export {
-  C as default
+  R as default
 };

package/dist/s-image-modal/s-image-modal.js

@@ -1,10 +1,11 @@
 import { j as i } from "../jsx-runtime-OVHDjVDe.js";
-import { useState as R, useEffect as j } from "react";
-import { Modal as C, Box as a, Paper as g, Typography as k, IconButton as v, Stack as L } from "@mui/material";
+import { useState as E, useEffect as j } from "react";
+import { Modal as R, Box as a, Paper as g, Typography as k, IconButton as m, Stack as L } from "@mui/material";
 import { motion as b, AnimatePresence as A } from "framer-motion";
 import D from "../s-lazy-image/s-lazy-image.js";
 import { C as F } from "../Close-D4kX7Vbc.js";
-import { C as T, a as $ } from "../ChevronRight-CyCLDFyO.js";
+import { C as T } from "../ChevronLeft-zg9wurzn.js";
+import { C as $ } from "../ChevronRight-BKIP5v8z.js";
 const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disableVideoControls: r = !1 }) => s.type === "video" ? /* @__PURE__ */ i.jsx(
   a,
   {
@@ -34,29 +35,29 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
       ...l
     }
   }
-), V = ({
+), X = ({
   selectedItem: s,
   isOpen: d,
   onClose: l,
   onItemChange: e,
   mediaItems: r = [],
-  renderMediaItem: h,
+  renderMediaItem: f,
   showNavigation: z = !0,
   showThumbnailDock: I = !0,
   showCounter: P = !0,
   modalSx: S = {}
 }) => {
-  const [E, p] = R(s || null), t = s || E;
+  const [C, p] = E(s || null), t = s || C;
   j(() => {
     s && p(s);
   }, [s]);
-  const c = z && r.length > 1 && t, n = t ? r.findIndex((o) => o.id === t.id) : -1, f = r.length, m = () => {
+  const c = z && r.length > 1 && t, n = t ? r.findIndex((o) => o.id === t.id) : -1, h = r.length, v = () => {
     if (c && n > 0) {
       const o = r[n - 1];
       e ? e(o) : p(o);
     }
   }, y = () => {
-    if (c && n < f - 1) {
+    if (c && n < h - 1) {
       const o = r[n + 1];
       e ? e(o) : p(o);
     }
@@ -66,7 +67,7 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
       if (d)
         switch (u.key) {
           case "ArrowLeft":
-            m();
+            v();
             break;
           case "ArrowRight":
             y();
@@ -77,8 +78,8 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
         }
     };
     return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
-  }, [d, n, f, c]), !d || !t ? null : /* @__PURE__ */ i.jsx(
-    C,
+  }, [d, n, h, c]), !d || !t ? null : /* @__PURE__ */ i.jsx(
+    R,
     {
       open: d,
       onClose: l,
@@ -159,7 +160,7 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                                     overflow: "hidden"
                                   },
                                   children: [
-                                    h ? h(t) : /* @__PURE__ */ i.jsx(w, { item: t }),
+                                    f ? f(t) : /* @__PURE__ */ i.jsx(w, { item: t }),
                                     (t.title || t.desc) && /* @__PURE__ */ i.jsxs(
                                       a,
                                       {
@@ -189,7 +190,7 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                     }
                   ),
                   /* @__PURE__ */ i.jsx(
-                    v,
+                    m,
                     {
                       "aria-label": "Close",
                       onClick: l,
@@ -218,17 +219,17 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                       children: [
                         n + 1,
                         " / ",
-                        f
+                        h
                       ]
                     }
                   ),
                   c && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
                     /* @__PURE__ */ i.jsx(
-                      v,
+                      m,
                       {
                         "aria-label": "Previous image",
                         onClick: (o) => {
-                          o.stopPropagation(), m();
+                          o.stopPropagation(), v();
                         },
                         disabled: n === 0,
                         sx: {
@@ -245,13 +246,13 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                       }
                     ),
                     /* @__PURE__ */ i.jsx(
-                      v,
+                      m,
                       {
                         "aria-label": "Next image",
                         onClick: (o) => {
                           o.stopPropagation(), y();
                         },
-                        disabled: n === f - 1,
+                        disabled: n === h - 1,
                         sx: {
                           position: "absolute",
                           right: { xs: 8, sm: 10, md: 12 },
@@ -325,7 +326,7 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
                       transition: { type: "spring", stiffness: 400, damping: 25 }
                     },
                     children: [
-                      h ? h(o, () => {
+                      f ? f(o, () => {
                         e ? e(o) : p(o);
                       }) : /* @__PURE__ */ i.jsx(
                         w,
@@ -381,5 +382,5 @@ const w = ({ item: s, onClick: d, style: l = {}, objectFit: e = "contain", disab
 };
 export {
   w as DefaultMediaItem,
-  V as default
+  X as default
 };

package/package.json

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