@sigx/lynx-daisyui 0.4.0 → 0.4.1

package/dist/index.js

@@ -1,678 +1,38 @@
-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 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__ */ a("view", { class: t() });
-}), u = {
-	primary: "btn-primary",
-	secondary: "btn-secondary",
-	accent: "btn-accent",
-	info: "btn-info",
-	success: "btn-success",
-	warning: "btn-warning",
-	error: "btn-error",
-	ghost: "btn-ghost",
-	link: "btn-link",
-	neutral: "btn-neutral"
-}, d = {
-	xs: "btn-xs",
-	sm: "btn-sm",
-	md: "",
-	lg: "btn-lg",
-	xl: "btn-xl"
-}, f = e(({ props: e, slots: t, emit: n }) => {
-	let r = () => {
-		let t = ["btn"];
-		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__ */ a("view", {
-		class: r(),
-		bindtap: () => {
-			!e.disabled && !e.loading && n("press");
-		},
-		children: e.loading ? /* @__PURE__ */ a(l, {
-			type: "spinner",
-			size: "sm"
-		}) : t.default?.()
-	});
-}), 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__ */ a("view", {
-		class: n(),
-		children: t.default?.()
-	});
-}), {
-	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__ */ a("text", {
-		class: `card-title${e.class ? " " + e.class : ""}`,
-		children: t.default?.()
-	})),
-	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 m(e, t) {
-	if (e === void 0) return {};
-	if (typeof e == "number") return {
-		[`${t}Top`]: e,
-		[`${t}Right`]: e,
-		[`${t}Bottom`]: e,
-		[`${t}Left`]: e
-	};
-	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 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.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 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 = h({
-			width: e.width,
-			height: e.height,
-			flex: e.flex,
-			background: e.background,
-			borderRadius: e.borderRadius,
-			padding: e.padding,
-			margin: e.margin
-		});
-		for (let e in n) t[e] = n[e];
-		return t;
-	};
-	return () => /* @__PURE__ */ a("view", {
-		class: e.class,
-		style: n(),
-		children: t.default?.()
-	});
-}), _ = 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 = h({
-			width: e.width,
-			height: e.height,
-			flex: e.flex,
-			background: e.background,
-			borderRadius: e.borderRadius,
-			padding: e.padding,
-			margin: e.margin
-		});
-		for (let e in n) t[e] = n[e];
-		return t;
-	};
-	return () => /* @__PURE__ */ a("view", {
-		class: e.class,
-		style: n(),
-		children: t.default?.()
-	});
-}), v = e(({ props: e, slots: t }) => {
-	let n = () => {
-		let t = {
-			display: "flex",
-			justifyContent: "center",
-			alignItems: "center"
-		}, n = h({
-			width: e.width,
-			height: e.height,
-			flex: e.flex,
-			background: e.background,
-			borderRadius: e.borderRadius
-		});
-		for (let e in n) t[e] = n[e];
-		return t;
-	};
-	return () => /* @__PURE__ */ a("view", {
-		class: e.class,
-		style: n(),
-		children: t.default?.()
-	});
-}), y = e(({ props: e }) => {
-	let t = () => e.size === void 0 ? { flex: 1 } : {
-		width: e.size,
-		height: e.size
-	};
-	return () => /* @__PURE__ */ a("view", {
-		class: e.class,
-		style: 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 r = e.direction ?? "vertical";
-		return /* @__PURE__ */ a("scroll-view", {
-			class: e.class,
-			style: n(),
-			"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?.()
-		});
-	};
-}), x = e(({ props: e }) => {
-	let t = () => {
-		let t = [e.vertical ? "divider-vertical" : "divider"];
-		return e.class && t.push(e.class), t.join(" ");
-	}, n = () => {
-		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__ */ a("view", {
-		class: t(),
-		style: n()
-	});
-}), S = {
-	xs: "input-xs",
-	sm: "input-sm",
-	md: "",
-	lg: "input-lg"
-}, 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 = S[e.size];
-			n && t.push(n);
-		}
-		return e.class && t.push(e.class), t.join(" ");
-	};
-	return () => /* @__PURE__ */ a("input", {
-		class: t(),
-		placeholder: e.placeholder,
-		type: e.type ?? "text",
-		disabled: e.disabled,
-		model: e.model
-	});
-}), w = {
-	xs: 10,
-	sm: 16,
-	md: 20,
-	lg: 24
-}, 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 r = !!e.checked, i = e.size ?? "md", o = r ? w[i] : 0;
-		return /* @__PURE__ */ a("view", {
-			class: n(),
-			bindtap: () => {
-				e.disabled || t("change", !r);
-			},
-			children: /* @__PURE__ */ a("view", {
-				class: "toggle-thumb",
-				style: { transform: `translateX(${o}px)` }
-			})
-		});
-	};
-}), E = {
-	xs: 10,
-	sm: 12,
-	md: 14,
-	lg: 19
-}, 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 r = !!e.checked, i = e.size ?? "md";
-		return /* @__PURE__ */ a("view", {
-			class: n(),
-			bindtap: () => {
-				e.disabled || t("change", !r);
-			},
-			children: r ? /* @__PURE__ */ a("text", {
-				class: "checkbox-mark",
-				style: { fontSize: E[i] },
-				children: "✓"
-			}) : null
-		});
-	};
-}), 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__ */ o("view", {
-		style: {
-			position: "relative",
-			opacity: e.disabled ? .5 : 1
-		},
-		children: [/* @__PURE__ */ o("view", {
-			class: r(),
-			bindtap: () => {
-				e.disabled || (n.open = !n.open);
-			},
-			children: [/* @__PURE__ */ a("text", { children: s() }), /* @__PURE__ */ a("view", {
-				style: { marginLeft: "auto" },
-				children: /* @__PURE__ */ a("text", { children: n.open ? "▲" : "▼" })
-			})]
-		}), n.open && !e.disabled && /* @__PURE__ */ a("view", {
-			class: "select-dropdown",
-			style: {
-				position: "absolute",
-				top: "100%",
-				left: 0,
-				right: 0,
-				zIndex: 10
-			},
-			children: (e.options ?? []).map((r) => /* @__PURE__ */ a("view", {
-				class: `select-option${r.value === e.value ? " select-option-active" : ""}`,
-				bindtap: () => {
-					t("change", r.value), n.open = !1;
-				},
-				children: /* @__PURE__ */ a("text", { children: r.label })
-			}))
-		})]
-	});
-}), 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__ */ o("view", {
-		style: {
-			flexDirection: "row",
-			alignItems: "center",
-			gap: 8,
-			opacity: e.disabled ? .5 : 1
-		},
-		bindtap: () => {
-			!e.disabled && e.value != null && t("select", e.value);
-		},
-		children: [/* @__PURE__ */ a("view", {
-			class: n(),
-			children: e.checked && /* @__PURE__ */ a("view", { class: "radio-mark" })
-		}), e.label && /* @__PURE__ */ a("text", { children: e.label })]
-	});
-}), A = t(e(({ props: e, slots: t }) => () => /* @__PURE__ */ a("view", {
-	class: e.class ?? "",
-	style: { gap: 8 },
-	children: t.default?.()
-})), { Item: k }), j = {
-	xs: "textarea-xs",
-	sm: "textarea-sm",
-	md: "",
-	lg: "textarea-lg"
-}, 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 = j[e.size];
-			n && t.push(n);
-		}
-		return e.class && t.push(e.class), t.join(" ");
-	}, n = () => (e.rows ?? 3) * 20 + 16;
-	return () => /* @__PURE__ */ a("textarea", {
-		class: t(),
-		placeholder: e.placeholder,
-		disabled: e.disabled,
-		model: e.model,
-		style: { height: n() }
-	});
-}), ee = e(({ props: e, slots: t }) => () => /* @__PURE__ */ o("view", {
-	class: ["form-control", e.class].filter(Boolean).join(" "),
-	style: { gap: 4 },
-	children: [
-		e.label && /* @__PURE__ */ a("view", {
-			class: "label",
-			children: /* @__PURE__ */ a("text", {
-				class: "label-text",
-				children: e.required ? `${e.label} *` : e.label
-			})
-		}),
-		t.default?.(),
-		e.error && /* @__PURE__ */ a("view", {
-			class: "label",
-			children: /* @__PURE__ */ a("text", {
-				class: "label-text-error",
-				children: e.error
-			})
-		})
-	]
-})), 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__ */ a("view", {
-		class: n(),
-		children: t.default?.()
-	});
-}), 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__ */ a("view", {
-		class: n(),
-		children: t.default?.()
-	});
-}), 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, r = Math.min(Math.max((e.value ?? 0) / n, 0), 1) * 100;
-		return /* @__PURE__ */ a("view", {
-			class: t(),
-			children: /* @__PURE__ */ a("view", {
-				class: "progress-bar",
-				style: { width: `${r}%` }
-			})
-		});
-	};
-}), I = t(e(({ props: e, slots: t }) => () => e.open ? /* @__PURE__ */ a("view", {
-	class: "modal-overlay",
-	bindtap: () => {
-		e.onClose?.();
-	},
-	children: /* @__PURE__ */ a("view", {
-		class: `modal-box${e.class ? " " + e.class : ""}`,
-		bindtap: (e) => {
-			e?.stopPropagation?.();
-		},
-		children: t.default?.()
-	})
-}) : /* @__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__ */ a("view", {
-		class: `modal-body${e.class ? " " + e.class : ""}`,
-		children: t.default?.()
-	})),
-	Actions: e(({ props: e, slots: t }) => () => /* @__PURE__ */ a("view", {
-		class: `modal-action${e.class ? " " + e.class : ""}`,
-		children: t.default?.()
-	}))
-}), 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__ */ a("view", {
-		class: `skeleton${e.class ? " " + e.class : ""}`,
-		style: t
-	});
-}), 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, 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?.()]
-	});
-}) }), 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__ */ o("view", {
-	class: `tab${e.active ?? !1 ? " tab-active" : ""}${e.class ? " " + e.class : ""}`,
-	bindtap: () => {
-		e.onPress?.();
-	},
-	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
-}, Y = {
-	xs: 10,
-	sm: 12,
-	md: 18,
-	lg: 24,
-	xl: 36
-}, 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,
-		overflow: "hidden",
-		alignItems: "center",
-		justifyContent: "center",
-		display: "flex"
-	};
-	return e.src ? /* @__PURE__ */ a("view", {
-		class: r.join(" "),
-		children: /* @__PURE__ */ a("view", {
-			style: s,
-			children: /* @__PURE__ */ a("image", {
-				src: e.src,
-				style: {
-					width: n,
-					height: n,
-					borderRadius: o
-				}
-			})
-		})
-	}) : /* @__PURE__ */ a("view", {
-		class: r.join(" "),
-		children: /* @__PURE__ */ a("view", {
-			class: "avatar-placeholder",
-			style: s,
-			children: /* @__PURE__ */ a("text", {
-				style: { fontSize: Y[t] },
-				children: e.placeholder || "?"
-			})
-		})
-	});
-}), Z = {
-	xs: "text-xs",
-	sm: "text-sm",
-	base: "text-base",
-	lg: "text-lg",
-	xl: "text-xl",
-	"2xl": "text-2xl",
-	"3xl": "text-3xl"
-}, Q = {
-	light: "font-light",
-	normal: "font-normal",
-	medium: "font-medium",
-	semibold: "font-semibold",
-	bold: "font-bold"
-}, $ = e(({ props: e, slots: t }) => {
-	let n = () => {
-		let t = [];
-		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__ */ a("text", {
-		class: n(),
-		children: t.default?.()
-	});
-}), 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"
-}, ne = e(({ props: e, slots: t }) => {
-	let n = () => {
-		let t = [te[e.level ?? 2], "text-base-content"];
-		return e.class && t.push(e.class), t.join(" ");
-	};
-	return () => /* @__PURE__ */ a("text", {
-		class: n(),
-		children: t.default?.()
-	});
-});
-//#endregion
-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
+// Buttons
+export { Button } from './buttons/Button.js';
+// Layout
+export { Card } from './layout/Card.js';
+export { Row } from './layout/Row.js';
+export { Col } from './layout/Col.js';
+export { Center } from './layout/Center.js';
+export { Spacer } from './layout/Spacer.js';
+export { ScrollView } from './layout/ScrollView.js';
+export { Divider } from './layout/Divider.js';
+export { resolveDaisyColor } from './shared/styles.js';
+// Forms
+export { Input } from './forms/Input.js';
+export { Toggle } from './forms/Toggle.js';
+export { Checkbox } from './forms/Checkbox.js';
+export { Select } from './forms/Select.js';
+export { Radio } from './forms/Radio.js';
+export { Textarea } from './forms/Textarea.js';
+export { FormField } from './forms/FormField.js';
+// Feedback
+export { Badge } from './feedback/Badge.js';
+export { Alert } from './feedback/Alert.js';
+export { Loading } from './feedback/Loading.js';
+export { Progress } from './feedback/Progress.js';
+export { Modal } from './feedback/Modal.js';
+export { Skeleton } from './feedback/Skeleton.js';
+export { Steps } from './feedback/Steps.js';
+// Navigation
+export { Tabs } from './navigation/Tabs.js';
+export { NavTabBar } from './navigation/NavTabBar.js';
+export { NavHeader } from './navigation/NavHeader.js';
+// Theme
+export { ThemeProvider, useTheme } from './theme/ThemeProvider.js';
+// Data
+export { Avatar } from './data/Avatar.js';
+// Typography
+export { Text } from './typography/Text.js';
+export { Heading } from './typography/Heading.js';