@bysages/svelte 0.3.1 → 0.4.0

package/dist/Popover-Ct9y-0D-.mjs

@@ -0,0 +1,231 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { t as iconHtml } from "./icon-lWVQxDG6.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Popover } from "@ark-ui/svelte/popover";
+import { Portal } from "@ark-ui/svelte/portal";
+//#region src/components/popover/PopoverRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"open",
+	"children"
+]);
+function PopoverRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("popover");
+	let open = $.prop($$props, "open", 15), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("popover", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Popover.Root, ($$anchor, ArkPopover_Root) => {
+		ArkPopover_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			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/popover/Popover.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"open",
+	"trigger",
+	"label",
+	"description",
+	"disabled",
+	"placement",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!> <!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!>`, 1);
+function Popover$1($$anchor, $$props) {
+	$.push($$props, true);
+	let open = $.prop($$props, "open", 15), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	PopoverRoot($$anchor, $.spread_props(() => $$props.placement === void 0 ? null : { positioning: { placement: $$props.placement } }, () => rest, {
+		get open() {
+			return open();
+		},
+		set open($$value) {
+			open($$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, () => Popover.Trigger, ($$anchor, ArkPopover_Trigger) => {
+					ArkPopover_Trigger($$anchor, {
+						get disabled() {
+							return disabled();
+						},
+						children: ($$anchor, $$slotProps) => {
+							$.next();
+							var text = $.text();
+							$.template_effect(() => $.set_text(text, $$props.trigger));
+							$.append($$anchor, text);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_2);
+			};
+			var alternate = ($$anchor) => {
+				var fragment_4 = $.comment();
+				var node_2 = $.first_child(fragment_4);
+				{
+					const asChild = ($$anchor, triggerProps = $.noop) => {
+						var fragment_5 = $.comment();
+						var node_3 = $.first_child(fragment_5);
+						{
+							let $0 = $.derived(() => triggerProps()());
+							$.snippet(node_3, () => $$props.trigger, () => $.get($0));
+						}
+						$.append($$anchor, fragment_5);
+					};
+					$.component(node_2, () => Popover.Trigger, ($$anchor, ArkPopover_Trigger_1) => {
+						ArkPopover_Trigger_1($$anchor, {
+							get disabled() {
+								return disabled();
+							},
+							asChild,
+							$$slots: { asChild: true }
+						});
+					});
+				}
+				$.append($$anchor, fragment_4);
+			};
+			$.if(node, ($$render) => {
+				if (typeof $$props.trigger === "string") $$render(consequent);
+				else $$render(alternate, -1);
+			});
+			var node_4 = $.sibling(node, 2);
+			Portal(node_4, {
+				children: ($$anchor, $$slotProps) => {
+					var fragment_6 = $.comment();
+					var node_5 = $.first_child(fragment_6);
+					$.component(node_5, () => Popover.Positioner, ($$anchor, ArkPopover_Positioner) => {
+						ArkPopover_Positioner($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								var fragment_7 = $.comment();
+								var node_6 = $.first_child(fragment_7);
+								$.component(node_6, () => Popover.Content, ($$anchor, ArkPopover_Content) => {
+									ArkPopover_Content($$anchor, {
+										children: ($$anchor, $$slotProps) => {
+											var fragment_8 = root();
+											var node_7 = $.first_child(fragment_8);
+											$.component(node_7, () => Popover.Arrow, ($$anchor, ArkPopover_Arrow) => {
+												ArkPopover_Arrow($$anchor, {
+													children: ($$anchor, $$slotProps) => {
+														var fragment_9 = $.comment();
+														var node_8 = $.first_child(fragment_9);
+														$.component(node_8, () => Popover.ArrowTip, ($$anchor, ArkPopover_ArrowTip) => {
+															ArkPopover_ArrowTip($$anchor, {});
+														});
+														$.append($$anchor, fragment_9);
+													},
+													$$slots: { default: true }
+												});
+											});
+											var node_9 = $.sibling(node_7, 2);
+											var consequent_1 = ($$anchor) => {
+												var fragment_10 = $.comment();
+												var node_10 = $.first_child(fragment_10);
+												$.component(node_10, () => Popover.Title, ($$anchor, ArkPopover_Title) => {
+													ArkPopover_Title($$anchor, {
+														children: ($$anchor, $$slotProps) => {
+															$.next();
+															var text_1 = $.text();
+															$.template_effect(() => $.set_text(text_1, $$props.label));
+															$.append($$anchor, text_1);
+														},
+														$$slots: { default: true }
+													});
+												});
+												$.append($$anchor, fragment_10);
+											};
+											$.if(node_9, ($$render) => {
+												if ($$props.label) $$render(consequent_1);
+											});
+											var node_11 = $.sibling(node_9, 2);
+											var consequent_2 = ($$anchor) => {
+												var fragment_12 = $.comment();
+												var node_12 = $.first_child(fragment_12);
+												$.component(node_12, () => Popover.Description, ($$anchor, ArkPopover_Description) => {
+													ArkPopover_Description($$anchor, {
+														children: ($$anchor, $$slotProps) => {
+															$.next();
+															var text_2 = $.text();
+															$.template_effect(() => $.set_text(text_2, $$props.description));
+															$.append($$anchor, text_2);
+														},
+														$$slots: { default: true }
+													});
+												});
+												$.append($$anchor, fragment_12);
+											};
+											$.if(node_11, ($$render) => {
+												if ($$props.description) $$render(consequent_2);
+											});
+											var node_13 = $.sibling(node_11, 2);
+											$.snippet(node_13, () => $$props.children ?? $.noop);
+											var node_14 = $.sibling(node_13, 2);
+											$.component(node_14, () => Popover.CloseTrigger, ($$anchor, ArkPopover_CloseTrigger) => {
+												ArkPopover_CloseTrigger($$anchor, {
+													"aria-label": "Close",
+													children: ($$anchor, $$slotProps) => {
+														var fragment_14 = $.comment();
+														var node_15 = $.first_child(fragment_14);
+														$.html(node_15, () => iconHtml("x", {
+															width: "14",
+															height: "14"
+														}));
+														$.append($$anchor, fragment_14);
+													},
+													$$slots: { default: true }
+												});
+											});
+											$.append($$anchor, fragment_8);
+										},
+										$$slots: { default: true }
+									});
+								});
+								$.append($$anchor, fragment_7);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_6);
+				},
+				$$slots: { default: true }
+			});
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { PopoverRoot as n, Popover$1 as t };

package/dist/Progress-nBx2pMFh.mjs

@@ -0,0 +1,115 @@
+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 { 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",
+	"label",
+	"disabled",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!> <!>`, 1);
+function Progress$1($$anchor, $$props) {
+	$.push($$props, true);
+	let value = $.prop($$props, "value", 15), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	ProgressRoot($$anchor, $.spread_props({ get disabled() {
+		return disabled();
+	} }, () => rest, {
+		get value() {
+			return value();
+		},
+		set value($$value) {
+			value($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root();
+			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);
+			$.component(node_2, () => Progress.ValueText, ($$anchor, ArkProgress_ValueText) => {
+				ArkProgress_ValueText($$anchor, {});
+			});
+			var node_3 = $.sibling(node_2, 2);
+			$.component(node_3, () => Progress.Track, ($$anchor, ArkProgress_Track) => {
+				ArkProgress_Track($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_4 = $.comment();
+						var node_4 = $.first_child(fragment_4);
+						$.component(node_4, () => Progress.Range, ($$anchor, ArkProgress_Range) => {
+							ArkProgress_Range($$anchor, {});
+						});
+						$.append($$anchor, fragment_4);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_5 = $.sibling(node_3, 2);
+			$.snippet(node_5, () => $$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

@@ -0,0 +1,100 @@
+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 { QrCode } from "@ark-ui/svelte/qr-code";
+//#region src/components/qr-code/QrCodeRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ref",
+	"value",
+	"children"
+]);
+function QrCodeRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("qr-code");
+	let ref = $.prop($$props, "ref", 15, null), value = $.prop($$props, "value", 15), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("qr-code", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => QrCode.Root, ($$anchor, ArkQrCode_Root) => {
+		ArkQrCode_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			get value() {
+				return value();
+			},
+			set value($$value) {
+				value($$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/qr-code/QrCode.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"children"
+]);
+var root = $.from_html(`<!> <!>`, 1);
+function QrCode$1($$anchor, $$props) {
+	$.push($$props, true);
+	let value = $.prop($$props, "value", 15), rest = $.rest_props($$props, rest_excludes);
+	QrCodeRoot($$anchor, $.spread_props({ get defaultValue() {
+		return $$props.defaultValue;
+	} }, () => rest, {
+		get value() {
+			return value();
+		},
+		set value($$value) {
+			value($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => QrCode.Frame, ($$anchor, ArkQrCode_Frame) => {
+				ArkQrCode_Frame($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = $.comment();
+						var node_1 = $.first_child(fragment_2);
+						$.component(node_1, () => QrCode.Pattern, ($$anchor, ArkQrCode_Pattern) => {
+							ArkQrCode_Pattern($$anchor, {});
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_2 = $.sibling(node, 2);
+			$.snippet(node_2, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { QrCodeRoot as n, QrCode$1 as t };

package/dist/RadioGroup-Czoicfnb.mjs

@@ -0,0 +1,161 @@
+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 { RadioGroup } from "@ark-ui/svelte/radio-group";
+//#region src/components/radio-group/RadioGroupRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function RadioGroupRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("radio-group");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("radio-group", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => RadioGroup.Root, ($$anchor, ArkRadioGroup_Root) => {
+		ArkRadioGroup_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/radio-group/RadioGroup.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"items",
+	"label",
+	"disabled",
+	"invalid",
+	"required",
+	"readOnly",
+	"orientation",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!>`, 1);
+function RadioGroup$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), readOnly = $.prop($$props, "readOnly", 3, false), orientation = $.prop($$props, "orientation", 3, "vertical"), rest = $.rest_props($$props, rest_excludes);
+	RadioGroupRoot($$anchor, $.spread_props({
+		get defaultValue() {
+			return $$props.defaultValue;
+		},
+		get disabled() {
+			return disabled();
+		},
+		get invalid() {
+			return invalid();
+		},
+		get required() {
+			return required();
+		},
+		get readOnly() {
+			return readOnly();
+		},
+		get orientation() {
+			return orientation();
+		}
+	}, () => rest, {
+		get value() {
+			return value();
+		},
+		set value($$value) {
+			value($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root();
+			var node = $.first_child(fragment_1);
+			var consequent = ($$anchor) => {
+				var fragment_2 = $.comment();
+				var node_1 = $.first_child(fragment_2);
+				$.component(node_1, () => RadioGroup.Label, ($$anchor, ArkRadioGroup_Label) => {
+					ArkRadioGroup_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);
+			$.each(node_2, 17, () => $$props.items, (item) => item.value, ($$anchor, item) => {
+				var fragment_4 = $.comment();
+				var node_3 = $.first_child(fragment_4);
+				$.component(node_3, () => RadioGroup.Item, ($$anchor, ArkRadioGroup_Item) => {
+					ArkRadioGroup_Item($$anchor, {
+						get value() {
+							return $.get(item).value;
+						},
+						get disabled() {
+							return $.get(item).disabled;
+						},
+						children: ($$anchor, $$slotProps) => {
+							var fragment_5 = root();
+							var node_4 = $.first_child(fragment_5);
+							$.component(node_4, () => RadioGroup.ItemControl, ($$anchor, ArkRadioGroup_ItemControl) => {
+								ArkRadioGroup_ItemControl($$anchor, {});
+							});
+							var node_5 = $.sibling(node_4, 2);
+							$.component(node_5, () => RadioGroup.ItemText, ($$anchor, ArkRadioGroup_ItemText) => {
+								ArkRadioGroup_ItemText($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										$.next();
+										var text_1 = $.text();
+										$.template_effect(() => $.set_text(text_1, $.get(item).label));
+										$.append($$anchor, text_1);
+									},
+									$$slots: { default: true }
+								});
+							});
+							var node_6 = $.sibling(node_5, 2);
+							$.component(node_6, () => RadioGroup.ItemHiddenInput, ($$anchor, ArkRadioGroup_ItemHiddenInput) => {
+								ArkRadioGroup_ItemHiddenInput($$anchor, {});
+							});
+							$.append($$anchor, fragment_5);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_4);
+			});
+			var node_7 = $.sibling(node_2, 2);
+			$.snippet(node_7, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { RadioGroupRoot as n, RadioGroup$1 as t };