@companix/uikit 0.0.39 → 0.0.40

package/dist/Segments/Segments.scss

@@ -3,13 +3,13 @@
 .segments {
   position: relative;
   display: flex;
-  width: 100%;
   height: 100%;
   border-radius: inherit;
   transition: all 100ms ease-out;
 
+  @include mixins.use-styles(segment-control);
+
   &-container {
-    width: 100%;
     box-sizing: border-box;
 
     @include mixins.use-styles(segment-control, container);
@@ -20,11 +20,7 @@
     top: 0;
     bottom: 0;
     left: 0;
-    width: calc(100% / var(--uikit--options));
     border-radius: inherit;
-    transform: translateX(calc(var(--uikit--current-index) * 100%));
-    transform-origin: 0 0;
-    transition: transform 150ms;
 
     @include mixins.use-styles(segment-control, slider);
   }
@@ -33,9 +29,7 @@
     position: relative;
     box-sizing: border-box;
     display: flex;
-    flex: 1;
     align-items: center;
-    justify-content: center;
     height: 100%;
     cursor: pointer;
     user-select: none;
@@ -44,14 +38,20 @@
     border-radius: inherit;
     transition: color 100ms ease-out;
 
-    &:not([data-active]):hover {
-      @include mixins.use-styles(segment-control, option, hover);
-    }
+    @include mixins.use-styles(segment-control, option);
 
-    &:not([data-active]):active {
-      @include mixins.use-styles(segment-control, option, active);
+    &:not([data-selected]) {
+      &:hover {
+        @include mixins.use-styles(segment-control, option, hover);
+      }
+
+      &:active {
+        @include mixins.use-styles(segment-control, option, active);
+      }
     }
 
-    @include mixins.use-styles(segment-control, option);
+    &[data-selected] {
+      @include mixins.use-styles(segment-control, option, selected);
+    }
   }
 }

package/dist/__hooks/use-tab-slider.d.ts

@@ -0,0 +1,7 @@
+export interface SliderOptions {
+    baseId: string;
+    value: string | number;
+    containerRef: React.RefObject<HTMLDivElement>;
+}
+export declare const useTabSlider: ({ baseId, value, containerRef }: SliderOptions) => import('react').CSSProperties;
+export declare const makeTabId: (baseId: string, value: string | number) => string;

package/dist/bundle.es12.js

@@ -1,10 +1,10 @@
 import { jsx as l } from "react/jsx-runtime";
 import { useMemo as F, useImperativeHandle as I } from "react";
 import { Popover as T } from "./bundle.es10.js";
-import { useFroozeClosing as b } from "./bundle.es44.js";
-import { SelectInput as z } from "./bundle.es45.js";
-import { useScrollListController as B } from "./bundle.es46.js";
-import { SelectOptions as D } from "./bundle.es47.js";
+import { useFroozeClosing as b } from "./bundle.es45.js";
+import { SelectInput as z } from "./bundle.es46.js";
+import { useScrollListController as B } from "./bundle.es47.js";
+import { SelectOptions as D } from "./bundle.es48.js";
 import { mergeRefs as j } from "react-merge-refs";
 const G = (a) => {
   const {

package/dist/bundle.es13.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as b, useRef as R } from "react";
 import { mergeRefs as c } from "react-merge-refs";
-import { InputElement as x } from "./bundle.es48.js";
-import { InputContainer as I } from "./bundle.es49.js";
+import { InputElement as x } from "./bundle.es49.js";
+import { InputContainer as I } from "./bundle.es50.js";
 import g from "classnames";
 const N = b(
   ({

package/dist/bundle.es15.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import C from "classnames";
 import { forwardRef as j, useRef as w } from "react";
 import { mergeRefs as y } from "react-merge-refs";
-import { InputContainer as F } from "./bundle.es49.js";
+import { InputContainer as F } from "./bundle.es50.js";
 import { NumericFormat as V } from "react-number-format";
 const D = j(
   ({

package/dist/bundle.es21.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import f from "classnames";
 import * as o from "@radix-ui/react-dialog";
 import { VisuallyHidden as a } from "@radix-ui/react-visually-hidden";
-import { RemoveListener as v } from "./bundle.es50.js";
+import { RemoveListener as v } from "./bundle.es51.js";
 const g = (l) => {
   const { size: n = "s", open: r, onOpenChange: s, children: c, onClosed: t, disableEsc: p, className: d } = l, m = (h) => {
     p && h.preventDefault();

package/dist/bundle.es22.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-alert-dialog";
 import { Button as c } from "./bundle.es4.js";
-import { RemoveListener as N } from "./bundle.es50.js";
+import { RemoveListener as N } from "./bundle.es51.js";
 import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
 const C = ({
   open: d,

package/dist/bundle.es23.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Button as m } from "./bundle.es4.js";
-import { useLoading as p } from "./bundle.es51.js";
+import { useLoading as p } from "./bundle.es52.js";
 const g = ({ onClick: o, appearance: r = "primary", ...i }) => {
   const { isLoading: n, isError: t, handleClick: a } = p({ onClick: o });
   return /* @__PURE__ */ e(

package/dist/bundle.es24.js

@@ -1,36 +1,21 @@
-import { jsx as n, jsxs as T } from "react/jsx-runtime";
-import * as c from "@radix-ui/react-tabs";
-import { useRef as g, useId as p, createContext as v, useState as I, useContext as d, useEffect as R } from "react";
-const l = v({ baseId: "", listRef: {} }), b = (t, e) => `radix-${t}-trigger-${e}`, y = ({ children: t, value: e, onChange: s }) => {
-  const r = g(null), o = p();
-  return /* @__PURE__ */ n(c.Root, { value: e, onValueChange: s, children: /* @__PURE__ */ n(l.Provider, { value: { baseId: o, listRef: r }, children: /* @__PURE__ */ T(c.List, { className: "tabs", ref: r, children: [
-    /* @__PURE__ */ n($, { value: e }),
-    t
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { useTabSlider as b, makeTabId as l } from "./bundle.es44.js";
+import * as n from "@radix-ui/react-tabs";
+import { useRef as m, useId as f, createContext as T, useContext as c } from "react";
+const o = T({ baseId: "", containerRef: {} }), u = ({ children: s, value: e, onChange: r }) => {
+  const t = m(null), i = f().replaceAll(":", "");
+  return /* @__PURE__ */ a(n.Root, { value: e, onValueChange: r, children: /* @__PURE__ */ a(o.Provider, { value: { baseId: i, containerRef: t }, children: /* @__PURE__ */ d(n.List, { className: "tabs", ref: t, children: [
+    /* @__PURE__ */ a(x, { value: e }),
+    s
   ] }) }) });
-}, $ = ({ value: t }) => {
-  const [e, s] = I({}), { baseId: r, listRef: o } = d(l);
-  return R(() => {
-    const a = { observer: null };
-    if (o.current) {
-      const f = `.tab[id="${b(r, t)}"]`, i = o.current.querySelector(f);
-      i != null ? (a.observer = new ResizeObserver(() => {
-        const { clientHeight: u, clientWidth: m, offsetLeft: h, offsetTop: x } = i;
-        s({
-          height: u,
-          transform: `translateX(${Math.floor(h)}px) translateY(${Math.floor(x)}px)`,
-          width: m
-        });
-      }), a.observer.observe(i)) : s({ display: "none" });
-    }
-    return () => {
-      a.observer && a.observer.disconnect();
-    };
-  }, [t]), /* @__PURE__ */ n("div", { className: "tab-indicator-container", style: e, children: /* @__PURE__ */ n("div", { className: "tab-indicator" }) });
-}, C = ({ children: t, value: e, ...s }) => {
-  const { baseId: r } = d(l), o = b(r, e);
-  return /* @__PURE__ */ n(c.Trigger, { ...s, id: o, className: "tab", value: e, children: t });
+}, x = ({ value: s }) => {
+  const { baseId: e, containerRef: r } = c(o), t = b({ baseId: e, value: s, containerRef: r });
+  return /* @__PURE__ */ a("div", { className: "tab-indicator-container", style: t, children: /* @__PURE__ */ a("div", { className: "tab-indicator" }) });
+}, I = ({ children: s, value: e, ...r }) => {
+  const { baseId: t } = c(o);
+  return /* @__PURE__ */ a(n.Trigger, { ...r, id: l(t, e), className: "tab", value: e, children: s });
 };
-y.Tab = C;
+u.Tab = I;
 export {
-  y as Tabs
+  u as Tabs
 };

package/dist/bundle.es26.js

@@ -1,5 +1,5 @@
 import { jsx as f } from "react/jsx-runtime";
-import { useResizeTextarea as x } from "./bundle.es52.js";
+import { useResizeTextarea as x } from "./bundle.es53.js";
 import { attr as e, callMultiple as u } from "@companix/utils-browser";
 import { useEffect as z } from "react";
 import { mergeRefs as R } from "react-merge-refs";

package/dist/bundle.es27.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { useFroozeClosing as M } from "./bundle.es44.js";
+import { useFroozeClosing as M } from "./bundle.es45.js";
 import { Popover as j } from "./bundle.es10.js";
 import { OptionItem as q } from "./bundle.es14.js";
 import { OptionsList as V } from "./bundle.es16.js";

package/dist/bundle.es28.js

@@ -2,11 +2,11 @@ import { jsx as u } from "react/jsx-runtime";
 import { Popover as T } from "./bundle.es10.js";
 import { Input as w } from "./bundle.es13.js";
 import { useState as A, useRef as j } from "react";
-import { Calendar as E } from "./bundle.es53.js";
-import { useDayDisableCheker as N } from "./bundle.es54.js";
+import { Calendar as E } from "./bundle.es54.js";
+import { useDayDisableCheker as N } from "./bundle.es55.js";
 import { getNum as h, formatTime as v } from "@companix/utils-js";
-import { removeDigits as O } from "./bundle.es55.js";
-import { SelectRightElements as Y } from "./bundle.es56.js";
+import { removeDigits as O } from "./bundle.es56.js";
+import { SelectRightElements as Y } from "./bundle.es57.js";
 const i = {
   char: "-",
   toString: (e) => {

package/dist/bundle.es29.js

@@ -1,8 +1,8 @@
 import { jsxs as D, jsx as h } from "react/jsx-runtime";
 import { useMemo as M, useEffect as C } from "react";
 import { Select as c } from "./bundle.es12.js";
-import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es55.js";
-import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es57.js";
+import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es56.js";
+import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es58.js";
 const B = ({
   min: o = j,
   max: e = N,

package/dist/bundle.es32.js

@@ -1,8 +1,8 @@
 import { jsx as g } from "react/jsx-runtime";
 import { useRef as _, useMemo as b, useState as P, useEffect as j } from "react";
 import { getNum as v } from "@companix/utils-js";
-import { getTimesOptions as D, getTimeValue as A, removeDigits as W, convertTimeToOption as q } from "./bundle.es55.js";
-import { SelectRightElements as w } from "./bundle.es56.js";
+import { getTimesOptions as D, getTimeValue as A, removeDigits as W, convertTimeToOption as q } from "./bundle.es56.js";
+import { SelectRightElements as w } from "./bundle.es57.js";
 import { Select as y } from "./bundle.es12.js";
 import { Input as z } from "./bundle.es13.js";
 const r = {

package/dist/bundle.es35.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { useState as h, useEffect as c, createContext as f, useContext as w } from "react";
-import { getColorScheme as v, updateDOM as m } from "./bundle.es58.js";
+import { getColorScheme as v, updateDOM as m } from "./bundle.es59.js";
 const i = f({
   setColorScheme: () => {
   }

package/dist/bundle.es38.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { hash as m } from "@companix/utils-js";
 import { useRef as n, useMemo as s } from "react";
-import { Viewport as p } from "./bundle.es59.js";
+import { Viewport as p } from "./bundle.es60.js";
 const a = (t = {}) => {
   const e = {
     emit: (r) => {

package/dist/bundle.es39.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { hash as r } from "@companix/utils-js";
-import { Viewport as a } from "./bundle.es60.js";
+import { Viewport as a } from "./bundle.es61.js";
 import { useRef as c, useMemo as h } from "react";
 const m = (i = {}) => {
   const o = {

package/dist/bundle.es40.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-toast";
 import { attr as T } from "@companix/utils-browser";
 import { useState as d, useRef as b, useEffect as j, useLayoutEffect as E } from "react";
-import { RemoveListener as I } from "./bundle.es50.js";
+import { RemoveListener as I } from "./bundle.es51.js";
 const m = (o) => {
   const [r, u] = d(!0), [p, f] = d(!1), s = b(null), {
     appearance: C = "neutral",

package/dist/bundle.es44.js

@@ -1,26 +1,25 @@
-import { useRef as s, useCallback as c } from "react";
-const p = () => {
-  const t = s(null), r = s({ cb: null }), i = c(() => {
-    if (t.current && t.current.parentElement) {
-      const e = t.current.parentElement, u = e.style.getPropertyValue("--radix-popper-anchor-width"), n = e.style.getPropertyValue("transform"), o = new MutationObserver(() => {
-        e.style.transform !== n && e.style.setProperty("transform", n);
-      });
-      o.observe(e, {
-        attributes: !0,
-        attributeFilter: ["style"]
-      }), r.current.cb = () => {
-        o.disconnect();
-      }, t.current.style.setProperty("--radix-popover-trigger-width", u);
+import { useState as u, useEffect as d } from "react";
+const v = ({ baseId: r, value: e, containerRef: o }) => {
+  const [l, n] = u({});
+  return d(() => {
+    const t = { observer: null };
+    if (o.current) {
+      const c = `#${h(r, e)}`, s = o.current.querySelector(c);
+      s != null ? (t.observer = new ResizeObserver(() => {
+        const { clientHeight: i, clientWidth: a, offsetLeft: f, offsetTop: b } = s;
+        n({
+          width: a,
+          height: i,
+          transform: `translateX(${Math.floor(f)}px) translateY(${Math.floor(b)}px)`
+        });
+      }), t.observer.observe(s)) : n({ display: "none" });
     }
-  }, []), l = c(() => {
-    r.current.cb && (r.current.cb(), r.current.cb = null);
-  }, []);
-  return {
-    popoverRef: t,
-    handleAnimationEnd: l,
-    froozePopoverPosition: i
-  };
-};
+    return () => {
+      t.observer && t.observer.disconnect();
+    };
+  }, [e]), l;
+}, h = (r, e) => `uikit-tab-${r}-trigger-${e}`;
 export {
-  p as useFroozeClosing
+  h as makeTabId,
+  v as useTabSlider
 };

package/dist/bundle.es45.js

@@ -1,89 +1,26 @@
-import { jsxs as o, jsx as c } from "react/jsx-runtime";
-import A from "classnames";
-import { attr as l } from "@companix/utils-browser";
-import { forwardRef as y, useRef as S, useCallback as T } from "react";
-import { VisuallyHidden as j } from "@radix-ui/react-visually-hidden";
-import { mergeRefs as w } from "react-merge-refs";
-import { SelectRightElements as z } from "./bundle.es56.js";
-const V = y(
-  ({
-    required: a,
-    size: u,
-    fill: d,
-    leftElement: s,
-    className: m,
-    value: n,
-    clearButton: f,
-    placeholder: p,
-    clearButtonIcon: h,
-    disabled: r,
-    onClear: C,
-    inputRef: I,
-    ...i
-  }, k) => {
-    const e = S(null), N = T(
-      (t) => {
-        if (!e.current || !document)
-          return;
-        t.target !== e.current && (e.current.click(), document.activeElement !== e.current && e.current.focus());
-      },
-      [e]
-    ), v = (t) => {
-      document && document.activeElement === e.current && t.preventDefault();
-    }, F = (t) => {
-      r || N(t);
-    }, g = (t) => {
-      v(t);
-    }, R = (t) => {
-      e.current && e.current.focus(), C?.(t);
-    };
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        ref: k,
-        className: A("form select", m),
-        "data-size": u ?? "md",
-        "data-fill": l(d),
-        "data-required": l(a),
-        "data-disabled": l(r),
-        onMouseDown: g,
-        ...i,
-        onClick: F,
-        children: [
-          /* @__PURE__ */ o("div", { className: "select-layout form-input", children: [
-            s && /* @__PURE__ */ c("div", { className: "select-element", children: s }),
-            /* @__PURE__ */ c("div", { className: "select-content", children: /* @__PURE__ */ o("div", { className: "select-content-text", "aria-disabled": r, children: [
-              !n && /* @__PURE__ */ c("span", { className: "select-placeholder", children: p }),
-              n
-            ] }) }),
-            /* @__PURE__ */ c("div", { className: "select-element", children: /* @__PURE__ */ c(
-              z,
-              {
-                clearButton: f,
-                value: !!n,
-                clearButtonIcon: h,
-                onClear: R
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ c(j, { asChild: !0, children: /* @__PURE__ */ c(
-            "input",
-            {
-              ref: w([I, e]),
-              autoComplete: "off",
-              autoCapitalize: "none",
-              autoCorrect: "off",
-              spellCheck: "false",
-              "aria-autocomplete": "none",
-              onClick: i.onClick,
-              readOnly: !0
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
+import { useRef as s, useCallback as c } from "react";
+const p = () => {
+  const t = s(null), r = s({ cb: null }), i = c(() => {
+    if (t.current && t.current.parentElement) {
+      const e = t.current.parentElement, u = e.style.getPropertyValue("--radix-popper-anchor-width"), n = e.style.getPropertyValue("transform"), o = new MutationObserver(() => {
+        e.style.transform !== n && e.style.setProperty("transform", n);
+      });
+      o.observe(e, {
+        attributes: !0,
+        attributeFilter: ["style"]
+      }), r.current.cb = () => {
+        o.disconnect();
+      }, t.current.style.setProperty("--radix-popover-trigger-width", u);
+    }
+  }, []), l = c(() => {
+    r.current.cb && (r.current.cb(), r.current.cb = null);
+  }, []);
+  return {
+    popoverRef: t,
+    handleAnimationEnd: l,
+    froozePopoverPosition: i
+  };
+};
 export {
-  V as SelectInput
+  p as useFroozeClosing
 };

package/dist/bundle.es46.js

@@ -1,20 +1,89 @@
-import { useRef as u, useCallback as T } from "react";
-const g = () => {
-  const l = u(null), t = u(null);
-  return { scrollToElement: T(
-    (r, f) => {
-      const o = l.current, s = t.current;
-      if (!o || !s || r < 0 || r > s.children.length)
-        return;
-      const c = s.children[r];
-      if (!c)
-        return;
-      const n = o.offsetHeight, i = o.scrollTop, e = c.offsetTop, p = c.offsetHeight;
-      f === "center" ? o.scrollTop = e - n / 2 + p / 2 : f === "top" ? o.scrollTop = e : e + p > n + i ? o.scrollTop = e - n + p : e < i && (o.scrollTop = e);
-    },
-    [t, l]
-  ), scrollBoxRef: l, optionsWrapperRef: t };
-};
+import { jsxs as o, jsx as c } from "react/jsx-runtime";
+import A from "classnames";
+import { attr as l } from "@companix/utils-browser";
+import { forwardRef as y, useRef as S, useCallback as T } from "react";
+import { VisuallyHidden as j } from "@radix-ui/react-visually-hidden";
+import { mergeRefs as w } from "react-merge-refs";
+import { SelectRightElements as z } from "./bundle.es57.js";
+const V = y(
+  ({
+    required: a,
+    size: u,
+    fill: d,
+    leftElement: s,
+    className: m,
+    value: n,
+    clearButton: f,
+    placeholder: p,
+    clearButtonIcon: h,
+    disabled: r,
+    onClear: C,
+    inputRef: I,
+    ...i
+  }, k) => {
+    const e = S(null), N = T(
+      (t) => {
+        if (!e.current || !document)
+          return;
+        t.target !== e.current && (e.current.click(), document.activeElement !== e.current && e.current.focus());
+      },
+      [e]
+    ), v = (t) => {
+      document && document.activeElement === e.current && t.preventDefault();
+    }, F = (t) => {
+      r || N(t);
+    }, g = (t) => {
+      v(t);
+    }, R = (t) => {
+      e.current && e.current.focus(), C?.(t);
+    };
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: k,
+        className: A("form select", m),
+        "data-size": u ?? "md",
+        "data-fill": l(d),
+        "data-required": l(a),
+        "data-disabled": l(r),
+        onMouseDown: g,
+        ...i,
+        onClick: F,
+        children: [
+          /* @__PURE__ */ o("div", { className: "select-layout form-input", children: [
+            s && /* @__PURE__ */ c("div", { className: "select-element", children: s }),
+            /* @__PURE__ */ c("div", { className: "select-content", children: /* @__PURE__ */ o("div", { className: "select-content-text", "aria-disabled": r, children: [
+              !n && /* @__PURE__ */ c("span", { className: "select-placeholder", children: p }),
+              n
+            ] }) }),
+            /* @__PURE__ */ c("div", { className: "select-element", children: /* @__PURE__ */ c(
+              z,
+              {
+                clearButton: f,
+                value: !!n,
+                clearButtonIcon: h,
+                onClear: R
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ c(j, { asChild: !0, children: /* @__PURE__ */ c(
+            "input",
+            {
+              ref: w([I, e]),
+              autoComplete: "off",
+              autoCapitalize: "none",
+              autoCorrect: "off",
+              spellCheck: "false",
+              "aria-autocomplete": "none",
+              onClick: i.onClick,
+              readOnly: !0
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
 export {
-  g as useScrollListController
+  V as SelectInput
 };

package/dist/bundle.es47.js

@@ -1,22 +1,20 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useEffect as a } from "react";
-import { OptionItem as f } from "./bundle.es14.js";
-import { OptionsList as O } from "./bundle.es16.js";
-const h = (t) => {
-  const { active: i, onOpened: m, scrollboxRef: n, optionsWrapperRef: r, options: p, onSelect: s, minimalOptions: c } = t;
-  return a(() => {
-    m?.();
-  }, []), /* @__PURE__ */ o(O, { scrollboxRef: n, optionsWrapperRef: r, maxHeight: 300, children: p.map((e, l) => /* @__PURE__ */ o(
-    f,
-    {
-      active: i === e.value,
-      onClick: () => s?.(e.value),
-      minimal: c,
-      ...e
+import { useRef as u, useCallback as T } from "react";
+const g = () => {
+  const l = u(null), t = u(null);
+  return { scrollToElement: T(
+    (r, f) => {
+      const o = l.current, s = t.current;
+      if (!o || !s || r < 0 || r > s.children.length)
+        return;
+      const c = s.children[r];
+      if (!c)
+        return;
+      const n = o.offsetHeight, i = o.scrollTop, e = c.offsetTop, p = c.offsetHeight;
+      f === "center" ? o.scrollTop = e - n / 2 + p / 2 : f === "top" ? o.scrollTop = e : e + p > n + i ? o.scrollTop = e - n + p : e < i && (o.scrollTop = e);
     },
-    `select-option-${l}`
-  )) });
+    [t, l]
+  ), scrollBoxRef: l, optionsWrapperRef: t };
 };
 export {
-  h as SelectOptions
+  g as useScrollListController
 };