@bysages/react 0.4.0 → 0.4.1

package/dist/components/hover-card/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { HoverCard as HoverCard$1 } from "@ark-ui/react/hover-card";
 //#region src/components/hover-card/index.tsx

package/dist/components/icon/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { getIcon } from "@bysages/core/icons";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/icon/index.tsx

package/dist/components/image/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 //#region src/components/image/index.tsx

package/dist/components/image-cropper/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ImageCropper as ImageCropper$1 } from "@ark-ui/react/image-cropper";
 //#region src/components/image-cropper/index.tsx

package/dist/components/image-viewer/index.mjs

@@ -1,4 +1,4 @@
 import "../button-group/index.mjs";
 import "../dialog/index.mjs";
-import { t as ImageViewer } from "../../image-viewer-Cf6thHax.mjs";
+import { t as ImageViewer } from "../../image-viewer-B-hKFkEw.mjs";
 export { ImageViewer };

package/dist/components/input/index.mjs

@@ -1,2 +1,2 @@
-import { t as Input } from "../../input-C21Zzuy6.mjs";
+import { t as Input } from "../../input-BDpQ0e6G.mjs";
 export { Input };

package/dist/components/input-group/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/input-group/index.tsx
 function part(name) {

package/dist/components/json-tree-view/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { JsonTreeView as JsonTreeView$1 } from "@ark-ui/react/json-tree-view";
 //#region src/components/json-tree-view/index.tsx

package/dist/components/kbd/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/kbd/index.tsx
 function KbdImpl({ children, ...rest }) {

package/dist/components/layout/index.mjs

@@ -1,5 +1,5 @@
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Splitter } from "@ark-ui/react/splitter";

package/dist/components/link/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/link/index.tsx
 /** A link is ink in the accent's voice: quiet at rest, deepening under

package/dist/components/list/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/list/index.tsx
 /** A ledger of rows: Root is the list, Item one row, Leading the mark

package/dist/components/listbox/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Listbox as Listbox$1, createListCollection } from "@ark-ui/react/listbox";
 //#region src/components/listbox/index.tsx

package/dist/components/marquee/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Marquee as Marquee$1 } from "@ark-ui/react/marquee";
 //#region src/components/marquee/index.tsx

package/dist/components/masonry/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/masonry/index.tsx
 /** The same named steps of the space ramp the stack uses — one

package/dist/components/media-player/index.mjs

@@ -1,2 +1,2 @@
-import { n as Video, r as formatMediaTime, t as Audio } from "../../media-player-gQrnxU52.mjs";
+import { n as Video, r as formatMediaTime, t as Audio } from "../../media-player-DjVvo1_7.mjs";
 export { Audio, Video, formatMediaTime };

package/dist/components/mentions/index.mjs

@@ -1,2 +1,2 @@
-import { n as MentionsVessel, r as useMentions, t as Mentions } from "../../mentions-BuWibdci.mjs";
+import { n as MentionsVessel, r as useMentions, t as Mentions } from "../../mentions-BwnyvdXz.mjs";
 export { Mentions, MentionsVessel, useMentions };

package/dist/components/menu/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { Menu as Menu$1 } from "@ark-ui/react/menu";

package/dist/components/menubar/index.mjs

@@ -1,6 +1,6 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { Menu as Menu$1 } from "../menu/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@ark-ui/react/portal";
 import { Menu } from "@ark-ui/react/menu";

package/dist/components/meter/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/meter/index.tsx
 function part(name, tag) {

package/dist/components/navigation-menu/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/react/navigation-menu";
 //#region src/components/navigation-menu/index.tsx

package/dist/components/number-input/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NumberInput as NumberInput$1 } from "@ark-ui/react/number-input";
 //#region src/components/number-input/index.tsx

package/dist/components/order-list/index.mjs

@@ -1,7 +1,7 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
 //#region src/components/order-list/index.tsx

package/dist/components/page-header/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/page-header/index.tsx
 /** The page's face: an eyebrow whisper, a serif title, one line of

package/dist/components/pagination/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Pagination as Pagination$1 } from "@ark-ui/react/pagination";
 //#region src/components/pagination/index.tsx

package/dist/components/password-input/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PasswordInput as PasswordInput$1 } from "@ark-ui/react/password-input";
 //#region src/components/password-input/index.tsx

package/dist/components/pin-input/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PinInput as PinInput$1 } from "@ark-ui/react/pin-input";
 //#region src/components/pin-input/index.tsx

package/dist/components/popconfirm/index.mjs

@@ -1,7 +1,7 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { Button } from "../button/index.mjs";
 import { Popover as Popover$1 } from "../popover/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Popover } from "@ark-ui/react/popover";
 import { Portal } from "@ark-ui/react/portal";

package/dist/components/popover/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isValidElement } from "react";
 import { Popover as Popover$1 } from "@ark-ui/react/popover";

package/dist/components/progress/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Progress as Progress$1 } from "@ark-ui/react/progress";
 //#region src/components/progress/index.tsx

package/dist/components/progress-group/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/progress-group/index.tsx
 function ProgressGroupImpl({ segments, max, showLegend = true, ...rest }) {

package/dist/components/qr-code/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { QrCode as QrCode$1 } from "@ark-ui/react/qr-code";
 //#region src/components/qr-code/index.tsx

package/dist/components/radio-group/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { RadioGroup as RadioGroup$1 } from "@ark-ui/react/radio-group";
 //#region src/components/radio-group/index.tsx

package/dist/components/rating-group/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { RatingGroup as RatingGroup$1 } from "@ark-ui/react/rating-group";
 //#region src/components/rating-group/index.tsx

package/dist/components/result/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/result/index.tsx
 const MARK = "<g data-for=\"success\"><path d=\"M20 6 9 17l-5-5\"/></g><g data-for=\"warning\"><path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z\"/><path d=\"M12 9v4\"/><path d=\"M12 17h.01\"/></g><g data-for=\"danger\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m15 9-6 6\"/><path d=\"m9 9 6 6\"/></g><g data-for=\"info\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4\"/><path d=\"M12 8h.01\"/></g>";

package/dist/components/scroll-area/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@ark-ui/react/scroll-area";
 //#region src/components/scroll-area/index.tsx

package/dist/components/segment-group/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SegmentGroup as SegmentGroup$1 } from "@ark-ui/react/segment-group";
 //#region src/components/segment-group/index.tsx

package/dist/components/select/index.mjs

@@ -1,2 +1,2 @@
-import { n as NativeSelect, t as Select } from "../../select-ozUFq0zd.mjs";
+import { n as NativeSelect, t as Select } from "../../select-i9UZsQCU.mjs";
 export { NativeSelect, Select };

package/dist/components/separator/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/separator/index.tsx
 function SeparatorImpl({ orientation = "horizontal", decorative = false, ...rest }) {

package/dist/components/signature-pad/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SignaturePad as SignaturePad$1 } from "@ark-ui/react/signature-pad";
 //#region src/components/signature-pad/index.tsx

package/dist/components/skeleton/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/skeleton/index.tsx
 function SkeletonImpl({ ...rest }) {

package/dist/components/slider/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slider as Slider$1 } from "@ark-ui/react/slider";
 //#region src/components/slider/index.tsx

package/dist/components/spinner/index.mjs

@@ -1,6 +1,6 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/spinner/index.tsx
 /** A wheel of waiting: one arc of ink turning about its center. Quiet by

package/dist/components/split-button/index.mjs

@@ -3,7 +3,7 @@ import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Button } from "../button/index.mjs";
 import { Menu as Menu$1 } from "../menu/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@ark-ui/react/portal";
 import { Menu } from "@ark-ui/react/menu";

package/dist/components/splitter/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment as Fragment$1 } from "react";
 import { Splitter as Splitter$1 } from "@ark-ui/react/splitter";

package/dist/components/spotlight/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/spotlight/index.tsx
 /** The ink-light card: a vessel whose rim and face take light from the

package/dist/components/stack/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/stack/index.tsx
 /** Whitespace chosen by name: the named steps point at the space ramp so

package/dist/components/stat/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/stat/index.tsx
 function part(name, tag) {

package/dist/components/steps/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Steps as Steps$1 } from "@ark-ui/react/steps";
 //#region src/components/steps/index.tsx

package/dist/components/swap/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Swap as Swap$1 } from "@ark-ui/react/swap";
 //#region src/components/swap/index.tsx

package/dist/components/switch/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@ark-ui/react/switch";
 //#region src/components/switch/index.tsx

package/dist/components/table/index.mjs

@@ -2,10 +2,10 @@ import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages, t as formatMessage } from "../../messages-1jJWtaYU.mjs";
 import { Pagination } from "../pagination/index.mjs";
-import { t as Select$1 } from "../../select-ozUFq0zd.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as Select$1 } from "../../select-i9UZsQCU.mjs";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useLayoutEffect, useMemo, useReducer, useRef } from "react";
+import { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { createListCollection } from "@ark-ui/react/select";
 import { FlexRender, cellSpanningFeature, columnFilteringFeature, columnOrderingFeature, columnPinningFeature, columnSizingFeature, columnVisibilityFeature, createColumnHelper, createExpandedRowModel, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_arrIncludes, filterFn_equals, filterFn_inDateRange, filterFn_inNumberRange, filterFn_includesString, filterFn_weakEquals, globalFilteringFeature, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_alphanumericCaseSensitive, sortFn_basic, sortFn_datetime, sortFn_text, sortFn_textCaseSensitive, tableFeatures, useTable } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
@@ -184,6 +184,7 @@ function DataTableImpl(rawProps) {
 	});
 	const viewport = useRef(null);
 	const rows = table.getRowModel().rows;
+	const [hydrated, setHydrated] = useState(false);
 	/** The declared row height is the density-scale baseline; the live
 	* scale comes off the document so the virtual window matches what CSS
 	* actually renders. It is read once and re-read only when the density
@@ -211,8 +212,15 @@ function DataTableImpl(rawProps) {
 		});
 		return () => observer.disconnect();
 	}, [virtual]);
-	const virtualRows = virtualizer.getVirtualItems();
-	const totalSize = virtualizer.getTotalSize();
+	useEffect(() => setHydrated(true), []);
+	const fallbackRows = virtual ? rows.slice(0, Math.max(1, Math.ceil(320 / rowHeight))).map((row, index) => ({
+		key: row.id ?? index,
+		index,
+		start: index * rowHeight,
+		size: rowHeight
+	})) : [];
+	const virtualRows = hydrated ? virtualizer.getVirtualItems() : fallbackRows;
+	const totalSize = hydrated ? virtualizer.getTotalSize() : rows.length * rowHeight;
 	/** Column ids of the visible leaves, for pin-seam bookkeeping. */
 	const leafIds = table.getAllLeafColumns().map((c) => c.id);
 	const expandHostId = tree ? leafIds.find((id) => id !== SELECT_COL_ID) : void 0;

package/dist/components/tabs/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "@ark-ui/react/tabs";
 //#region src/components/tabs/index.tsx

package/dist/components/tags-input/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { TagsInput as TagsInput$1 } from "@ark-ui/react/tags-input";
 //#region src/components/tags-input/index.tsx

package/dist/components/terminal/index.mjs

@@ -1,6 +1,6 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 //#region src/components/terminal/index.tsx

package/dist/components/textarea/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { useFieldContext } from "@ark-ui/react/field";
 //#region src/components/textarea/index.tsx

package/dist/components/timeline/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/timeline/index.tsx
 /** A line of moments: Root is the ordered thread, Item one moment on it,

package/dist/components/timer/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Timer as Timer$1 } from "@ark-ui/react/timer";
 //#region src/components/timer/index.tsx

package/dist/components/toast/index.mjs

@@ -1,6 +1,6 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Toast as Toast$1, Toaster as Toaster$1, createToaster } from "@ark-ui/react/toast";

package/dist/components/toc/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Toc as Toc$1 } from "@ark-ui/react/toc";
 //#region src/components/toc/index.tsx

package/dist/components/toggle/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { Toggle as Toggle$1 } from "@ark-ui/react/toggle";
 //#region src/components/toggle/index.tsx

package/dist/components/toggle-group/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { ToggleGroup as ToggleGroup$1 } from "@ark-ui/react/toggle-group";
 //#region src/components/toggle-group/index.tsx

package/dist/components/toolbar/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/toolbar/index.tsx
 /** A workbench rail: the start tools at the leading edge, the end tools

package/dist/components/tooltip/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isValidElement } from "react";
 import { Tooltip as Tooltip$1 } from "@ark-ui/react/tooltip";

package/dist/components/tour/index.mjs

@@ -1,6 +1,6 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { Button } from "../button/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Tour as Tour$1, useTour as useTour$1 } from "@ark-ui/react/tour";
 //#region src/components/tour/index.tsx

package/dist/components/transfer/index.mjs

@@ -2,9 +2,9 @@ import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { n as useComponentMessages, t as formatMessage } from "../../messages-1jJWtaYU.mjs";
 import { Button } from "../button/index.mjs";
-import { t as Input } from "../../input-C21Zzuy6.mjs";
+import { t as Input } from "../../input-BDpQ0e6G.mjs";
 import { Checkbox as Checkbox$1 } from "../checkbox/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Checkbox } from "@ark-ui/react/checkbox";