@bysages/svelte 0.4.3 → 0.4.4

package/dist/{breadcrumb-g68_HJ2W.mjs → BreadcrumbList-BdLId9vL.mjs}

@@ -3,20 +3,20 @@ import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
 //#region src/components/breadcrumb/Breadcrumb.svelte
-var rest_excludes$5 = /* @__PURE__ */ new Set([
+var rest_excludes$6 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"aria-label",
 	"children"
 ]);
-var root$5 = $.from_html(`<nav><!></nav>`);
-function Breadcrumb$1($$anchor, $$props) {
+var root$6 = $.from_html(`<nav><!></nav>`);
+function Breadcrumb($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("breadcrumb");
-	let rest = $.rest_props($$props, rest_excludes$5);
+	let rest = $.rest_props($$props, rest_excludes$6);
 	const messages = useComponentMessages();
-	var nav = root$5();
+	var nav = root$6();
 	$.attribute_effect(nav, ($0) => ({
 		...rest,
 		"aria-label": $0,
@@ -31,18 +31,18 @@ function Breadcrumb$1($$anchor, $$props) {
 }
 //#endregion
 //#region src/components/breadcrumb/BreadcrumbCurrent.svelte
-var rest_excludes$4 = /* @__PURE__ */ new Set([
+var rest_excludes$5 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"children"
 ]);
-var root$4 = $.from_html(`<span><!></span>`);
+var root$5 = $.from_html(`<span><!></span>`);
 function BreadcrumbCurrent($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("breadcrumb");
-	let rest = $.rest_props($$props, rest_excludes$4);
-	var span = root$4();
+	let rest = $.rest_props($$props, rest_excludes$5);
+	var span = root$5();
 	$.attribute_effect(span, () => ({
 		...rest,
 		"aria-current": "page",
@@ -57,18 +57,18 @@ function BreadcrumbCurrent($$anchor, $$props) {
 }
 //#endregion
 //#region src/components/breadcrumb/BreadcrumbItem.svelte
-var rest_excludes$3 = /* @__PURE__ */ new Set([
+var rest_excludes$4 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"children"
 ]);
-var root$3 = $.from_html(`<li><!></li>`);
+var root$4 = $.from_html(`<li><!></li>`);
 function BreadcrumbItem($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("breadcrumb");
-	let rest = $.rest_props($$props, rest_excludes$3);
-	var li = root$3();
+	let rest = $.rest_props($$props, rest_excludes$4);
+	var li = root$4();
 	$.attribute_effect(li, () => ({
 		...rest,
 		"data-scope": "breadcrumb",
@@ -82,18 +82,18 @@ function BreadcrumbItem($$anchor, $$props) {
 }
 //#endregion
 //#region src/components/breadcrumb/BreadcrumbLink.svelte
-var rest_excludes$2 = /* @__PURE__ */ new Set([
+var rest_excludes$3 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"children"
 ]);
-var root$2 = $.from_html(`<a><!></a>`);
+var root$3 = $.from_html(`<a><!></a>`);
 function BreadcrumbLink($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("breadcrumb");
-	let rest = $.rest_props($$props, rest_excludes$2);
-	var a = root$2();
+	let rest = $.rest_props($$props, rest_excludes$3);
+	var a = root$3();
 	$.attribute_effect(a, () => ({
 		...rest,
 		"data-scope": "breadcrumb",
@@ -106,44 +106,19 @@ function BreadcrumbLink($$anchor, $$props) {
 	$.pop();
 }
 //#endregion
-//#region src/components/breadcrumb/BreadcrumbList.svelte
-var rest_excludes$1 = /* @__PURE__ */ new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"children"
-]);
-var root$1 = $.from_html(`<ol><!></ol>`);
-function BreadcrumbList($$anchor, $$props) {
-	$.push($$props, true);
-	injectComponentStyle("breadcrumb");
-	let rest = $.rest_props($$props, rest_excludes$1);
-	var ol = root$1();
-	$.attribute_effect(ol, () => ({
-		...rest,
-		"data-scope": "breadcrumb",
-		"data-part": "list"
-	}));
-	var node = $.child(ol);
-	$.snippet(node, () => $$props.children ?? $.noop);
-	$.reset(ol);
-	$.append($$anchor, ol);
-	$.pop();
-}
-//#endregion
 //#region src/components/breadcrumb/BreadcrumbSeparator.svelte
-var rest_excludes = /* @__PURE__ */ new Set([
+var rest_excludes$2 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"children"
 ]);
-var root = $.from_html(`<span><!></span>`);
+var root$2 = $.from_html(`<span><!></span>`);
 function BreadcrumbSeparator($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("breadcrumb");
-	let rest = $.rest_props($$props, rest_excludes);
-	var span = root();
+	let rest = $.rest_props($$props, rest_excludes$2);
+	var span = root$2();
 	$.attribute_effect(span, () => ({
 		...rest,
 		"aria-hidden": "true",
@@ -170,17 +145,116 @@ function BreadcrumbSeparator($$anchor, $$props) {
 	$.pop();
 }
 //#endregion
-//#region src/components/breadcrumb/index.ts
-/** A trail of waymarks: Root wraps the nav, List the ordered trail, and
-* each Item carries a Link — or the Current page — parted by a quiet
-* Separator. Links take href and the rest through attributes. */
-const Breadcrumb = Object.assign(Breadcrumb$1, {
-	Root: Breadcrumb$1,
-	List: BreadcrumbList,
-	Item: BreadcrumbItem,
-	Link: BreadcrumbLink,
-	Current: BreadcrumbCurrent,
-	Separator: BreadcrumbSeparator
-});
+//#region src/components/breadcrumb/BreadcrumbFacade.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"items",
+	"label",
+	"aria-label"
+]);
+var root$1 = $.from_html(`<!>  <!>`, 1);
+function BreadcrumbFacade($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes$1);
+	const lastIndex = $.derived(() => $$props.items.length - 1);
+	const messages = useComponentMessages();
+	{
+		let $0 = $.derived(() => $$props.label ?? $$props["aria-label"] ?? messages().breadcrumb.label);
+		Breadcrumb($$anchor, $.spread_props({ get "aria-label"() {
+			return $.get($0);
+		} }, () => rest, {
+			children: ($$anchor, $$slotProps) => {
+				BreadcrumbList($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = $.comment();
+						var node = $.first_child(fragment_2);
+						$.each(node, 17, () => $$props.items, $.index, ($$anchor, item, index) => {
+							const text = $.derived(() => typeof $.get(item) === "string" ? $.get(item) : $.get(item).label);
+							const href = $.derived(() => typeof $.get(item) === "string" ? void 0 : $.get(item).href);
+							var fragment_3 = root$1();
+							var node_1 = $.first_child(fragment_3);
+							var consequent = ($$anchor) => {
+								BreadcrumbSeparator($$anchor, {});
+							};
+							$.if(node_1, ($$render) => {
+								if (index > 0) $$render(consequent);
+							});
+							BreadcrumbItem($.sibling(node_1, 2), {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_5 = $.comment();
+									var node_3 = $.first_child(fragment_5);
+									var consequent_1 = ($$anchor) => {
+										BreadcrumbCurrent($$anchor, {
+											children: ($$anchor, $$slotProps) => {
+												$.next();
+												var text_1 = $.text();
+												$.template_effect(() => $.set_text(text_1, $.get(text)));
+												$.append($$anchor, text_1);
+											},
+											$$slots: { default: true }
+										});
+									};
+									var alternate = ($$anchor) => {
+										BreadcrumbLink($$anchor, {
+											get href() {
+												return $.get(href);
+											},
+											children: ($$anchor, $$slotProps) => {
+												$.next();
+												var text_2 = $.text();
+												$.template_effect(() => $.set_text(text_2, $.get(text)));
+												$.append($$anchor, text_2);
+											},
+											$$slots: { default: true }
+										});
+									};
+									$.if(node_3, ($$render) => {
+										if (index === $.get(lastIndex)) $$render(consequent_1);
+										else $$render(alternate, -1);
+									});
+									$.append($$anchor, fragment_5);
+								},
+								$$slots: { default: true }
+							});
+							$.append($$anchor, fragment_3);
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			},
+			$$slots: { default: true }
+		}));
+	}
+	$.pop();
+}
+//#endregion
+//#region src/components/breadcrumb/BreadcrumbList.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<ol><!></ol>`);
+function BreadcrumbList$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("breadcrumb");
+	let rest = $.rest_props($$props, rest_excludes);
+	var ol = root();
+	$.attribute_effect(ol, () => ({
+		...rest,
+		"data-scope": "breadcrumb",
+		"data-part": "list"
+	}));
+	var node = $.child(ol);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(ol);
+	$.append($$anchor, ol);
+	$.pop();
+}
 //#endregion
-export { Breadcrumb as t };
+export { BreadcrumbItem as a, BreadcrumbLink as i, BreadcrumbFacade as n, BreadcrumbCurrent as o, BreadcrumbSeparator as r, Breadcrumb as s, BreadcrumbList$1 as t };

package/dist/{Collapsible-CDwjsDwH.mjs → Collapsible-t6m_LqHZ.mjs}

@@ -88,7 +88,7 @@ function Collapsible$1($$anchor, $$props) {
 						$.component(node_1, () => Collapsible.Indicator, ($$anchor, ArkCollapsible_Indicator) => {
 							ArkCollapsible_Indicator($$anchor, {
 								children: ($$anchor, $$slotProps) => {
-									InternalIcon($$anchor, { name: "chevron-down" });
+									InternalIcon($$anchor, { name: "chevron-right" });
 								},
 								$$slots: { default: true }
 							});

package/dist/{ColorPicker-BBc8-TIN.mjs → ColorPicker-tGU9q8oC.mjs}

@@ -49,6 +49,7 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"value",
 	"defaultValue",
 	"label",
+	"swatches",
 	"disabled",
 	"invalid",
 	"required",
@@ -56,11 +57,11 @@ var rest_excludes = /* @__PURE__ */ new Set([
 ]);
 var root = $.from_html(`<!> <!>`, 1);
 var root_1 = $.from_html(`<!> <!> <!>`, 1);
-var root_2 = $.from_html(`<!> <div data-scope="color-picker" data-part="channel-controls"><!> <div data-scope="color-picker" data-part="channel-sliders"><!> <!></div></div> <!>`, 1);
+var root_2 = $.from_html(`<!> <div data-scope="color-picker" data-part="channel-controls"><!> <div data-scope="color-picker" data-part="channel-sliders"><!> <!></div></div> <!> <!>`, 1);
 var root_3 = $.from_html(`<!> <!> <!> <!> <!>`, 1);
 function ColorPicker$1($$anchor, $$props) {
 	$.push($$props, true);
-	let value = $.prop($$props, "value", 15), disabled = $.prop($$props, "disabled", 3, false), invalid = $.prop($$props, "invalid", 3, false), required = $.prop($$props, "required", 3, false), rest = $.rest_props($$props, rest_excludes);
+	let value = $.prop($$props, "value", 15), swatches = $.prop($$props, "swatches", 19, () => []), disabled = $.prop($$props, "disabled", 3, false), invalid = $.prop($$props, "invalid", 3, false), required = $.prop($$props, "required", 3, false), rest = $.rest_props($$props, rest_excludes);
 	ColorPickerRoot($$anchor, $.spread_props({
 		get defaultValue() {
 			return $$props.defaultValue;
@@ -219,7 +220,65 @@ function ColorPicker$1($$anchor, $$props) {
 									$.reset(div_1);
 									$.reset(div);
 									var node_20 = $.sibling(div, 2);
-									$.component(node_20, () => ColorPicker.ChannelInput, ($$anchor, ArkColorPicker_ChannelInput_1) => {
+									var consequent_1 = ($$anchor) => {
+										var fragment_12 = $.comment();
+										var node_21 = $.first_child(fragment_12);
+										$.component(node_21, () => ColorPicker.SwatchGroup, ($$anchor, ArkColorPicker_SwatchGroup) => {
+											ArkColorPicker_SwatchGroup($$anchor, {
+												children: ($$anchor, $$slotProps) => {
+													var fragment_13 = $.comment();
+													var node_22 = $.first_child(fragment_13);
+													$.each(node_22, 16, swatches, (color) => color, ($$anchor, color) => {
+														var fragment_14 = $.comment();
+														var node_23 = $.first_child(fragment_14);
+														$.component(node_23, () => ColorPicker.SwatchTrigger, ($$anchor, ArkColorPicker_SwatchTrigger) => {
+															ArkColorPicker_SwatchTrigger($$anchor, {
+																get value() {
+																	return color;
+																},
+																children: ($$anchor, $$slotProps) => {
+																	var fragment_15 = $.comment();
+																	var node_24 = $.first_child(fragment_15);
+																	$.component(node_24, () => ColorPicker.Swatch, ($$anchor, ArkColorPicker_Swatch) => {
+																		ArkColorPicker_Swatch($$anchor, {
+																			get value() {
+																				return color;
+																			},
+																			children: ($$anchor, $$slotProps) => {
+																				var fragment_16 = $.comment();
+																				var node_25 = $.first_child(fragment_16);
+																				$.component(node_25, () => ColorPicker.SwatchIndicator, ($$anchor, ArkColorPicker_SwatchIndicator) => {
+																					ArkColorPicker_SwatchIndicator($$anchor, {
+																						children: ($$anchor, $$slotProps) => {
+																							InternalIcon($$anchor, { name: "check" });
+																						},
+																						$$slots: { default: true }
+																					});
+																				});
+																				$.append($$anchor, fragment_16);
+																			},
+																			$$slots: { default: true }
+																		});
+																	});
+																	$.append($$anchor, fragment_15);
+																},
+																$$slots: { default: true }
+															});
+														});
+														$.append($$anchor, fragment_14);
+													});
+													$.append($$anchor, fragment_13);
+												},
+												$$slots: { default: true }
+											});
+										});
+										$.append($$anchor, fragment_12);
+									};
+									$.if(node_20, ($$render) => {
+										if (swatches().length > 0) $$render(consequent_1);
+									});
+									var node_26 = $.sibling(node_20, 2);
+									$.component(node_26, () => ColorPicker.ChannelInput, ($$anchor, ArkColorPicker_ChannelInput_1) => {
 										ArkColorPicker_ChannelInput_1($$anchor, { channel: "hex" });
 									});
 									$.append($$anchor, fragment_7);
@@ -232,12 +291,12 @@ function ColorPicker$1($$anchor, $$props) {
 					$$slots: { default: true }
 				});
 			});
-			var node_21 = $.sibling(node_7, 2);
-			$.component(node_21, () => ColorPicker.HiddenInput, ($$anchor, ArkColorPicker_HiddenInput) => {
+			var node_27 = $.sibling(node_7, 2);
+			$.component(node_27, () => ColorPicker.HiddenInput, ($$anchor, ArkColorPicker_HiddenInput) => {
 				ArkColorPicker_HiddenInput($$anchor, {});
 			});
-			var node_22 = $.sibling(node_21, 2);
-			$.snippet(node_22, () => $$props.children ?? $.noop);
+			var node_28 = $.sibling(node_27, 2);
+			$.snippet(node_28, () => $$props.children ?? $.noop);
 			$.append($$anchor, fragment_1);
 		},
 		$$slots: { default: true }

package/dist/{float-button-DK8hviBz.mjs → FloatButtonFacade-C8nGcXe0.mjs}

@@ -1,3 +1,4 @@
+import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
 import { t as Button } from "./button-Cl45zjdj.mjs";
 import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
 import "svelte/internal/disclose-version";
@@ -13,7 +14,7 @@ function useFloatButton() {
 }
 //#endregion
 //#region src/components/float-button/FloatButton.svelte
-var rest_excludes = /* @__PURE__ */ new Set([
+var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
@@ -22,11 +23,11 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"size",
 	"children"
 ]);
-var root$1 = $.from_html(`<div><!></div>`);
-function FloatButton$1($$anchor, $$props) {
+var root$2 = $.from_html(`<div><!></div>`);
+function FloatButton($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("float-button");
-	let open = $.prop($$props, "open", 15), placement = $.prop($$props, "placement", 3, "bottom-end"), size = $.prop($$props, "size", 3, "lg"), rest = $.rest_props($$props, rest_excludes);
+	let open = $.prop($$props, "open", 15), placement = $.prop($$props, "placement", 3, "bottom-end"), size = $.prop($$props, "size", 3, "lg"), rest = $.rest_props($$props, rest_excludes$1);
 	let localOpen = $.state(false);
 	const isOpen = $.derived(() => open() ?? $.get(localOpen));
 	function setOpen(value) {
@@ -43,7 +44,7 @@ function FloatButton$1($$anchor, $$props) {
 		toggle: () => setOpen(!$.get(isOpen)),
 		close: () => setOpen(false)
 	});
-	var div = root$1();
+	var div = root$2();
 	$.attribute_effect(div, () => ({
 		...rest,
 		"data-scope": "float-button",
@@ -59,7 +60,7 @@ function FloatButton$1($$anchor, $$props) {
 }
 //#endregion
 //#region src/components/float-button/FloatButtonItem.svelte
-var root = $.from_html(`<div data-scope="float-button" data-part="item"><!> <span data-scope="float-button" data-part="item-label" aria-hidden="true"> </span></div>`);
+var root$1 = $.from_html(`<div data-scope="float-button" data-part="item"><!> <span data-scope="float-button" data-part="item-label" aria-hidden="true"> </span></div>`);
 function FloatButtonItem($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("float-button");
@@ -70,7 +71,7 @@ function FloatButtonItem($$anchor, $$props) {
 		md: "sm",
 		sm: "sm"
 	};
-	var div = root();
+	var div = root$1();
 	var node = $.child(div);
 	{
 		let $0 = $.derived(() => context ? STEP_DOWN[context.size] : "md");
@@ -142,13 +143,96 @@ function FloatButtonTrigger($$anchor, $$props) {
 	$.pop();
 }
 //#endregion
-//#region src/components/float-button/index.ts
-/** A floating action and its fanned-out alternatives — FAB and speed
-* dial in one family. Root, Trigger, Item. */
-const FloatButton = Object.assign(FloatButton$1, {
-	Root: FloatButton$1,
-	Trigger: FloatButtonTrigger,
-	Item: FloatButtonItem
-});
+//#region src/components/float-button/FloatButtonFacade.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"label",
+	"actions",
+	"placement",
+	"size",
+	"defaultOpen",
+	"open",
+	"children"
+]);
+var root = $.from_html(`<!> <!>`, 1);
+function FloatButtonFacade($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("float-button");
+	let actions = $.prop($$props, "actions", 19, () => []), placement = $.prop($$props, "placement", 3, "bottom-end"), size = $.prop($$props, "size", 3, "lg"), defaultOpen = $.prop($$props, "defaultOpen", 3, false), open = $.prop($$props, "open", 31, () => $.proxy(defaultOpen())), rest = $.rest_props($$props, rest_excludes);
+	FloatButton($$anchor, $.spread_props({
+		get placement() {
+			return placement();
+		},
+		get size() {
+			return size();
+		}
+	}, () => rest, {
+		get open() {
+			return open();
+		},
+		set open($$value) {
+			open($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = $.comment();
+			var node = $.first_child(fragment_1);
+			var consequent = ($$anchor) => {
+				var fragment_2 = $.comment();
+				var node_1 = $.first_child(fragment_2);
+				$.snippet(node_1, () => $$props.children);
+				$.append($$anchor, fragment_2);
+			};
+			var alternate = ($$anchor) => {
+				var fragment_3 = root();
+				var node_2 = $.first_child(fragment_3);
+				FloatButtonTrigger(node_2, {
+					get label() {
+						return $$props.label;
+					},
+					children: ($$anchor, $$slotProps) => {
+						InternalIcon($$anchor, { name: "plus" });
+					},
+					$$slots: { default: true }
+				});
+				var node_3 = $.sibling(node_2, 2);
+				$.each(node_3, 17, actions, $.index, ($$anchor, action) => {
+					{
+						let $0 = $.derived(() => $.get(action).disabled ?? false);
+						FloatButtonItem($$anchor, {
+							get label() {
+								return $.get(action).label;
+							},
+							get disabled() {
+								return $.get($0);
+							},
+							get onclick() {
+								return $.get(action).onclick;
+							},
+							children: ($$anchor, $$slotProps) => {
+								{
+									let $0 = $.derived(() => $.get(action).icon ?? "pencil");
+									InternalIcon($$anchor, { get name() {
+										return $.get($0);
+									} });
+								}
+							},
+							$$slots: { default: true }
+						});
+					}
+				});
+				$.append($$anchor, fragment_3);
+			};
+			$.if(node, ($$render) => {
+				if ($$props.children) $$render(consequent);
+				else $$render(alternate, -1);
+			});
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
 //#endregion
-export { FLOAT_BUTTON_KEY as n, FloatButton as t };
+export { FLOAT_BUTTON_KEY as a, FloatButton as i, FloatButtonTrigger as n, FloatButtonItem as r, FloatButtonFacade as t };

package/dist/{FloatingPanel-DJG3Drow.mjs → FloatingPanel-nsymgBI7.mjs}

@@ -71,9 +71,10 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"disabled",
 	"children"
 ]);
-var root = $.from_html(`<!> <!> <!>`, 1);
+var root = $.from_html(`<!> <!> <!> <!>`, 1);
 var root_1 = $.from_html(`<!> <!>`, 1);
 var root_2 = $.from_html(`<p> </p>`);
+var root_3 = $.from_html(`<!> <!> <!>`, 1);
 function FloatingPanel$1($$anchor, $$props) {
 	$.push($$props, true);
 	let open = $.prop($$props, "open", 15), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
@@ -123,7 +124,7 @@ function FloatingPanel$1($$anchor, $$props) {
 								$.component(node_3, () => FloatingPanel.Content, ($$anchor, ArkFloatingPanel_Content) => {
 									ArkFloatingPanel_Content($$anchor, {
 										children: ($$anchor, $$slotProps) => {
-											var fragment_5 = root();
+											var fragment_5 = root_3();
 											var node_4 = $.first_child(fragment_5);
 											$.component(node_4, () => FloatingPanel.DragTrigger, ($$anchor, ArkFloatingPanel_DragTrigger) => {
 												ArkFloatingPanel_DragTrigger($$anchor, {
@@ -172,7 +173,18 @@ function FloatingPanel$1($$anchor, $$props) {
 																					});
 																				});
 																				var node_10 = $.sibling(node_9, 2);
-																				$.component(node_10, () => FloatingPanel.CloseTrigger, ($$anchor, ArkFloatingPanel_CloseTrigger) => {
+																				$.component(node_10, () => FloatingPanel.StageTrigger, ($$anchor, ArkFloatingPanel_StageTrigger_2) => {
+																					ArkFloatingPanel_StageTrigger_2($$anchor, {
+																						stage: "default",
+																						"aria-label": "Restore",
+																						children: ($$anchor, $$slotProps) => {
+																							InternalIcon($$anchor, { name: "minimize-2" });
+																						},
+																						$$slots: { default: true }
+																					});
+																				});
+																				var node_11 = $.sibling(node_10, 2);
+																				$.component(node_11, () => FloatingPanel.CloseTrigger, ($$anchor, ArkFloatingPanel_CloseTrigger) => {
 																					ArkFloatingPanel_CloseTrigger($$anchor, {
 																						"aria-label": "Close",
 																						children: ($$anchor, $$slotProps) => {
@@ -196,38 +208,38 @@ function FloatingPanel$1($$anchor, $$props) {
 													$$slots: { default: true }
 												});
 											});
-											var node_11 = $.sibling(node_4, 2);
-											$.component(node_11, () => FloatingPanel.Body, ($$anchor, ArkFloatingPanel_Body) => {
+											var node_12 = $.sibling(node_4, 2);
+											$.component(node_12, () => FloatingPanel.Body, ($$anchor, ArkFloatingPanel_Body) => {
 												ArkFloatingPanel_Body($$anchor, {
 													children: ($$anchor, $$slotProps) => {
-														var fragment_13 = root_1();
-														var node_12 = $.first_child(fragment_13);
+														var fragment_14 = root_1();
+														var node_13 = $.first_child(fragment_14);
 														var consequent = ($$anchor) => {
 															var p = root_2();
 															var text_2 = $.only_child(p, true);
 															$.template_effect(() => $.set_text(text_2, $$props.description));
 															$.append($$anchor, p);
 														};
-														$.if(node_12, ($$render) => {
+														$.if(node_13, ($$render) => {
 															if ($$props.description) $$render(consequent);
 														});
-														var node_13 = $.sibling(node_12, 2);
-														$.snippet(node_13, () => $$props.children ?? $.noop);
-														$.append($$anchor, fragment_13);
+														var node_14 = $.sibling(node_13, 2);
+														$.snippet(node_14, () => $$props.children ?? $.noop);
+														$.append($$anchor, fragment_14);
 													},
 													$$slots: { default: true }
 												});
 											});
-											var node_14 = $.sibling(node_11, 2);
-											$.each(node_14, 16, () => resizeAxes, (axis) => axis, ($$anchor, axis) => {
-												var fragment_14 = $.comment();
-												var node_15 = $.first_child(fragment_14);
-												$.component(node_15, () => FloatingPanel.ResizeTrigger, ($$anchor, ArkFloatingPanel_ResizeTrigger) => {
+											var node_15 = $.sibling(node_12, 2);
+											$.each(node_15, 16, () => resizeAxes, (axis) => axis, ($$anchor, axis) => {
+												var fragment_15 = $.comment();
+												var node_16 = $.first_child(fragment_15);
+												$.component(node_16, () => FloatingPanel.ResizeTrigger, ($$anchor, ArkFloatingPanel_ResizeTrigger) => {
 													ArkFloatingPanel_ResizeTrigger($$anchor, { get axis() {
 														return axis;
 													} });
 												});
-												$.append($$anchor, fragment_14);
+												$.append($$anchor, fragment_15);
 											});
 											$.append($$anchor, fragment_5);
 										},

package/dist/{Select-D9XgciuN.mjs → Select-D4rBviRL.mjs}

@@ -144,7 +144,7 @@ function Select$1($$anchor, $$props) {
 										$.component(node_5, () => Select.Indicator, ($$anchor, ArkSelect_Indicator) => {
 											ArkSelect_Indicator($$anchor, {
 												children: ($$anchor, $$slotProps) => {
-													InternalIcon($$anchor, { name: "chevron-down" });
+													InternalIcon($$anchor, { name: "chevrons-up-down" });
 												},
 												$$slots: { default: true }
 											});

package/dist/{SignaturePad-Dc5YbZoV.mjs → SignaturePad-DSVTGy9D.mjs}

@@ -1,4 +1,5 @@
 import { t as useElementId } from "./id-Alz497yI.mjs";
+import { t as InternalIcon } from "./InternalIcon-Dr81WIG1.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
@@ -146,9 +147,7 @@ function SignaturePad$1($$anchor, $$props) {
 				$.component(node_6, () => SignaturePad.ClearTrigger, ($$anchor, ArkSignaturePad_ClearTrigger) => {
 					ArkSignaturePad_ClearTrigger($$anchor, {
 						children: ($$anchor, $$slotProps) => {
-							$.next();
-							var text_1 = $.text("Clear");
-							$.append($$anchor, text_1);
+							InternalIcon($$anchor, { name: "undo" });
 						},
 						$$slots: { default: true }
 					});