vft 0.0.249 → 0.0.252

package/es/components/virtual-list/components/scrollbar.js

@@ -1,55 +1,55 @@
+import { defineComponent as C, computed as r, ref as E, reactive as N, unref as f, watch as k, onBeforeUnmount as O, h as x, withModifiers as _ } from "vue";
 import "../../scrollbar/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
-import { cAF as C, rAF as N } from "../../../utils/vue/raf.js";
-import { defineComponent as k, computed as a, ref as p, reactive as O, unref as d, watch as _, onBeforeUnmount as F, h as x, withModifiers as G } from "vue";
+import { cAF as F, rAF as H } from "../../../utils/vue/raf.js";
 import { useNamespace as L } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import { ScrollbarDirKey as H, HORIZONTAL as R, SCROLLBAR_MIN_SIZE as V } from "../defaults.js";
+import { ScrollbarDirKey as G, HORIZONTAL as R, SCROLLBAR_MIN_SIZE as V } from "../defaults.js";
 import { virtualizedScrollbarProps as Z } from "../props.js";
 import { renderThumbStyle as $ } from "../utils.js";
 import { BAR_MAP as K } from "../../scrollbar/util.js";
-const it = k({
+const st = C({
   name: "ElVirtualScrollBar",
   props: Z,
   emits: ["scroll", "start-move", "stop-move"],
   setup(e, { emit: u }) {
-    const b = a(() => e.startGap + e.endGap), z = L("virtual-scrollbar"), I = L("scrollbar"), f = p(), l = p();
-    let S = null, h = null;
-    const n = O({
+    const S = r(() => e.startGap + e.endGap), I = L("virtual-scrollbar"), A = L("scrollbar"), h = E(), a = E();
+    let M = null, g = null;
+    const n = N({
       isDragging: !1,
       traveled: 0
-    }), o = a(() => K[e.layout]), M = a(() => e.clientSize - d(b)), A = a(() => ({
+    }), o = r(() => K[e.layout]), s = r(() => e.clientSize - f(S)), B = r(() => ({
       position: "absolute",
-      width: `${R === e.layout ? M.value : e.scrollbarSize}px`,
-      height: `${R === e.layout ? e.scrollbarSize : M.value}px`,
-      [H[e.layout]]: "2px",
+      width: `${R === e.layout ? s.value : e.scrollbarSize}px`,
+      height: `${R === e.layout ? e.scrollbarSize : s.value}px`,
+      [G[e.layout]]: "2px",
       right: "2px",
       bottom: "2px",
       borderRadius: "4px"
-    })), g = a(() => {
-      const t = e.ratio, r = e.clientSize;
+    })), b = r(() => {
+      const t = e.ratio;
       if (t >= 100)
         return Number.POSITIVE_INFINITY;
       if (t >= 50)
-        return t * r / 100;
-      const i = r / 3;
+        return t * s.value / 100;
+      const l = s.value / 3;
       return Math.floor(
         Math.min(
-          Math.max(t * r, V),
-          i
+          Math.max(t * s.value, V),
+          l
         )
       );
-    }), B = a(() => {
-      if (!Number.isFinite(g.value))
+    }), T = r(() => {
+      if (!Number.isFinite(b.value))
         return {
           display: "none"
         };
-      const t = `${g.value}px`;
+      const t = `${b.value}px`;
       return $(
         {
           bar: o.value,
@@ -58,71 +58,64 @@ const it = k({
         },
         e.layout
       );
-    }), s = a(
-      () => Math.floor(e.clientSize - g.value - d(b))
-    ), T = () => {
-      window.addEventListener("mousemove", m), window.addEventListener("mouseup", c);
-      const t = d(l);
-      t && (h = document.onselectstart, document.onselectstart = () => !1, t.addEventListener("touchmove", m), t.addEventListener("touchend", c));
-    }, y = () => {
-      window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", c), document.onselectstart = h, h = null;
-      const t = d(l);
-      t && (t.removeEventListener("touchmove", m), t.removeEventListener("touchend", c));
-    }, w = (t) => {
-      t.stopImmediatePropagation(), !(t.ctrlKey || [1, 2].includes(t.button)) && (n.isDragging = !0, n[o.value.axis] = t.currentTarget[o.value.offset] - (t[o.value.client] - t.currentTarget.getBoundingClientRect()[o.value.direction]), u("start-move"), T());
+    }), i = r(
+      () => Math.ceil(e.clientSize - b.value - f(S))
+    ), z = () => {
+      window.addEventListener("mousemove", v), window.addEventListener("mouseup", c);
+      const t = f(a);
+      t && (g = document.onselectstart, document.onselectstart = () => !1, t.addEventListener("touchmove", v, { passive: !0 }), t.addEventListener("touchend", c));
+    }, p = () => {
+      window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", c), document.onselectstart = g, g = null;
+      const t = f(a);
+      t && (t.removeEventListener("touchmove", v), t.removeEventListener("touchend", c));
+    }, y = (t) => {
+      t.stopImmediatePropagation(), !(t.ctrlKey || [1, 2].includes(t.button)) && (n.isDragging = !0, n[o.value.axis] = t.currentTarget[o.value.offset] - (t[o.value.client] - t.currentTarget.getBoundingClientRect()[o.value.direction]), u("start-move"), z());
     }, c = () => {
-      n.isDragging = !1, n[o.value.axis] = 0, u("stop-move"), y();
-    }, m = (t) => {
-      const { isDragging: r } = n;
-      if (!r || !l.value || !f.value) return;
-      const i = n[o.value.axis];
-      if (!i) return;
-      C(S);
-      const v = (f.value.getBoundingClientRect()[o.value.direction] - t[o.value.client]) * -1, P = l.value[o.value.offset] - i, E = v - P;
-      S = N(() => {
-        n.traveled = Math.max(
-          e.startGap,
-          Math.min(
-            E,
-            s.value
-            // 2 is the top value
-          )
-        ), u("scroll", E, s.value);
+      n.isDragging = !1, n[o.value.axis] = 0, u("stop-move"), p();
+    }, v = (t) => {
+      const { isDragging: l } = n;
+      if (!l || !a.value || !h.value) return;
+      const m = n[o.value.axis];
+      if (!m) return;
+      F(M);
+      const d = (h.value.getBoundingClientRect()[o.value.direction] - t[o.value.client]) * -1, P = a.value[o.value.offset] - m, w = d - P;
+      M = H(() => {
+        n.traveled = Math.max(0, Math.min(w, i.value)), u("scroll", w, i.value);
       });
     }, D = (t) => {
-      const r = Math.abs(
+      const l = Math.abs(
         t.target.getBoundingClientRect()[o.value.direction] - t[o.value.client]
-      ), i = l.value[o.value.offset] / 2, v = r - i;
-      n.traveled = Math.max(0, Math.min(v, s.value)), u("scroll", v, s.value);
+      ), m = a.value[o.value.offset] / 2, d = l - m;
+      n.traveled = Math.max(0, Math.min(d, i.value)), u("scroll", d, i.value);
     };
-    return _(
+    return k(
       () => e.scrollFrom,
       (t) => {
-        n.isDragging || (n.traveled = Math.ceil(t * s.value));
+        n.isDragging || (n.traveled = Math.ceil(t * i.value));
       }
-    ), F(() => {
-      y();
+    ), O(() => {
+      p();
     }), () => x(
       "div",
       {
         role: "presentation",
-        ref: f,
+        ref: h,
         class: [
-          z.b(),
+          I.b(),
           e.class,
           (e.alwaysOn || n.isDragging) && "always-on"
         ],
-        style: A.value,
-        onMousedown: G(D, ["stop", "prevent"]),
-        onTouchstartPrevent: w
+        style: B.value,
+        onMousedown: _(D, ["stop", "prevent"]),
+        onTouchstartPrevent: y
       },
       x(
         "div",
         {
-          ref: l,
-          class: I.e("thumb"),
-          style: B.value,
-          onMousedown: w
+          ref: a,
+          class: A.e("thumb"),
+          style: T.value,
+          onMousedown: y
         },
         []
       )
@@ -130,5 +123,5 @@ const it = k({
   }
 });
 export {
-  it as default
+  st as default
 };

package/es/components/virtual-list/defaults.d.ts

@@ -15,10 +15,6 @@ export declare const RTL = "rtl";
 export declare const RTL_OFFSET_NAG = "negative";
 export declare const RTL_OFFSET_POS_ASC = "positive-ascending";
 export declare const RTL_OFFSET_POS_DESC = "positive-descending";
-export declare const PageKey: {
-    horizontal: string;
-    vertical: string;
-};
 export declare const ScrollbarSizeKey: {
     horizontal: string;
     vertical: string;

package/es/components/virtual-list/defaults.js

@@ -1,16 +1,13 @@
-const n = 50, c = "itemRendered", s = "scroll", T = "forward", e = "backward", E = "auto", _ = "smart", R = "start", r = "center", A = "end", t = "horizontal", o = "vertical", L = "ltr", N = "rtl", S = "negative", a = "positive-ascending", i = "positive-descending", I = {
-  [t]: "pageX",
-  [o]: "pageY"
-}, l = {
+const n = 50, c = "itemRendered", s = "scroll", T = "forward", E = "backward", _ = "auto", e = "smart", R = "start", r = "center", A = "end", t = "horizontal", o = "vertical", L = "ltr", N = "rtl", S = "negative", i = "positive-ascending", I = "positive-descending", a = {
   [t]: "height",
   [o]: "width"
-}, O = {
+}, l = {
   [t]: "left",
   [o]: "top"
-}, M = 20;
+}, O = 20;
 export {
-  E as AUTO_ALIGNMENT,
-  e as BACKWARD,
+  _ as AUTO_ALIGNMENT,
+  E as BACKWARD,
   r as CENTERED_ALIGNMENT,
   n as DEFAULT_DYNAMIC_LIST_ITEM_SIZE,
   A as END_ALIGNMENT,
@@ -18,16 +15,15 @@ export {
   t as HORIZONTAL,
   c as ITEM_RENDER_EVT,
   L as LTR,
-  I as PageKey,
   N as RTL,
   S as RTL_OFFSET_NAG,
-  a as RTL_OFFSET_POS_ASC,
-  i as RTL_OFFSET_POS_DESC,
-  M as SCROLLBAR_MIN_SIZE,
+  i as RTL_OFFSET_POS_ASC,
+  I as RTL_OFFSET_POS_DESC,
+  O as SCROLLBAR_MIN_SIZE,
   s as SCROLL_EVT,
-  _ as SMART_ALIGNMENT,
+  e as SMART_ALIGNMENT,
   R as START_ALIGNMENT,
-  O as ScrollbarDirKey,
-  l as ScrollbarSizeKey,
+  l as ScrollbarDirKey,
+  a as ScrollbarSizeKey,
   o as VERTICAL
 };

package/es/components/virtual-list/hooks/use-cache.d.ts

@@ -1 +1 @@
-export declare const useCache: () => import("vue").ComputedRef<any>;
+export declare const useCache: <T>() => import("vue").ComputedRef<any>;

package/es/components/virtual-list/hooks/use-cache.js

@@ -1,11 +1,11 @@
-import { memoize as r } from "lodash-es";
-import t from "memoize-one";
-import { getCurrentInstance as m, computed as p } from "vue";
+import { getCurrentInstance as r, computed as t } from "vue";
+import { memoize as m } from "lodash-es";
+import p from "memoize-one";
 const a = () => {
-  const o = m().proxy.$props;
-  return p(() => {
+  const o = r().proxy.$props;
+  return t(() => {
     const e = (c, s, _) => ({});
-    return o.perfMode ? r(e) : t(e);
+    return o.perfMode ? m(e) : p(e);
   });
 };
 export {

package/es/components/virtual-list/hooks/use-wheel.js

@@ -1,5 +1,5 @@
-import { isFirefox as i } from "@vft/utils";
 import "@vueuse/core";
+import { isFirefox as i } from "@vft/utils";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
 import { cAF as m, rAF as c } from "../../../utils/vue/raf.js";

package/es/components/virtual-list/index.d.ts

@@ -1,8 +1,10 @@
-export type { GridInstance } from './builders/build-grid';
-export type { DynamicSizeGridInstance, ResetAfterIndex, ResetAfterIndices, } from './components/dynamic-size-grid';
-export { default as DynamicSizeGrid } from './components/dynamic-size-grid';
+export { default as FixedSizeList } from './components/fixed-size-list';
 export { default as DynamicSizeList } from './components/dynamic-size-list';
 export { default as FixedSizeGrid } from './components/fixed-size-grid';
-export { default as FixedSizeList } from './components/fixed-size-list';
+export { default as DynamicSizeGrid } from './components/dynamic-size-grid';
 export * from './props';
+export type { FixedSizeListInstance } from './components/fixed-size-list';
+export type { DynamicSizeListInstance } from './components/dynamic-size-list';
+export type { GridInstance } from './builders/build-grid';
+export type { DynamicSizeGridInstance, ResetAfterIndex, ResetAfterIndices, } from './components/dynamic-size-grid';
 export * from './types';

package/es/components/virtual-list/index.js

@@ -1,13 +1,13 @@
-import { default as e } from "./components/dynamic-size-grid.js";
+import { default as e } from "./components/fixed-size-list.js";
 import { default as a } from "./components/dynamic-size-list.js";
 import { default as d } from "./components/fixed-size-grid.js";
-import { default as l } from "./components/fixed-size-list.js";
+import { default as l } from "./components/dynamic-size-grid.js";
 import { virtualizedGridProps as p, virtualizedListProps as u, virtualizedProps as z, virtualizedScrollbarProps as m } from "./props.js";
 export {
-  e as DynamicSizeGrid,
+  l as DynamicSizeGrid,
   a as DynamicSizeList,
   d as FixedSizeGrid,
-  l as FixedSizeList,
+  e as FixedSizeList,
   p as virtualizedGridProps,
   u as virtualizedListProps,
   z as virtualizedProps,

package/es/components/virtual-list/props.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes, StyleValue } from 'vue';
+import type { ExtractPropTypes, StyleValue, __ExtractPublicPropTypes } from 'vue';
 import type { GridItemKeyGetter, ItemSize } from './types';
 export declare const virtualizedProps: {
     readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -18,7 +18,7 @@ export declare const virtualizedProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -26,7 +26,7 @@ export declare const virtualizedProps: {
         __epPropKey: true;
     };
     readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
 };
 export declare const virtualizedListProps: {
     readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -46,7 +46,7 @@ export declare const virtualizedListProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -54,7 +54,7 @@ export declare const virtualizedListProps: {
         __epPropKey: true;
     };
     readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
     readonly cache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly estimatedItemSize: {
         readonly type: import("vue").PropType<number>;
@@ -95,7 +95,7 @@ export declare const virtualizedGridProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
     readonly width: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
@@ -103,7 +103,7 @@ export declare const virtualizedGridProps: {
         __epPropKey: true;
     };
     readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
     readonly columnCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly columnWidth: {
         readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
@@ -196,6 +196,10 @@ export declare const virtualizedScrollbarProps: {
     readonly visible: BooleanConstructor;
 };
 export type VirtualizedProps = ExtractPropTypes<typeof virtualizedProps>;
+export type VirtualizedPropsPublic = __ExtractPublicPropTypes<typeof virtualizedProps>;
 export type VirtualizedListProps = ExtractPropTypes<typeof virtualizedListProps>;
+export type VirtualizedListPropsPublic = __ExtractPublicPropTypes<typeof virtualizedListProps>;
 export type VirtualizedGridProps = ExtractPropTypes<typeof virtualizedGridProps>;
+export type VirtualizedGridPropsPublic = __ExtractPublicPropTypes<typeof virtualizedGridProps>;
 export type VirtualizedScrollbarProps = ExtractPropTypes<typeof virtualizedScrollbarProps>;
+export type VirtualizedScrollbarPropsPublic = __ExtractPublicPropTypes<typeof virtualizedScrollbarProps>;

package/es/components/virtual-list/props.js

@@ -2,18 +2,18 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import { mutable as b } from "../../utils/typescript.js";
-import { buildProp as e, definePropType as t, buildProps as l } from "../../utils/vue/props/runtime.js";
+import { buildProp as e, definePropType as t, buildProps as o } from "../../utils/vue/props/runtime.js";
 import "vue";
-import { VERTICAL as f } from "./defaults.js";
-const o = e({
+import { VERTICAL as S } from "./defaults.js";
+const i = e({
   type: t([Number, Function]),
   required: !0
-}), i = e({
+}), l = e({
   type: Number
 }), a = e({
   type: Number,
   default: 2
-}), S = e({
+}), f = e({
   type: String,
   values: ["ltr", "rtl"],
   default: "ltr"
@@ -26,8 +26,8 @@ const o = e({
 }), p = e({
   type: String,
   values: ["horizontal", "vertical"],
-  default: f
-}), s = l({
+  default: S
+}), c = o({
   className: {
     type: String,
     default: ""
@@ -43,7 +43,7 @@ const o = e({
   /**
    * @description controls the horizontal direction.
    */
-  direction: S,
+  direction: f,
   height: {
     type: [String, Number],
     required: !0
@@ -55,10 +55,7 @@ const o = e({
   style: {
     type: t([Object, String, Array])
   },
-  useIsScrolling: {
-    type: Boolean,
-    default: !1
-  },
+  useIsScrolling: Boolean,
   width: {
     type: [Number, String],
     required: !1
@@ -67,17 +64,14 @@ const o = e({
     type: Boolean,
     default: !0
   },
-  scrollbarAlwaysOn: {
-    type: Boolean,
-    default: !1
-  }
-}), P = l({
+  scrollbarAlwaysOn: Boolean
+}), P = o({
   /**
    * @description describes how many items should be pre rendered to the head
    * and the tail of the window
    */
   cache: a,
-  estimatedItemSize: i,
+  estimatedItemSize: l,
   /**
    * @description controls the list's orientation
    */
@@ -87,16 +81,16 @@ const o = e({
    * @description describes the total number of the list.
    */
   total: r,
-  itemSize: o,
-  ...s
+  itemSize: i,
+  ...c
 }), n = {
   type: Number,
   default: 6
-}, c = { type: Number, default: 0 }, d = { type: Number, default: 2 }, O = l({
+}, s = { type: Number, default: 0 }, d = { type: Number, default: 2 }, O = o({
   columnCache: a,
-  columnWidth: o,
-  estimatedColumnWidth: i,
-  estimatedRowHeight: i,
+  columnWidth: i,
+  estimatedColumnWidth: l,
+  estimatedRowHeight: l,
   initScrollLeft: u,
   initScrollTop: u,
   itemKey: {
@@ -107,16 +101,16 @@ const o = e({
     }) => `${y}:${m}`
   },
   rowCache: a,
-  rowHeight: o,
+  rowHeight: i,
   totalColumn: r,
   totalRow: r,
   hScrollbarSize: n,
   vScrollbarSize: n,
-  scrollbarStartGap: c,
+  scrollbarStartGap: s,
   scrollbarEndGap: d,
   role: String,
-  ...s
-}), B = l({
+  ...c
+}), B = o({
   alwaysOn: Boolean,
   class: String,
   layout: p,
@@ -134,13 +128,13 @@ const o = e({
     required: !0
   },
   scrollbarSize: n,
-  startGap: c,
+  startGap: s,
   endGap: d,
   visible: Boolean
 });
 export {
   O as virtualizedGridProps,
   P as virtualizedListProps,
-  s as virtualizedProps,
+  c as virtualizedProps,
   B as virtualizedScrollbarProps
 };

package/es/components/virtual-list/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentInternalInstance, CSSProperties, Ref } from 'vue';
+import type { CSSProperties, ComponentInternalInstance, Ref } from 'vue';
 export type Instance = ComponentInternalInstance;
 export type Alignment = 'auto' | 'smart' | 'center' | 'start' | 'end';
 export type ItemSize = (idx: number) => number;

package/es/components/virtual-list/utils.d.ts

@@ -1,10 +1,9 @@
 import type { CSSProperties } from 'vue';
-import type { Direction, LayoutDirection, RTLOffsetType } from './types';
+import type { Direction, RTLOffsetType } from './types';
 export declare const getScrollDir: (prev: number, cur: number) => "forward" | "backward";
 export declare const isHorizontal: (dir: string) => dir is "horizontal" | "ltr" | "rtl";
 export declare const isRTL: (dir: Direction) => dir is "rtl";
 export declare function getRTLOffsetType(recalculate?: boolean): RTLOffsetType;
-export declare const getRelativePos: (e: TouchEvent | MouseEvent, layout: LayoutDirection) => any;
 type RenderThumbStyleParams = {
     bar: {
         size: 'height' | 'width';

package/es/components/virtual-list/utils.js

@@ -1,25 +1,23 @@
-import { FORWARD as d, BACKWARD as f, RTL as c, LTR as h, HORIZONTAL as u, PageKey as i, RTL_OFFSET_POS_DESC as a, RTL_OFFSET_NAG as T, RTL_OFFSET_POS_ASC as m } from "./defaults.js";
-const p = (e, t) => e < t ? d : f, L = (e) => e === h || e === c || e === u, S = (e) => e === c;
-let l = null;
-function y(e = !1) {
-  if (l === null || e) {
-    const t = document.createElement("div"), o = t.style;
-    o.width = "50px", o.height = "50px", o.overflow = "scroll", o.direction = "rtl";
-    const r = document.createElement("div"), n = r.style;
-    return n.width = "100px", n.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? l = a : (t.scrollLeft = 1, t.scrollLeft === 0 ? l = T : l = m), document.body.removeChild(t), l;
+import { LTR as c, RTL as i, HORIZONTAL as d, FORWARD as f, BACKWARD as h, RTL_OFFSET_POS_DESC as u, RTL_OFFSET_NAG as T, RTL_OFFSET_POS_ASC as a } from "./defaults.js";
+const p = (e, t) => e < t ? f : h, L = (e) => e === c || e === i || e === d, m = (e) => e === i;
+let o = null;
+function S(e = !1) {
+  if (o === null || e) {
+    const t = document.createElement("div"), n = t.style;
+    n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
+    const r = document.createElement("div"), l = r.style;
+    return l.width = "100px", l.height = "100px", t.appendChild(r), document.body.appendChild(t), t.scrollLeft > 0 ? o = u : (t.scrollLeft = 1, t.scrollLeft === 0 ? o = T : o = a), document.body.removeChild(t), o;
   }
-  return l;
+  return o;
 }
-const O = (e, t) => "touches" in e ? e.touches[0][i[t]] : e[i[t]];
-function _({ move: e, size: t, bar: o }, r) {
-  const n = {}, s = `translate${o.axis}(${e}px)`;
-  return n[o.size] = t, n.transform = s, n.msTransform = s, n.webkitTransform = s, r === "horizontal" ? n.height = "100%" : n.width = "100%", n;
+function y({ move: e, size: t, bar: n }, r) {
+  const l = {}, s = `translate${n.axis}(${e}px)`;
+  return l[n.size] = t, l.transform = s, r === "horizontal" ? l.height = "100%" : l.width = "100%", l;
 }
 export {
-  y as getRTLOffsetType,
-  O as getRelativePos,
+  S as getRTLOffsetType,
   p as getScrollDir,
   L as isHorizontal,
-  S as isRTL,
-  _ as renderThumbStyle
+  m as isRTL,
+  y as renderThumbStyle
 };

package/es/hooks/index.d.ts

@@ -1,5 +1,4 @@
 export * from './use-attrs';
-export * from './use-delayed-toggle';
 export * from './use-draggable';
 export * from './use-focus';
 export * from './use-forward-ref';
@@ -15,3 +14,6 @@ export * from './use-size';
 export * from './use-throttle-render';
 export * from './use-timeout';
 export * from './use-z-index';
+export * from './use-calc-input-width';
+export * from './use-composition';
+export * from './use-focus-controller';