@solostylist/ui-kit 1.0.151 → 1.0.153

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/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/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

@@ -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

@@ -1,169 +1,173 @@
 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 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 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 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 { 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 { 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";
+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,
-  or as LogLevel,
-  rr 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,
-  s as SAutocomplete,
+  m as SAutocomplete,
   u as SAvatar,
-  d as SButton,
-  i as SButtonLink,
-  g as SCarousel,
-  yo as SCategoryCard,
-  T as SChatInput,
-  v 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,
-  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,
-  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-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-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/dist/s-scroll-to-top/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-scroll-to-top';
+export type { SScrollToTopProps } from './s-scroll-to-top';

package/dist/s-scroll-to-top/index.js

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

package/dist/s-scroll-to-top/package.json

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

package/dist/s-scroll-to-top/s-scroll-to-top.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface SScrollToTopProps {
+    /**
+     * Handler called when the scroll-to-top button is clicked
+     */
+    onClick?: () => void;
+    /**
+     * ID of the scrollable element to monitor. If not provided, monitors the window scroll
+     */
+    scrollElementId?: string;
+    /**
+     * Scroll position (in pixels) after which the button becomes visible
+     * @default 100
+     */
+    threshold?: number;
+    /**
+     * Custom icon to display instead of the default arrow
+     */
+    icon?: React.ReactNode;
+    /**
+     * System prop for custom styling
+     */
+    sx?: SxProps<Theme>;
+}
+declare const SScrollToTop: React.MemoExoticComponent<({ onClick, scrollElementId, threshold, icon, sx }: SScrollToTopProps) => import("react/jsx-runtime").JSX.Element>;
+export default SScrollToTop;

package/dist/s-scroll-to-top/s-scroll-to-top.js

@@ -0,0 +1,50 @@
+import { j as i } from "../jsx-runtime-OVHDjVDe.js";
+import d from "react";
+import { A as c } from "../ArrowUpward-DvTpkKgd.js";
+import { useIsPassedPosition as m } from "../hooks/use-is-passed-position.js";
+import { s as p } from "../styled-BD_erj7E.js";
+import { B as f } from "../Box-DqmXop3Z.js";
+const h = p(f)({
+  position: "fixed",
+  bottom: 20,
+  right: 20,
+  zIndex: 100,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  borderRadius: "50%",
+  width: 40,
+  height: 40,
+  backgroundColor: "background.paper",
+  cursor: "pointer",
+  transition: "all 0.3s ease",
+  "&:hover": {
+    transform: "scale(1.1)"
+  }
+}), u = d.memo(({ onClick: r, scrollElementId: o, threshold: e = 100, icon: a, sx: n }) => {
+  const s = m(o || window, e), l = () => {
+    if (r)
+      r();
+    else if (o) {
+      const t = document.getElementById(o);
+      t == null || t.scrollTo({ top: 0, behavior: "smooth" });
+    } else
+      window.scrollTo({ top: 0, behavior: "smooth" });
+  };
+  return /* @__PURE__ */ i.jsx(
+    h,
+    {
+      sx: {
+        opacity: s ? 1 : 0,
+        visibility: s ? "visible" : "hidden",
+        ...n
+      },
+      onClick: l,
+      children: a || /* @__PURE__ */ i.jsx(c, {})
+    }
+  );
+});
+u.displayName = "SScrollToTop";
+export {
+  u as default
+};

package/package.json

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