@bysages/svelte 0.3.1 → 0.4.0

package/dist/Pagination-D6vDzhVj.mjs

@@ -0,0 +1,180 @@
+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 { Pagination } from "@ark-ui/svelte/pagination";
+//#region src/components/pagination/PaginationRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function PaginationRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("pagination");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("pagination", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Pagination.Root, ($$anchor, ArkPagination_Root) => {
+		ArkPagination_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/pagination/Pagination.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"page",
+	"defaultValue",
+	"count",
+	"pageSize",
+	"defaultPageSize",
+	"siblingCount",
+	"label",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!> <!>`, 1);
+function Pagination$1($$anchor, $$props) {
+	$.push($$props, true);
+	let page = $.prop($$props, "page", 15), count = $.prop($$props, "count", 3, 0), siblingCount = $.prop($$props, "siblingCount", 3, 1), rest = $.rest_props($$props, rest_excludes);
+	PaginationRoot($$anchor, $.spread_props({
+		get count() {
+			return count();
+		},
+		get defaultPage() {
+			return $$props.defaultValue;
+		},
+		get pageSize() {
+			return $$props.pageSize;
+		},
+		get defaultPageSize() {
+			return $$props.defaultPageSize;
+		},
+		get siblingCount() {
+			return siblingCount();
+		},
+		get "aria-label"() {
+			return $$props.label;
+		}
+	}, () => rest, {
+		get page() {
+			return page();
+		},
+		set page($$value) {
+			page($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => Pagination.PrevTrigger, ($$anchor, ArkPagination_PrevTrigger) => {
+				ArkPagination_PrevTrigger($$anchor, {
+					"aria-label": "Previous page",
+					children: ($$anchor, $$slotProps) => {
+						InternalIcon($$anchor, { name: "chevron-left" });
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_1 = $.sibling(node, 2);
+			{
+				const render = ($$anchor, pagination = $.noop) => {
+					var fragment_3 = $.comment();
+					var node_2 = $.first_child(fragment_3);
+					$.each(node_2, 19, () => pagination()().pages, (item, index) => item.type === "page" ? item.value : `ellipsis-${index}`, ($$anchor, item, index) => {
+						var fragment_4 = $.comment();
+						var node_3 = $.first_child(fragment_4);
+						var consequent = ($$anchor) => {
+							var fragment_5 = $.comment();
+							var node_4 = $.first_child(fragment_5);
+							$.component(node_4, () => Pagination.Item, ($$anchor, ArkPagination_Item) => {
+								ArkPagination_Item($$anchor, {
+									type: "page",
+									get value() {
+										return $.get(item).value;
+									},
+									children: ($$anchor, $$slotProps) => {
+										$.next();
+										var text = $.text();
+										$.template_effect(() => $.set_text(text, $.get(item).value));
+										$.append($$anchor, text);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_5);
+						};
+						var alternate = ($$anchor) => {
+							var fragment_7 = $.comment();
+							var node_5 = $.first_child(fragment_7);
+							$.component(node_5, () => Pagination.Ellipsis, ($$anchor, ArkPagination_Ellipsis) => {
+								ArkPagination_Ellipsis($$anchor, {
+									get index() {
+										return $.get(index);
+									},
+									children: ($$anchor, $$slotProps) => {
+										$.next();
+										var text_1 = $.text("…");
+										$.append($$anchor, text_1);
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.append($$anchor, fragment_7);
+						};
+						$.if(node_3, ($$render) => {
+							if ($.get(item).type === "page") $$render(consequent);
+							else $$render(alternate, -1);
+						});
+						$.append($$anchor, fragment_4);
+					});
+					$.append($$anchor, fragment_3);
+				};
+				$.component(node_1, () => Pagination.Context, ($$anchor, ArkPagination_Context) => {
+					ArkPagination_Context($$anchor, {
+						render,
+						$$slots: { render: true }
+					});
+				});
+			}
+			var node_6 = $.sibling(node_1, 2);
+			$.component(node_6, () => Pagination.NextTrigger, ($$anchor, ArkPagination_NextTrigger) => {
+				ArkPagination_NextTrigger($$anchor, {
+					"aria-label": "Next page",
+					children: ($$anchor, $$slotProps) => {
+						InternalIcon($$anchor, { name: "chevron-right" });
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_7 = $.sibling(node_6, 2);
+			$.snippet(node_7, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { PaginationRoot as n, Pagination$1 as t };

package/dist/PasswordInput-CKUqwouu.mjs

@@ -0,0 +1,167 @@
+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 { PasswordInput } from "@ark-ui/svelte/password-input";
+//#region src/components/password-input/PasswordInputRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function PasswordInputRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("password-input");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("password-input", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => PasswordInput.Root, ($$anchor, ArkPasswordInput_Root) => {
+		ArkPasswordInput_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/password-input/PasswordInput.svelte
+const eyeOpen = ($$anchor) => {
+	InternalIcon($$anchor, { name: "eye" });
+};
+const eyeClosed = ($$anchor) => {
+	InternalIcon($$anchor, { name: "eye-off" });
+};
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"label",
+	"placeholder",
+	"autoComplete",
+	"disabled",
+	"invalid",
+	"required",
+	"children"
+]);
+var root = $.from_html(`<!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!> <!>`, 1);
+function PasswordInput$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);
+	PasswordInputRoot($$anchor, $.spread_props({
+		get autoComplete() {
+			return $$props.autoComplete;
+		},
+		get disabled() {
+			return disabled();
+		},
+		get invalid() {
+			return invalid();
+		},
+		get required() {
+			return required();
+		}
+	}, () => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_3 = root_1();
+			var node = $.first_child(fragment_3);
+			var consequent = ($$anchor) => {
+				var fragment_4 = $.comment();
+				var node_1 = $.first_child(fragment_4);
+				$.component(node_1, () => PasswordInput.Label, ($$anchor, ArkPasswordInput_Label) => {
+					ArkPasswordInput_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, ($$render) => {
+				if ($$props.label) $$render(consequent);
+			});
+			var node_2 = $.sibling(node, 2);
+			$.component(node_2, () => PasswordInput.Control, ($$anchor, ArkPasswordInput_Control) => {
+				ArkPasswordInput_Control($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_6 = root();
+						var node_3 = $.first_child(fragment_6);
+						$.component(node_3, () => PasswordInput.Input, ($$anchor, ArkPasswordInput_Input) => {
+							ArkPasswordInput_Input($$anchor, {
+								get placeholder() {
+									return $$props.placeholder;
+								},
+								get defaultValue() {
+									return $$props.defaultValue;
+								},
+								get value() {
+									return value();
+								},
+								set value($$value) {
+									value($$value);
+								}
+							});
+						});
+						var node_4 = $.sibling(node_3, 2);
+						$.component(node_4, () => PasswordInput.VisibilityTrigger, ($$anchor, ArkPasswordInput_VisibilityTrigger) => {
+							ArkPasswordInput_VisibilityTrigger($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_7 = $.comment();
+									var node_5 = $.first_child(fragment_7);
+									{
+										const children = ($$anchor) => {
+											eyeOpen($$anchor);
+										};
+										$.component(node_5, () => PasswordInput.Indicator, ($$anchor, ArkPasswordInput_Indicator) => {
+											ArkPasswordInput_Indicator($$anchor, {
+												get fallback() {
+													return eyeClosed;
+												},
+												children,
+												$$slots: { default: true }
+											});
+										});
+									}
+									$.append($$anchor, fragment_7);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_6);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_6 = $.sibling(node_2, 2);
+			$.snippet(node_6, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_3);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { PasswordInputRoot as n, PasswordInput$1 as t };

package/dist/PinInput-Ey0sJSwB.mjs

@@ -0,0 +1,142 @@
+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 { PinInput } from "@ark-ui/svelte/pin-input";
+//#region src/components/pin-input/PinInputRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"size",
+	"children"
+]);
+function PinInputRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("pin-input");
+	let size = $.prop($$props, "size", 3, "md"), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("pin-input", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => PinInput.Root, ($$anchor, ArkPinInput_Root) => {
+		ArkPinInput_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/pin-input/PinInput.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"defaultValue",
+	"label",
+	"placeholder",
+	"disabled",
+	"invalid",
+	"required",
+	"length",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!> <!>`, 1);
+function PinInput$1($$anchor, $$props) {
+	$.push($$props, true);
+	let value = $.prop($$props, "value", 15), placeholder = $.prop($$props, "placeholder", 3, "·"), disabled = $.prop($$props, "disabled", 3, false), invalid = $.prop($$props, "invalid", 3, false), required = $.prop($$props, "required", 3, false), length = $.prop($$props, "length", 3, 4), rest = $.rest_props($$props, rest_excludes);
+	const indexes = $.derived(() => Array.from({ length: length() }, (_, index) => index));
+	PinInputRoot($$anchor, $.spread_props({
+		get defaultValue() {
+			return $$props.defaultValue;
+		},
+		get placeholder() {
+			return placeholder();
+		},
+		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, () => PinInput.Label, ($$anchor, ArkPinInput_Label) => {
+					ArkPinInput_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, () => PinInput.Control, ($$anchor, ArkPinInput_Control) => {
+				ArkPinInput_Control($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_4 = $.comment();
+						var node_3 = $.first_child(fragment_4);
+						$.each(node_3, 16, () => $.get(indexes), (index) => index, ($$anchor, index) => {
+							var fragment_5 = $.comment();
+							var node_4 = $.first_child(fragment_5);
+							$.component(node_4, () => PinInput.Input, ($$anchor, ArkPinInput_Input) => {
+								ArkPinInput_Input($$anchor, { get index() {
+									return index;
+								} });
+							});
+							$.append($$anchor, fragment_5);
+						});
+						$.append($$anchor, fragment_4);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_5 = $.sibling(node_2, 2);
+			$.component(node_5, () => PinInput.HiddenInput, ($$anchor, ArkPinInput_HiddenInput) => {
+				ArkPinInput_HiddenInput($$anchor, {});
+			});
+			var node_6 = $.sibling(node_5, 2);
+			$.snippet(node_6, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { PinInputRoot as n, PinInput$1 as t };