@bysages/svelte 0.3.0 → 0.4.0

package/dist/Checkbox-BlbCL1T1.mjs

@@ -0,0 +1,126 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Checkbox } from "@ark-ui/svelte/checkbox";
+//#region src/components/checkbox/CheckboxRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function CheckboxRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("checkbox");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("checkbox", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Checkbox.Root, ($$anchor, ArkCheckbox_Root) => {
+		ArkCheckbox_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/checkbox/Checkbox.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"label",
+	"disabled",
+	"invalid",
+	"required",
+	"readOnly",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!> <!>`, 1);
+function Checkbox$1($$anchor, $$props) {
+	let disabled = $.prop($$props, "disabled", 3, false), invalid = $.prop($$props, "invalid", 3, false), required = $.prop($$props, "required", 3, false), readOnly = $.prop($$props, "readOnly", 3, false), rest = $.rest_props($$props, rest_excludes);
+	CheckboxRoot($$anchor, $.spread_props({
+		get disabled() {
+			return disabled();
+		},
+		get invalid() {
+			return invalid();
+		},
+		get required() {
+			return required();
+		},
+		get readOnly() {
+			return readOnly();
+		}
+	}, () => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => Checkbox.Control, ($$anchor, ArkCheckbox_Control) => {
+				ArkCheckbox_Control($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = $.comment();
+						var node_1 = $.first_child(fragment_2);
+						$.component(node_1, () => Checkbox.Indicator, ($$anchor, ArkCheckbox_Indicator) => {
+							ArkCheckbox_Indicator($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									InternalIcon($$anchor, { name: "check" });
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_2 = $.sibling(node, 2);
+			var consequent = ($$anchor) => {
+				var fragment_4 = $.comment();
+				var node_3 = $.first_child(fragment_4);
+				$.component(node_3, () => Checkbox.Label, ($$anchor, ArkCheckbox_Label) => {
+					ArkCheckbox_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_4);
+			};
+			$.if(node_2, ($$render) => {
+				if ($$props.label) $$render(consequent);
+			});
+			var node_4 = $.sibling(node_2, 2);
+			$.component(node_4, () => Checkbox.HiddenInput, ($$anchor, ArkCheckbox_HiddenInput) => {
+				ArkCheckbox_HiddenInput($$anchor, {});
+			});
+			var node_5 = $.sibling(node_4, 2);
+			$.snippet(node_5, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+}
+//#endregion
+export { CheckboxRoot as n, Checkbox$1 as t };

package/dist/ChevronIcon-BrLZJ0NH.mjs

@@ -0,0 +1,10 @@
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import "svelte/internal/disclose-version";
+import "svelte/internal/client";
+import "svelte/internal/flags/legacy";
+//#region src/components/ai/ChevronIcon.svelte
+function ChevronIcon($$anchor) {
+	InternalIcon($$anchor, { name: "chevron-right" });
+}
+//#endregion
+export { ChevronIcon as t };

package/dist/Clipboard-BUeJPGSX.mjs

@@ -0,0 +1,116 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Clipboard } from "@ark-ui/svelte/clipboard";
+//#region src/components/clipboard/ClipboardRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function ClipboardRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("clipboard");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("clipboard", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Clipboard.Root, ($$anchor, ArkClipboard_Root) => {
+		ArkClipboard_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/clipboard/Clipboard.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"children"
+]);
+var root = $.from_html(`<!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!> <!>`, 1);
+function Clipboard$1($$anchor, $$props) {
+	let value = $.prop($$props, "value", 3, ""), rest = $.rest_props($$props, rest_excludes);
+	ClipboardRoot($$anchor, $.spread_props({ get value() {
+		return value();
+	} }, () => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_1();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => Clipboard.Label, ($$anchor, ArkClipboard_Label) => {
+				ArkClipboard_Label($$anchor, {});
+			});
+			var node_1 = $.sibling(node, 2);
+			$.component(node_1, () => Clipboard.Control, ($$anchor, ArkClipboard_Control) => {
+				ArkClipboard_Control($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = root();
+						var node_2 = $.first_child(fragment_2);
+						$.component(node_2, () => Clipboard.Input, ($$anchor, ArkClipboard_Input) => {
+							ArkClipboard_Input($$anchor, {});
+						});
+						var node_3 = $.sibling(node_2, 2);
+						$.component(node_3, () => Clipboard.Trigger, ($$anchor, ArkClipboard_Trigger) => {
+							ArkClipboard_Trigger($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_3 = $.comment();
+									var node_4 = $.first_child(fragment_3);
+									{
+										const copied = ($$anchor) => {
+											InternalIcon($$anchor, { name: "check" });
+										};
+										const children = ($$anchor) => {
+											InternalIcon($$anchor, { name: "copy" });
+										};
+										$.component(node_4, () => Clipboard.Indicator, ($$anchor, ArkClipboard_Indicator) => {
+											ArkClipboard_Indicator($$anchor, {
+												copied,
+												children,
+												$$slots: {
+													copied: true,
+													default: true
+												}
+											});
+										});
+									}
+									$.append($$anchor, fragment_3);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_5 = $.sibling(node_1, 2);
+			$.snippet(node_5, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+}
+//#endregion
+export { ClipboardRoot as n, Clipboard$1 as t };

package/dist/Collapsible-DJ8B-4w0.mjs

@@ -0,0 +1,121 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Collapsible } from "@ark-ui/svelte/collapsible";
+//#region src/components/collapsible/CollapsibleRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ref",
+	"open",
+	"children"
+]);
+function CollapsibleRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("collapsible");
+	let ref = $.prop($$props, "ref", 15, null), open = $.prop($$props, "open", 15), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("collapsible", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Collapsible.Root, ($$anchor, ArkCollapsible_Root) => {
+		ArkCollapsible_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			get open() {
+				return open();
+			},
+			set open($$value) {
+				open($$value);
+			},
+			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/collapsible/Collapsible.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"open",
+	"label",
+	"disabled",
+	"children"
+]);
+var root = $.from_html(` <!>`, 1);
+var root_1 = $.from_html(`<!> <!>`, 1);
+function Collapsible$1($$anchor, $$props) {
+	$.push($$props, true);
+	let open = $.prop($$props, "open", 15), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	CollapsibleRoot($$anchor, $.spread_props({ get disabled() {
+		return disabled();
+	} }, () => rest, {
+		get open() {
+			return open();
+		},
+		set open($$value) {
+			open($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_1();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => Collapsible.Trigger, ($$anchor, ArkCollapsible_Trigger) => {
+				ArkCollapsible_Trigger($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						$.next();
+						var fragment_2 = root();
+						var text = $.first_child(fragment_2);
+						var node_1 = $.sibling(text);
+						$.component(node_1, () => Collapsible.Indicator, ($$anchor, ArkCollapsible_Indicator) => {
+							ArkCollapsible_Indicator($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									InternalIcon($$anchor, { name: "chevron-down" });
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.template_effect(() => $.set_text(text, `${$$props.label ?? ""} `));
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_2 = $.sibling(node, 2);
+			$.component(node_2, () => Collapsible.Content, ($$anchor, ArkCollapsible_Content) => {
+				ArkCollapsible_Content($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_4 = $.comment();
+						var node_3 = $.first_child(fragment_4);
+						$.snippet(node_3, () => $$props.children ?? $.noop);
+						$.append($$anchor, fragment_4);
+					},
+					$$slots: { default: true }
+				});
+			});
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { CollapsibleRoot as n, Collapsible$1 as t };

package/dist/ColorPicker-BHj_4m8H.mjs

@@ -0,0 +1,248 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { ColorPicker } from "@ark-ui/svelte/color-picker";
+//#region src/components/color-picker/ColorPickerRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function ColorPickerRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("color-picker");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("color-picker", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => ColorPicker.Root, ($$anchor, ArkColorPicker_Root) => {
+		ArkColorPicker_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/color-picker/ColorPicker.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"label",
+	"disabled",
+	"invalid",
+	"required",
+	"children"
+]);
+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_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);
+	ColorPickerRoot($$anchor, $.spread_props({
+		get defaultValue() {
+			return $$props.defaultValue;
+		},
+		get disabled() {
+			return disabled();
+		},
+		get invalid() {
+			return invalid();
+		},
+		get required() {
+			return required();
+		}
+	}, () => rest, {
+		get value() {
+			return value();
+		},
+		set value($$value) {
+			value($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_3();
+			var node = $.first_child(fragment_1);
+			var consequent = ($$anchor) => {
+				var fragment_2 = $.comment();
+				var node_1 = $.first_child(fragment_2);
+				$.component(node_1, () => ColorPicker.Label, ($$anchor, ArkColorPicker_Label) => {
+					ArkColorPicker_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);
+			$.component(node_2, () => ColorPicker.Control, ($$anchor, ArkColorPicker_Control) => {
+				ArkColorPicker_Control($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_4 = root();
+						var node_3 = $.first_child(fragment_4);
+						$.component(node_3, () => ColorPicker.ChannelInput, ($$anchor, ArkColorPicker_ChannelInput) => {
+							ArkColorPicker_ChannelInput($$anchor, { channel: "hex" });
+						});
+						var node_4 = $.sibling(node_3, 2);
+						$.component(node_4, () => ColorPicker.Trigger, ($$anchor, ArkColorPicker_Trigger) => {
+							ArkColorPicker_Trigger($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_5 = root();
+									var node_5 = $.first_child(fragment_5);
+									$.component(node_5, () => ColorPicker.TransparencyGrid, ($$anchor, ArkColorPicker_TransparencyGrid) => {
+										ArkColorPicker_TransparencyGrid($$anchor, {});
+									});
+									var node_6 = $.sibling(node_5, 2);
+									$.component(node_6, () => ColorPicker.ValueSwatch, ($$anchor, ArkColorPicker_ValueSwatch) => {
+										ArkColorPicker_ValueSwatch($$anchor, {});
+									});
+									$.append($$anchor, fragment_5);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_4);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_7 = $.sibling(node_2, 2);
+			$.component(node_7, () => ColorPicker.Positioner, ($$anchor, ArkColorPicker_Positioner) => {
+				ArkColorPicker_Positioner($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_6 = $.comment();
+						var node_8 = $.first_child(fragment_6);
+						$.component(node_8, () => ColorPicker.Content, ($$anchor, ArkColorPicker_Content) => {
+							ArkColorPicker_Content($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_7 = root_2();
+									var node_9 = $.first_child(fragment_7);
+									$.component(node_9, () => ColorPicker.Area, ($$anchor, ArkColorPicker_Area) => {
+										ArkColorPicker_Area($$anchor, {
+											children: ($$anchor, $$slotProps) => {
+												var fragment_8 = root();
+												var node_10 = $.first_child(fragment_8);
+												$.component(node_10, () => ColorPicker.AreaBackground, ($$anchor, ArkColorPicker_AreaBackground) => {
+													ArkColorPicker_AreaBackground($$anchor, {});
+												});
+												var node_11 = $.sibling(node_10, 2);
+												$.component(node_11, () => ColorPicker.AreaThumb, ($$anchor, ArkColorPicker_AreaThumb) => {
+													ArkColorPicker_AreaThumb($$anchor, {});
+												});
+												$.append($$anchor, fragment_8);
+											},
+											$$slots: { default: true }
+										});
+									});
+									var div = $.sibling(node_9, 2);
+									var node_12 = $.child(div);
+									$.component(node_12, () => ColorPicker.EyeDropperTrigger, ($$anchor, ArkColorPicker_EyeDropperTrigger) => {
+										ArkColorPicker_EyeDropperTrigger($$anchor, {
+											children: ($$anchor, $$slotProps) => {
+												InternalIcon($$anchor, { name: "pipette" });
+											},
+											$$slots: { default: true }
+										});
+									});
+									var div_1 = $.sibling(node_12, 2);
+									var node_13 = $.child(div_1);
+									$.component(node_13, () => ColorPicker.ChannelSlider, ($$anchor, ArkColorPicker_ChannelSlider) => {
+										ArkColorPicker_ChannelSlider($$anchor, {
+											channel: "hue",
+											children: ($$anchor, $$slotProps) => {
+												var fragment_10 = root();
+												var node_14 = $.first_child(fragment_10);
+												$.component(node_14, () => ColorPicker.ChannelSliderTrack, ($$anchor, ArkColorPicker_ChannelSliderTrack) => {
+													ArkColorPicker_ChannelSliderTrack($$anchor, {});
+												});
+												var node_15 = $.sibling(node_14, 2);
+												$.component(node_15, () => ColorPicker.ChannelSliderThumb, ($$anchor, ArkColorPicker_ChannelSliderThumb) => {
+													ArkColorPicker_ChannelSliderThumb($$anchor, {});
+												});
+												$.append($$anchor, fragment_10);
+											},
+											$$slots: { default: true }
+										});
+									});
+									var node_16 = $.sibling(node_13, 2);
+									$.component(node_16, () => ColorPicker.ChannelSlider, ($$anchor, ArkColorPicker_ChannelSlider_1) => {
+										ArkColorPicker_ChannelSlider_1($$anchor, {
+											channel: "alpha",
+											children: ($$anchor, $$slotProps) => {
+												var fragment_11 = root_1();
+												var node_17 = $.first_child(fragment_11);
+												$.component(node_17, () => ColorPicker.TransparencyGrid, ($$anchor, ArkColorPicker_TransparencyGrid_1) => {
+													ArkColorPicker_TransparencyGrid_1($$anchor, {});
+												});
+												var node_18 = $.sibling(node_17, 2);
+												$.component(node_18, () => ColorPicker.ChannelSliderTrack, ($$anchor, ArkColorPicker_ChannelSliderTrack_1) => {
+													ArkColorPicker_ChannelSliderTrack_1($$anchor, {});
+												});
+												var node_19 = $.sibling(node_18, 2);
+												$.component(node_19, () => ColorPicker.ChannelSliderThumb, ($$anchor, ArkColorPicker_ChannelSliderThumb_1) => {
+													ArkColorPicker_ChannelSliderThumb_1($$anchor, {});
+												});
+												$.append($$anchor, fragment_11);
+											},
+											$$slots: { default: true }
+										});
+									});
+									$.reset(div_1);
+									$.reset(div);
+									var node_20 = $.sibling(div, 2);
+									$.component(node_20, () => ColorPicker.ChannelInput, ($$anchor, ArkColorPicker_ChannelInput_1) => {
+										ArkColorPicker_ChannelInput_1($$anchor, { channel: "hex" });
+									});
+									$.append($$anchor, fragment_7);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_6);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_21 = $.sibling(node_7, 2);
+			$.component(node_21, () => ColorPicker.HiddenInput, ($$anchor, ArkColorPicker_HiddenInput) => {
+				ArkColorPicker_HiddenInput($$anchor, {});
+			});
+			var node_22 = $.sibling(node_21, 2);
+			$.snippet(node_22, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { ColorPickerRoot as n, ColorPicker$1 as t };