@bysages/svelte 0.4.0 → 0.4.2

package/dist/Progress-Byx2qRcT.mjs

@@ -0,0 +1,191 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { Progress } from "@ark-ui/svelte/progress";
+//#region src/components/progress/ProgressRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function ProgressRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("progress");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("progress", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Progress.Root, ($$anchor, ArkProgress_Root) => {
+		ArkProgress_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/progress/Progress.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"min",
+	"max",
+	"label",
+	"variant",
+	"size",
+	"disabled",
+	"children"
+]);
+var root = $.from_html(`<div data-scope="progress" data-part="view" data-view="dashboard"><div aria-hidden="true" data-scope="progress" data-part="dash-ring"></div> <!></div>`);
+var root_1 = $.from_html(`<!> <!> <!>`, 1);
+function Progress$1($$anchor, $$props) {
+	$.push($$props, true);
+	let value = $.prop($$props, "value", 15), variant = $.prop($$props, "variant", 3, "linear"), size = $.prop($$props, "size", 3, "md"), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const dashboardPercent = $.derived(() => {
+		const lower = $$props.min ?? 0;
+		const upper = $$props.max ?? 100;
+		const percent = ((value() ?? $$props.defaultValue ?? lower + (upper - lower) / 2) - lower) / (upper - lower) * 100;
+		return !Number.isFinite(percent) ? 0 : Math.min(100, Math.max(0, percent));
+	});
+	ProgressRoot($$anchor, $.spread_props({
+		get defaultValue() {
+			return $$props.defaultValue;
+		},
+		get min() {
+			return $$props.min;
+		},
+		get max() {
+			return $$props.max;
+		},
+		get disabled() {
+			return disabled();
+		},
+		get size() {
+			return size();
+		},
+		get "data-variant"() {
+			return variant();
+		}
+	}, () => rest, {
+		get value() {
+			return value();
+		},
+		set value($$value) {
+			value($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_1();
+			var node = $.first_child(fragment_1);
+			var consequent = ($$anchor) => {
+				var fragment_2 = $.comment();
+				var node_1 = $.first_child(fragment_2);
+				$.component(node_1, () => Progress.Label, ($$anchor, ArkProgress_Label) => {
+					ArkProgress_Label($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text = $.text();
+							$.template_effect(() => $.set_text(text, $$props.label));
+							$.append($$anchor, text);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_2);
+			};
+			$.if(node, ($$render) => {
+				if ($$props.label) $$render(consequent);
+			});
+			var node_2 = $.sibling(node, 2);
+			var consequent_1 = ($$anchor) => {
+				var div = root();
+				var div_1 = $.child(div);
+				let styles;
+				var node_3 = $.sibling(div_1, 2);
+				$.component(node_3, () => Progress.ValueText, ($$anchor, ArkProgress_ValueText) => {
+					ArkProgress_ValueText($$anchor, {});
+				});
+				$.reset(div);
+				$.template_effect(($0) => styles = $.set_style(div_1, "", styles, { "--percent": $0 }), [() => String($.get(dashboardPercent))]);
+				$.append($$anchor, div);
+			};
+			var consequent_2 = ($$anchor) => {
+				var fragment_4 = $.comment();
+				var node_4 = $.first_child(fragment_4);
+				$.component(node_4, () => Progress.View, ($$anchor, ArkProgress_View) => {
+					ArkProgress_View($$anchor, {
+						view: "circle",
+						children: ($$anchor, $$slotProps) => {
+							var fragment_5 = $.comment();
+							var node_5 = $.first_child(fragment_5);
+							$.component(node_5, () => Progress.Circle, ($$anchor, ArkProgress_Circle) => {
+								ArkProgress_Circle($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										var fragment_6 = $.comment();
+										var node_6 = $.first_child(fragment_6);
+										$.component(node_6, () => Progress.CircleRange, ($$anchor, ArkProgress_CircleRange) => {
+											ArkProgress_CircleRange($$anchor, {});
+										});
+										$.append($$anchor, fragment_6);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_5);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_4);
+			};
+			var alternate = ($$anchor) => {
+				var fragment_7 = $.comment();
+				var node_7 = $.first_child(fragment_7);
+				$.component(node_7, () => Progress.Track, ($$anchor, ArkProgress_Track) => {
+					ArkProgress_Track($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_8 = $.comment();
+							var node_8 = $.first_child(fragment_8);
+							$.component(node_8, () => Progress.Range, ($$anchor, ArkProgress_Range) => {
+								ArkProgress_Range($$anchor, {});
+							});
+							$.append($$anchor, fragment_8);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_7);
+			};
+			$.if(node_2, ($$render) => {
+				if (variant() === "dashboard") $$render(consequent_1);
+				else if (variant() === "circle") $$render(consequent_2, 1);
+				else $$render(alternate, -1);
+			});
+			var node_9 = $.sibling(node_2, 2);
+			$.snippet(node_9, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { ProgressRoot as n, Progress$1 as t };

package/dist/{QrCode-C3gAYPIv.mjs → QrCode-1i33zrFY.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 { QrCode } from "@ark-ui/svelte/qr-code";
 //#region src/components/qr-code/QrCodeRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{RadioGroup-Czoicfnb.mjs → RadioGroup-COvt4pCJ.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 { RadioGroup } from "@ark-ui/svelte/radio-group";
 //#region src/components/radio-group/RadioGroupRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{RatingGroup-Bkliw7CU.mjs → RatingGroup-DTVzY6BA.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 { RatingGroup } from "@ark-ui/svelte/rating-group";
 //#region src/components/rating-group/RatingGroupRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{ScrollArea-BtAH_cdM.mjs → ScrollArea-QeA9Z68Y.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 { ScrollArea } from "@ark-ui/svelte/scroll-area";
 //#region src/components/scroll-area/ScrollAreaRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{SegmentGroup-BnHGitgF.mjs → SegmentGroup-BG8A5JPz.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 { SegmentGroup } from "@ark-ui/svelte/segment-group";
 //#region src/components/segment-group/SegmentGroupRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Select-CnNtViJ4.mjs → Select-5AJHEmMi.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 { Select, createListCollection } from "@ark-ui/svelte/select";
 //#region src/components/select/SelectRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{SignaturePad-DBM5JNGh.mjs → SignaturePad-Dc5YbZoV.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 { SignaturePad } from "@ark-ui/svelte/signature-pad";
 //#region src/components/signature-pad/SignaturePadRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Slider-B-_5UxAX.mjs → Slider-QPKs7Ub5.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 { Slider } from "@ark-ui/svelte/slider";
 //#region src/components/slider/SliderRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Spinner-DGAzGJ_8.mjs → Spinner-D-Lrgjmo.mjs}

@@ -1,7 +1,7 @@
 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/spinner/Spinner.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{Splitter-lP3ibWns.mjs → Splitter-BXyqbcwY.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 { Splitter } from "@ark-ui/svelte/splitter";
 //#region src/components/splitter/SplitterRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{StepsItem-DT1XQX0x.mjs → StepsItem-KwQ6SrNR.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 { Steps } from "@ark-ui/svelte/steps";
 //#region src/components/steps/StepsRoot.svelte
 var rest_excludes$2 = /* @__PURE__ */ new Set([
@@ -9,33 +9,40 @@ var rest_excludes$2 = /* @__PURE__ */ new Set([
 	"$$events",
 	"$$legacy",
 	"size",
+	"variant",
 	"children"
 ]);
 function StepsRoot($$anchor, $$props) {
 	const generatedId = $.props_id();
 	$.push($$props, true);
 	injectComponentStyle("steps");
-	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$2);
+	let size = $.prop($$props, "size", 3, "md"), variant = $.prop($$props, "variant", 3, "default"), rest = $.rest_props($$props, rest_excludes$2);
 	const id = $.derived(() => useElementId("steps", generatedId, $$props.id));
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
-	$.component(node, () => Steps.Root, ($$anchor, ArkSteps_Root) => {
-		ArkSteps_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 }
-		}));
-	});
+	{
+		let $0 = $.derived(() => variant() === "dot" ? variant() : void 0);
+		$.component(node, () => Steps.Root, ($$anchor, ArkSteps_Root) => {
+			ArkSteps_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();
 }
@@ -50,13 +57,15 @@ var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"items",
 	"linear",
 	"orientation",
+	"variant",
 	"children"
 ]);
 var root = $.from_html(`<!> `, 1);
 var root_1 = $.from_html(`<!> <!>`, 1);
 function Steps$1($$anchor, $$props) {
 	$.push($$props, true);
-	let step = $.prop($$props, "step", 15), defaultStep = $.prop($$props, "defaultStep", 3, 0), linear = $.prop($$props, "linear", 3, false), orientation = $.prop($$props, "orientation", 3, "horizontal"), rest = $.rest_props($$props, rest_excludes$1);
+	let step = $.prop($$props, "step", 15), defaultStep = $.prop($$props, "defaultStep", 3, 0), linear = $.prop($$props, "linear", 3, false), orientation = $.prop($$props, "orientation", 3, "horizontal"), variant = $.prop($$props, "variant", 3, "default"), rest = $.rest_props($$props, rest_excludes$1);
+	/** Default renders numbered seals; dot reduces each step to a bead. */
 	StepsRoot($$anchor, $.spread_props({
 		get defaultStep() {
 			return defaultStep();
@@ -69,6 +78,9 @@ function Steps$1($$anchor, $$props) {
 		},
 		get orientation() {
 			return orientation();
+		},
+		get variant() {
+			return variant();
 		}
 	}, () => rest, {
 		get step() {
@@ -105,10 +117,17 @@ function Steps$1($$anchor, $$props) {
 													$.component(node_4, () => Steps.Indicator, ($$anchor, ArkSteps_Indicator) => {
 														ArkSteps_Indicator($$anchor, {
 															children: ($$anchor, $$slotProps) => {
-																$.next();
-																var text = $.text();
-																$.template_effect(() => $.set_text(text, $.get(index) + 1));
-																$.append($$anchor, text);
+																var fragment_6 = $.comment();
+																var node_5 = $.first_child(fragment_6);
+																var consequent = ($$anchor) => {
+																	var text = $.text();
+																	$.template_effect(() => $.set_text(text, $.get(index) + 1));
+																	$.append($$anchor, text);
+																};
+																$.if(node_5, ($$render) => {
+																	if (variant() !== "dot") $$render(consequent);
+																});
+																$.append($$anchor, fragment_6);
 															},
 															$$slots: { default: true }
 														});
@@ -120,8 +139,8 @@ function Steps$1($$anchor, $$props) {
 												$$slots: { default: true }
 											});
 										});
-										var node_5 = $.sibling(node_3, 2);
-										$.component(node_5, () => Steps.Separator, ($$anchor, ArkSteps_Separator) => {
+										var node_6 = $.sibling(node_3, 2);
+										$.component(node_6, () => Steps.Separator, ($$anchor, ArkSteps_Separator) => {
 											ArkSteps_Separator($$anchor, {});
 										});
 										$.append($$anchor, fragment_4);
@@ -136,8 +155,8 @@ function Steps$1($$anchor, $$props) {
 					$$slots: { default: true }
 				});
 			});
-			var node_6 = $.sibling(node, 2);
-			$.snippet(node_6, () => $$props.children ?? $.noop);
+			var node_7 = $.sibling(node, 2);
+			$.snippet(node_7, () => $$props.children ?? $.noop);
 			$.append($$anchor, fragment_1);
 		},
 		$$slots: { default: true }

package/dist/{Swap-De-Zlnr6.mjs → Swap-CfgxrCzJ.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 { Swap } from "@ark-ui/svelte/swap";
 //#region src/components/swap/SwapRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Switch-CJ-yBZVQ.mjs → Switch-AxmjfTNx.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 { Switch } from "@ark-ui/svelte/switch";
 //#region src/components/switch/SwitchRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Tabs-V6R7R-F8.mjs → Tabs-qsZIc6by.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 { Tabs } from "@ark-ui/svelte/tabs";
 //#region src/components/tabs/TabsRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{TagsInput-CPbGeQZd.mjs → TagsInput-DVuAOpBt.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 { TagsInput } from "@ark-ui/svelte/tags-input";
 //#region src/components/tags-input/TagsInputRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Timer-CQJIx4Y0.mjs → Timer-CXPRBF49.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 { Timer } from "@ark-ui/svelte/timer";
 //#region src/components/timer/TimerRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Toast-UTFPPLb1.mjs → Toast-BHSRo7N7.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 { Toast } from "@ark-ui/svelte/toast";
 //#region src/components/toast/ToastRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{TocContent-DYks7TeI.mjs → TocContent-DVP0_twz.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 { Toc } from "@ark-ui/svelte/toc";
 //#region src/components/toc/TocIndicator.svelte
 var rest_excludes$3 = /* @__PURE__ */ new Set([

package/dist/{Toggle-fuL8Qi6H.mjs → Toggle-CP2UGolY.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 { Toggle } from "@ark-ui/svelte/toggle";
 //#region src/components/toggle/ToggleRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{ToggleGroup-BB8BqcLo.mjs → ToggleGroup-DgBoC0hi.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 { ToggleGroup } from "@ark-ui/svelte/toggle-group";
 //#region src/components/toggle-group/ToggleGroupRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Tooltip-D-uRFl6m.mjs → Tooltip-BMFCR30g.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 { Tooltip } from "@ark-ui/svelte/tooltip";
 //#region src/components/tooltip/TooltipRoot.svelte

package/dist/{TreeViewNodeCheckbox-DbJ2jfGV.mjs → TreeViewNodeCheckbox-DGfG5yIl.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 { TreeView, createTreeCollection } from "@ark-ui/svelte/tree-view";
 //#region src/components/tree-view/TreeViewBranchIndicator.svelte
 var rest_excludes$3 = /* @__PURE__ */ new Set([

package/dist/{affix-Cog56FQH.mjs → affix-zZj9e2iB.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/affix/Affix.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
@@ -15,15 +15,15 @@ var root = $.from_html(`<div><!></div>`);
 function Affix$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("affix");
-	let offsetTop = $.prop($$props, "offsetTop", 3, "0px"), offsetBottom = $.prop($$props, "offsetBottom", 3, "0px"), rest = $.rest_props($$props, rest_excludes);
+	let rest = $.rest_props($$props, rest_excludes);
 	var div = root();
 	$.attribute_effect(div, () => ({
 		...rest,
 		"data-scope": "affix",
 		"data-part": "root",
 		[$.STYLE]: {
-			"--bs-affix-top": offsetTop(),
-			"--bs-affix-bottom": offsetBottom()
+			"--bs-affix-top": $$props.offsetTop,
+			"--bs-affix-bottom": $$props.offsetBottom
 		}
 	}));
 	var node = $.child(div);

package/dist/{ai-action-DziA_BN_.mjs → ai-action-D3kQhycd.mjs}

@@ -1,8 +1,8 @@
 import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-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";
 //#region src/components/ai-action/AiAction.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{ai-attachments-BalNjKhf.mjs → ai-attachments-nFUAAXoM.mjs}

@@ -1,9 +1,9 @@
 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, t as formatMessage } 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/ai-attachments/Attachment.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{ai-message-aIyT-RXH.mjs → ai-message-DyQZXA7q.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/ai-message/AiMessage.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",