@bysages/svelte 0.3.1 → 0.4.0

package/dist/Combobox-CI0zJOm_.mjs

@@ -0,0 +1,259 @@
+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 { Portal } from "@ark-ui/svelte/portal";
+import { Combobox, createListCollection } from "@ark-ui/svelte/combobox";
+//#region src/components/combobox/ComboboxRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function ComboboxRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("combobox");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("combobox", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Combobox.Root, ($$anchor, ArkCombobox_Root) => {
+		ArkCombobox_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/combobox/Combobox.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"options",
+	"multiple",
+	"label",
+	"placeholder",
+	"disabled",
+	"invalid",
+	"required",
+	"clearable",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!>`, 1);
+var root_2 = $.from_html(`<!> <!> <!> <!>`, 1);
+function Combobox$1($$anchor, $$props) {
+	$.push($$props, true);
+	let multiple = $.prop($$props, "multiple", 3, false), disabled = $.prop($$props, "disabled", 3, false), invalid = $.prop($$props, "invalid", 3, false), required = $.prop($$props, "required", 3, false), clearable = $.prop($$props, "clearable", 3, true), rest = $.rest_props($$props, rest_excludes);
+	/** Show the clear-value control when the machine allows it. */
+	const collection = $.derived(() => createListCollection({ items: $$props.options }));
+	ComboboxRoot($$anchor, $.spread_props({
+		get collection() {
+			return $.get(collection);
+		},
+		get multiple() {
+			return multiple();
+		},
+		get disabled() {
+			return disabled();
+		},
+		get invalid() {
+			return invalid();
+		},
+		get required() {
+			return required();
+		},
+		get placeholder() {
+			return $$props.placeholder;
+		},
+		lazyMount: true,
+		unmountOnExit: true
+	}, () => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_2();
+			var node = $.first_child(fragment_1);
+			var consequent = ($$anchor) => {
+				var fragment_2 = $.comment();
+				var node_1 = $.first_child(fragment_2);
+				$.component(node_1, () => Combobox.Label, ($$anchor, ArkCombobox_Label) => {
+					ArkCombobox_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, () => Combobox.Control, ($$anchor, ArkCombobox_Control) => {
+				ArkCombobox_Control($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_4 = root();
+						var node_3 = $.first_child(fragment_4);
+						{
+							let $0 = $.derived(() => $$props.label ? void 0 : $$props.placeholder);
+							$.component(node_3, () => Combobox.Input, ($$anchor, ArkCombobox_Input) => {
+								ArkCombobox_Input($$anchor, {
+									get placeholder() {
+										return $$props.placeholder;
+									},
+									get "aria-label"() {
+										return $.get($0);
+									}
+								});
+							});
+						}
+						var node_4 = $.sibling(node_3, 2);
+						var consequent_1 = ($$anchor) => {
+							var fragment_5 = $.comment();
+							var node_5 = $.first_child(fragment_5);
+							$.component(node_5, () => Combobox.ClearTrigger, ($$anchor, ArkCombobox_ClearTrigger) => {
+								ArkCombobox_ClearTrigger($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										InternalIcon($$anchor, { name: "x" });
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_5);
+						};
+						$.if(node_4, ($$render) => {
+							if (clearable()) $$render(consequent_1);
+						});
+						var node_6 = $.sibling(node_4, 2);
+						$.component(node_6, () => Combobox.Trigger, ($$anchor, ArkCombobox_Trigger) => {
+							ArkCombobox_Trigger($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									InternalIcon($$anchor, { name: "chevron-down" });
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_4);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_7 = $.sibling(node_2, 2);
+			Portal(node_7, {
+				children: ($$anchor, $$slotProps) => {
+					var fragment_8 = $.comment();
+					var node_8 = $.first_child(fragment_8);
+					$.component(node_8, () => Combobox.Positioner, ($$anchor, ArkCombobox_Positioner) => {
+						ArkCombobox_Positioner($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								var fragment_9 = $.comment();
+								var node_9 = $.first_child(fragment_9);
+								$.component(node_9, () => Combobox.Content, ($$anchor, ArkCombobox_Content) => {
+									ArkCombobox_Content($$anchor, {
+										children: ($$anchor, $$slotProps) => {
+											var fragment_10 = root_1();
+											var node_10 = $.first_child(fragment_10);
+											$.component(node_10, () => Combobox.Empty, ($$anchor, ArkCombobox_Empty) => {
+												ArkCombobox_Empty($$anchor, {
+													children: ($$anchor, $$slotProps) => {
+														$.next();
+														var text_1 = $.text("No results found");
+														$.append($$anchor, text_1);
+													},
+													$$slots: { default: true }
+												});
+											});
+											var node_11 = $.sibling(node_10, 2);
+											$.component(node_11, () => Combobox.List, ($$anchor, ArkCombobox_List) => {
+												ArkCombobox_List($$anchor, {
+													children: ($$anchor, $$slotProps) => {
+														var fragment_11 = $.comment();
+														var node_12 = $.first_child(fragment_11);
+														$.each(node_12, 17, () => $$props.options, (option) => option.value, ($$anchor, option) => {
+															var fragment_12 = $.comment();
+															var node_13 = $.first_child(fragment_12);
+															$.component(node_13, () => Combobox.Item, ($$anchor, ArkCombobox_Item) => {
+																ArkCombobox_Item($$anchor, {
+																	get item() {
+																		return $.get(option);
+																	},
+																	children: ($$anchor, $$slotProps) => {
+																		var fragment_13 = root_1();
+																		var node_14 = $.first_child(fragment_13);
+																		$.component(node_14, () => Combobox.ItemText, ($$anchor, ArkCombobox_ItemText) => {
+																			ArkCombobox_ItemText($$anchor, {
+																				children: ($$anchor, $$slotProps) => {
+																					$.next();
+																					var text_2 = $.text();
+																					$.template_effect(() => $.set_text(text_2, $.get(option).label));
+																					$.append($$anchor, text_2);
+																				},
+																				$$slots: { default: true }
+																			});
+																		});
+																		var node_15 = $.sibling(node_14, 2);
+																		$.component(node_15, () => Combobox.ItemIndicator, ($$anchor, ArkCombobox_ItemIndicator) => {
+																			ArkCombobox_ItemIndicator($$anchor, {
+																				children: ($$anchor, $$slotProps) => {
+																					InternalIcon($$anchor, { name: "check" });
+																				},
+																				$$slots: { default: true }
+																			});
+																		});
+																		$.append($$anchor, fragment_13);
+																	},
+																	$$slots: { default: true }
+																});
+															});
+															$.append($$anchor, fragment_12);
+														});
+														$.append($$anchor, fragment_11);
+													},
+													$$slots: { default: true }
+												});
+											});
+											$.append($$anchor, fragment_10);
+										},
+										$$slots: { default: true }
+									});
+								});
+								$.append($$anchor, fragment_9);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_8);
+				},
+				$$slots: { default: true }
+			});
+			var node_16 = $.sibling(node_7, 2);
+			$.snippet(node_16, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { ComboboxRoot as n, Combobox$1 as t };

package/dist/DateInput-CYNt1ltj.mjs

@@ -0,0 +1,154 @@
+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 { DateInput } from "@ark-ui/svelte/date-input";
+//#region src/components/date-input/DateInputRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function DateInputRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("date-input");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("date-input", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => DateInput.Root, ($$anchor, ArkDateInput_Root) => {
+		ArkDateInput_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/date-input/DateInput.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"label",
+	"disabled",
+	"invalid",
+	"required",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!> <!>`, 1);
+function DateInput$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);
+	DateInputRoot($$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();
+			var node = $.first_child(fragment_1);
+			var consequent = ($$anchor) => {
+				var fragment_2 = $.comment();
+				var node_1 = $.first_child(fragment_2);
+				$.component(node_1, () => DateInput.Label, ($$anchor, ArkDateInput_Label) => {
+					ArkDateInput_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, () => DateInput.Control, ($$anchor, ArkDateInput_Control) => {
+				ArkDateInput_Control($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_4 = $.comment();
+						var node_3 = $.first_child(fragment_4);
+						$.component(node_3, () => DateInput.SegmentGroup, ($$anchor, ArkDateInput_SegmentGroup) => {
+							ArkDateInput_SegmentGroup($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_5 = $.comment();
+									var node_4 = $.first_child(fragment_5);
+									{
+										const children = ($$anchor, segment = $.noop) => {
+											var fragment_6 = $.comment();
+											var node_5 = $.first_child(fragment_6);
+											$.component(node_5, () => DateInput.Segment, ($$anchor, ArkDateInput_Segment) => {
+												ArkDateInput_Segment($$anchor, { get segment() {
+													return segment();
+												} });
+											});
+											$.append($$anchor, fragment_6);
+										};
+										$.component(node_4, () => DateInput.SegmentContext, ($$anchor, ArkDateInput_SegmentContext) => {
+											ArkDateInput_SegmentContext($$anchor, {
+												children,
+												$$slots: { default: true }
+											});
+										});
+									}
+									$.append($$anchor, fragment_5);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_4);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_6 = $.sibling(node_2, 2);
+			$.component(node_6, () => DateInput.HiddenInput, ($$anchor, ArkDateInput_HiddenInput) => {
+				ArkDateInput_HiddenInput($$anchor, {});
+			});
+			var node_7 = $.sibling(node_6, 2);
+			$.snippet(node_7, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { DateInputRoot as n, DateInput$1 as t };