@bysages/svelte 0.4.0 → 0.4.2

package/dist/{Accordion-ChCzhYPl.mjs → Accordion-DF1vzXDg.mjs}

@@ -1,9 +1,9 @@
 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 { Accordion } from "@ark-ui/svelte/accordion";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/accordion/AccordionRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{AiLoader-BEiPYOfW.mjs → AiLoader-C7LALoXc.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/ai/Ai.svelte
 var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",

package/dist/{AngleSlider-_DsaxreA.mjs → AngleSlider-BDmLIZcL.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 { AngleSlider } from "@ark-ui/svelte/angle-slider";
 //#region src/components/angle-slider/AngleSliderRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Avatar-RTIHq1px.mjs → Avatar-L9BP2Zwy.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 { Avatar } from "@ark-ui/svelte/avatar";
 //#region src/components/avatar/Avatar.svelte
 var rest_excludes = /* @__PURE__ */ new Set([

package/dist/Calendar-CWaU4MGJ.mjs

@@ -0,0 +1,589 @@
+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 { DatePicker } from "@ark-ui/svelte/date-picker";
+//#region src/components/calendar/Calendar.svelte
+const title = ($$anchor, dp = $.noop) => {
+	const api = $.derived(() => dp()());
+	const date = $.derived(() => $.get(api).focusedValue);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent = ($$anchor) => {
+		var text = $.text();
+		$.template_effect(($0) => $.set_text(text, $0), [() => $.get(api).format($.get(date), { year: "numeric" })]);
+		$.append($$anchor, text);
+	};
+	var consequent_1 = ($$anchor) => {
+		var text_1 = $.text();
+		$.template_effect(($0) => $.set_text(text_1, $0), [() => $.get(api).format($.get(date), {
+			month: "long",
+			year: "numeric"
+		})]);
+		$.append($$anchor, text_1);
+	};
+	var alternate = ($$anchor) => {
+		const decade = $.derived(() => Math.floor($.get(date).year / 10) * 10);
+		var text_2 = $.text();
+		$.template_effect(() => $.set_text(text_2, `${$.get(decade) ?? ""} - ${$.get(decade) + 9}`));
+		$.append($$anchor, text_2);
+	};
+	$.if(node, ($$render) => {
+		if ($.get(api).view === "month") $$render(consequent);
+		else if ($.get(api).view === "day") $$render(consequent_1, 1);
+		else $$render(alternate, -1);
+	});
+	$.append($$anchor, fragment);
+};
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"min",
+	"max",
+	"variant",
+	"mode",
+	"selectionMode",
+	"startOfWeek",
+	"fixedWeeks",
+	"showWeekNumbers",
+	"outsideDaySelectable",
+	"closeOnSelect",
+	"minView",
+	"maxView",
+	"onValueChange",
+	"children"
+]);
+var root = $.from_html(`<button type="button" data-scope="calendar" data-part="today-trigger">Today</button>`);
+var root_1 = $.from_html(`<!> <!> <!> <!>`, 1);
+var root_2 = $.from_html(`<div data-scope="calendar" data-part="header"><!></div>`);
+var root_3 = $.from_html(`<!> <!>`, 1);
+var root_4 = $.from_html(`<!> <!> <!>`, 1);
+var root_5 = $.from_html(`<div><!> <!></div>`);
+function Calendar($$anchor, $$props) {
+	$.push($$props, true);
+	const header = ($$anchor, dp = $.noop) => {
+		var div = root_2();
+		var node_1 = $.child(div);
+		$.component(node_1, () => DatePicker.ViewControl, ($$anchor, ArkDatePicker_ViewControl) => {
+			ArkDatePicker_ViewControl($$anchor, {
+				children: ($$anchor, $$slotProps) => {
+					var fragment_4 = root_1();
+					var node_2 = $.first_child(fragment_4);
+					$.component(node_2, () => DatePicker.PrevTrigger, ($$anchor, ArkDatePicker_PrevTrigger) => {
+						ArkDatePicker_PrevTrigger($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								InternalIcon($$anchor, { name: "chevron-left" });
+							},
+							$$slots: { default: true }
+						});
+					});
+					var node_3 = $.sibling(node_2, 2);
+					$.component(node_3, () => DatePicker.ViewTrigger, ($$anchor, ArkDatePicker_ViewTrigger) => {
+						ArkDatePicker_ViewTrigger($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								var fragment_6 = $.comment();
+								var node_4 = $.first_child(fragment_6);
+								{
+									const children = ($$anchor, viewdp = $.noop) => {
+										title($$anchor, viewdp);
+									};
+									$.component(node_4, () => DatePicker.Context, ($$anchor, ArkDatePicker_Context) => {
+										ArkDatePicker_Context($$anchor, {
+											children,
+											$$slots: { default: true }
+										});
+									});
+								}
+								$.append($$anchor, fragment_6);
+							},
+							$$slots: { default: true }
+						});
+					});
+					var node_5 = $.sibling(node_3, 2);
+					var consequent_2 = ($$anchor) => {
+						var button = root();
+						$.delegated("click", button, () => {
+							const current = dp()();
+							current.selectToday();
+							if (mode() === "year" && current.view === "month") current.setView("day");
+						});
+						$.append($$anchor, button);
+					};
+					$.if(node_5, ($$render) => {
+						if (variant() === "full") $$render(consequent_2);
+					});
+					var node_6 = $.sibling(node_5, 2);
+					$.component(node_6, () => DatePicker.NextTrigger, ($$anchor, ArkDatePicker_NextTrigger) => {
+						ArkDatePicker_NextTrigger($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								InternalIcon($$anchor, { name: "chevron-right" });
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_4);
+				},
+				$$slots: { default: true }
+			});
+		});
+		$.reset(div);
+		$.append($$anchor, div);
+	};
+	injectComponentStyle("calendar");
+	injectComponentStyle("date-picker");
+	let value = $.prop($$props, "value", 15), variant = $.prop($$props, "variant", 3, "compact"), mode = $.prop($$props, "mode", 3, "month"), fixedWeeks = $.prop($$props, "fixedWeeks", 3, false), showWeekNumbers = $.prop($$props, "showWeekNumbers", 3, false), outsideDaySelectable = $.prop($$props, "outsideDaySelectable", 3, true), closeOnSelect = $.prop($$props, "closeOnSelect", 3, true), rest = $.rest_props($$props, rest_excludes);
+	var div_1 = root_5();
+	$.attribute_effect(div_1, () => ({
+		...rest,
+		"data-scope": "calendar",
+		"data-part": "root",
+		"data-variant": variant(),
+		"data-mode": mode()
+	}));
+	var node_7 = $.child(div_1);
+	{
+		let $0 = $.derived(() => fixedWeeks() || variant() === "full");
+		$.component(node_7, () => DatePicker.Root, ($$anchor, ArkDatePicker_Root) => {
+			ArkDatePicker_Root($$anchor, $.spread_props({
+				open: true,
+				inline: true,
+				get defaultValue() {
+					return $$props.defaultValue;
+				},
+				get min() {
+					return $$props.min;
+				},
+				get max() {
+					return $$props.max;
+				},
+				get selectionMode() {
+					return $$props.selectionMode;
+				},
+				get startOfWeek() {
+					return $$props.startOfWeek;
+				},
+				get fixedWeeks() {
+					return $.get($0);
+				},
+				get showWeekNumbers() {
+					return showWeekNumbers();
+				},
+				get outsideDaySelectable() {
+					return outsideDaySelectable();
+				},
+				get closeOnSelect() {
+					return closeOnSelect();
+				},
+				get minView() {
+					return $$props.minView;
+				},
+				get maxView() {
+					return $$props.maxView;
+				}
+			}, () => mode() === "year" ? {
+				defaultView: "month",
+				maxView: "month"
+			} : {}, {
+				onValueChange: (details) => $$props.onValueChange?.(details.value),
+				get value() {
+					return value();
+				},
+				set value($$value) {
+					value($$value);
+				},
+				children: ($$anchor, $$slotProps) => {
+					var fragment_9 = root_4();
+					var node_8 = $.first_child(fragment_9);
+					$.component(node_8, () => DatePicker.View, ($$anchor, ArkDatePicker_View) => {
+						ArkDatePicker_View($$anchor, {
+							view: "day",
+							children: ($$anchor, $$slotProps) => {
+								var fragment_10 = $.comment();
+								var node_9 = $.first_child(fragment_10);
+								{
+									const children = ($$anchor, dp = $.noop) => {
+										var fragment_11 = root_3();
+										var node_10 = $.first_child(fragment_11);
+										header(node_10, dp);
+										var node_11 = $.sibling(node_10, 2);
+										$.component(node_11, () => DatePicker.Table, ($$anchor, ArkDatePicker_Table) => {
+											ArkDatePicker_Table($$anchor, {
+												children: ($$anchor, $$slotProps) => {
+													var fragment_12 = root_3();
+													var node_12 = $.first_child(fragment_12);
+													$.component(node_12, () => DatePicker.TableHead, ($$anchor, ArkDatePicker_TableHead) => {
+														ArkDatePicker_TableHead($$anchor, {
+															children: ($$anchor, $$slotProps) => {
+																var fragment_13 = $.comment();
+																var node_13 = $.first_child(fragment_13);
+																$.component(node_13, () => DatePicker.TableRow, ($$anchor, ArkDatePicker_TableRow) => {
+																	ArkDatePicker_TableRow($$anchor, {
+																		children: ($$anchor, $$slotProps) => {
+																			var fragment_14 = root_3();
+																			var node_14 = $.first_child(fragment_14);
+																			var consequent_3 = ($$anchor) => {
+																				var fragment_15 = $.comment();
+																				var node_15 = $.first_child(fragment_15);
+																				$.component(node_15, () => DatePicker.WeekNumberHeaderCell, ($$anchor, ArkDatePicker_WeekNumberHeaderCell) => {
+																					ArkDatePicker_WeekNumberHeaderCell($$anchor, {
+																						children: ($$anchor, $$slotProps) => {
+																							$.next();
+																							var text_3 = $.text("Wk");
+																							$.append($$anchor, text_3);
+																						},
+																						$$slots: { default: true }
+																					});
+																				});
+																				$.append($$anchor, fragment_15);
+																			};
+																			$.if(node_14, ($$render) => {
+																				if (showWeekNumbers()) $$render(consequent_3);
+																			});
+																			var node_16 = $.sibling(node_14, 2);
+																			$.each(node_16, 17, () => dp()().weekDays, $.index, ($$anchor, day) => {
+																				var fragment_16 = $.comment();
+																				var node_17 = $.first_child(fragment_16);
+																				$.component(node_17, () => DatePicker.TableHeader, ($$anchor, ArkDatePicker_TableHeader) => {
+																					ArkDatePicker_TableHeader($$anchor, {
+																						get "aria-label"() {
+																							return $.get(day).long;
+																						},
+																						children: ($$anchor, $$slotProps) => {
+																							$.next();
+																							var text_4 = $.text();
+																							$.template_effect(() => $.set_text(text_4, $.get(day).narrow));
+																							$.append($$anchor, text_4);
+																						},
+																						$$slots: { default: true }
+																					});
+																				});
+																				$.append($$anchor, fragment_16);
+																			});
+																			$.append($$anchor, fragment_14);
+																		},
+																		$$slots: { default: true }
+																	});
+																});
+																$.append($$anchor, fragment_13);
+															},
+															$$slots: { default: true }
+														});
+													});
+													var node_18 = $.sibling(node_12, 2);
+													$.component(node_18, () => DatePicker.TableBody, ($$anchor, ArkDatePicker_TableBody) => {
+														ArkDatePicker_TableBody($$anchor, {
+															children: ($$anchor, $$slotProps) => {
+																var fragment_18 = $.comment();
+																var node_19 = $.first_child(fragment_18);
+																$.each(node_19, 17, () => dp()().weeks, $.index, ($$anchor, week, id) => {
+																	var fragment_19 = $.comment();
+																	var node_20 = $.first_child(fragment_19);
+																	$.component(node_20, () => DatePicker.TableRow, ($$anchor, ArkDatePicker_TableRow_1) => {
+																		ArkDatePicker_TableRow_1($$anchor, {
+																			children: ($$anchor, $$slotProps) => {
+																				var fragment_20 = root_3();
+																				var node_21 = $.first_child(fragment_20);
+																				var consequent_4 = ($$anchor) => {
+																					var fragment_21 = $.comment();
+																					var node_22 = $.first_child(fragment_21);
+																					$.component(node_22, () => DatePicker.WeekNumberCell, ($$anchor, ArkDatePicker_WeekNumberCell) => {
+																						ArkDatePicker_WeekNumberCell($$anchor, {
+																							weekIndex: id,
+																							get week() {
+																								return $.get(week);
+																							},
+																							children: ($$anchor, $$slotProps) => {
+																								$.next();
+																								var text_5 = $.text();
+																								$.template_effect(($0) => $.set_text(text_5, $0), [() => dp()().getWeekNumber($.get(week))]);
+																								$.append($$anchor, text_5);
+																							},
+																							$$slots: { default: true }
+																						});
+																					});
+																					$.append($$anchor, fragment_21);
+																				};
+																				$.if(node_21, ($$render) => {
+																					if (showWeekNumbers()) $$render(consequent_4);
+																				});
+																				var node_23 = $.sibling(node_21, 2);
+																				$.each(node_23, 17, () => $.get(week), $.index, ($$anchor, day) => {
+																					var fragment_23 = $.comment();
+																					var node_24 = $.first_child(fragment_23);
+																					$.component(node_24, () => DatePicker.TableCell, ($$anchor, ArkDatePicker_TableCell) => {
+																						ArkDatePicker_TableCell($$anchor, {
+																							get value() {
+																								return $.get(day);
+																							},
+																							children: ($$anchor, $$slotProps) => {
+																								var fragment_24 = $.comment();
+																								var node_25 = $.first_child(fragment_24);
+																								$.component(node_25, () => DatePicker.TableCellTrigger, ($$anchor, ArkDatePicker_TableCellTrigger) => {
+																									ArkDatePicker_TableCellTrigger($$anchor, {
+																										children: ($$anchor, $$slotProps) => {
+																											$.next();
+																											var text_6 = $.text();
+																											$.template_effect(() => $.set_text(text_6, $.get(day).day));
+																											$.append($$anchor, text_6);
+																										},
+																										$$slots: { default: true }
+																									});
+																								});
+																								$.append($$anchor, fragment_24);
+																							},
+																							$$slots: { default: true }
+																						});
+																					});
+																					$.append($$anchor, fragment_23);
+																				});
+																				$.append($$anchor, fragment_20);
+																			},
+																			$$slots: { default: true }
+																		});
+																	});
+																	$.append($$anchor, fragment_19);
+																});
+																$.append($$anchor, fragment_18);
+															},
+															$$slots: { default: true }
+														});
+													});
+													$.append($$anchor, fragment_12);
+												},
+												$$slots: { default: true }
+											});
+										});
+										$.append($$anchor, fragment_11);
+									};
+									$.component(node_9, () => DatePicker.Context, ($$anchor, ArkDatePicker_Context_1) => {
+										ArkDatePicker_Context_1($$anchor, {
+											children,
+											$$slots: { default: true }
+										});
+									});
+								}
+								$.append($$anchor, fragment_10);
+							},
+							$$slots: { default: true }
+						});
+					});
+					var node_26 = $.sibling(node_8, 2);
+					$.component(node_26, () => DatePicker.View, ($$anchor, ArkDatePicker_View_1) => {
+						ArkDatePicker_View_1($$anchor, {
+							view: "month",
+							children: ($$anchor, $$slotProps) => {
+								var fragment_26 = $.comment();
+								var node_27 = $.first_child(fragment_26);
+								{
+									const children = ($$anchor, dp = $.noop) => {
+										const columns = $.derived(() => mode() === "year" ? 4 : 3);
+										var fragment_27 = root_3();
+										var node_28 = $.first_child(fragment_27);
+										header(node_28, dp);
+										var node_29 = $.sibling(node_28, 2);
+										$.component(node_29, () => DatePicker.Table, ($$anchor, ArkDatePicker_Table_1) => {
+											ArkDatePicker_Table_1($$anchor, {
+												get columns() {
+													return $.get(columns);
+												},
+												children: ($$anchor, $$slotProps) => {
+													var fragment_28 = $.comment();
+													var node_30 = $.first_child(fragment_28);
+													$.component(node_30, () => DatePicker.TableBody, ($$anchor, ArkDatePicker_TableBody_1) => {
+														ArkDatePicker_TableBody_1($$anchor, {
+															children: ($$anchor, $$slotProps) => {
+																var fragment_29 = $.comment();
+																var node_31 = $.first_child(fragment_29);
+																$.each(node_31, 17, () => dp()().getMonthsGrid({
+																	columns: $.get(columns),
+																	format: $.get(columns) === 4 ? "short" : "long"
+																}), $.index, ($$anchor, months) => {
+																	var fragment_30 = $.comment();
+																	var node_32 = $.first_child(fragment_30);
+																	$.component(node_32, () => DatePicker.TableRow, ($$anchor, ArkDatePicker_TableRow_2) => {
+																		ArkDatePicker_TableRow_2($$anchor, {
+																			children: ($$anchor, $$slotProps) => {
+																				var fragment_31 = $.comment();
+																				var node_33 = $.first_child(fragment_31);
+																				$.each(node_33, 17, () => $.get(months), $.index, ($$anchor, month) => {
+																					var fragment_32 = $.comment();
+																					var node_34 = $.first_child(fragment_32);
+																					$.component(node_34, () => DatePicker.TableCell, ($$anchor, ArkDatePicker_TableCell_1) => {
+																						ArkDatePicker_TableCell_1($$anchor, {
+																							get value() {
+																								return $.get(month).value;
+																							},
+																							get columns() {
+																								return $.get(columns);
+																							},
+																							children: ($$anchor, $$slotProps) => {
+																								var fragment_33 = $.comment();
+																								var node_35 = $.first_child(fragment_33);
+																								$.component(node_35, () => DatePicker.TableCellTrigger, ($$anchor, ArkDatePicker_TableCellTrigger_1) => {
+																									ArkDatePicker_TableCellTrigger_1($$anchor, {
+																										children: ($$anchor, $$slotProps) => {
+																											$.next();
+																											var text_7 = $.text();
+																											$.template_effect(() => $.set_text(text_7, $.get(month).label));
+																											$.append($$anchor, text_7);
+																										},
+																										$$slots: { default: true }
+																									});
+																								});
+																								$.append($$anchor, fragment_33);
+																							},
+																							$$slots: { default: true }
+																						});
+																					});
+																					$.append($$anchor, fragment_32);
+																				});
+																				$.append($$anchor, fragment_31);
+																			},
+																			$$slots: { default: true }
+																		});
+																	});
+																	$.append($$anchor, fragment_30);
+																});
+																$.append($$anchor, fragment_29);
+															},
+															$$slots: { default: true }
+														});
+													});
+													$.append($$anchor, fragment_28);
+												},
+												$$slots: { default: true }
+											});
+										});
+										$.append($$anchor, fragment_27);
+									};
+									$.component(node_27, () => DatePicker.Context, ($$anchor, ArkDatePicker_Context_2) => {
+										ArkDatePicker_Context_2($$anchor, {
+											children,
+											$$slots: { default: true }
+										});
+									});
+								}
+								$.append($$anchor, fragment_26);
+							},
+							$$slots: { default: true }
+						});
+					});
+					var node_36 = $.sibling(node_26, 2);
+					var consequent_5 = ($$anchor) => {
+						var fragment_35 = $.comment();
+						var node_37 = $.first_child(fragment_35);
+						$.component(node_37, () => DatePicker.View, ($$anchor, ArkDatePicker_View_2) => {
+							ArkDatePicker_View_2($$anchor, {
+								view: "year",
+								children: ($$anchor, $$slotProps) => {
+									var fragment_36 = $.comment();
+									var node_38 = $.first_child(fragment_36);
+									{
+										const children = ($$anchor, dp = $.noop) => {
+											var fragment_37 = root_3();
+											var node_39 = $.first_child(fragment_37);
+											header(node_39, dp);
+											var node_40 = $.sibling(node_39, 2);
+											$.component(node_40, () => DatePicker.Table, ($$anchor, ArkDatePicker_Table_2) => {
+												ArkDatePicker_Table_2($$anchor, {
+													columns: 3,
+													children: ($$anchor, $$slotProps) => {
+														var fragment_38 = $.comment();
+														var node_41 = $.first_child(fragment_38);
+														$.component(node_41, () => DatePicker.TableBody, ($$anchor, ArkDatePicker_TableBody_2) => {
+															ArkDatePicker_TableBody_2($$anchor, {
+																children: ($$anchor, $$slotProps) => {
+																	var fragment_39 = $.comment();
+																	var node_42 = $.first_child(fragment_39);
+																	$.each(node_42, 17, () => dp()().getYearsGrid({ columns: 3 }), $.index, ($$anchor, years) => {
+																		var fragment_40 = $.comment();
+																		var node_43 = $.first_child(fragment_40);
+																		$.component(node_43, () => DatePicker.TableRow, ($$anchor, ArkDatePicker_TableRow_3) => {
+																			ArkDatePicker_TableRow_3($$anchor, {
+																				children: ($$anchor, $$slotProps) => {
+																					var fragment_41 = $.comment();
+																					var node_44 = $.first_child(fragment_41);
+																					$.each(node_44, 17, () => $.get(years), $.index, ($$anchor, year) => {
+																						var fragment_42 = $.comment();
+																						var node_45 = $.first_child(fragment_42);
+																						$.component(node_45, () => DatePicker.TableCell, ($$anchor, ArkDatePicker_TableCell_2) => {
+																							ArkDatePicker_TableCell_2($$anchor, {
+																								get value() {
+																									return $.get(year).value;
+																								},
+																								columns: 3,
+																								children: ($$anchor, $$slotProps) => {
+																									var fragment_43 = $.comment();
+																									var node_46 = $.first_child(fragment_43);
+																									$.component(node_46, () => DatePicker.TableCellTrigger, ($$anchor, ArkDatePicker_TableCellTrigger_2) => {
+																										ArkDatePicker_TableCellTrigger_2($$anchor, {
+																											children: ($$anchor, $$slotProps) => {
+																												$.next();
+																												var text_8 = $.text();
+																												$.template_effect(() => $.set_text(text_8, $.get(year).label));
+																												$.append($$anchor, text_8);
+																											},
+																											$$slots: { default: true }
+																										});
+																									});
+																									$.append($$anchor, fragment_43);
+																								},
+																								$$slots: { default: true }
+																							});
+																						});
+																						$.append($$anchor, fragment_42);
+																					});
+																					$.append($$anchor, fragment_41);
+																				},
+																				$$slots: { default: true }
+																			});
+																		});
+																		$.append($$anchor, fragment_40);
+																	});
+																	$.append($$anchor, fragment_39);
+																},
+																$$slots: { default: true }
+															});
+														});
+														$.append($$anchor, fragment_38);
+													},
+													$$slots: { default: true }
+												});
+											});
+											$.append($$anchor, fragment_37);
+										};
+										$.component(node_38, () => DatePicker.Context, ($$anchor, ArkDatePicker_Context_3) => {
+											ArkDatePicker_Context_3($$anchor, {
+												children,
+												$$slots: { default: true }
+											});
+										});
+									}
+									$.append($$anchor, fragment_36);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_35);
+					};
+					$.if(node_36, ($$render) => {
+						if (mode() === "month") $$render(consequent_5);
+					});
+					$.append($$anchor, fragment_9);
+				},
+				$$slots: { default: true }
+			}));
+		});
+	}
+	var node_47 = $.sibling(node_7, 2);
+	$.snippet(node_47, () => $$props.children ?? $.noop);
+	$.reset(div_1);
+	$.append($$anchor, div_1);
+	$.pop();
+}
+$.delegate(["click"]);
+//#endregion
+export { Calendar as t };

package/dist/{Carousel-BbMJNLY3.mjs → Carousel-BWWwu5Ma.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 { Carousel } from "@ark-ui/svelte/carousel";
 //#region src/components/carousel/CarouselRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{Checkbox-BlbCL1T1.mjs → Checkbox-BZb8IR25.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 { Checkbox } from "@ark-ui/svelte/checkbox";
 //#region src/components/checkbox/CheckboxRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([

package/dist/{ChevronIcon-BrLZJ0NH.mjs → ChevronIcon-C-MKLsfA.mjs}

@@ -1,4 +1,4 @@
-import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { t as InternalIcon } from "./InternalIcon-CbfKieOs.mjs";
 import "svelte/internal/disclose-version";
 import "svelte/internal/client";
 import "svelte/internal/flags/legacy";

package/dist/{Clipboard-BUeJPGSX.mjs → Clipboard-DBgbIGjV.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 { Clipboard } from "@ark-ui/svelte/clipboard";
 //#region src/components/clipboard/ClipboardRoot.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([