@solostylist/ui-kit 1.0.117 → 1.0.118

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

@@ -4,5 +4,5 @@ export interface SOverlayScrollbarProps extends PropsWithChildren {
     className?: string;
     sx?: SxProps<Theme>;
 }
-declare const SOverlayScrollbar: ({ sx, children, className }: SOverlayScrollbarProps) => import("react/jsx-runtime").JSX.Element;
+declare const SOverlayScrollbar: import('react').ForwardRefExoticComponent<SOverlayScrollbarProps & import('react').RefAttributes<import('overlayscrollbars-react').OverlayScrollbarsComponentRef<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>>;
 export default SOverlayScrollbar;

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

@@ -1,25 +1,30 @@
 import { j as t } from "../jsx-runtime-OVHDjVDe.js";
-import { OverlayScrollbarsComponent as l } from "overlayscrollbars-react";
-import { s } from "../styled-BD_erj7E.js";
-import { a as r } from "../colorManipulator-ep5lERxB.js";
-import '../assets/s-overlay-scrollbar.css';const p = s(l)(({ theme: e }) => ({
+import { forwardRef as s } from "react";
+import { OverlayScrollbarsComponent as p } from "overlayscrollbars-react";
+import { s as i } from "../styled-BD_erj7E.js";
+import { a as e } from "../colorManipulator-ep5lERxB.js";
+import '../assets/s-overlay-scrollbar.css';const m = i(p)(({ theme: r }) => ({
   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
+    "--os-handle-bg": e(r.palette.grey[400], 0.5),
+    "--os-handle-bg-hover": e(r.palette.grey[400], 0.6),
+    "--os-handle-bg-active": e(r.palette.grey[400], 0.6)
   }
+})), d = s(
+  ({ sx: r, children: a, className: o }, l) => /* @__PURE__ */ t.jsx(
+    m,
+    {
+      ref: l,
+      defer: !0,
+      sx: r,
+      className: o,
+      options: { scrollbars: { autoHide: "leave", autoHideDelay: 100 } },
+      children: a
+    }
+  )
 );
+d.displayName = "SOverlayScrollbar";
 export {
-  y as default
+  d as default
 };

package/package.json

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