@solostylist/ui-kit 1.0.112 → 1.0.113

package/dist/assets/s-overlay-scrollbar.css

@@ -0,0 +1,9 @@
+/*! 
+ * OverlayScrollbars
+ * Version: 2.12.0
+ * 
+ * Copyright (c) Rene Haas | KingSora.
+ * https://github.com/KingSora
+ * 
+ * Released under the MIT license.
+ */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x: hidden;--os-viewport-overflow-y: hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x: visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x: hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x: scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y: visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y: hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y: scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax: "<number>"; inherits: true; initial-value: 0;}@property --os-viewport-percent{syntax: "<number>"; inherits: true; initial-value: 0;}.os-scrollbar{--os-viewport-percent: 0;--os-scroll-percent: 0;--os-scroll-direction: 0;--os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translate(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}

package/dist/main.d.ts

@@ -51,6 +51,8 @@ export { default as SMultiSelect } from './s-multi-select/index';
 export type { SMultiSelectProps } from './s-multi-select/index';
 export { default as SNoSsr } from './s-no-ssr/index';
 export type { SNoSsrProps } from './s-no-ssr/index';
+export { default as SOverlayScrollbar } from './s-overlay-scrollbar/index';
+export type { SOverlayScrollbarProps } from './s-overlay-scrollbar/index';
 export { default as STextField } from './s-text-field/index';
 export type { STextFieldProps } from './s-text-field/index';
 export { default as SPagination } from './s-pagination/index';

package/dist/main.js

@@ -1,21 +1,21 @@
 import { default as a } 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 x } from "./s-avatar/s-avatar.js";
+import { default as S } 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 D } from "./s-text-editor/s-text-editor.js";
+import { default as b } 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 y } from "./s-checkbox/s-checkbox.js";
 import { default as I } from "./s-chip/s-chip.js";
 import { default as k } from "./s-chips/s-chips.js";
 import { default as F } from "./s-data-table/s-data-table.js";
 import { DialogConfirmProvider as B, default as z, useDialogConfirm as E } from "./s-dialog-confirm/s-dialog-confirm.js";
 import { DialogMessageProvider as w, default as G, useDialogMessage as N } from "./s-dialog-message/s-dialog-message.js";
-import { default as K } from "./s-error/s-error.js";
+import { default as j } from "./s-error/s-error.js";
 import { default as V } from "./s-empty/s-empty.js";
 import { default as H } from "./s-flex-box/s-flex-box.js";
 import { default as Q } from "./s-dialog/s-dialog.js";
@@ -26,128 +26,130 @@ import { default as ee } from "./s-icon-button/s-icon-button.js";
 import { default as re } from "./s-label/s-label.js";
 import { default as ae } from "./s-multi-select/s-multi-select.js";
 import { default as le } from "./s-no-ssr/s-no-ssr.js";
-import { default as se } from "./s-text-field/s-text-field.js";
-import { default as xe } from "./s-pagination/s-pagination.js";
-import { default as de } from "./s-select/s-select.js";
-import { default as ie } from "./s-skeleton/s-skeleton.js";
-import { default as ge } from "./s-tip/s-tip.js";
-import { default as Te } from "./s-text-truncation/s-text-truncation.js";
-import { default as ve, SnackbarMessageProvider as Pe, useSnackbarMessage as De } from "./s-snackbar-message/s-snackbar-message.js";
-import { default as Me } from "./s-form/s-form.js";
-import { SSmartTextField as Ie } from "./s-smart-text-field/s-smart-text-field.js";
-import { SCopilotKitProvider as ke } from "./s-copilot-kit-provider/s-copilot-kit-provider.js";
-import { SStripeCVC as Fe, SStripeExpiry as Ae, SStripeNumber as Be, StripeTextField as ze } from "./s-stripe/s-stripe.js";
-import { default as Re } from "./s-theme-provider/s-theme-provider.js";
-import { default as Ge } from "./s-datetime-picker/s-datetime-picker.js";
-import { default as je } from "./s-date-picker/s-date-picker.js";
-import { default as Oe } from "./s-localization-provider/s-localization-provider.js";
-import { default as qe } from "./s-gradient-icon/s-gradient-icon.js";
-import { default as Je } from "./s-glow-button/s-glow-button.js";
-import { default as Ue } from "./s-moving-border/s-moving-border.js";
-import { default as Xe } from "./s-scroll-reveal/s-scroll-reveal.js";
-import { default as Ze } from "./s-spotlight-cursor/s-spotlight-cursor.js";
-import { default as $e } from "./s-copyable-text/s-copyable-text.js";
-import { MediaItem as oo, default as ro } from "./s-interactive-gallery/s-interactive-gallery.js";
-import { default as ao } from "./s-image-modal/s-image-modal.js";
-import { default as lo } from "./s-lazy-image/s-lazy-image.js";
-import { default as so } from "./s-image-comparison/s-image-comparison.js";
-import { default as xo } from "./s-category-card/s-category-card.js";
-import { default as uo } from "./s-radial-pulse-animate/s-radial-pulse-animate.js";
-import { default as no } from "./s-rating/s-rating.js";
-import { default as co } from "./s-review/s-review.js";
-import { default as Co } from "./s-tabs/s-tabs.js";
-import { default as Po } from "./s-tabs/s-tab.js";
-import { default as bo } from "./s-tabs/s-tab-panel.js";
-import { default as yo } from "./s-text-shimmer/s-text-shimmer.js";
-import { default as ho } from "./s-typewriter-text/s-typewriter-text.js";
-import { useDialog as Lo } from "./hooks/use-dialog.js";
-import { usePopover as Ao } from "./hooks/use-popover.js";
+import { default as se } from "./s-overlay-scrollbar/s-overlay-scrollbar.js";
+import { default as Se } from "./s-text-field/s-text-field.js";
+import { default as de } from "./s-pagination/s-pagination.js";
+import { default as ie } from "./s-select/s-select.js";
+import { default as ge } from "./s-skeleton/s-skeleton.js";
+import { default as Te } from "./s-tip/s-tip.js";
+import { default as ve } from "./s-text-truncation/s-text-truncation.js";
+import { default as be, SnackbarMessageProvider as De, useSnackbarMessage as ye } from "./s-snackbar-message/s-snackbar-message.js";
+import { default as Ie } from "./s-form/s-form.js";
+import { SSmartTextField as ke } from "./s-smart-text-field/s-smart-text-field.js";
+import { SCopilotKitProvider as Fe } from "./s-copilot-kit-provider/s-copilot-kit-provider.js";
+import { SStripeCVC as Be, SStripeExpiry as ze, SStripeNumber as Ee, StripeTextField as Re } from "./s-stripe/s-stripe.js";
+import { default as Ge } from "./s-theme-provider/s-theme-provider.js";
+import { default as Oe } from "./s-datetime-picker/s-datetime-picker.js";
+import { default as Ke } from "./s-date-picker/s-date-picker.js";
+import { default as qe } from "./s-localization-provider/s-localization-provider.js";
+import { default as Je } from "./s-gradient-icon/s-gradient-icon.js";
+import { default as Ue } from "./s-glow-button/s-glow-button.js";
+import { default as Xe } from "./s-moving-border/s-moving-border.js";
+import { default as Ze } from "./s-scroll-reveal/s-scroll-reveal.js";
+import { default as $e } from "./s-spotlight-cursor/s-spotlight-cursor.js";
+import { default as oo } from "./s-copyable-text/s-copyable-text.js";
+import { MediaItem as to, default as ao } from "./s-interactive-gallery/s-interactive-gallery.js";
+import { default as lo } from "./s-image-modal/s-image-modal.js";
+import { default as so } from "./s-lazy-image/s-lazy-image.js";
+import { default as So } from "./s-image-comparison/s-image-comparison.js";
+import { default as uo } from "./s-category-card/s-category-card.js";
+import { default as no } from "./s-radial-pulse-animate/s-radial-pulse-animate.js";
+import { default as co } from "./s-rating/s-rating.js";
+import { default as Co } from "./s-review/s-review.js";
+import { default as Po } from "./s-tabs/s-tabs.js";
+import { default as Do } from "./s-tabs/s-tab.js";
+import { default as Mo } from "./s-tabs/s-tab-panel.js";
+import { default as ho } from "./s-text-shimmer/s-text-shimmer.js";
+import { default as Lo } from "./s-typewriter-text/s-typewriter-text.js";
+import { useDialog as Ao } from "./hooks/use-dialog.js";
+import { usePopover as zo } from "./hooks/use-popover.js";
 import "react";
-import { useScrollAnimation as zo } from "./hooks/use-scroll-animation.js";
-import { formatDatePosted as Ro } from "./utils/dayjs.js";
-import { bytesToSize as Go } from "./utils/bytes-to-size.js";
-import { LogLevel as jo, Logger as Ko, createLogger as Oo, logger as Vo } from "./utils/logger.js";
-import { default as Ho } from "dayjs";
+import { useScrollAnimation as Ro } from "./hooks/use-scroll-animation.js";
+import { formatDatePosted as Go } from "./utils/dayjs.js";
+import { bytesToSize as Oo } from "./utils/bytes-to-size.js";
+import { LogLevel as Ko, Logger as Vo, createLogger as qo, logger as Ho } from "./utils/logger.js";
+import { default as Qo } from "dayjs";
 export {
   B as DialogConfirmProvider,
   w as DialogMessageProvider,
-  jo as LogLevel,
-  Ko as Logger,
-  oo as MediaItem,
+  Ko as LogLevel,
+  Vo as Logger,
+  to as MediaItem,
   a as SAccordion,
   l as SActionOverlay,
   s as SAutocomplete,
-  x as SAvatar,
+  S as SAvatar,
   d as SButton,
   i as SButtonLink,
   g as SCarousel,
-  xo as SCategoryCard,
+  uo as SCategoryCard,
   T as SChatInput,
   v as SChatMessage,
-  M as SCheckbox,
+  y as SCheckbox,
   I as SChip,
   k as SChips,
-  ke as SCopilotKitProvider,
-  $e as SCopyableText,
+  Fe as SCopilotKitProvider,
+  oo as SCopyableText,
   F as SDataTable,
-  je as SDatePicker,
-  Ge as SDateTimePicker,
+  Ke as SDatePicker,
+  Oe as SDateTimePicker,
   Q as SDialog,
   z as SDialogConfirm,
   G as SDialogMessage,
   V as SEmpty,
-  K as SError,
+  j as SError,
   W as SFileDropzone,
   Y as SFileIcon,
   H as SFlexBox,
-  Me as SForm,
-  Je as SGlowButton,
-  qe as SGradientIcon,
+  Ie as SForm,
+  Ue as SGlowButton,
+  Je as SGradientIcon,
   _ as SI18nProvider,
   ee as SIconButton,
-  so as SImageComparison,
-  ao as SImageModal,
-  ro as SInteractiveGallery,
+  So as SImageComparison,
+  lo as SImageModal,
+  ao as SInteractiveGallery,
   re as SLabel,
-  lo as SLazyImage,
-  Oe as SLocalizationProvider,
-  Ue as SMovingBorder,
+  so as SLazyImage,
+  qe as SLocalizationProvider,
+  Xe as SMovingBorder,
   ae as SMultiSelect,
   le as SNoSsr,
-  xe as SPagination,
-  uo as SRadialPulseAnimate,
-  no as SRating,
-  co as SReview,
-  Xe as SScrollReveal,
-  de as SSelect,
-  ie as SSkeleton,
-  Ie as SSmartTextField,
-  ve as SSnackbarMessage,
-  Ze as SSpotlightCursor,
-  Fe as SStripeCVC,
-  Ae as SStripeExpiry,
-  Be as SStripeNumber,
-  Po as STab,
-  bo as STabPanel,
-  Co as STabs,
-  D as STextEditor,
-  se as STextField,
-  yo as STextShimmer,
-  Te as STextTruncation,
-  Re as SThemeProvider,
-  ge as STip,
-  ho as STypewriterText,
-  Pe as SnackbarMessageProvider,
-  ze as StripeTextField,
-  Go as bytesToSize,
-  Oo as createLogger,
-  Ho as dayjs,
-  Ro as formatDatePosted,
-  Vo as logger,
-  Lo as useDialog,
+  se as SOverlayScrollbar,
+  de as SPagination,
+  no as SRadialPulseAnimate,
+  co as SRating,
+  Co as SReview,
+  Ze as SScrollReveal,
+  ie as SSelect,
+  ge as SSkeleton,
+  ke as SSmartTextField,
+  be as SSnackbarMessage,
+  $e as SSpotlightCursor,
+  Be as SStripeCVC,
+  ze as SStripeExpiry,
+  Ee as SStripeNumber,
+  Do as STab,
+  Mo as STabPanel,
+  Po as STabs,
+  b as STextEditor,
+  Se as STextField,
+  ho as STextShimmer,
+  ve as STextTruncation,
+  Ge as SThemeProvider,
+  Te as STip,
+  Lo as STypewriterText,
+  De as SnackbarMessageProvider,
+  Re as StripeTextField,
+  Oo as bytesToSize,
+  qo as createLogger,
+  Qo as dayjs,
+  Go as formatDatePosted,
+  Ho as logger,
+  Ao as useDialog,
   E as useDialogConfirm,
   N as useDialogMessage,
-  Ao as usePopover,
-  zo as useScrollAnimation,
-  De as useSnackbarMessage
+  zo as usePopover,
+  Ro as useScrollAnimation,
+  ye as useSnackbarMessage
 };

package/dist/s-overlay-scrollbar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-overlay-scrollbar';
+export type { SOverlayScrollbarProps } from './s-overlay-scrollbar';

package/dist/s-overlay-scrollbar/index.js

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

package/dist/s-overlay-scrollbar/package.json

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

package/dist/s-overlay-scrollbar/s-overlay-scrollbar.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface SOverlayScrollbarProps extends PropsWithChildren {
+    className?: string;
+    sx?: SxProps<Theme>;
+}
+declare const SOverlayScrollbar: ({ sx, children, className }: SOverlayScrollbarProps) => import("react/jsx-runtime").JSX.Element;
+export default SOverlayScrollbar;

package/dist/s-overlay-scrollbar/s-overlay-scrollbar.js

@@ -0,0 +1,25 @@
+import { j as t } from "../jsx-runtime-DywqP_6a.js";
+import { OverlayScrollbarsComponent as l } from "overlayscrollbars-react";
+import { s } from "../styled-DOEEZAON.js";
+import { a as r } from "../colorManipulator-ep5lERxB.js";
+import '../assets/s-overlay-scrollbar.css';const p = s(l)(({ theme: e }) => ({
+  maxHeight: "100%",
+  ".os-theme-dark": {
+    "--os-size": "9px",
+    "--os-handle-bg": r(e.palette.grey[400], 0.5),
+    "--os-handle-bg-hover": r(e.palette.grey[400], 0.6),
+    "--os-handle-bg-active": r(e.palette.grey[400], 0.6)
+  }
+})), y = ({ sx: e, children: o, className: a }) => /* @__PURE__ */ t.jsx(
+  p,
+  {
+    defer: !0,
+    sx: e,
+    className: a,
+    options: { scrollbars: { autoHide: "leave", autoHideDelay: 100 } },
+    children: o
+  }
+);
+export {
+  y as default
+};

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.112",
+  "version": "1.0.113",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",
@@ -45,6 +45,7 @@
     "@tiptap/react": "^2.11.9",
     "@tiptap/starter-kit": "^2.11.9",
     "dayjs": "^1.11.13",
+    "emoji-picker-react": "^4.13.3",
     "framer-motion": "^12.23.3",
     "i18next": "^25.0.2",
     "i18next-http-backend": "^3.0.2",
@@ -56,7 +57,7 @@
     "react-slick": "^0.31.0",
     "slick-carousel": "^1.8.1",
     "uuid": "^11.1.0",
-    "emoji-picker-react": "^4.13.3"
+    "overlayscrollbars-react": "^0.5.6"
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^4.4.2",