@caspeco/casper-ui-library 9.10.0 → 9.11.1

package/dist/components/accordion/accordion-recipe.js

@@ -1,6 +1,6 @@
 import { ThemeSpaceToken as o, ThemeColorToken as e, ThemeBorderToken as t, ThemeRadiusToken as r, ThemeFontSizeToken as n } from "../../theme/theme-tokens.js";
 import { defineSlotRecipe as d } from "@chakra-ui/react";
-import { accordionAnatomy as a } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+import { accordionAnatomy as a } from "@chakra-ui/react/anatomy";
 const i = {
   width: "100%",
   border: t.XSmall,

package/dist/components/checkbox/checkbox-recipe.js

@@ -1,6 +1,6 @@
 import { ThemeFontSizeToken as e, ThemeColorToken as o, ThemeFontToken as n } from "../../theme/theme-tokens.js";
 import { defineSlotRecipe as l } from "@chakra-ui/react";
-import { checkboxAnatomy as a } from "../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox.anatomy.js";
+import { checkboxAnatomy as a } from "@chakra-ui/react/anatomy";
 const d = {
   m: 0,
   fontFamily: n.Body,

package/dist/components/drawer/drawer-recipe.js

@@ -1,6 +1,6 @@
 import { ThemeColorToken as t } from "../../theme/theme-tokens.js";
 import { defineSlotRecipe as e } from "@chakra-ui/react";
-import { drawerAnatomy as o } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+import { drawerAnatomy as o } from "@chakra-ui/react/anatomy";
 const m = e({
   className: "drawer",
   slots: o.keys(),

package/dist/components/fieldset/fieldset-recipe.js

@@ -1,7 +1,7 @@
 import { formControlRecipe as e } from "../form-control/form-control-recipe.js";
 import { ThemeSpaceToken as o } from "../../theme/theme-tokens.js";
 import { defineSlotRecipe as t } from "@chakra-ui/react";
-import { fieldsetAnatomy as m } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+import { fieldsetAnatomy as m } from "@chakra-ui/react/anatomy";
 const a = t({
   slots: m.keys(),
   base: {

package/dist/components/form-control/form-control-recipe.js

@@ -1,6 +1,6 @@
 import { ThemeFontSizeToken as e, ThemeColorToken as o, ThemeFontToken as r, ThemeSpaceToken as l } from "../../theme/theme-tokens.js";
 import { defineSlotRecipe as n } from "@chakra-ui/react";
-import { fieldAnatomy as t } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+import { fieldAnatomy as t } from "@chakra-ui/react/anatomy";
 const d = n({
   className: "formControl",
   slots: t.keys(),

package/dist/components/menu/menu-recipe.js

@@ -1,6 +1,6 @@
 import { ThemeSpaceVariable as e, ThemeColorVariable as o, ThemeFontSizeVariable as a, ThemeShadowVariable as t } from "../../theme/theme-types.js";
 import { defineSlotRecipe as r } from "@chakra-ui/react";
-import { menuAnatomy as i } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+import { menuAnatomy as i } from "@chakra-ui/react/anatomy";
 const n = {
   minW: "280px",
   alignItems: "center",

package/dist/components/modal/modal-recipe.js

@@ -1,7 +1,7 @@
 import { buttonRecipe as o } from "../button/button-recipe.js";
 import { ThemeColorToken as e, ThemeRadiusToken as n, ThemeFontToken as a, ThemeFontSizeToken as t } from "../../theme/theme-tokens.js";
 import { defineSlotRecipe as i } from "@chakra-ui/react";
-import { dialogAnatomy as r } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+import { dialogAnatomy as r } from "@chakra-ui/react/anatomy";
 const x = i({
   className: "modal",
   slots: r.keys(),

package/dist/components/radio/radio-group-recipe.js

@@ -1,6 +1,6 @@
 import { ThemeSpaceToken as e, ThemeColorToken as o, ThemeRadiusToken as c, ThemeFontSizeToken as n, ThemeFontToken as t } from "../../theme/theme-tokens.js";
 import { defineSlotRecipe as d } from "@chakra-ui/react";
-import { radioGroupAnatomy as a } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+import { radioGroupAnatomy as a } from "@chakra-ui/react/anatomy";
 import { ThemeColorVariable as r } from "../../theme/theme-types.js";
 const m = d({
   className: "radio",

package/dist/components/rich-text-editor/boolean-control.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useEditorState as s } from "../../node_modules/@tiptap/react/dist/index.js";
+import { useEditorState as s } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
 import { useRichTextEditorContext as d } from "./rich-text-editor-context.js";
 import { Tooltip as f } from "../tooltip/tooltip.js";
 import { ToggleButton as p } from "../toggle-button/toggle-button.js";

package/dist/components/rich-text-editor/rich-text-editor-control.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import { Box as D } from "@chakra-ui/react";
-import { useEditorState as x } from "../../node_modules/@tiptap/react/dist/index.js";
+import { useEditorState as x } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
 import { find as T } from "../../node_modules/linkifyjs/dist/linkify.js";
 import { useState as C, useEffect as A, useCallback as z } from "react";
 import { BooleanControl as c } from "./boolean-control.js";

package/dist/components/rich-text-editor/rich-text-editor.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { HStack as i, Box as n } from "@chakra-ui/react";
-import { EditorContent as s } from "../../node_modules/@tiptap/react/dist/index.js";
+import { EditorContent as s } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
 import { useMemo as m } from "react";
 import { useRichTextEditorContext as p, RichTextEditorContext as u } from "./rich-text-editor-context.js";
 import { toolbarCss as f, proseMirrorContainerCss as d, proseMirrorContentCss as x } from "./rich-text-editor-recipe.js";

package/dist/components/rich-text-editor/use-rich-text-editor.js

@@ -1,4 +1,4 @@
-import { useEditor as r } from "../../node_modules/@tiptap/react/dist/index.js";
+import { useEditor as r } from "../../packages/casper-ui-library/node_modules/@tiptap/react/dist/index.js";
 import { richTextExtensions as n } from "./extensions.js";
 function f({
   initialContent: e,

package/dist/components/select/select-recipe.js

@@ -1,7 +1,7 @@
 import { inputRecipe as l } from "../input/input-recipe.js";
 import { ThemeSpaceToken as e, ThemeFontSizeToken as t, ThemeColorToken as i } from "../../theme/theme-tokens.js";
 import { defineSlotRecipe as a } from "@chakra-ui/react";
-import { nativeSelectAnatomy as n } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+import { nativeSelectAnatomy as n } from "@chakra-ui/react/anatomy";
 import { ThemeIconSizeVariable as o } from "../../theme/theme-types.js";
 const S = a({
   className: "select",

package/dist/components/switch/switch-recipe.js

@@ -1,6 +1,6 @@
 import { ThemeColorToken as e } from "../../theme/theme-tokens.js";
 import { defineSlotRecipe as c } from "@chakra-ui/react";
-import { switchAnatomy as h } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+import { switchAnatomy as h } from "@chakra-ui/react/anatomy";
 const t = {
   background: e.Surface,
   borderColor: e.OnSurfaceSubdued,

package/dist/components/table/table-header-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAQ,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,kKAW5D,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CAiJhG,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}
+{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAQ,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,kKAW5D,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CAqJhG,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}

package/dist/components/table/table-header-dropdown.js

@@ -1,133 +1,135 @@
-import { jsxs as s, Fragment as f, jsx as n } from "react/jsx-runtime";
+import { jsxs as r, Fragment as u, jsx as o } from "react/jsx-runtime";
 import { Portal as j } from "@chakra-ui/react";
 import { flexRender as A } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as L, useCallback as M, useMemo as a } from "react";
+import { memo as L, useCallback as M, useMemo as p } from "react";
 import { useTableContext as U } from "./table-context.js";
 import { translations as X } from "./translations.js";
 import { SortDescIcon as k } from "../icon/icons/sort-desc-icon.js";
-import { SortAscIcon as w } from "../icon/icons/sort-asc-icon.js";
+import { SortAscIcon as S } from "../icon/icons/sort-asc-icon.js";
 import { MenuItem as l } from "../menu/menu-item.js";
-import { Text as r } from "../text/text.js";
+import { Text as c } from "../text/text.js";
 import { FilterIcon as R } from "../icon/icons/filter-icon.js";
-import { MenuDivider as D } from "../menu/menu-divider.js";
+import { MenuDivider as w } from "../menu/menu-divider.js";
 import { HideIcon as W } from "../icon/icons/hide-icon.js";
 import { ThumbtackIcon as $ } from "../icon/icons/thumbtack-icon.js";
 import { Switch as q } from "../switch/switch.js";
 import { Menu as J } from "../menu/menu.js";
 import { MenuBoxButton as K } from "../menu/menu-box-button.js";
 import { MenuList as N } from "../menu/menu-list.js";
-import { ThemeIconSizeVariable as v, ThemeColorVariable as F, ThemeSpaceVariable as Q, ThemeFontSizeVariable as S } from "../../theme/theme-types.js";
+import { ThemeIconSizeVariable as D, ThemeColorVariable as v, ThemeSpaceVariable as Q, ThemeFontSizeVariable as F } from "../../theme/theme-types.js";
 const Y = ({
-  header: o,
-  breakingContentState: c,
-  onBreakingContentChange: p,
-  setBreakingContentState: h,
-  headerGroup: g,
+  header: n,
+  breakingContentState: m,
+  onBreakingContentChange: h,
+  setBreakingContentState: g,
+  headerGroup: C,
   sorting: d,
-  setSorting: u,
+  setSorting: f,
   localeString: y,
   portalContainerRef: z,
   dragRef: V
 }) => {
-  const i = X[y], H = U(), { getTableFilterMethods: m } = H, C = M(
+  const i = X[y], H = U(), { getTableFilterMethods: s } = H, b = M(
     ({ checked: e }) => {
       const t = {
-        ...c,
-        [o.column.id]: e
+        ...m,
+        [n.column.id]: e
       };
-      h(t), p?.(t);
+      g(t), h?.(t);
     },
-    [c, o.column.id, p, h]
-  ), b = M(
+    [m, n.column.id, h, g]
+  ), x = M(
     (e) => {
       const t = e.getIndex();
-      g.forEach((E) => {
+      C.forEach((E) => {
         E.headers.forEach((O, T) => {
           const { column: I } = O;
           e.getIsPinned() ? T >= t && I.pin(!1) : T <= t && I.pin("left");
         });
       });
     },
-    [g]
-  ), P = a(() => /* @__PURE__ */ s(f, { children: [
-    d.find((e) => e.id === o.column.id) && (d.find((e) => e.desc) ? /* @__PURE__ */ n(k, { size: v.XSmall }) : /* @__PURE__ */ n(w, { size: v.XSmall })),
-    o.column.columnDef.header
-  ] }), [o.column.columnDef.header, o.column.id, d]), x = a(() => m()?.canFilterOnColumn(o.column.id) ?? !1, [o.column.id, m]), B = a(() => /* @__PURE__ */ s(f, { children: [
-    /* @__PURE__ */ n(
-      l,
-      {
-        onClick: () => u([{ desc: !1, id: o.column.id }]),
-        leftIcon: w,
-        value: "sort-asc",
-        children: /* @__PURE__ */ n(r, { children: i.sortUp })
-      }
-    ),
-    /* @__PURE__ */ n(
-      l,
-      {
-        onClick: () => u([{ desc: !0, id: o.column.id }]),
-        leftIcon: k,
-        value: "sort-desc",
-        children: /* @__PURE__ */ n(r, { children: i.sortDown })
-      }
-    ),
-    x && /* @__PURE__ */ n(
+    [C]
+  ), P = p(() => /* @__PURE__ */ r(u, { children: [
+    d.find((e) => e.id === n.column.id) && (d.find((e) => e.desc) ? /* @__PURE__ */ o(k, { size: D.XSmall }) : /* @__PURE__ */ o(S, { size: D.XSmall })),
+    n.column.columnDef.header
+  ] }), [n.column.columnDef.header, n.column.id, d]), a = p(() => s()?.canFilterOnColumn(n.column.id) ?? !1, [n.column.id, s]), B = p(() => /* @__PURE__ */ r(u, { children: [
+    n.column.getCanSort() && /* @__PURE__ */ r(u, { children: [
+      /* @__PURE__ */ o(
+        l,
+        {
+          onClick: () => f([{ desc: !1, id: n.column.id }]),
+          leftIcon: S,
+          value: "sort-asc",
+          children: /* @__PURE__ */ o(c, { children: i.sortUp })
+        }
+      ),
+      /* @__PURE__ */ o(
+        l,
+        {
+          onClick: () => f([{ desc: !0, id: n.column.id }]),
+          leftIcon: k,
+          value: "sort-desc",
+          children: /* @__PURE__ */ o(c, { children: i.sortDown })
+        }
+      )
+    ] }),
+    a && /* @__PURE__ */ o(
       l,
       {
         onClick: () => {
-          const e = m();
-          e?.onToggleFilterVisibility && e.onToggleFilterVisibility(o.column.id);
+          const e = s();
+          e?.onToggleFilterVisibility && e.onToggleFilterVisibility(n.column.id);
         },
         leftIcon: R,
         value: "filter",
-        children: /* @__PURE__ */ n(r, { children: i.filter })
+        children: /* @__PURE__ */ o(c, { children: i.filter })
       }
     ),
-    /* @__PURE__ */ n(D, {}),
-    o.column.getCanHide() && /* @__PURE__ */ n(l, { onClick: o.column.getToggleVisibilityHandler(), leftIcon: W, value: "hide", children: /* @__PURE__ */ n(r, { children: i.hideColumn }) }),
-    /* @__PURE__ */ n(l, { onClick: () => b(o.column), leftIcon: $, value: "pin", children: /* @__PURE__ */ n(r, { children: o.column.getIsPinned() ? i.stopPinningColumn : i.pinUpToColumn }) }),
-    /* @__PURE__ */ n(D, {}),
-    /* @__PURE__ */ s(l, { itemType: "switch", value: "breaking-content", children: [
+    (n.column.getCanSort() || a) && /* @__PURE__ */ o(w, {}),
+    n.column.getCanHide() && /* @__PURE__ */ o(l, { onClick: n.column.getToggleVisibilityHandler(), leftIcon: W, value: "hide", children: /* @__PURE__ */ o(c, { children: i.hideColumn }) }),
+    /* @__PURE__ */ o(l, { onClick: () => x(n.column), leftIcon: $, value: "pin", children: /* @__PURE__ */ o(c, { children: n.column.getIsPinned() ? i.stopPinningColumn : i.pinUpToColumn }) }),
+    /* @__PURE__ */ o(w, {}),
+    /* @__PURE__ */ r(l, { itemType: "switch", value: "breaking-content", children: [
       i.breakingContent,
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(
         q,
         {
-          onCheckedChange: C,
-          isChecked: c[o.column.id]
+          onCheckedChange: b,
+          isChecked: m[n.column.id]
         }
       )
     ] })
   ] }), [
-    c,
-    x,
     m,
+    a,
+    s,
+    x,
+    n.column,
     b,
-    o.column,
-    C,
-    u,
+    f,
     i
   ]);
-  return /* @__PURE__ */ n(J, { isLazy: !0, children: ({ isOpen: e }) => /* @__PURE__ */ s(f, { children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(J, { isLazy: !0, children: ({ isOpen: e }) => /* @__PURE__ */ r(u, { children: [
+    /* @__PURE__ */ o(
       K,
       {
         ref: V,
-        color: F.OnBackgroundSubdued,
+        color: v.OnBackgroundSubdued,
         textTransform: "none",
-        fontSize: S.Small,
+        fontSize: F.Small,
         h: "40px",
         display: "flex",
         textAlign: "inherit",
         alignItems: "center",
         lineHeight: "1.2",
         padding: `0px 0px 0px ${Q.Small}`,
-        backgroundColor: e ? F.BackgroundDisabled : "unset",
+        backgroundColor: e ? v.BackgroundDisabled : "unset",
         w: "100%",
         overflowWrap: "anywhere",
-        children: A(P, o.getContext())
+        children: A(P, n.getContext())
       }
     ),
-    /* @__PURE__ */ n(j, { container: z, children: /* @__PURE__ */ n(N, { fontSize: S.Medium, children: B }) })
+    /* @__PURE__ */ o(j, { container: z, children: /* @__PURE__ */ o(N, { fontSize: F.Medium, children: B }) })
   ] }) });
 }, bn = L(Y);
 export {

package/dist/components/tabs/tabs-recipe.js

@@ -1,7 +1,7 @@
 import { ThemeFontSizeToken as r, ThemeColorToken as e, ThemeRadiusToken as n, ThemeBorderToken as a, ThemeFontToken as d } from "../../theme/theme-tokens.js";
 import { ThemeColorVariable as l, ThemeSpaceVariable as o } from "../../theme/theme-types.js";
 import { defineSlotRecipe as c } from "@chakra-ui/react";
-import { tabsAnatomy as g } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+import { tabsAnatomy as g } from "@chakra-ui/react/anatomy";
 const t = {
   _disabled: {
     _selected: {

package/dist/components/tag/tag-recipe.js

@@ -1,6 +1,6 @@
 import { ThemeIconSizeVariable as i, ThemeFontSizeVariable as l, ThemeSpaceVariable as r, ThemeFontVariable as k, ThemeRadiusVariable as P, ThemeColorVariable as e } from "../../theme/theme-types.js";
 import { defineSlotRecipe as b } from "@chakra-ui/react";
-import { tagAnatomy as m } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+import { tagAnatomy as m } from "@chakra-ui/react/anatomy";
 const n = "& .tag-icon", x = {
   neutral: {
     subtleBg: e.NeutralContainer,

package/dist/node_modules/@tanstack/react-virtual/dist/esm/index.js

@@ -1,38 +1,90 @@
-import * as t from "react";
-import { flushSync as f } from "react-dom";
-import { Virtualizer as i, elementScroll as m, observeElementOffset as d, observeElementRect as p } from "../../../virtual-core/dist/esm/index.js";
-import { defaultKeyExtractor as g, defaultRangeExtractor as z, measureElement as O } from "../../../virtual-core/dist/esm/index.js";
-const l = typeof document < "u" ? t.useLayoutEffect : t.useEffect;
-function E({
-  useFlushSync: r = !0,
-  ...n
+import * as f from "react";
+import { flushSync as R } from "react-dom";
+import { Virtualizer as I, elementScroll as b, observeElementOffset as E, observeElementRect as w } from "../../../virtual-core/dist/esm/index.js";
+import { defaultKeyExtractor as P, defaultRangeExtractor as _, measureElement as k } from "../../../virtual-core/dist/esm/index.js";
+const g = typeof document < "u" ? f.useLayoutEffect : f.useEffect;
+function $({
+  useFlushSync: p = !0,
+  directDomUpdates: x = !1,
+  directDomUpdatesMode: h = "transform",
+  ...m
 }) {
-  const o = t.useReducer(() => ({}), {})[1], u = {
-    ...n,
-    onChange: (c, s) => {
-      var a;
-      r && s ? f(o) : o(), (a = n.onChange) == null || a.call(n, c, s);
+  const z = f.useReducer((e) => e + 1, 0)[1], i = f.useRef({
+    enabled: x,
+    mode: h,
+    container: null,
+    lastSize: null,
+    // Keyed by the element itself so a remounted node (same key, new DOM
+    // node — e.g. when `enabled` is toggled off then on) is treated as fresh
+    // and gets its style written.
+    lastPositions: /* @__PURE__ */ new WeakMap(),
+    prevRange: null
+  });
+  i.current.enabled = x, i.current.mode = h;
+  const S = (e) => {
+    const t = i.current;
+    if (!t.enabled) return;
+    const n = e.getTotalSize();
+    if (t.container && n !== t.lastSize) {
+      t.lastSize = n;
+      const d = e.options.horizontal ? "width" : "height";
+      t.container.style[d] = `${n}px`;
+    }
+    const o = !!e.options.horizontal, s = t.mode === "transform", r = o ? "left" : "top", l = e.options.scrollMargin, y = e.getVirtualItems();
+    for (const d of y) {
+      const c = d.start - l, u = e.elementsCache.get(d.key);
+      u && t.lastPositions.get(u) !== c && (t.lastPositions.set(u, c), s ? u.style.transform = o ? `translate3d(${c}px, 0, 0)` : `translate3d(0, ${c}px, 0)` : u.style[r] = `${c}px`);
     }
-  }, [e] = t.useState(
-    () => new i(u)
-  );
-  return e.setOptions(u), l(() => e._didMount(), []), l(() => e._willUpdate()), e;
+  }, v = {
+    ...m,
+    onChange: (e, t) => {
+      var n;
+      const o = i.current;
+      let s = !0;
+      if (o.enabled) {
+        S(e);
+        const r = e.range, l = o.prevRange;
+        s = !l || l.isScrolling !== e.isScrolling || l.startIndex !== r?.startIndex || l.endIndex !== r?.endIndex, s && (o.prevRange = r ? {
+          startIndex: r.startIndex,
+          endIndex: r.endIndex,
+          isScrolling: e.isScrolling
+        } : null);
+      }
+      s && (p && t ? R(z) : z()), (n = m.onChange) == null || n.call(m, e, t);
+    }
+  }, [a] = f.useState(() => {
+    const e = new I(v);
+    return Object.assign(e, {
+      containerRef: (t) => {
+        const n = i.current;
+        if (n.container = t, n.lastSize = null, t && n.enabled) {
+          const o = e.getTotalSize();
+          n.lastSize = o;
+          const s = e.options.horizontal ? "width" : "height";
+          t.style[s] = `${o}px`;
+        }
+      }
+    });
+  });
+  return a.setOptions(v), g(() => a._didMount(), []), g(() => a._willUpdate()), g(() => {
+    S(a);
+  }), a;
 }
-function x(r) {
-  return E({
-    observeElementRect: p,
-    observeElementOffset: d,
-    scrollToFn: m,
-    ...r
+function V(p) {
+  return $({
+    observeElementRect: w,
+    observeElementOffset: E,
+    scrollToFn: b,
+    ...p
   });
 }
 export {
-  i as Virtualizer,
-  g as defaultKeyExtractor,
-  z as defaultRangeExtractor,
-  m as elementScroll,
-  O as measureElement,
-  d as observeElementOffset,
-  p as observeElementRect,
-  x as useVirtualizer
+  I as Virtualizer,
+  P as defaultKeyExtractor,
+  _ as defaultRangeExtractor,
+  b as elementScroll,
+  k as measureElement,
+  E as observeElementOffset,
+  w as observeElementRect,
+  V as useVirtualizer
 };