@bysages/svelte 0.4.0 → 0.4.2

package/dist/{split-button-D_OqAXW0.mjs → split-button-18nv8J3q.mjs}

@@ -1,10 +1,10 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { t as Button } from "./button-CghWQD3J.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
+import { t as Button } from "./button-Cl45zjdj.mjs";
 import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Portal } from "@ark-ui/svelte/portal";
 import { Menu } from "@ark-ui/svelte/menu";
 //#region src/components/split-button/SplitButton.svelte

package/dist/{spotlight-COA_C9G5.mjs → spotlight-Apoc1iQX.mjs}

@@ -1,7 +1,7 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/spotlight/Spotlight.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{stack-qBPmVt5S.mjs → stack-uMjCwn_2.mjs}

@@ -1,7 +1,7 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/stack/Stack.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{stat-5cTU1vyI.mjs → stat-DQ-5P4Gr.mjs}

@@ -1,6 +1,6 @@
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/stat/Stat.svelte
 var rest_excludes$4 = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{table-geA12h-I.mjs → table-LfPEezF-.mjs}

@@ -1,12 +1,12 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { t as iconHtml } from "./icon-lWVQxDG6.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as iconHtml } from "./icon-C6ohnKuW.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import { n as useComponentMessages, t as formatMessage } from "./messages-DNzA55pH.mjs";
 import { Pagination } from "./components/pagination/index.mjs";
-import { n as Select$1 } from "./select-DQQ0bSN9.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { n as Select$1 } from "./select-CqOZTmfR.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { untrack } from "svelte";
 import { createListCollection } from "@ark-ui/svelte/select";
 import { FlexRender, FlexRender as FlexRender$1, 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/svelte-table";
@@ -83,6 +83,7 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"pageSizeOptions",
 	"stickyFooter",
 	"initialSorting",
+	"striped",
 	"globalFilterPlaceholder",
 	"emptyText",
 	"reorderable",
@@ -206,7 +207,7 @@ function DataTable$1($$anchor, $$props) {
 		10,
 		20,
 		50
-	]), stickyFooter = $.prop($$props, "stickyFooter", 3, false), reorderable = $.prop($$props, "reorderable", 3, false), rest = $.rest_props($$props, rest_excludes);
+	]), stickyFooter = $.prop($$props, "stickyFooter", 3, false), striped = $.prop($$props, "striped", 3, false), reorderable = $.prop($$props, "reorderable", 3, false), rest = $.rest_props($$props, rest_excludes);
 	const messages = useComponentMessages();
 	const globalFilterText = $.derived(() => $$props.globalFilterPlaceholder ?? messages().table.filterAll);
 	const SELECT_COL_ID = "__select";
@@ -304,6 +305,7 @@ function DataTable$1($$anchor, $$props) {
 	* actually renders. */
 	const baseRowHeight = () => rowHeight() ?? 40;
 	function densityScale() {
+		if (typeof document === "undefined") return 1;
 		const value = Number(getComputedStyle(document.documentElement).getPropertyValue("--bs-density-scale"));
 		return Number.isFinite(value) && value > 0 ? value : 1;
 	}
@@ -321,6 +323,22 @@ function DataTable$1($$anchor, $$props) {
 		$.get(rows).length;
 		get(virtualizer).measure();
 	});
+	let hydrated = $.state(false);
+	$.user_effect(() => {
+		$.set(hydrated, true);
+	});
+	const virtualRows = $.derived(() => {
+		if ($.get(hydrated)) return $virtualizer().getVirtualItems();
+		if (!$.get(virtualMode)) return [];
+		const fallback = Math.max(1, Math.ceil(320 / baseRowHeight()));
+		return $.get(rows).slice(0, fallback).map((row, index) => ({
+			key: row.id ?? index,
+			index,
+			start: index * baseRowHeight(),
+			size: baseRowHeight()
+		}));
+	});
+	const virtualTotal = $.derived(() => $.get(hydrated) ? $virtualizer().getTotalSize() : $.get(rows).length * baseRowHeight());
 	$.user_effect(() => {
 		if (typeof MutationObserver === "undefined") return;
 		const densityObserver = new MutationObserver(() => get(virtualizer).measure());
@@ -532,6 +550,7 @@ function DataTable$1($$anchor, $$props) {
 		"data-scope": "table",
 		"data-part": "root",
 		"data-reorderable": reorderable() || void 0,
+		"data-striped": striped() || void 0,
 		[$.STYLE]: { "--bs-table-row-height": $0 }
 	}), [() => `calc(${baseRowHeight()}px * var(--bs-density-scale, 1))`]);
 	var node_5 = $.child(div_3);
@@ -675,7 +694,7 @@ function DataTable$1($$anchor, $$props) {
 	var consequent_8 = ($$anchor) => {
 		var fragment_5 = $.comment();
 		var node_12 = $.first_child(fragment_5);
-		$.each(node_12, 1, () => $virtualizer().getVirtualItems(), (item) => item.key, ($$anchor, item) => {
+		$.each(node_12, 17, () => $.get(virtualRows), (item) => item.key, ($$anchor, item) => {
 			const row = $.derived(() => $.get(rows)[$.get(item).index]);
 			renderRow($$anchor, () => $.get(row), () => $.get(item));
 		});
@@ -1003,12 +1022,12 @@ function DataTable$1($$anchor, $$props) {
 		if (paginated()) $$render(consequent_13);
 	});
 	$.reset(div_3);
-	$.template_effect(($0) => {
+	$.template_effect(() => {
 		styles_1 = $.set_style(div_6, "", styles_1, { "--bs-table-cols": $.get(colsTemplate) });
 		$.set_attribute(div_11, "data-merge", $.get(mergeMode) || void 0);
 		$.set_attribute(div_11, "data-virtual", $.get(virtualMode) || void 0);
-		$.set_style(div_11, $0);
-	}, [() => $.get(virtualMode) ? { "--bs-table-virtual-total": `${$virtualizer().getTotalSize()}px` } : void 0]);
+		$.set_style(div_11, $.get(virtualMode) ? { "--bs-table-virtual-total": `${$.get(virtualTotal)}px` } : void 0);
+	});
 	$.append($$anchor, div_3);
 	$.pop();
 	$$cleanup();

package/dist/tag-S2DR-cEP.mjs

@@ -0,0 +1,122 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+//#region src/components/tag/Tag.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"tone",
+	"variant",
+	"checkable",
+	"checked",
+	"defaultValue",
+	"closable",
+	"disabled",
+	"onClose",
+	"children"
+]);
+var root = $.from_html(`<span data-scope="tag" data-part="close" aria-hidden="true"><!></span>`);
+var root_1 = $.from_html(`<button><!> <!></button>`);
+var root_2 = $.from_html(`<button type="button" data-scope="tag" data-part="close" aria-label="Remove"><!></button>`);
+var root_3 = $.from_html(`<span><!> <!></span>`);
+function Tag$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("tag");
+	let tone = $.prop($$props, "tone", 3, "ink"), variant = $.prop($$props, "variant", 3, "solid"), checkable = $.prop($$props, "checkable", 3, false), checked = $.prop($$props, "checked", 15), defaultValue = $.prop($$props, "defaultValue", 3, false), closable = $.prop($$props, "closable", 3, false), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	let internalChecked = $.state($.proxy(defaultValue()));
+	const isChecked = $.derived(() => checkable() && (checked() ?? $.get(internalChecked)));
+	function toggle() {
+		if (disabled()) return;
+		const next = !(checked() ?? $.get(internalChecked));
+		$.set(internalChecked, next);
+		checked(next);
+	}
+	function dismiss(event) {
+		event.stopPropagation();
+		if (disabled()) return;
+		$$props.onClose?.(event);
+	}
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent_1 = ($$anchor) => {
+		var button = root_1();
+		$.attribute_effect(button, () => ({
+			...rest,
+			type: "button",
+			"data-scope": "tag",
+			"data-part": "root",
+			"data-tone": tone(),
+			"data-variant": variant(),
+			"data-checkable": "true",
+			"data-checked": $.get(isChecked) || void 0,
+			"data-disabled": disabled() || void 0,
+			"aria-pressed": $.get(isChecked),
+			disabled: disabled(),
+			onclick: toggle
+		}));
+		var node_1 = $.child(button);
+		$.snippet(node_1, () => $$props.children ?? $.noop);
+		var node_2 = $.sibling(node_1, 2);
+		var consequent = ($$anchor) => {
+			var span = root();
+			var node_3 = $.child(span);
+			InternalIcon(node_3, { name: "x" });
+			$.reset(span);
+			$.delegated("click", span, dismiss);
+			$.append($$anchor, span);
+		};
+		$.if(node_2, ($$render) => {
+			if (closable()) $$render(consequent);
+		});
+		$.reset(button);
+		$.append($$anchor, button);
+	};
+	var alternate = ($$anchor) => {
+		var span_1 = root_3();
+		$.attribute_effect(span_1, () => ({
+			...rest,
+			"data-scope": "tag",
+			"data-part": "root",
+			"data-tone": tone(),
+			"data-variant": variant(),
+			"data-disabled": disabled() || void 0,
+			"aria-disabled": disabled() || void 0
+		}));
+		var node_4 = $.child(span_1);
+		$.snippet(node_4, () => $$props.children ?? $.noop);
+		var node_5 = $.sibling(node_4, 2);
+		var consequent_2 = ($$anchor) => {
+			var button_1 = root_2();
+			var node_6 = $.child(button_1);
+			InternalIcon(node_6, { name: "x" });
+			$.reset(button_1);
+			$.template_effect(() => button_1.disabled = disabled());
+			$.delegated("click", button_1, dismiss);
+			$.append($$anchor, button_1);
+		};
+		$.if(node_5, ($$render) => {
+			if (closable()) $$render(consequent_2);
+		});
+		$.reset(span_1);
+		$.append($$anchor, span_1);
+	};
+	$.if(node, ($$render) => {
+		if (checkable()) $$render(consequent_1);
+		else $$render(alternate, -1);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+$.delegate(["click"]);
+//#endregion
+//#region src/components/tag/index.ts
+/** A small named seal for filtering and cataloguing. The resting shape
+* is a span; `checkable` raises it to a pressed button, and `closable`
+* hangs the removal seal inside — dismissal stays the consumer's state,
+* the way the banner's does. */
+const Tag = withSelfRoot(Tag$1);
+//#endregion
+export { Tag as t };

package/dist/{terminal-C0XnhwEh.mjs → terminal-DQAU6DW7.mjs}

@@ -1,8 +1,8 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
 import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/terminal/Terminal.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{textarea-BUzu42K0.mjs → textarea-ClX5LWLE.mjs}

@@ -1,7 +1,7 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { useFieldContext } from "@ark-ui/svelte/field";
 //#region src/components/textarea/Textarea.svelte
 var rest_excludes = /* @__PURE__ */ new Set([

package/dist/{timeline-1yPOTbtY.mjs → timeline-RyLnUiMA.mjs}

@@ -1,6 +1,6 @@
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/timeline/Timeline.svelte
 var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{toolbar-CiXQAM_F.mjs → toolbar-BTM5B0Nt.mjs}

@@ -1,7 +1,7 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/toolbar/Toolbar.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{transfer-B0EAGhLK.mjs → transfer-kGHh9bJH.mjs}

@@ -1,11 +1,11 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { t as Button } from "./button-CghWQD3J.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
+import { t as Button } from "./button-Cl45zjdj.mjs";
 import { n as useComponentMessages, t as formatMessage } from "./messages-DNzA55pH.mjs";
 import { Input } from "./components/input/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Checkbox } from "@ark-ui/svelte/checkbox";
 //#region src/components/transfer/Transfer.svelte
 var rest_excludes = /* @__PURE__ */ new Set([

package/dist/{tree-select-BEK7cdxE.mjs → tree-select-BRQjFrHA.mjs}

@@ -1,10 +1,10 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
-import { t as Input } from "./Input-CZhcEeFU.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as Input } from "./Input-DLfLshYU.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Popover } from "@ark-ui/svelte/popover";
 import { Portal } from "@ark-ui/svelte/portal";
 import { useFilter } from "@ark-ui/svelte/locale";

package/dist/{typography-Bl6MxaeI.mjs → typography-DUWj7wex.mjs}

@@ -1,6 +1,6 @@
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/typography/TypographyBody.svelte
 var rest_excludes$5 = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{use-tour-BLNlDu27.mjs → use-tour-BfS5dCZb.mjs}

@@ -1,7 +1,7 @@
-import { t as Button } from "./button-CghWQD3J.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as Button } from "./button-Cl45zjdj.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import "svelte/internal/flags/legacy";
 import { Tour, useTour } from "@ark-ui/svelte/tour";
 //#region src/components/tour/TourRoot.svelte

package/dist/{user-CAqrd4B7.mjs → user--GneY3yN.mjs}

@@ -1,7 +1,7 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Avatar } from "@ark-ui/svelte/avatar";
 //#region src/components/user/User.svelte
 var rest_excludes = /* @__PURE__ */ new Set([

package/dist/{virtual-list-BLb78vlm.mjs → virtual-list-h85_wJw5.mjs}

@@ -1,7 +1,7 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { untrack } from "svelte";
 //#region src/components/virtual-list/VirtualList.svelte
 var rest_excludes = /* @__PURE__ */ new Set([

package/dist/{watermark-Bv3kvHIB.mjs → watermark-CHUTjZ6E.mjs}

@@ -1,7 +1,7 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/watermark/Watermark.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bysages/svelte",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "By Sages Elements components for Svelte — styled by the paper-and-ink design tokens",
   "keywords": [
     "accessible",
@@ -31,35 +31,7 @@
     "dist"
   ],
   "type": "module",
-  "sideEffects": [
-    "./dist/components/accordion/index.mjs",
-    "./dist/components/carousel/index.mjs",
-    "./dist/components/collapsible/index.mjs",
-    "./dist/components/dialog/index.mjs",
-    "./dist/components/drawer/index.mjs",
-    "./dist/components/field/index.mjs",
-    "./dist/components/fieldset/index.mjs",
-    "./dist/components/floating-panel/index.mjs",
-    "./dist/components/highlight/index.mjs",
-    "./dist/components/hover-card/index.mjs",
-    "./dist/components/image-cropper/index.mjs",
-    "./dist/components/json-tree-view/index.mjs",
-    "./dist/components/marquee/index.mjs",
-    "./dist/components/media-player/index.mjs",
-    "./dist/components/navigation-menu/index.mjs",
-    "./dist/components/popover/index.mjs",
-    "./dist/components/qr-code/index.mjs",
-    "./dist/components/scroll-area/index.mjs",
-    "./dist/components/signature-pad/index.mjs",
-    "./dist/components/splitter/index.mjs",
-    "./dist/components/swap/index.mjs",
-    "./dist/components/timer/index.mjs",
-    "./dist/components/toast/index.mjs",
-    "./dist/components/toc/index.mjs",
-    "./dist/components/toggle/index.mjs",
-    "./dist/components/tooltip/index.mjs",
-    "./dist/components/tour/index.mjs"
-  ],
+  "sideEffects": false,
   "main": "dist/index.mjs",
   "types": "dist/index.d.mts",
   "exports": {
@@ -73,22 +45,22 @@
     }
   },
   "dependencies": {
-    "@ark-ui/svelte": "5.24.2",
+    "@ark-ui/svelte": "5.24.3",
     "@tanstack/markdown": "1.0.0",
     "@tanstack/svelte-form": "1.33.5",
-    "@tanstack/svelte-table": "9.2.4",
-    "@tanstack/svelte-virtual": "3.13.39",
-    "@zag-js/cascade-select": "1.44.0",
-    "@zag-js/svelte": "1.44.0",
-    "@bysages/core": "0.4.0"
+    "@tanstack/svelte-table": "9.2.8",
+    "@tanstack/svelte-virtual": "3.13.40",
+    "@zag-js/cascade-select": "1.45.0",
+    "@zag-js/svelte": "1.45.0",
+    "@bysages/core": "0.4.2"
   },
   "devDependencies": {
     "@json-render/core": "0.21.0",
     "@json-render/svelte": "0.21.0",
     "@sveltejs/vite-plugin-svelte": "7.3.1",
-    "ai": "7.0.126",
+    "ai": "7.0.137",
     "rollup-plugin-svelte": "7.2.3",
-    "svelte": "5.57.1",
+    "svelte": "5.57.2",
     "svelte2tsx": "0.7.61",
     "zod": "4.6.5"
   },

package/dist/Pagination-D6vDzhVj.mjs

@@ -1,180 +0,0 @@
-import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
-import "svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-import { Pagination } from "@ark-ui/svelte/pagination";
-//#region src/components/pagination/PaginationRoot.svelte
-var rest_excludes$1 = /* @__PURE__ */ new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"size",
-	"children"
-]);
-function PaginationRoot($$anchor, $$props) {
-	const generatedId = $.props_id();
-	$.push($$props, true);
-	injectComponentStyle("pagination");
-	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
-	const id = $.derived(() => useElementId("pagination", generatedId, $$props.id));
-	var fragment = $.comment();
-	var node = $.first_child(fragment);
-	$.component(node, () => Pagination.Root, ($$anchor, ArkPagination_Root) => {
-		ArkPagination_Root($$anchor, $.spread_props(() => rest, {
-			get id() {
-				return $.get(id);
-			},
-			get "data-size"() {
-				return size();
-			},
-			children: ($$anchor, $$slotProps) => {
-				var fragment_1 = $.comment();
-				var node_1 = $.first_child(fragment_1);
-				$.snippet(node_1, () => $$props.children ?? $.noop);
-				$.append($$anchor, fragment_1);
-			},
-			$$slots: { default: true }
-		}));
-	});
-	$.append($$anchor, fragment);
-	$.pop();
-}
-//#endregion
-//#region src/components/pagination/Pagination.svelte
-var rest_excludes = /* @__PURE__ */ new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"page",
-	"defaultValue",
-	"count",
-	"pageSize",
-	"defaultPageSize",
-	"siblingCount",
-	"label",
-	"children"
-]);
-var root = $.from_html(`<!> <!> <!> <!>`, 1);
-function Pagination$1($$anchor, $$props) {
-	$.push($$props, true);
-	let page = $.prop($$props, "page", 15), count = $.prop($$props, "count", 3, 0), siblingCount = $.prop($$props, "siblingCount", 3, 1), rest = $.rest_props($$props, rest_excludes);
-	PaginationRoot($$anchor, $.spread_props({
-		get count() {
-			return count();
-		},
-		get defaultPage() {
-			return $$props.defaultValue;
-		},
-		get pageSize() {
-			return $$props.pageSize;
-		},
-		get defaultPageSize() {
-			return $$props.defaultPageSize;
-		},
-		get siblingCount() {
-			return siblingCount();
-		},
-		get "aria-label"() {
-			return $$props.label;
-		}
-	}, () => rest, {
-		get page() {
-			return page();
-		},
-		set page($$value) {
-			page($$value);
-		},
-		children: ($$anchor, $$slotProps) => {
-			var fragment_1 = root();
-			var node = $.first_child(fragment_1);
-			$.component(node, () => Pagination.PrevTrigger, ($$anchor, ArkPagination_PrevTrigger) => {
-				ArkPagination_PrevTrigger($$anchor, {
-					"aria-label": "Previous page",
-					children: ($$anchor, $$slotProps) => {
-						InternalIcon($$anchor, { name: "chevron-left" });
-					},
-					$$slots: { default: true }
-				});
-			});
-			var node_1 = $.sibling(node, 2);
-			{
-				const render = ($$anchor, pagination = $.noop) => {
-					var fragment_3 = $.comment();
-					var node_2 = $.first_child(fragment_3);
-					$.each(node_2, 19, () => pagination()().pages, (item, index) => item.type === "page" ? item.value : `ellipsis-${index}`, ($$anchor, item, index) => {
-						var fragment_4 = $.comment();
-						var node_3 = $.first_child(fragment_4);
-						var consequent = ($$anchor) => {
-							var fragment_5 = $.comment();
-							var node_4 = $.first_child(fragment_5);
-							$.component(node_4, () => Pagination.Item, ($$anchor, ArkPagination_Item) => {
-								ArkPagination_Item($$anchor, {
-									type: "page",
-									get value() {
-										return $.get(item).value;
-									},
-									children: ($$anchor, $$slotProps) => {
-										$.next();
-										var text = $.text();
-										$.template_effect(() => $.set_text(text, $.get(item).value));
-										$.append($$anchor, text);
-									},
-									$$slots: { default: true }
-								});
-							});
-							$.append($$anchor, fragment_5);
-						};
-						var alternate = ($$anchor) => {
-							var fragment_7 = $.comment();
-							var node_5 = $.first_child(fragment_7);
-							$.component(node_5, () => Pagination.Ellipsis, ($$anchor, ArkPagination_Ellipsis) => {
-								ArkPagination_Ellipsis($$anchor, {
-									get index() {
-										return $.get(index);
-									},
-									children: ($$anchor, $$slotProps) => {
-										$.next();
-										var text_1 = $.text("…");
-										$.append($$anchor, text_1);
-									},
-									$$slots: { default: true }
-								});
-							});
-							$.append($$anchor, fragment_7);
-						};
-						$.if(node_3, ($$render) => {
-							if ($.get(item).type === "page") $$render(consequent);
-							else $$render(alternate, -1);
-						});
-						$.append($$anchor, fragment_4);
-					});
-					$.append($$anchor, fragment_3);
-				};
-				$.component(node_1, () => Pagination.Context, ($$anchor, ArkPagination_Context) => {
-					ArkPagination_Context($$anchor, {
-						render,
-						$$slots: { render: true }
-					});
-				});
-			}
-			var node_6 = $.sibling(node_1, 2);
-			$.component(node_6, () => Pagination.NextTrigger, ($$anchor, ArkPagination_NextTrigger) => {
-				ArkPagination_NextTrigger($$anchor, {
-					"aria-label": "Next page",
-					children: ($$anchor, $$slotProps) => {
-						InternalIcon($$anchor, { name: "chevron-right" });
-					},
-					$$slots: { default: true }
-				});
-			});
-			var node_7 = $.sibling(node_6, 2);
-			$.snippet(node_7, () => $$props.children ?? $.noop);
-			$.append($$anchor, fragment_1);
-		},
-		$$slots: { default: true }
-	}));
-	$.pop();
-}
-//#endregion
-export { PaginationRoot as n, Pagination$1 as t };