@sigx/lynx-daisyui 0.1.3 → 0.4.0

package/dist/index.js

@@ -1,13 +1,14 @@
-import { component as e, compound as t, signal as n } from "@sigx/lynx";
-import { jsx as r, jsxs as i } from "@sigx/lynx/jsx-runtime";
+import { component as e, compound as t, defineInjectable as n, defineProvide as r, signal as i } from "@sigx/lynx";
+import { jsx as a, jsxs as o } from "@sigx/lynx/jsx-runtime";
+import { useScreenChrome as s, useTabs as c } from "@sigx/lynx-navigation";
 //#region src/feedback/Loading.tsx
-var a = e(({ props: e }) => {
+var l = e(({ props: e }) => {
 	let t = () => {
 		let t = ["loading"];
 		return t.push(`loading-${e.type ?? "spinner"}`), e.size && t.push(`loading-${e.size}`), e.color && t.push(`text-${e.color}`), e.class && t.push(e.class), t.join(" ");
 	};
-	return () => /* @__PURE__ */ r("view", { class: t() });
-}), o = {
+	return () => /* @__PURE__ */ a("view", { class: t() });
+}), u = {
 	primary: "btn-primary",
 	secondary: "btn-secondary",
 	accent: "btn-accent",
@@ -18,57 +19,57 @@ var a = e(({ props: e }) => {
 	ghost: "btn-ghost",
 	link: "btn-link",
 	neutral: "btn-neutral"
-}, s = {
+}, d = {
 	xs: "btn-xs",
 	sm: "btn-sm",
 	md: "",
 	lg: "btn-lg",
 	xl: "btn-xl"
-}, c = e(({ props: e, slots: t, emit: n }) => {
-	let i = () => {
+}, f = e(({ props: e, slots: t, emit: n }) => {
+	let r = () => {
 		let t = ["btn"];
-		if (e.variant && t.push(o[e.variant]), e.size) {
-			let n = s[e.size];
+		if (e.variant && t.push(u[e.variant]), e.size) {
+			let n = d[e.size];
 			n && t.push(n);
 		}
 		return e.outline && t.push("btn-outline"), e.soft && t.push("btn-soft"), e.wide && t.push("btn-wide"), e.loading && t.push("btn-loading"), e.block && t.push("btn-block"), e.circle && t.push("btn-circle"), e.square && t.push("btn-square"), e.active && t.push("btn-active"), e.disabled && t.push("btn-disabled"), e.class && t.push(e.class), t.join(" ");
 	};
-	return () => /* @__PURE__ */ r("view", {
-		class: i(),
+	return () => /* @__PURE__ */ a("view", {
+		class: r(),
 		bindtap: () => {
 			!e.disabled && !e.loading && n("press");
 		},
-		children: e.loading ? /* @__PURE__ */ r(a, {
+		children: e.loading ? /* @__PURE__ */ a(l, {
 			type: "spinner",
 			size: "sm"
 		}) : t.default?.()
 	});
-}), l = t(e(({ props: e, slots: t }) => {
+}), p = t(e(({ props: e, slots: t }) => {
 	let n = () => {
 		let t = ["card"];
 		return e.bordered && t.push("card-bordered"), e.compact && t.push("card-compact"), e.shadow === !0 ? t.push("shadow-md") : e.shadow === "sm" ? t.push("shadow-sm") : e.shadow === "md" ? t.push("shadow-md") : e.shadow === "lg" ? t.push("shadow-lg") : e.shadow === void 0 && t.push("shadow-md"), e.class && t.push(e.class), t.join(" ");
 	};
-	return () => /* @__PURE__ */ r("view", {
+	return () => /* @__PURE__ */ a("view", {
 		class: n(),
 		children: t.default?.()
 	});
 }), {
-	Body: e(({ props: e, slots: t }) => () => /* @__PURE__ */ r("view", {
+	Body: e(({ props: e, slots: t }) => () => /* @__PURE__ */ a("view", {
 		class: `card-body${e.class ? " " + e.class : ""}`,
 		children: t.default?.()
 	})),
-	Title: e(({ props: e, slots: t }) => () => /* @__PURE__ */ r("text", {
+	Title: e(({ props: e, slots: t }) => () => /* @__PURE__ */ a("text", {
 		class: `card-title${e.class ? " " + e.class : ""}`,
 		children: t.default?.()
 	})),
-	Actions: e(({ props: e, slots: t }) => () => /* @__PURE__ */ r("view", {
+	Actions: e(({ props: e, slots: t }) => () => /* @__PURE__ */ a("view", {
 		class: `card-actions${e.class ? " " + e.class : ""}`,
 		children: t.default?.()
 	}))
 });
 //#endregion
 //#region src/shared/styles.ts
-function u(e, t) {
+function m(e, t) {
 	if (e === void 0) return {};
 	if (typeof e == "number") return {
 		[`${t}Top`]: e,
@@ -79,20 +80,20 @@ function u(e, t) {
 	let n = {};
 	return e.top === void 0 ? e.y !== void 0 && (n[`${t}Top`] = e.y) : n[`${t}Top`] = e.top, e.bottom === void 0 ? e.y !== void 0 && (n[`${t}Bottom`] = e.y) : n[`${t}Bottom`] = e.bottom, e.right === void 0 ? e.x !== void 0 && (n[`${t}Right`] = e.x) : n[`${t}Right`] = e.right, e.left === void 0 ? e.x !== void 0 && (n[`${t}Left`] = e.x) : n[`${t}Left`] = e.left, n;
 }
-function d(e) {
+function h(e) {
 	let t = {};
-	return e.width !== void 0 && (t.width = e.width), e.height !== void 0 && (t.height = e.height), e.flex !== void 0 && (t.flex = e.flex), e.background !== void 0 && (t.backgroundColor = e.background), e.borderRadius !== void 0 && (t.borderRadius = e.borderRadius), Object.assign(t, u(e.padding, "padding")), Object.assign(t, u(e.margin, "margin")), t;
+	return e.width !== void 0 && (t.width = e.width), e.height !== void 0 && (t.height = e.height), e.flex !== void 0 && (t.flexGrow = e.flex, t.flexShrink = 1, t.flexBasis = 0, t.minHeight = 0), e.background !== void 0 && (t.backgroundColor = e.background), e.borderRadius !== void 0 && (t.borderRadius = e.borderRadius), Object.assign(t, m(e.padding, "padding")), Object.assign(t, m(e.margin, "margin")), t;
 }
 //#endregion
 //#region src/layout/Row.tsx
-var f = e(({ props: e, slots: t }) => {
+var g = e(({ props: e, slots: t }) => {
 	let n = () => {
 		let t = {
 			display: "flex",
 			flexDirection: "row"
 		};
 		e.gap !== void 0 && (t.gap = e.gap), e.align && (t.alignItems = e.align), e.justify && (t.justifyContent = e.justify), e.wrap && (t.flexWrap = "wrap");
-		let n = d({
+		let n = h({
 			width: e.width,
 			height: e.height,
 			flex: e.flex,
@@ -104,19 +105,19 @@ var f = e(({ props: e, slots: t }) => {
 		for (let e in n) t[e] = n[e];
 		return t;
 	};
-	return () => /* @__PURE__ */ r("view", {
+	return () => /* @__PURE__ */ a("view", {
 		class: e.class,
 		style: n(),
 		children: t.default?.()
 	});
-}), p = e(({ props: e, slots: t }) => {
+}), _ = e(({ props: e, slots: t }) => {
 	let n = () => {
 		let t = {
 			display: "flex",
 			flexDirection: "column"
 		};
 		e.gap !== void 0 && (t.gap = e.gap), e.align && (t.alignItems = e.align), e.justify && (t.justifyContent = e.justify), e.wrap && (t.flexWrap = "wrap");
-		let n = d({
+		let n = h({
 			width: e.width,
 			height: e.height,
 			flex: e.flex,
@@ -128,18 +129,18 @@ var f = e(({ props: e, slots: t }) => {
 		for (let e in n) t[e] = n[e];
 		return t;
 	};
-	return () => /* @__PURE__ */ r("view", {
+	return () => /* @__PURE__ */ a("view", {
 		class: e.class,
 		style: n(),
 		children: t.default?.()
 	});
-}), m = e(({ props: e, slots: t }) => {
+}), v = e(({ props: e, slots: t }) => {
 	let n = () => {
 		let t = {
 			display: "flex",
 			justifyContent: "center",
 			alignItems: "center"
-		}, n = d({
+		}, n = h({
 			width: e.width,
 			height: e.height,
 			flex: e.flex,
@@ -149,39 +150,39 @@ var f = e(({ props: e, slots: t }) => {
 		for (let e in n) t[e] = n[e];
 		return t;
 	};
-	return () => /* @__PURE__ */ r("view", {
+	return () => /* @__PURE__ */ a("view", {
 		class: e.class,
 		style: n(),
 		children: t.default?.()
 	});
-}), h = e(({ props: e }) => {
+}), y = e(({ props: e }) => {
 	let t = () => e.size === void 0 ? { flex: 1 } : {
 		width: e.size,
 		height: e.size
 	};
-	return () => /* @__PURE__ */ r("view", {
+	return () => /* @__PURE__ */ a("view", {
 		class: e.class,
 		style: t()
 	});
-}), g = e(({ props: e, slots: t }) => {
+}), b = e(({ props: e, slots: t }) => {
 	let n = () => {
 		let t = {};
 		return e.height !== void 0 && (t.height = e.height), e.width !== void 0 && (t.width = e.width), e.flex !== void 0 && (t.flex = e.flex), t;
 	};
 	return () => {
-		let i = e.direction ?? "vertical";
-		return /* @__PURE__ */ r("scroll-view", {
+		let r = e.direction ?? "vertical";
+		return /* @__PURE__ */ a("scroll-view", {
 			class: e.class,
 			style: n(),
-			"scroll-orientation": i,
-			"scroll-y": i === "vertical" ? !0 : void 0,
-			"scroll-x": i === "horizontal" ? !0 : void 0,
+			"scroll-orientation": r,
+			"scroll-y": r === "vertical" ? !0 : void 0,
+			"scroll-x": r === "horizontal" ? !0 : void 0,
 			"show-scrollbar": e.showScrollbar,
 			bounces: e.bounces,
 			children: t.default?.()
 		});
 	};
-}), _ = e(({ props: e }) => {
+}), x = e(({ props: e }) => {
 	let t = () => {
 		let t = [e.vertical ? "divider-vertical" : "divider"];
 		return e.class && t.push(e.class), t.join(" ");
@@ -189,101 +190,101 @@ var f = e(({ props: e, slots: t }) => {
 		let t = {};
 		return e.color && (t.backgroundColor = e.color), e.margin !== void 0 && (e.vertical ? (t.marginLeft = e.margin, t.marginRight = e.margin) : (t.marginTop = e.margin, t.marginBottom = e.margin)), t;
 	};
-	return () => /* @__PURE__ */ r("view", {
+	return () => /* @__PURE__ */ a("view", {
 		class: t(),
 		style: n()
 	});
-}), v = {
+}), S = {
 	xs: "input-xs",
 	sm: "input-sm",
 	md: "",
 	lg: "input-lg"
-}, y = e(({ props: e }) => {
+}, C = e(({ props: e }) => {
 	let t = () => {
 		let t = ["input"];
 		if (e.variant === "bordered" && t.push("input-bordered"), e.variant === "ghost" && t.push("input-ghost"), e.color && t.push(`input-${e.color}`), e.size) {
-			let n = v[e.size];
+			let n = S[e.size];
 			n && t.push(n);
 		}
 		return e.class && t.push(e.class), t.join(" ");
 	};
-	return () => /* @__PURE__ */ r("input", {
+	return () => /* @__PURE__ */ a("input", {
 		class: t(),
 		placeholder: e.placeholder,
 		type: e.type ?? "text",
 		disabled: e.disabled,
 		model: e.model
 	});
-}), b = {
+}), w = {
 	xs: 10,
 	sm: 16,
 	md: 20,
 	lg: 24
-}, x = e(({ props: e, emit: t }) => {
+}, T = e(({ props: e, emit: t }) => {
 	let n = () => {
 		let t = ["toggle"], n = e.size ?? "md";
 		return t.push(`toggle-${n}`), e.color && t.push(`toggle-${e.color}`), e.checked && t.push("toggle-checked"), e.disabled && t.push("toggle-disabled"), e.class && t.push(e.class), t.join(" ");
 	};
 	return () => {
-		let i = !!e.checked, a = e.size ?? "md", o = i ? b[a] : 0;
-		return /* @__PURE__ */ r("view", {
+		let r = !!e.checked, i = e.size ?? "md", o = r ? w[i] : 0;
+		return /* @__PURE__ */ a("view", {
 			class: n(),
 			bindtap: () => {
-				e.disabled || t("change", !i);
+				e.disabled || t("change", !r);
 			},
-			children: /* @__PURE__ */ r("view", {
+			children: /* @__PURE__ */ a("view", {
 				class: "toggle-thumb",
 				style: { transform: `translateX(${o}px)` }
 			})
 		});
 	};
-}), S = {
+}), E = {
 	xs: 10,
 	sm: 12,
 	md: 14,
 	lg: 19
-}, C = e(({ props: e, emit: t }) => {
+}, D = e(({ props: e, emit: t }) => {
 	let n = () => {
 		let t = ["checkbox"], n = e.size ?? "md";
 		return n !== "md" && t.push(`checkbox-${n}`), e.color && t.push(`checkbox-${e.color}`), e.checked && t.push("checkbox-checked"), e.disabled && t.push("checkbox-disabled"), e.class && t.push(e.class), t.join(" ");
 	};
 	return () => {
-		let i = !!e.checked, a = e.size ?? "md";
-		return /* @__PURE__ */ r("view", {
+		let r = !!e.checked, i = e.size ?? "md";
+		return /* @__PURE__ */ a("view", {
 			class: n(),
 			bindtap: () => {
-				e.disabled || t("change", !i);
+				e.disabled || t("change", !r);
 			},
-			children: i ? /* @__PURE__ */ r("text", {
+			children: r ? /* @__PURE__ */ a("text", {
 				class: "checkbox-mark",
-				style: { fontSize: S[a] },
+				style: { fontSize: E[i] },
 				children: "✓"
 			}) : null
 		});
 	};
-}), w = e(({ props: e, emit: t }) => {
-	let a = n({ open: !1 }), o = () => {
+}), O = e(({ props: e, emit: t }) => {
+	let n = i({ open: !1 }), r = () => {
 		let t = ["select"];
 		return e.variant === "bordered" && t.push("select-bordered"), e.variant === "ghost" && t.push("select-ghost"), e.color && t.push(`select-${e.color}`), e.size && t.push(`select-${e.size}`), e.class && t.push(e.class), t.join(" ");
 	}, s = () => {
 		let t = (e.options ?? []).find((t) => t.value === e.value);
 		return t ? t.label : e.placeholder ?? "Select...";
 	};
-	return () => /* @__PURE__ */ i("view", {
+	return () => /* @__PURE__ */ o("view", {
 		style: {
 			position: "relative",
 			opacity: e.disabled ? .5 : 1
 		},
-		children: [/* @__PURE__ */ i("view", {
-			class: o(),
+		children: [/* @__PURE__ */ o("view", {
+			class: r(),
 			bindtap: () => {
-				e.disabled || (a.open = !a.open);
+				e.disabled || (n.open = !n.open);
 			},
-			children: [/* @__PURE__ */ r("text", { children: s() }), /* @__PURE__ */ r("view", {
+			children: [/* @__PURE__ */ a("text", { children: s() }), /* @__PURE__ */ a("view", {
 				style: { marginLeft: "auto" },
-				children: /* @__PURE__ */ r("text", { children: a.open ? "▲" : "▼" })
+				children: /* @__PURE__ */ a("text", { children: n.open ? "▲" : "▼" })
 			})]
-		}), a.open && !e.disabled && /* @__PURE__ */ r("view", {
+		}), n.open && !e.disabled && /* @__PURE__ */ a("view", {
 			class: "select-dropdown",
 			style: {
 				position: "absolute",
@@ -292,21 +293,21 @@ var f = e(({ props: e, slots: t }) => {
 				right: 0,
 				zIndex: 10
 			},
-			children: (e.options ?? []).map((n) => /* @__PURE__ */ r("view", {
-				class: `select-option${n.value === e.value ? " select-option-active" : ""}`,
+			children: (e.options ?? []).map((r) => /* @__PURE__ */ a("view", {
+				class: `select-option${r.value === e.value ? " select-option-active" : ""}`,
 				bindtap: () => {
-					t("change", n.value), a.open = !1;
+					t("change", r.value), n.open = !1;
 				},
-				children: /* @__PURE__ */ r("text", { children: n.label })
+				children: /* @__PURE__ */ a("text", { children: r.label })
 			}))
 		})]
 	});
-}), T = e(({ props: e, emit: t }) => {
+}), k = e(({ props: e, emit: t }) => {
 	let n = () => {
 		let t = ["radio"];
 		return e.color && t.push(`radio-${e.color}`), e.size && t.push(`radio-${e.size}`), e.checked && t.push("radio-checked"), e.class && t.push(e.class), t.join(" ");
 	};
-	return () => /* @__PURE__ */ i("view", {
+	return () => /* @__PURE__ */ o("view", {
 		style: {
 			flexDirection: "row",
 			alignItems: "center",
@@ -316,164 +317,289 @@ var f = e(({ props: e, slots: t }) => {
 		bindtap: () => {
 			!e.disabled && e.value != null && t("select", e.value);
 		},
-		children: [/* @__PURE__ */ r("view", {
+		children: [/* @__PURE__ */ a("view", {
 			class: n(),
-			children: e.checked && /* @__PURE__ */ r("view", { class: "radio-mark" })
-		}), e.label && /* @__PURE__ */ r("text", { children: e.label })]
+			children: e.checked && /* @__PURE__ */ a("view", { class: "radio-mark" })
+		}), e.label && /* @__PURE__ */ a("text", { children: e.label })]
 	});
-}), E = t(e(({ props: e, slots: t }) => () => /* @__PURE__ */ r("view", {
+}), A = t(e(({ props: e, slots: t }) => () => /* @__PURE__ */ a("view", {
 	class: e.class ?? "",
 	style: { gap: 8 },
 	children: t.default?.()
-})), { Item: T }), D = {
+})), { Item: k }), j = {
 	xs: "textarea-xs",
 	sm: "textarea-sm",
 	md: "",
 	lg: "textarea-lg"
-}, O = e(({ props: e }) => {
+}, M = e(({ props: e }) => {
 	let t = () => {
 		let t = ["textarea"];
 		if (e.variant === "bordered" && t.push("textarea-bordered"), e.variant === "ghost" && t.push("textarea-ghost"), e.color && t.push(`textarea-${e.color}`), e.size) {
-			let n = D[e.size];
+			let n = j[e.size];
 			n && t.push(n);
 		}
 		return e.class && t.push(e.class), t.join(" ");
 	}, n = () => (e.rows ?? 3) * 20 + 16;
-	return () => /* @__PURE__ */ r("textarea", {
+	return () => /* @__PURE__ */ a("textarea", {
 		class: t(),
 		placeholder: e.placeholder,
 		disabled: e.disabled,
 		model: e.model,
 		style: { height: n() }
 	});
-}), k = e(({ props: e, slots: t }) => () => /* @__PURE__ */ i("view", {
+}), ee = e(({ props: e, slots: t }) => () => /* @__PURE__ */ o("view", {
 	class: ["form-control", e.class].filter(Boolean).join(" "),
 	style: { gap: 4 },
 	children: [
-		e.label && /* @__PURE__ */ r("view", {
+		e.label && /* @__PURE__ */ a("view", {
 			class: "label",
-			children: /* @__PURE__ */ r("text", {
+			children: /* @__PURE__ */ a("text", {
 				class: "label-text",
 				children: e.required ? `${e.label} *` : e.label
 			})
 		}),
 		t.default?.(),
-		e.error && /* @__PURE__ */ r("view", {
+		e.error && /* @__PURE__ */ a("view", {
 			class: "label",
-			children: /* @__PURE__ */ r("text", {
+			children: /* @__PURE__ */ a("text", {
 				class: "label-text-error",
 				children: e.error
 			})
 		})
 	]
-})), A = e(({ props: e, slots: t }) => {
+})), N = e(({ props: e, slots: t }) => {
 	let n = () => {
 		let t = ["badge"];
 		return e.variant && t.push(`badge-${e.variant}`), e.size && t.push(`badge-${e.size}`), e.outline && t.push("badge-outline"), e.class && t.push(e.class), t.join(" ");
 	};
-	return () => /* @__PURE__ */ r("view", {
+	return () => /* @__PURE__ */ a("view", {
 		class: n(),
 		children: t.default?.()
 	});
-}), j = e(({ props: e, slots: t }) => {
+}), P = e(({ props: e, slots: t }) => {
 	let n = () => {
 		let t = ["alert"];
 		return e.variant && t.push(`alert-${e.variant}`), e.class && t.push(e.class), t.join(" ");
 	};
-	return () => /* @__PURE__ */ r("view", {
+	return () => /* @__PURE__ */ a("view", {
 		class: n(),
 		children: t.default?.()
 	});
-}), M = e(({ props: e }) => {
+}), F = e(({ props: e }) => {
 	let t = () => {
 		let t = ["progress"];
 		return e.color && t.push(`progress-${e.color}`), e.class && t.push(e.class), t.join(" ");
 	};
 	return () => {
-		let n = e.max ?? 100, i = Math.min(Math.max((e.value ?? 0) / n, 0), 1) * 100;
-		return /* @__PURE__ */ r("view", {
+		let n = e.max ?? 100, r = Math.min(Math.max((e.value ?? 0) / n, 0), 1) * 100;
+		return /* @__PURE__ */ a("view", {
 			class: t(),
-			children: /* @__PURE__ */ r("view", {
+			children: /* @__PURE__ */ a("view", {
 				class: "progress-bar",
-				style: { width: `${i}%` }
+				style: { width: `${r}%` }
 			})
 		});
 	};
-}), N = t(e(({ props: e, slots: t }) => () => e.open ? /* @__PURE__ */ r("view", {
+}), I = t(e(({ props: e, slots: t }) => () => e.open ? /* @__PURE__ */ a("view", {
 	class: "modal-overlay",
 	bindtap: () => {
 		e.onClose?.();
 	},
-	children: /* @__PURE__ */ r("view", {
+	children: /* @__PURE__ */ a("view", {
 		class: `modal-box${e.class ? " " + e.class : ""}`,
 		bindtap: (e) => {
 			e?.stopPropagation?.();
 		},
 		children: t.default?.()
 	})
-}) : /* @__PURE__ */ r("view", { style: { display: "none" } })), {
-	Header: e(({ props: e, slots: t }) => () => /* @__PURE__ */ r("view", {
+}) : /* @__PURE__ */ a("view", { style: { display: "none" } })), {
+	Header: e(({ props: e, slots: t }) => () => /* @__PURE__ */ a("view", {
 		class: `modal-header${e.class ? " " + e.class : ""}`,
 		children: t.default?.()
 	})),
-	Body: e(({ props: e, slots: t }) => () => /* @__PURE__ */ r("view", {
+	Body: e(({ props: e, slots: t }) => () => /* @__PURE__ */ a("view", {
 		class: `modal-body${e.class ? " " + e.class : ""}`,
 		children: t.default?.()
 	})),
-	Actions: e(({ props: e, slots: t }) => () => /* @__PURE__ */ r("view", {
+	Actions: e(({ props: e, slots: t }) => () => /* @__PURE__ */ a("view", {
 		class: `modal-action${e.class ? " " + e.class : ""}`,
 		children: t.default?.()
 	}))
-}), P = e(({ props: e }) => () => {
+}), L = e(({ props: e }) => () => {
 	let t = {};
 	if (e.width != null && (t.width = e.width), e.height != null && (t.height = e.height), e.circle) {
 		let n = e.width ?? e.height ?? 48;
 		t.width = n, t.height = n, t.borderRadius = typeof n == "number" ? n / 2 : "50%";
 	}
-	return /* @__PURE__ */ r("view", {
+	return /* @__PURE__ */ a("view", {
 		class: `skeleton${e.class ? " " + e.class : ""}`,
 		style: t
 	});
-}), F = t(e(({ props: e, slots: t }) => () => /* @__PURE__ */ r("view", {
+}), R = t(e(({ props: e, slots: t }) => () => /* @__PURE__ */ a("view", {
 	class: `steps${e.vertical ?? !1 ? " steps-vertical" : " steps-horizontal"}${e.class ? " " + e.class : ""}`,
 	children: t.default?.()
 })), { Step: e(({ props: e, slots: t }) => () => {
-	let n = e.color, a = n ? ` step-${n}` : "";
-	return /* @__PURE__ */ i("view", {
-		class: `step${a}${e.class ? " " + e.class : ""}`,
-		children: [/* @__PURE__ */ r("view", {
-			class: `step-indicator${a}`,
-			children: e.content ? /* @__PURE__ */ r("text", {
+	let n = e.color, r = n ? ` step-${n}` : "";
+	return /* @__PURE__ */ o("view", {
+		class: `step${r}${e.class ? " " + e.class : ""}`,
+		children: [/* @__PURE__ */ a("view", {
+			class: `step-indicator${r}`,
+			children: e.content ? /* @__PURE__ */ a("text", {
 				style: { fontSize: 14 },
 				children: e.content
 			}) : null
 		}), t.default?.()]
 	});
-}) }), I = t(e(({ props: e, slots: t }) => () => /* @__PURE__ */ r("view", {
+}) }), z = t(e(({ props: e, slots: t }) => () => /* @__PURE__ */ a("view", {
 	class: `tabs${e.class ? " " + e.class : ""}`,
 	children: t.default?.()
-})), { Tab: e(({ props: e, slots: t }) => () => /* @__PURE__ */ i("view", {
+})), { Tab: e(({ props: e, slots: t }) => () => /* @__PURE__ */ o("view", {
 	class: `tab${e.active ?? !1 ? " tab-active" : ""}${e.class ? " " + e.class : ""}`,
 	bindtap: () => {
 		e.onPress?.();
 	},
-	children: [t.default?.(), e.label ? /* @__PURE__ */ r("text", { children: e.label }) : null]
-})) }), L = {
+	children: [t.default?.(), e.label ? /* @__PURE__ */ a("text", { children: e.label }) : null]
+})) }), B = {
+	"base-100": "bg-base-100",
+	"base-200": "bg-base-200",
+	"base-300": "bg-base-300",
+	transparent: ""
+}, V = e(({ props: e }) => {
+	let t = c();
+	return () => {
+		let n = t.tabs, r = t.active, i = e.renderTab, o = e.position ?? "bottom";
+		return /* @__PURE__ */ a("view", {
+			"accessibility-element": !1,
+			class: [
+				"flex flex-row",
+				B[e.background ?? "base-200"],
+				e.bordered ?? !0 ? o === "bottom" ? "border-t border-base-300" : "border-b border-base-300" : ""
+			].filter(Boolean).join(" "),
+			children: n.map((e) => {
+				let n = e.name === r, o = () => t.setActive(e.name);
+				return i ? i(e, {
+					active: n,
+					onPress: o
+				}) : /* @__PURE__ */ a(H, {
+					info: e,
+					active: n,
+					onPress: o
+				});
+			})
+		});
+	};
+}), H = e(({ props: e }) => () => {
+	let t = e.info.label ?? e.info.name, n = e.info.accessibilityLabel ?? t, r = e.active ? "text-primary font-semibold" : "text-base-content opacity-60";
+	return /* @__PURE__ */ o("view", {
+		bindtap: () => e.onPress(),
+		"accessibility-element": !0,
+		"accessibility-label": n,
+		"accessibility-trait": "button",
+		"accessibility-status": e.active ? "selected" : void 0,
+		class: "flex-1 items-center justify-center py-3",
+		children: [e.info.icon ?? null, /* @__PURE__ */ a("text", {
+			class: `text-sm ${r}`,
+			children: t
+		})]
+	});
+}), U = {
+	"base-100": "bg-base-100",
+	"base-200": "bg-base-200",
+	"base-300": "bg-base-300",
+	transparent: ""
+}, W = e(({ props: e }) => {
+	let t = s();
+	return () => {
+		if (!t.headerShown) return null;
+		let n = t.header;
+		if (n) return n();
+		let r = [
+			"flex flex-row items-center px-3",
+			"h-12",
+			U[e.background ?? "base-200"],
+			e.bordered ?? !0 ? "border-b border-base-300" : ""
+		].filter(Boolean).join(" "), i = t.headerLeft?.() ?? (t.canGoBack ? e.renderBack ? e.renderBack({ pop: t.pop }) : /* @__PURE__ */ a(G, { onPress: t.pop }) : null), s = t.headerRight?.() ?? null;
+		return /* @__PURE__ */ o("view", {
+			class: r,
+			children: [
+				/* @__PURE__ */ a("view", {
+					class: "flex flex-row items-center",
+					style: { minWidth: 56 },
+					children: i
+				}),
+				/* @__PURE__ */ a("view", {
+					class: "flex-1 items-center justify-center",
+					children: /* @__PURE__ */ a("text", {
+						class: "text-base-content text-base font-semibold",
+						children: t.title
+					})
+				}),
+				/* @__PURE__ */ a("view", {
+					class: "flex flex-row items-center justify-end",
+					style: { minWidth: 56 },
+					children: s
+				})
+			]
+		});
+	};
+}), G = e(({ props: e }) => () => /* @__PURE__ */ a("view", {
+	bindtap: () => e.onPress(),
+	"accessibility-element": !0,
+	"accessibility-label": "Back",
+	"accessibility-trait": "button",
+	class: "px-2 py-2",
+	children: /* @__PURE__ */ a("text", {
+		class: "text-primary text-base",
+		children: "‹ Back"
+	})
+})), K = n(() => {
+	throw Error("[lynx-daisyui] useTheme() called outside <ThemeProvider>. Wrap your app root with `<ThemeProvider initial=\"daisy-light\">…</ThemeProvider>`.");
+}), q = e(({ props: e, slots: t }) => {
+	let n = i({ name: e.initial ?? "daisy-light" }), o = {
+		get name() {
+			return n.name;
+		},
+		set(e) {
+			n.name = e;
+		},
+		toggle() {
+			n.name === "daisy-light" ? n.name = "daisy-dark" : n.name === "daisy-dark" ? n.name = "daisy-light" : n.name = "daisy-dark";
+		}
+	};
+	return r(K, () => o), () => {
+		let r = {
+			flexGrow: 1,
+			flexShrink: 1,
+			flexBasis: 0,
+			minHeight: 0,
+			display: "flex",
+			flexDirection: "column"
+		};
+		return /* @__PURE__ */ a("view", {
+			class: `${n.name}${e.class ? " " + e.class : ""}`,
+			style: e.style ? {
+				...r,
+				...e.style
+			} : r,
+			children: t.default?.()
+		});
+	};
+}), J = {
 	xs: 24,
 	sm: 32,
 	md: 48,
 	lg: 64,
 	xl: 96
-}, R = {
+}, Y = {
 	xs: 10,
 	sm: 12,
 	md: 18,
 	lg: 24,
 	xl: 36
-}, z = e(({ props: e }) => () => {
-	let t = e.size || "md", n = L[t], i = ["avatar"];
-	e.online && i.push("online"), e.offline && i.push("offline"), e.placeholder && !e.src && i.push("placeholder"), e.class && i.push(e.class);
-	let a = e.rounded, o = a === "full" || a === !0 ? n / 2 : 8, s = {
+}, X = e(({ props: e }) => () => {
+	let t = e.size || "md", n = J[t], r = ["avatar"];
+	e.online && r.push("online"), e.offline && r.push("offline"), e.placeholder && !e.src && r.push("placeholder"), e.class && r.push(e.class);
+	let i = e.rounded, o = i === "full" || i === !0 ? n / 2 : 8, s = {
 		width: n,
 		height: n,
 		borderRadius: o,
@@ -482,11 +608,11 @@ var f = e(({ props: e, slots: t }) => {
 		justifyContent: "center",
 		display: "flex"
 	};
-	return e.src ? /* @__PURE__ */ r("view", {
-		class: i.join(" "),
-		children: /* @__PURE__ */ r("view", {
+	return e.src ? /* @__PURE__ */ a("view", {
+		class: r.join(" "),
+		children: /* @__PURE__ */ a("view", {
 			style: s,
-			children: /* @__PURE__ */ r("image", {
+			children: /* @__PURE__ */ a("image", {
 				src: e.src,
 				style: {
 					width: n,
@@ -495,18 +621,18 @@ var f = e(({ props: e, slots: t }) => {
 				}
 			})
 		})
-	}) : /* @__PURE__ */ r("view", {
-		class: i.join(" "),
-		children: /* @__PURE__ */ r("view", {
+	}) : /* @__PURE__ */ a("view", {
+		class: r.join(" "),
+		children: /* @__PURE__ */ a("view", {
 			class: "avatar-placeholder",
 			style: s,
-			children: /* @__PURE__ */ r("text", {
-				style: { fontSize: R[t] },
+			children: /* @__PURE__ */ a("text", {
+				style: { fontSize: Y[t] },
 				children: e.placeholder || "?"
 			})
 		})
 	});
-}), B = {
+}), Z = {
 	xs: "text-xs",
 	sm: "text-sm",
 	base: "text-base",
@@ -514,39 +640,39 @@ var f = e(({ props: e, slots: t }) => {
 	xl: "text-xl",
 	"2xl": "text-2xl",
 	"3xl": "text-3xl"
-}, V = {
+}, Q = {
 	light: "font-light",
 	normal: "font-normal",
 	medium: "font-medium",
 	semibold: "font-semibold",
 	bold: "font-bold"
-}, H = e(({ props: e, slots: t }) => {
+}, $ = e(({ props: e, slots: t }) => {
 	let n = () => {
 		let t = [];
-		return e.size && t.push(B[e.size]), e.weight && t.push(V[e.weight]), e.color && t.push(`text-${e.color}`), e.class && t.push(e.class), t.join(" ");
+		return e.size && t.push(Z[e.size]), e.weight && t.push(Q[e.weight]), e.color && t.push(`text-${e.color}`), e.class && t.push(e.class), t.join(" ");
 	};
-	return () => /* @__PURE__ */ r("text", {
+	return () => /* @__PURE__ */ a("text", {
 		class: n(),
 		children: t.default?.()
 	});
-}), U = {
+}), te = {
 	1: "text-3xl font-bold",
 	2: "text-2xl font-bold",
 	3: "text-xl font-semibold",
 	4: "text-lg font-semibold",
 	5: "text-base font-semibold",
 	6: "text-sm font-semibold"
-}, W = e(({ props: e, slots: t }) => {
+}, ne = e(({ props: e, slots: t }) => {
 	let n = () => {
-		let t = [U[e.level ?? 2], "text-base-content"];
+		let t = [te[e.level ?? 2], "text-base-content"];
 		return e.class && t.push(e.class), t.join(" ");
 	};
-	return () => /* @__PURE__ */ r("text", {
+	return () => /* @__PURE__ */ a("text", {
 		class: n(),
 		children: t.default?.()
 	});
 });
 //#endregion
-export { j as Alert, z as Avatar, A as Badge, c as Button, l as Card, m as Center, C as Checkbox, p as Col, _ as Divider, k as FormField, W as Heading, y as Input, a as Loading, N as Modal, M as Progress, E as Radio, f as Row, g as ScrollView, w as Select, P as Skeleton, h as Spacer, F as Steps, I as Tabs, H as Text, O as Textarea, x as Toggle };
+export { P as Alert, X as Avatar, N as Badge, f as Button, p as Card, v as Center, D as Checkbox, _ as Col, x as Divider, ee as FormField, ne as Heading, C as Input, l as Loading, I as Modal, W as NavHeader, V as NavTabBar, F as Progress, A as Radio, g as Row, b as ScrollView, O as Select, L as Skeleton, y as Spacer, R as Steps, z as Tabs, $ as Text, M as Textarea, q as ThemeProvider, T as Toggle, K as useTheme };
 
 //# sourceMappingURL=index.js.map