@bysages/svelte 0.4.0 → 0.4.2

package/dist/{Collapsible-DJ8B-4w0.mjs → Collapsible-CZ8qFLzP.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
+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";
 import { Collapsible } from "@ark-ui/svelte/collapsible";
 //#region src/components/collapsible/CollapsibleRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{ColorPicker-BHj_4m8H.mjs → ColorPicker-D6PGvfQf.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
+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";
 import { ColorPicker } from "@ark-ui/svelte/color-picker";
 //#region src/components/color-picker/ColorPickerRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Combobox-CI0zJOm_.mjs → Combobox-Ba2u_SqJ.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
+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";
 import { Portal } from "@ark-ui/svelte/portal";
 import { Combobox, createListCollection } from "@ark-ui/svelte/combobox";
 //#region src/components/combobox/ComboboxRoot.svelte

package/dist/{DateInput-CYNt1ltj.mjs → DateInput-BpCL_GE-.mjs}

@@ -1,7 +1,7 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { DateInput } from "@ark-ui/svelte/date-input";
 //#region src/components/date-input/DateInputRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{DatePicker-B8AQBgUp.mjs → DatePicker-Dm81GmmF.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
+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";
 import { Portal } from "@ark-ui/svelte/portal";
 import { DatePicker } from "@ark-ui/svelte/date-picker";
 //#region src/components/date-picker/DatePickerRoot.svelte

package/dist/{descriptions-BeZtDMzt.mjs → Descriptions-C1qZ05Ph.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/descriptions/DescriptionsDetail.svelte
 var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",
@@ -91,7 +91,7 @@ var rest_excludes = /* @__PURE__ */ new Set([
 ]);
 var root = $.from_html(`<!> <!>`, 1);
 var root_1 = $.from_html(`<dl><!></dl>`);
-function Descriptions$1($$anchor, $$props) {
+function Descriptions($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("descriptions");
 	let layout = $.prop($$props, "layout", 3, "horizontal"), bordered = $.prop($$props, "bordered", 3, false), column = $.prop($$props, "column", 3, 1), rest = $.rest_props($$props, rest_excludes);
@@ -156,15 +156,4 @@ function Descriptions$1($$anchor, $$props) {
 	$.pop();
 }
 //#endregion
-//#region src/components/descriptions/index.ts
-/** A ledger laid flat: term and detail pairs in one quiet grid. The
-* horizontal layout reads as a table of two columns; the vertical one
-* stacks each pair for narrow measures. */
-const Descriptions = Object.assign(Descriptions$1, {
-	Root: Descriptions$1,
-	Item: DescriptionsItem,
-	Term: DescriptionsTerm,
-	Detail: DescriptionsDetail
-});
-//#endregion
-export { Descriptions as t };
+export { DescriptionsDetail as i, DescriptionsTerm as n, DescriptionsItem as r, Descriptions as t };

package/dist/{Dialog-DOxZ3eye.mjs → Dialog-BbDr030S.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as iconHtml } from "./icon-lWVQxDG6.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as iconHtml } from "./icon-C6ohnKuW.mjs";
 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 { Dialog } from "@ark-ui/svelte/dialog";
 //#region src/components/dialog/DialogRoot.svelte

package/dist/{Drawer-qpsQNpLj.mjs → Drawer-C1r1wz3V.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as iconHtml } from "./icon-lWVQxDG6.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as iconHtml } from "./icon-C6ohnKuW.mjs";
 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 { Drawer } from "@ark-ui/svelte/drawer";
 //#region src/components/drawer/DrawerRoot.svelte

package/dist/{Editable-Die4QZWo.mjs → Editable-hjSbhWMK.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
+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";
 import { Editable } from "@ark-ui/svelte/editable";
 //#region src/components/editable/EditableRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Field-CO2VK0f_.mjs → Field-CEUQfFAn.mjs}

@@ -1,7 +1,7 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Field } from "@ark-ui/svelte/field";
 //#region src/components/field/FieldRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Fieldset-DMp5m8vW.mjs → Fieldset-BWqjtIBF.mjs}

@@ -1,7 +1,7 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Fieldset } from "@ark-ui/svelte/fieldset";
 //#region src/components/fieldset/FieldsetRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{FileUpload-DZE4CRxe.mjs → FileUpload-C6JBpvet.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
+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";
 import { FileUpload } from "@ark-ui/svelte/file-upload";
 //#region src/components/file-upload/FileUploadRoot.svelte
 var rest_excludes$2 = /* @__PURE__ */ new Set([

package/dist/{FloatingPanel-B5-5flGu.mjs → FloatingPanel-2z-iuVPc.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
+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";
 import { Portal } from "@ark-ui/svelte/portal";
 import { FloatingPanel } from "@ark-ui/svelte/floating-panel";
 //#region src/components/floating-panel/FloatingPanelRoot.svelte

package/dist/{HoverCard-CzkvDJbI.mjs → HoverCard-c3tT648V.mjs}

@@ -1,7 +1,7 @@
 import { t as useElementId } from "./id-Alz497yI.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 { HoverCard } from "@ark-ui/svelte/hover-card";
 //#region src/components/hover-card/HoverCardRoot.svelte

package/dist/{ImageCropper-CC9AyFBi.mjs → ImageCropper-Dgyj2byr.mjs}

@@ -1,7 +1,7 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { ImageCropper } from "@ark-ui/svelte/image-cropper";
 //#region src/components/image-cropper/ImageCropperRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{ImageViewer-DEMg26LY.mjs → ImageViewer-8tDJvkkb.mjs}

@@ -1,11 +1,11 @@
-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 { t as ButtonGroup } from "./button-group-BV7Ces1o.mjs";
+import { t as ButtonGroup } from "./button-group-D9mgSVlR.mjs";
 import { Dialog as Dialog$1 } from "./components/dialog/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 { Portal } from "@ark-ui/svelte/portal";
 import { Dialog } from "@ark-ui/svelte/dialog";
 //#region src/components/image-viewer/ImagePreview.svelte

package/dist/{Input-CZhcEeFU.mjs → Input-DLfLshYU.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";
 import { useFieldContext } from "@ark-ui/svelte/field";
 //#region src/components/input/mask.ts
 function accepts(slot, ch) {

package/dist/{InternalIcon-Clwbj4MY.mjs → InternalIcon-CbfKieOs.mjs}

@@ -1,4 +1,4 @@
-import { t as iconHtml } from "./icon-lWVQxDG6.mjs";
+import { t as iconHtml } from "./icon-C6ohnKuW.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/internal/InternalIcon.svelte

package/dist/{JsonTreeViewTree-DPRObG7r.mjs → JsonTreeViewTree-DkusAr3j.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
+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";
 import { JsonTreeView } from "@ark-ui/svelte/json-tree-view";
 //#region src/components/json-tree-view/JsonTreeViewRoot.svelte
 var rest_excludes$2 = /* @__PURE__ */ new Set([

package/dist/{Listbox-BcF6Uk8j.mjs → Listbox-gAL5Q59b.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
+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";
 import { Listbox, createListCollection } from "@ark-ui/svelte/listbox";
 //#region src/components/listbox/ListboxRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Marquee-DWGGrLlz.mjs → Marquee-BOpZFSCo.mjs}

@@ -1,7 +1,7 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Marquee } from "@ark-ui/svelte/marquee";
 //#region src/components/marquee/MarqueeRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Menu-bJv3fB0Z.mjs → Menu-BiwHDpdz.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
+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";
 import { Portal } from "@ark-ui/svelte/portal";
 import { getContext, setContext } from "svelte";
 import { Menu } from "@ark-ui/svelte/menu";

package/dist/{Menubar-D-UDLqtm.mjs → Menubar-BC-ByvNh.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";
 import { Portal } from "@ark-ui/svelte/portal";
 import { Menu } from "@ark-ui/svelte/menu";
 //#region src/components/menubar/Menubar.svelte

package/dist/{NavigationMenu-CgC0GMdq.mjs → NavigationMenu-BpQJwrv3.mjs}

@@ -1,7 +1,7 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { NavigationMenu } from "@ark-ui/svelte/navigation-menu";
 //#region src/components/navigation-menu/NavigationMenuLink.svelte
 var rest_excludes$2 = /* @__PURE__ */ new Set([

package/dist/{NumberInput-OX9IP5KS.mjs → NumberInput-B2gPYuJX.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
+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";
 import { NumberInput } from "@ark-ui/svelte/number-input";
 //#region src/components/number-input/NumberInputRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/Pagination-f8XiX-Cs.mjs

@@ -0,0 +1,210 @@
+import { t as useElementId } from "./id-Alz497yI.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";
+import { Pagination } from "@ark-ui/svelte/pagination";
+//#region src/components/pagination/PaginationRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"variant",
+	"children"
+]);
+function PaginationRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("pagination");
+	let size = $.prop($$props, "size", 3, "md"), variant = $.prop($$props, "variant", 3, "default"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("pagination", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		let $0 = $.derived(() => variant() === "simple" ? variant() : void 0);
+		$.component(node, () => Pagination.Root, ($$anchor, ArkPagination_Root) => {
+			ArkPagination_Root($$anchor, $.spread_props(() => rest, {
+				get id() {
+					return $.get(id);
+				},
+				get "data-size"() {
+					return size();
+				},
+				get "data-variant"() {
+					return $.get($0);
+				},
+				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",
+	"variant",
+	"children"
+]);
+var root = $.from_html(`<span data-scope="pagination" data-part="status"> </span>`);
+var root_1 = $.from_html(`<!> <!> <!> <!>`, 1);
+function Pagination$1($$anchor, $$props) {
+	$.push($$props, true);
+	const paginationContent = ($$anchor, pagination = $.noop) => {
+		var fragment = $.comment();
+		var node = $.first_child(fragment);
+		var consequent = ($$anchor) => {
+			var span = root();
+			var text = $.only_child(span);
+			$.template_effect(($0, $1) => $.set_text(text, `${$0 ?? ""} / ${$1 ?? ""}`), [() => pagination()().page, () => pagination()().totalPages]);
+			$.append($$anchor, span);
+		};
+		var alternate_1 = ($$anchor) => {
+			var fragment_1 = $.comment();
+			var node_1 = $.first_child(fragment_1);
+			$.each(node_1, 19, () => pagination()().pages, (item, index) => item.type === "page" ? item.value : `ellipsis-${index}`, ($$anchor, item, index) => {
+				var fragment_2 = $.comment();
+				var node_2 = $.first_child(fragment_2);
+				var consequent_1 = ($$anchor) => {
+					var fragment_3 = $.comment();
+					var node_3 = $.first_child(fragment_3);
+					$.component(node_3, () => Pagination.Item, ($$anchor, ArkPagination_Item) => {
+						ArkPagination_Item($$anchor, {
+							type: "page",
+							get value() {
+								return $.get(item).value;
+							},
+							children: ($$anchor, $$slotProps) => {
+								$.next();
+								var text_1 = $.text();
+								$.template_effect(() => $.set_text(text_1, $.get(item).value));
+								$.append($$anchor, text_1);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_3);
+				};
+				var alternate = ($$anchor) => {
+					var fragment_5 = $.comment();
+					var node_4 = $.first_child(fragment_5);
+					$.component(node_4, () => Pagination.Ellipsis, ($$anchor, ArkPagination_Ellipsis) => {
+						ArkPagination_Ellipsis($$anchor, {
+							get index() {
+								return $.get(index);
+							},
+							children: ($$anchor, $$slotProps) => {
+								$.next();
+								var text_2 = $.text("…");
+								$.append($$anchor, text_2);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_5);
+				};
+				$.if(node_2, ($$render) => {
+					if ($.get(item).type === "page") $$render(consequent_1);
+					else $$render(alternate, -1);
+				});
+				$.append($$anchor, fragment_2);
+			});
+			$.append($$anchor, fragment_1);
+		};
+		$.if(node, ($$render) => {
+			if (variant() === "simple") $$render(consequent);
+			else $$render(alternate_1, -1);
+		});
+		$.append($$anchor, fragment);
+	};
+	let page = $.prop($$props, "page", 15), count = $.prop($$props, "count", 3, 0), siblingCount = $.prop($$props, "siblingCount", 3, 1), variant = $.prop($$props, "variant", 3, "default"), 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 variant() {
+			return variant();
+		},
+		get "aria-label"() {
+			return $$props.label;
+		}
+	}, () => rest, {
+		get page() {
+			return page();
+		},
+		set page($$value) {
+			page($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_7 = root_1();
+			var node_5 = $.first_child(fragment_7);
+			$.component(node_5, () => 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_6 = $.sibling(node_5, 2);
+			{
+				const render = ($$anchor, pagination = $.noop) => {
+					paginationContent($$anchor, pagination);
+				};
+				$.component(node_6, () => Pagination.Context, ($$anchor, ArkPagination_Context) => {
+					ArkPagination_Context($$anchor, {
+						render,
+						$$slots: { render: true }
+					});
+				});
+			}
+			var node_7 = $.sibling(node_6, 2);
+			$.component(node_7, () => 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_8 = $.sibling(node_7, 2);
+			$.snippet(node_8, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_7);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { PaginationRoot as n, Pagination$1 as t };

package/dist/{PasswordInput-CKUqwouu.mjs → PasswordInput-BhlJF3Jd.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
-import { injectComponentStyle } from "@bysages/core";
+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";
 import { PasswordInput } from "@ark-ui/svelte/password-input";
 //#region src/components/password-input/PasswordInputRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{PinInput-Ey0sJSwB.mjs → PinInput-CgpLwgNu.mjs}

@@ -1,7 +1,7 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { PinInput } from "@ark-ui/svelte/pin-input";
 //#region src/components/pin-input/PinInputRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Popover-Ct9y-0D-.mjs → Popover-Dl-QAFG_.mjs}

@@ -1,8 +1,8 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
-import { t as iconHtml } from "./icon-lWVQxDG6.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as iconHtml } from "./icon-C6ohnKuW.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";
 //#region src/components/popover/PopoverRoot.svelte