@bysages/solid 0.4.0 → 0.4.1

package/dist/components/table/index.mjs

@@ -3,9 +3,9 @@ import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
 import { n as useComponentMessages, t as formatComponentMessage } from "../../use-component-messages-C4SCVYjD.mjs";
 import { Pagination } from "../pagination/index.mjs";
-import { t as Select$1 } from "../../select-7YjMSBGx.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as Select$1 } from "../../select-DI7pFspF.mjs";
 import { addEvent, createComponent, delegateEvents, effect, insert, memo, readShallow, ref, setAttribute, setStyleProperty, spread, style, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { For, createMemo, createSignal, onCleanup, onMount } from "solid-js";
 import { createListCollection } from "@ark-ui/solid/select";
 import { FlexRender, cellSpanningFeature, columnFilteringFeature, columnOrderingFeature, columnPinningFeature, columnSizingFeature, columnVisibilityFeature, createColumnHelper, createExpandedRowModel, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, createTable, 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 } from "@tanstack/solid-table";
@@ -174,6 +174,7 @@ const DataTable = withSelfRoot(function DataTable(props) {
 	});
 	const [viewport, setViewport] = createSignal(null);
 	const rows = createMemo(() => table.getRowModel().rows);
+	const [mounted, setMounted] = createSignal(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
@@ -208,6 +209,25 @@ const DataTable = withSelfRoot(function DataTable(props) {
 	});
 	const virtual = () => props.virtual && !props.merge;
 	const mergeMode = () => !props.virtual && !!props.merge;
+	onMount(() => setMounted(true));
+	const virtualRows = () => {
+		if (mounted()) return virtualizer.getVirtualItems();
+		if (!virtual()) return [];
+		const fallback = Math.max(1, Math.ceil(320 / baseRowHeight()));
+		return rows().slice(0, fallback).map((row, index) => {
+			const start = index * baseRowHeight();
+			const size = baseRowHeight();
+			return {
+				key: row.id ?? index,
+				index,
+				start,
+				end: start + size,
+				size,
+				lane: 0
+			};
+		});
+	};
+	const totalSize = () => mounted() ? virtualizer.getTotalSize() : rows().length * baseRowHeight();
 	/** Column ids of the visible leaves, for pin-seam bookkeeping. */
 	const leafIds = createMemo(() => table.getAllLeafColumns().map((c) => c.id));
 	const expandHostId = createMemo(() => {
@@ -650,7 +670,7 @@ const DataTable = withSelfRoot(function DataTable(props) {
 		return () => {
 			return _c$3() ? createComponent(For, {
 				get each() {
-					return virtualizer.getVirtualItems();
+					return virtualRows();
 				},
 				children: (item) => renderRow(rows()[item.index], item)
 			}) : createComponent(For, {
@@ -850,7 +870,7 @@ const DataTable = withSelfRoot(function DataTable(props) {
 			a: colsTemplate(),
 			o: mergeMode() || void 0,
 			i: virtual() || void 0,
-			n: readShallow(virtual() ? { "--bs-table-virtual-total": `${virtualizer.getTotalSize()}px` } : void 0)
+			n: readShallow(virtual() ? { "--bs-table-virtual-total": `${totalSize()}px` } : void 0)
 		};
 	}, ({ e, t, a, o, i, n }, _p$) => {
 		e !== _p$?.e && setAttribute(_el$11, "data-reorderable", e);

package/dist/components/tabs/index.mjs

@@ -1,7 +1,7 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { For, splitProps } from "solid-js";
 import { Tabs as Tabs$1 } from "@ark-ui/solid/tabs";
 //#region src/components/tabs/index.tsx

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

@@ -1,7 +1,7 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 import { TagsInput as TagsInput$1 } from "@ark-ui/solid/tags-input";
 //#region src/components/tags-input/index.tsx

package/dist/components/terminal/index.mjs

@@ -1,7 +1,7 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
 import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, delegateEvents, effect, insert, ref, setAttribute, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { For, createEffect, createSignal, onMount, splitProps } from "solid-js";
 //#region src/components/terminal/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div><div data-scope=terminal data-part=scroll></div><div data-scope=terminal data-part=entry><span data-scope=terminal data-part=sigil aria-hidden=true></span><input data-scope=terminal data-part=input autocomplete=off>`);

package/dist/components/textarea/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { mergeProps as mergeProps$1, splitProps } from "solid-js";
 import { useFieldContext } from "@ark-ui/solid/field";
 //#region src/components/textarea/index.tsx

package/dist/components/timeline/index.mjs

@@ -1,5 +1,5 @@
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 //#region src/components/timeline/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<ol>`);

package/dist/components/timer/index.mjs

@@ -1,6 +1,6 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { createComponent, mergeProps } from "solid-js";
 import { Timer as Timer$1 } from "@ark-ui/solid/timer";
 //#region src/components/timer/index.ts

package/dist/components/toast/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot, t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { createComponent, mergeProps } from "solid-js";
 import { Toast as Toast$1, Toaster as Toaster$1, createToaster } from "@ark-ui/solid/toast";
 //#region src/components/toast/index.ts

package/dist/components/toc/index.mjs

@@ -1,2 +1,2 @@
-import { t as Toc } from "../../toc-DYKaKQ_X.mjs";
+import { t as Toc } from "../../toc-CqvGOp34.mjs";
 export { Toc };

package/dist/components/toggle/index.mjs

@@ -1,6 +1,6 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { createComponent, mergeProps } from "solid-js";
 import { Toggle as Toggle$1 } from "@ark-ui/solid/toggle";
 //#region src/components/toggle/index.ts

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

@@ -1,7 +1,7 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 import { ToggleGroup as ToggleGroup$1 } from "@ark-ui/solid/toggle-group";
 //#region src/components/toggle-group/index.tsx

package/dist/components/toolbar/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, splitProps } from "solid-js";
 //#region src/components/toolbar/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=toolbar data-part=group data-edge=end>`);

package/dist/components/tooltip/index.mjs

@@ -1,8 +1,8 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
 import { n as withElementProps, t as isElement } from "../../element-dGIhOTJ6.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, memo, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { createComponent as createComponent$1, mergeProps as mergeProps$1 } from "solid-js";
 import { Tooltip as Tooltip$1 } from "@ark-ui/solid/tooltip";
 //#region src/components/tooltip/index.tsx

package/dist/components/tour/index.mjs

@@ -1,8 +1,8 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
 import { Button } from "../button/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, memo } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, mergeProps as mergeProps$1 } from "solid-js";
 import { Tour as Tour$1, useTour as useTour$1 } from "@ark-ui/solid/tour";
 //#region src/components/tour/index.tsx

package/dist/components/transfer/index.mjs

@@ -3,10 +3,10 @@ import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
 import { Button } from "../button/index.mjs";
 import { n as useComponentMessages, t as formatComponentMessage } from "../../use-component-messages-C4SCVYjD.mjs";
-import { t as Input } from "../../input-CPAJdwDb.mjs";
+import { t as Input } from "../../input-BL3N3L8g.mjs";
 import { Checkbox as Checkbox$1 } from "../checkbox/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, setAttribute, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, createSignal, splitProps } from "solid-js";
 import { Checkbox } from "@ark-ui/solid/checkbox";
 //#region src/components/transfer/index.tsx

package/dist/components/tree-select/index.mjs

@@ -2,10 +2,10 @@ import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
 import { n as useComponentMessages } from "../../use-component-messages-C4SCVYjD.mjs";
-import { t as Input } from "../../input-CPAJdwDb.mjs";
+import { t as Input } from "../../input-BL3N3L8g.mjs";
 import { Popover as Popover$1 } from "../popover/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, memo, mergeProps, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { For, Show, createMemo, createSignal, splitProps } from "solid-js";
 import { Portal } from "solid-js/web";
 import { useFilter } from "@ark-ui/solid/locale";

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

@@ -1,8 +1,8 @@
 import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { r as iconNode } from "../../icon-DTqmJCd5.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 import { TreeView as TreeView$1 } from "@ark-ui/solid/tree-view";
 //#region src/components/tree-view/index.tsx

package/dist/components/typography/index.mjs

@@ -1,5 +1,5 @@
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, mergeProps } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/typography/index.tsx
 /** The typographic voices, named so prose can ask for one: display and
 * heading ride the song-serif, the rest ride the hei. Nothing here is

package/dist/components/user/index.mjs

@@ -1,7 +1,7 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, insert, memo, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { splitProps } from "solid-js";
 import { Avatar } from "@ark-ui/solid/avatar";
 //#region src/components/user/index.tsx

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

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, effect, insert, ref, setStyleProperty, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { For, createSignal, splitProps } from "solid-js";
 import { createVirtualizer } from "@tanstack/solid-virtual";
 //#region src/components/virtual-list/index.tsx

package/dist/components/watermark/index.mjs

@@ -1,6 +1,6 @@
 import { n as withSelfRoot } from "../../family-Cmd8HEyK.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { effect, insert, ref, setStyleProperty, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { createEffect, createSignal, splitProps } from "solid-js";
 //#region src/components/watermark/index.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div><div data-scope=watermark data-part=content></div><div data-scope=watermark data-part=marks aria-hidden=true>`);

package/dist/{image-viewer-B9A5lXsk.mjs → image-viewer-19s75Hz_.mjs}

@@ -5,8 +5,8 @@ import { Button } from "./components/button/index.mjs";
 import { n as useComponentMessages } from "./use-component-messages-C4SCVYjD.mjs";
 import { ButtonGroup } from "./components/button-group/index.mjs";
 import { Dialog as Dialog$1 } from "./components/dialog/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import { createComponent, effect, insert, memo, mergeProps, setAttribute, setStyleProperty, spread, template } from "@solidjs/web";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, createEffect, createSignal, splitProps } from "solid-js";
 import { Portal } from "solid-js/web";
 import { Dialog } from "@ark-ui/solid/dialog";