dawn-ui-react 1.0.0-alpha

package/dist/field-description-BDRJXMS8.js

@@ -0,0 +1,12 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { t } from "./cn-CXogf8HW.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/field/field-description.tsx
+var r = /* @__PURE__ */ e({ FieldDescription: () => i }), i = ({ className: e, children: r, ref: i, ...a }) => /* @__PURE__ */ n("p", {
+	className: t("style-text-prose--1 text-on-surface-variant", e),
+	ref: i,
+	...a,
+	children: r
+});
+//#endregion
+export { r as n, i as t };

package/dist/field-errors-BDUanNiE.js

@@ -0,0 +1,19 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { i as t } from "./form-context-CzC_p5DL.js";
+import { t as n } from "./cn-CXogf8HW.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/field/field-errors.tsx
+var o = /* @__PURE__ */ e({ FieldErrors: () => s }), s = ({ className: e, children: o, ref: s, ...c }) => {
+	let l = t();
+	return l.state.meta.errors.length === 0 && !o ? null : /* @__PURE__ */ i(r, { children: l.state.meta.errors.length > 0 && /* @__PURE__ */ a("ul", {
+		className: n("space-y-3xs", e),
+		ref: s,
+		...c,
+		children: [l.state.meta.errors.map((e) => /* @__PURE__ */ i("li", {
+			className: "flex items-center gap-2xs style-text-strong--1 text-error-default",
+			children: e.message
+		}, e.message)), o]
+	}) });
+};
+//#endregion
+export { o as n, s as t };

package/dist/field-input-0WxX-93A.js

@@ -0,0 +1,58 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { i as t } from "./form-context-CzC_p5DL.js";
+import { t as n } from "./cn-CXogf8HW.js";
+import { t as r } from "./Input-Br91lfPH.js";
+import { t as i } from "./input.types-Dl_61f0y.js";
+import { useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/input/input.tsx
+var l = ({ variant: e, size: t, className: l, ref: u, ...d }) => {
+	let f = a(null), [p, m] = o(d.defaultValue || "#000000");
+	return d.type === "color" ? /* @__PURE__ */ c("button", {
+		"aria-label": "Open color picker",
+		className: "relative h-xl w-[calc(var(--spacing-3xl)+5rem)] items-center rounded-xl pl-xs transition-all peer-focus:outline-brand-default hover:cursor-pointer",
+		onClick: () => f.current?.click(),
+		type: "button",
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: n("absolute top-1/2 left-[0px] aspect-square h-full -translate-y-1/2 rounded-l-xl"),
+				style: { backgroundColor: p }
+			}),
+			/* @__PURE__ */ s(r, {
+				className: "peer pointer-events-none invisible absolute top-lg",
+				defaultValue: p,
+				onChange: (e) => m(e.currentTarget.value),
+				ref: f,
+				type: "color",
+				value: p,
+				...d
+			}),
+			/* @__PURE__ */ s("p", {
+				className: "pl-xl text-left style-text-default-0",
+				children: p
+			})
+		]
+	}) : /* @__PURE__ */ s(r, {
+		className: n(i({
+			variant: e,
+			size: t
+		}), l),
+		ref: u,
+		...d
+	});
+}, u = /* @__PURE__ */ e({ FieldInput: () => d }), d = ({ className: e, children: r, ref: i, ...a }) => {
+	let o = t();
+	return /* @__PURE__ */ s(l, {
+		"aria-invalid": o.state.meta.isTouched && o.state.meta.errors.length > 0 && !o.state.meta.isValid,
+		className: n("", e),
+		id: o.name,
+		name: o.name,
+		onChange: (e) => o.handleChange(e.target.value),
+		ref: i,
+		value: o.state.value,
+		...a,
+		children: r
+	});
+};
+//#endregion
+export { u as n, l as r, d as t };

package/dist/field-input-group-Dcwadst3.js

@@ -0,0 +1,18 @@
+import { i as e } from "./form-context-CzC_p5DL.js";
+import { t } from "./cn-CXogf8HW.js";
+import { t as n } from "./input-group-D3zocoNy.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/field/field-input-group.tsx
+var i = ({ className: i, children: a, ref: o, ...s }) => {
+	let c = e();
+	return /* @__PURE__ */ r(n, {
+		"aria-invalid": c.state.meta.isTouched && c.state.meta.errors.length > 0 && !c.state.meta.isValid,
+		className: t("", i),
+		id: c.name,
+		ref: o,
+		...s,
+		children: a
+	});
+};
+//#endregion
+export { i as FieldInputGroup };

package/dist/field-input-group-input-CLQz2SPo.js

@@ -0,0 +1,20 @@
+import { i as e } from "./form-context-CzC_p5DL.js";
+import { t } from "./cn-CXogf8HW.js";
+import { t as n } from "./input-group-input-CHby62R-.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/field/field-input-group-input.tsx
+var i = ({ className: i, ref: a, ...o }) => {
+	let s = e();
+	return /* @__PURE__ */ r(n, {
+		"aria-invalid": s.state.meta.isTouched && s.state.meta.errors.length > 0 && !s.state.meta.isValid,
+		className: t("", i),
+		id: s.name,
+		name: s.name,
+		onChange: (e) => s.handleChange(e.target.value),
+		ref: a,
+		value: s.state.value,
+		...o
+	});
+};
+//#endregion
+export { i as FieldInputGroupInput };

package/dist/field-label-DwF_1o76.js

@@ -0,0 +1,16 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { i as t } from "./form-context-CzC_p5DL.js";
+import { t as n } from "./cn-CXogf8HW.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/field/field-label.tsx
+var i = /* @__PURE__ */ e({ FieldLabel: () => a }), a = ({ className: e, children: i, ref: a, ...o }) => {
+	let s = t(), c = s.name.replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase());
+	return /* @__PURE__ */ r("div", {
+		className: n("style-text-default-0", e, s.state.meta.errors.length > 0 && "text-error-default"),
+		ref: a,
+		...o,
+		children: i || c
+	});
+};
+//#endregion
+export { i as n, a as t };