themelia-ui 3.0.0 → 3.2.0

package/dist/forms-CPrGGif_.js

@@ -1,242 +0,0 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { o as t } from "./typography-BkxEiwQ1.js";
-import { _ as n, g as r, h as i, v as a } from "./feedback-DRerHGuV.js";
-import { c as o } from "./buttons-CqXKWty3.js";
-import { i as s } from "./cards-C6Ulbkw7.js";
-import { CheckIcon as c, Loader2Icon as l } from "lucide-react";
-import * as u from "react";
-import { useEffect as d, useId as f, useRef as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-var g = {
-	field: "forms__field___CS1SW",
-	label: "forms__label___7tlbb",
-	required: "forms__required___vJSC3",
-	fieldHorizontal: "forms__fieldHorizontal___3ZdRI",
-	fieldHorizontalBody: "forms__fieldHorizontalBody___ErAT_",
-	group: "forms__group___JNMtG",
-	groupLegend: "forms__groupLegend___9b2_z",
-	section: "forms__section___QDpS4",
-	actionsBar: "forms__actionsBar___OkDbb",
-	actionsBarSticky: "forms__actionsBarSticky___S55H3",
-	actionsRow: "forms__actionsRow___zvQ1p",
-	actionsLayout: "forms__actionsLayout___IMw2A",
-	actionsLeading: "forms__actionsLeading___ZQlt4",
-	actionsTrailing: "forms__actionsTrailing___jFm6X",
-	summaryList: "forms__summaryList___ZCsB4",
-	errorSummary: "forms__errorSummary___HJrIg",
-	submitSpinner: "forms__submitSpinner___m_b6H"
-};
-//#endregion
-//#region src/components/base/forms/form-field.tsx
-function _({ label: n, required: r = !1, hint: i, helperText: a, error: o, orientation: s = "vertical", htmlFor: c, className: l, children: d, ...f }) {
-	let p = u.useId(), _ = typeof d == "function", v = _ ? [] : u.Children.toArray(d), y = !_ && u.isValidElement(d) ? -1 : v.findIndex((e) => u.isValidElement(e)), b = !_ && u.isValidElement(d) ? d : y === -1 ? null : v[y], x = c === !1, S = x ? void 0 : c ?? b?.props.id ?? `${p}-control`, C = `${p}-support`, w = `${p}-label`, T = o != null && o !== !1 && o !== "", E = (T ? o : void 0) ?? a ?? i, D = {
-		id: S,
-		"aria-labelledby": n ? w : void 0,
-		"aria-invalid": T || void 0,
-		"aria-describedby": E ? C : void 0,
-		"aria-required": r || void 0
-	}, O = (e) => u.cloneElement(e, {
-		id: D.id ?? e.props.id,
-		"aria-labelledby": e.props["aria-labelledby"] ?? (e.props["aria-label"] === void 0 ? D["aria-labelledby"] : void 0),
-		"aria-invalid": e.props["aria-invalid"] ?? D["aria-invalid"],
-		"aria-describedby": e.props["aria-describedby"] ?? D["aria-describedby"],
-		"aria-required": e.props["aria-required"] ?? D["aria-required"]
-	}), k = _ ? d(D) : u.isValidElement(d) ? O(d) : y === -1 ? d : v.map((e, t) => t === y ? O(e) : e), A = x && E ? C : void 0, j = !!E && /* @__PURE__ */ m(t, {
-		id: C,
-		size: "xs",
-		type: T ? "error" : "secondary",
-		role: T ? "status" : void 0,
-		children: E
-	}), M = !!n && /* @__PURE__ */ h("label", {
-		id: w,
-		htmlFor: S,
-		className: e("form-field--label", g.label),
-		children: [n, !!r && /* @__PURE__ */ m("span", {
-			className: g.required,
-			"aria-hidden": !0,
-			children: "*"
-		})]
-	});
-	return s === "horizontal" ? /* @__PURE__ */ h("div", {
-		"data-slot": "form-field",
-		"data-orientation": "horizontal",
-		role: x ? "group" : void 0,
-		"aria-labelledby": x ? w : void 0,
-		"aria-describedby": A,
-		className: e("form-field--component", g.field, g.fieldHorizontal, l),
-		...f,
-		children: [M, /* @__PURE__ */ h("div", {
-			className: g.fieldHorizontalBody,
-			children: [k, j]
-		})]
-	}) : /* @__PURE__ */ h("div", {
-		"data-slot": "form-field",
-		"data-orientation": "vertical",
-		role: x ? "group" : void 0,
-		"aria-labelledby": x ? w : void 0,
-		"aria-describedby": A,
-		className: e("form-field--component", g.field, l),
-		...f,
-		children: [
-			M,
-			k,
-			j
-		]
-	});
-}
-//#endregion
-//#region src/components/base/forms/field-group.tsx
-function v({ legend: n, description: r, className: i, children: a, ...o }) {
-	let s = u.useId();
-	return /* @__PURE__ */ h("fieldset", {
-		"data-slot": "field-group",
-		"aria-describedby": r ? s : void 0,
-		className: e("field-group--component", g.group, i),
-		...o,
-		children: [
-			!!n && /* @__PURE__ */ m("legend", {
-				className: g.groupLegend,
-				children: /* @__PURE__ */ m(t, {
-					tag: "span",
-					weight: "medium",
-					children: n
-				})
-			}),
-			!!r && /* @__PURE__ */ m(t, {
-				id: s,
-				type: "secondary",
-				size: "xs",
-				children: r
-			}),
-			a
-		]
-	});
-}
-//#endregion
-//#region src/components/base/forms/workflow.strings.ts
-var y = { title: (e) => e === 1 ? "1 problem to fix" : `${e} problems to fix` }, b = {
-	title: "You have unsaved changes",
-	description: "Leaving this page will discard them."
-}, x = {
-	idle: "Save",
-	submitting: "Saving…",
-	succeeded: "Saved"
-};
-//#endregion
-//#region src/components/base/forms/workflow.tsx
-function S(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function C({ title: t, description: n, actions: r, children: i, footer: a, surface: o = "bordered", className: c }) {
-	return /* @__PURE__ */ m(s, {
-		surface: o,
-		title: t,
-		description: n,
-		headerEnd: r,
-		footerSlot: a,
-		className: e("form-section--component", c),
-		children: /* @__PURE__ */ m("div", {
-			className: g.section,
-			children: i
-		})
-	});
-}
-function w({ children: n, leading: r, trailing: i, sticky: a = !1, className: o }) {
-	let s = i ?? n;
-	return /* @__PURE__ */ m("div", {
-		className: e("form-actions-bar--component", g.actionsBar, a && g.actionsBarSticky, o),
-		children: /* @__PURE__ */ m("div", {
-			"data-slot": "form-actions-bar",
-			className: g.actionsRow,
-			children: /* @__PURE__ */ h("div", {
-				className: g.actionsLayout,
-				children: [r != null && /* @__PURE__ */ m("div", {
-					className: g.actionsLeading,
-					children: S(r) ? /* @__PURE__ */ m(t, {
-						tag: "span",
-						size: "xs",
-						type: "secondary",
-						children: r
-					}) : r
-				}), s != null && /* @__PURE__ */ m("div", {
-					className: g.actionsTrailing,
-					children: s
-				})]
-			})
-		})
-	});
-}
-function T({ title: t, description: o, errors: s = [], action: c, autoFocus: l = !1, strings: u, className: _ }) {
-	let v = {
-		...y,
-		...u
-	}, b = p(null), x = f(), S = s.length;
-	return d(() => {
-		l && S > 0 && b.current?.focus();
-	}, [l, S]), S === 0 && !t && !o ? null : /* @__PURE__ */ h(i, {
-		ref: b,
-		tone: "destructive",
-		tabIndex: -1,
-		"aria-labelledby": x,
-		className: e("error-summary--component", g.errorSummary, _),
-		children: [
-			/* @__PURE__ */ m(a, {
-				id: x,
-				children: t ?? v.title(S)
-			}),
-			!!o && /* @__PURE__ */ m(n, { children: o }),
-			s.length > 0 && /* @__PURE__ */ m("ul", {
-				className: g.summaryList,
-				children: s.map((e, t) => /* @__PURE__ */ m("li", { children: e }, t))
-			}),
-			!!c && /* @__PURE__ */ m(r, { children: c })
-		]
-	});
-}
-function E({ title: t, description: o, actions: s, tone: c = "warning", strings: l, className: u }) {
-	let d = {
-		...b,
-		...l
-	};
-	return /* @__PURE__ */ h(i, {
-		tone: c,
-		className: e("dirty-state-banner--component", u),
-		children: [
-			/* @__PURE__ */ m(a, { children: t ?? d.title }),
-			/* @__PURE__ */ m(n, { children: o ?? d.description }),
-			!!s && /* @__PURE__ */ m(r, { children: s })
-		]
-	});
-}
-function D({ state: t = "idle", strings: n, disabled: r, onClick: i, className: a, ...s }) {
-	let u = {
-		...x,
-		...n
-	}, d = t === "submitting";
-	return /* @__PURE__ */ h(o, {
-		type: "submit",
-		disabled: r,
-		"aria-disabled": d || void 0,
-		"aria-busy": d || void 0,
-		"data-submit-state": t,
-		className: e("submit-state-button--component", a),
-		onClick: (e) => {
-			if (d) {
-				e.preventDefault();
-				return;
-			}
-			i?.(e);
-		},
-		...s,
-		children: [
-			d && /* @__PURE__ */ m(l, {
-				"aria-hidden": !0,
-				className: g.submitSpinner
-			}),
-			t === "succeeded" && /* @__PURE__ */ m(c, { "aria-hidden": !0 }),
-			u[t]
-		]
-	});
-}
-//#endregion
-export { D as a, x as c, C as i, v as l, T as n, b as o, w as r, y as s, E as t, _ as u };