@logicplanes/kaeso-ui 0.1.0

package/dist/chunks/dialog-CVqSVk3T.js

@@ -0,0 +1,283 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { r as t } from "./portal-context-BBbzDKmY.js";
+import { t as n } from "./inset-BLMdxX4I.js";
+import { i as r } from "./context-BELWW79w.js";
+import { i, n as a } from "./button-BHKAE6ui.js";
+import { t as o } from "./icon-button-Bw67oKtx.js";
+import { t as s } from "./input-Biakz6GB.js";
+import { t as c } from "./restore-focus-Cap1Q-R3.js";
+import { forwardRef as l, useEffect as u, useLayoutEffect as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { ArrowLeft01Icon as _, Cancel01Icon as v } from "@hugeicons/core-free-icons";
+import { Dialog as y } from "@base-ui/react/dialog";
+import { AlertDialog as b } from "@base-ui/react/alert-dialog";
+//#region src/components/dialog/focus.ts
+var x = "input:not([type=hidden]):not([tabindex=\"-1\"]):not([aria-hidden=\"true\"]), textarea, select, [role=combobox]:not([tabindex=\"-1\"]), [role=radio][tabindex=\"0\"], [role=checkbox]:not([tabindex=\"-1\"]), [role=switch]:not([tabindex=\"-1\"]), [role=listbox]:not([tabindex=\"-1\"]), [role=grid] [data-index][tabindex=\"0\"]", S = "a[href], button, input:not([type=hidden]), select, textarea, [tabindex]:not([tabindex=\"-1\"])", C = (e) => !e.closest("[hidden], [inert]") && !e.matches(":disabled, [aria-disabled=true]"), w = (e, t) => [...e.querySelectorAll(t)].find(C) ?? null;
+function T(e, t) {
+	let n = t ?? e.querySelector("[data-dialog-body]"), r = e.querySelector("[data-dialog-footer]"), a = r ? [...r.querySelectorAll("button, a[href]")].filter(C) : [], { primary: o, danger: s, "danger-secondary": c } = i.variant, l = a.filter((e) => !e.classList.contains(s.classes) && !e.classList.contains(c.classes));
+	return (n && (w(n, "[data-autofocus]") ?? w(n, x))) ?? l.find((e) => e.classList.contains(o.classes)) ?? l[0] ?? (n && w(n, S)) ?? w(e, S);
+}
+function E(e, t) {
+	let n = e?.closest("[data-dialog-frame]");
+	e && n && !n.closest("[data-closed]") && ((t?.isConnected && n.contains(t) && C(t) ? t : null) ?? T(n, e))?.focus({ preventScroll: !0 });
+}
+//#endregion
+//#region src/components/dialog/dialog.tsx
+var D = { size: {
+	sm: { classes: "w-440" },
+	md: { classes: "w-560" },
+	lg: { classes: "w-720" }
+} }, O = { size: "md" }, k = "fixed inset-0 z-50 bg-overlay backdrop-motion", A = "fixed inset-0 z-50 flex items-center justify-center p-16", j = "relative flex dialog-limits flex-col overflow-hidden rounded-dialog bg-raised text-fg shadow-dialog outline-none dialog-motion";
+function M() {
+	let e = f(null), [t, n] = p(!1);
+	return u(() => {
+		let t = e.current;
+		if (!t) return;
+		let r = () => n(t.scrollHeight - t.scrollTop - t.clientHeight > 1);
+		r(), t.addEventListener("scroll", r, { passive: !0 });
+		let i = typeof ResizeObserver < "u" ? new ResizeObserver(r) : null, a = () => {
+			for (let e of t.children) i?.observe(e);
+		};
+		i?.observe(t), a();
+		let o = new MutationObserver(() => {
+			a(), r();
+		});
+		return o.observe(t, { childList: !0 }), () => {
+			t.removeEventListener("scroll", r), i?.disconnect(), o.disconnect();
+		};
+	}, []), {
+		ref: e,
+		under: t
+	};
+}
+function N({ title: t, description: n, children: i, footer: a, onSubmit: s, hideClose: c, headerStart: l, size: u = "md", className: d, inline: f }) {
+	let { ref: p, under: _ } = M(), b = r(), x = f ? "h2" : y.Title, S = /* @__PURE__ */ h(o, {
+		icon: v,
+		"aria-label": b("dialog.close", "Close"),
+		tooltip: !1
+	}), C = c ? null : f ? S : /* @__PURE__ */ h(y.Close, { render: S }), w = f ? "p" : y.Description;
+	return /* @__PURE__ */ g("div", {
+		"data-dialog-frame": "",
+		className: e("flex min-h-0 flex-col", f && "rounded-dialog bg-raised shadow-dialog", f && D.size[u].classes, d),
+		onKeyDown: (e) => {
+			s && e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), s());
+		},
+		children: [
+			l === void 0 ? /* @__PURE__ */ g("div", {
+				className: "flex items-start gap-12 px-24 pt-20 pb-4",
+				children: [/* @__PURE__ */ g("div", {
+					className: "flex min-w-0 flex-1 flex-col gap-4 pt-4",
+					children: [/* @__PURE__ */ h(x, {
+						className: "text-title-sm font-semibold text-fg text-balance",
+						children: t
+					}), n && /* @__PURE__ */ h(w, {
+						className: "text-body text-fg-secondary text-pretty",
+						children: n
+					})]
+				}), C && /* @__PURE__ */ h("span", {
+					className: "-mr-8 flex",
+					children: C
+				})]
+			}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", {
+				className: "flex h-32 items-center justify-between px-16 pt-16 box-content",
+				children: [/* @__PURE__ */ h("span", {
+					className: "flex items-center",
+					children: l
+				}), C]
+			}), /* @__PURE__ */ g("div", {
+				className: "flex flex-col gap-4 px-24 pt-8 pb-4",
+				children: [/* @__PURE__ */ h(x, {
+					className: "text-title-sm font-semibold text-fg text-balance",
+					children: t
+				}), n && /* @__PURE__ */ h(w, {
+					className: "text-body text-fg-secondary text-pretty",
+					children: n
+				})]
+			})] }),
+			i && /* @__PURE__ */ h("div", {
+				ref: p,
+				"data-dialog-body": "",
+				className: e("min-h-0 flex-1 overflow-y-auto px-24 pt-16 scrollbar-quiet", a ? "pb-8" : "pb-24"),
+				children: i
+			}),
+			a && /* @__PURE__ */ h("div", {
+				"data-dialog-footer": "",
+				className: e("flex shrink-0 flex-wrap items-center justify-end gap-8 px-24 pt-16 pb-20 transition-control", _ && "hairline-t"),
+				children: a
+			})
+		]
+	});
+}
+function P() {
+	let e = [...document.querySelectorAll("[role=dialog], [role=alertdialog]")].pop(), t = e?.querySelector("[data-dialog-frame]");
+	return (t && T(t)) ?? e ?? !0;
+}
+var F = /* @__PURE__ */ l(function(r, i) {
+	let { open: a, defaultOpen: o, onOpenChange: s, trigger: l, size: u = "md", inline: d } = r, f = c(a, P), p = t();
+	return d ? /* @__PURE__ */ h(N, { ...r }) : /* @__PURE__ */ g(y.Root, {
+		...a === void 0 ? {} : { open: a },
+		...o === void 0 ? {} : { defaultOpen: o },
+		...s ? { onOpenChange: (e) => s(e) } : {},
+		children: [l && /* @__PURE__ */ h(y.Trigger, { render: l }), /* @__PURE__ */ g(y.Portal, {
+			container: p,
+			children: [/* @__PURE__ */ h(y.Backdrop, { className: k }), /* @__PURE__ */ h(y.Viewport, {
+				className: A,
+				children: /* @__PURE__ */ h(y.Popup, {
+					ref: i,
+					initialFocus: f.initialFocus,
+					finalFocus: f.finalFocus,
+					className: e(j, D.size[u].classes),
+					children: /* @__PURE__ */ h(n, {
+						inset: !1,
+						children: /* @__PURE__ */ h(N, { ...r })
+					})
+				})
+			})]
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (F.displayName = "Dialog");
+function I({ children: e }) {
+	return /* @__PURE__ */ h(y.Close, { render: e });
+}
+process.env.NODE_ENV !== "production" && (I.displayName = "Dialog.Close");
+var L = /* @__PURE__ */ Object.assign(F, { Close: I }), R = { tone: {
+	danger: { classes: "bg-danger-tint text-danger-text" },
+	warning: { classes: "bg-warning-tint text-warning-text" },
+	info: { classes: "bg-info-tint text-info-text" }
+} }, z = { tone: "danger" };
+function B({ title: t, description: n, confirmLabel: i, cancelLabel: o, onConfirm: c, tone: l = "danger", confirmText: u, loading: d, inline: m, close: _ }) {
+	let [v, y] = p(""), [x, S] = p(!1), C = f(!1), w = r(), T = o ?? w("alertDialog.cancel", "Cancel"), [E, D = ""] = w("alertDialog.typeToConfirm", "Type {text} to confirm").split("{text}"), O = m ? "h2" : b.Title, k = m ? "p" : b.Description, A = !u || v === u, j = async () => {
+		if (!A || d || C.current) return;
+		let e = c();
+		if (!(e instanceof Promise)) return _();
+		C.current = !0, S(!0);
+		let t = await e.then(() => !0, () => !1);
+		C.current = !1, S(!1), t && _();
+	};
+	return /* @__PURE__ */ g("div", {
+		className: e("flex flex-col gap-20 p-24", m && "w-440 rounded-dialog bg-raised shadow-dialog"),
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "flex flex-col gap-6",
+				children: [/* @__PURE__ */ h(O, {
+					className: "text-title-sm font-semibold text-fg text-balance",
+					children: t
+				}), /* @__PURE__ */ h(k, {
+					className: "text-body text-fg-secondary text-pretty",
+					children: n
+				})]
+			}),
+			u && /* @__PURE__ */ h(s, {
+				label: /* @__PURE__ */ g("span", {
+					className: "font-regular text-fg-secondary",
+					children: [
+						E,
+						/* @__PURE__ */ h("span", {
+							className: "mono font-medium text-fg",
+							children: u
+						}),
+						D
+					]
+				}),
+				value: v,
+				onChange: (e) => y(e.target.value),
+				autoComplete: "off",
+				spellCheck: !1,
+				onKeyDown: (e) => e.key === "Enter" && j()
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "flex flex-wrap justify-end gap-8",
+				children: [m ? /* @__PURE__ */ h(a, { children: T }) : /* @__PURE__ */ h(b.Close, { render: /* @__PURE__ */ h(a, { children: T }) }), /* @__PURE__ */ h(a, {
+					variant: l === "danger" ? "danger" : "primary",
+					onClick: j,
+					disabled: !A,
+					loading: x || d,
+					children: i
+				})]
+			})
+		]
+	});
+}
+function V(r) {
+	let { open: i, defaultOpen: a, onOpenChange: o, trigger: s, inline: l } = r, [u, d] = p(a ?? !1), f = i ?? u, m = (e) => {
+		i === void 0 && d(e), o?.(e);
+	}, _ = c(f), v = t();
+	return l ? /* @__PURE__ */ h(B, {
+		...r,
+		close: () => void 0
+	}) : /* @__PURE__ */ g(b.Root, {
+		open: f,
+		onOpenChange: (e) => m(e),
+		children: [s && /* @__PURE__ */ h(b.Trigger, { render: s }), /* @__PURE__ */ g(b.Portal, {
+			container: v,
+			children: [/* @__PURE__ */ h(b.Backdrop, { className: k }), /* @__PURE__ */ h(b.Viewport, {
+				className: A,
+				children: /* @__PURE__ */ h(b.Popup, {
+					initialFocus: _.initialFocus,
+					finalFocus: _.finalFocus,
+					className: e(j, "w-440"),
+					children: /* @__PURE__ */ h(n, {
+						inset: !1,
+						children: /* @__PURE__ */ h(B, {
+							...r,
+							close: () => m(!1)
+						})
+					})
+				})
+			})]
+		})]
+	});
+}
+process.env.NODE_ENV !== "production" && (V.displayName = "AlertDialog");
+var H = D, U = O, W = (e) => e?.closest("[data-dialog-body]") ?? null;
+function G({ layers: e, layer: t, onLayerChange: n, ...i }) {
+	let [a, s] = p(0), c = r(), l = t ?? a, u = l > 0 && l < e.length ? l : 0, m = f([]), g = f([]), v = f([]), y = f(u), b = f(u);
+	y.current !== u && (v.current[y.current] = W(m.current[y.current])?.scrollTop ?? 0, y.current = u), d(() => {
+		let e = b.current;
+		if (b.current = u, e === u) return;
+		let t = u < e;
+		t || (g.current[u] = null), g.current.length = u + 1;
+		let n = m.current[u], r = W(n);
+		r && (r.scrollTop = t ? v.current[u] ?? 0 : 0), E(n, t ? g.current[u] : null);
+	}, [u]);
+	let x = (e) => {
+		t === void 0 && s(e), n?.(e);
+	}, S = e.slice(0, u + 1), C = S[u];
+	if (!C) return null;
+	let w = (e) => (t) => {
+		t.target instanceof HTMLElement && (g.current[e] = t.target);
+	};
+	return /* @__PURE__ */ h(L, {
+		...i,
+		title: C.title,
+		description: C.description,
+		footer: C.footer ? S.map((e, t) => e.footer ? /* @__PURE__ */ h("div", {
+			hidden: t !== u,
+			className: "contents",
+			onFocus: w(t),
+			children: e.footer
+		}, t) : null) : void 0,
+		headerStart: u > 0 ? /* @__PURE__ */ h(o, {
+			icon: _,
+			"aria-label": c("dialog.back", "Back"),
+			onClick: () => x(u - 1),
+			className: "animate-layer-in"
+		}, "back") : null,
+		children: S.map((e, t) => /* @__PURE__ */ h("div", {
+			ref: (e) => {
+				m.current[t] = e;
+			},
+			hidden: t !== u,
+			className: "animate-layer-in",
+			onFocus: w(t),
+			children: e.content
+		}, t))
+	});
+}
+process.env.NODE_ENV !== "production" && (G.displayName = "LayerDialog");
+//#endregion
+export { O as a, H as c, R as i, G as l, L as n, D as o, z as r, U as s, V as t, E as u };
+
+//# sourceMappingURL=dialog-CVqSVk3T.js.map

package/dist/chunks/dialog-CVqSVk3T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-CVqSVk3T.js","names":["BaseDialog","__icon_Cancel01Icon","_Fragment","Dialog","BaseAlertDialog","AlertDialog","__icon_ArrowLeft01Icon","cn","usePortalContainer","InsetContent","useUiText","Button","IconButton","Input","useRestoreFocus","Fragment$1","DIALOG_FIELD","FOCUSABLE","usable","el","firstUsable","scope","selector","initialDialogControl","content","frame","footer","actions","dangerSecondary","KAESO_BUTTON_VARIANTS","safe","a","danger","primary","focusDialogSection","section","previous","KAESO_DIALOG_VARIANTS","KAESO_DIALOG_DEFAULT_VARIANTS","BACKDROP","DIALOG_VIEWPORT","DIALOG_POPUP","useScrolledUnder","ref","useRef","under","setUnder","useState","useEffect","check","ro","observe","child","mo","DialogFrame","t","Title","inline","Dialog","closeButton","Cancel01Icon","close","hideClose","Description","size","className","onSubmit","headerStart","title","description","children","focusFirstControl","open","Root","props","focus","container","defaultOpen","onOpenChange","o","trigger","Close","Dialog$1","KAESO_ALERT_DIALOG_VARIANTS","KAESO_ALERT_DIALOG_DEFAULT_VARIANTS","AlertFrame","cancelProp","typed","setTyped","busy","setBusy","pending","cancelLabel","typeBefore","typeAfter","AlertDialog","ok","confirmText","confirm","loading","r","onConfirm","done","tone","confirmLabel","AlertDialog$1","inner","setInner","isOpen","setOpen","KAESO_LAYER_DIALOG_VARIANTS","KAESO_LAYER_DIALOG_DEFAULT_VARIANTS","bodyOf","LayerDialog","wanted","layer","index","layers","sections","focused","tops","left","shown","useLayoutEffect","from","back","body","go","i","onLayerChange","stack","current","remember","e","l","ArrowLeft01Icon"],"sources":["../../src/components/dialog/focus.ts","../../src/components/dialog/dialog.tsx"],"sourcesContent":["import { KAESO_BUTTON_VARIANTS } from \"../button/button.js\";\n\nconst DIALOG_FIELD =\n  'input:not([type=hidden]):not([tabindex=\"-1\"]):not([aria-hidden=\"true\"]), textarea, select, [role=combobox]:not([tabindex=\"-1\"]), [role=radio][tabindex=\"0\"], [role=checkbox]:not([tabindex=\"-1\"]), [role=switch]:not([tabindex=\"-1\"]), [role=listbox]:not([tabindex=\"-1\"]), [role=grid] [data-index][tabindex=\"0\"]';\nconst FOCUSABLE = 'a[href], button, input:not([type=hidden]), select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n\nconst usable = (el: HTMLElement) => !el.closest(\"[hidden], [inert]\") && !el.matches(\":disabled, [aria-disabled=true]\");\nconst firstUsable = (scope: ParentNode, selector: string) => [...scope.querySelectorAll<HTMLElement>(selector)].find(usable) ?? null;\n\nexport function initialDialogControl(frame: HTMLElement, scope?: HTMLElement | undefined): HTMLElement | null {\n  const content = scope ?? frame.querySelector<HTMLElement>(\"[data-dialog-body]\");\n  const footer = frame.querySelector<HTMLElement>(\"[data-dialog-footer]\");\n  const actions = footer ? [...footer.querySelectorAll<HTMLElement>(\"button, a[href]\")].filter(usable) : [];\n  const { primary, danger, \"danger-secondary\": dangerSecondary } = KAESO_BUTTON_VARIANTS.variant;\n  const safe = actions.filter((a) => !a.classList.contains(danger.classes) && !a.classList.contains(dangerSecondary.classes));\n  return (\n    (content && (firstUsable(content, \"[data-autofocus]\") ?? firstUsable(content, DIALOG_FIELD))) ??\n    safe.find((a) => a.classList.contains(primary.classes)) ??\n    safe[0] ??\n    (content && firstUsable(content, FOCUSABLE)) ??\n    firstUsable(frame, FOCUSABLE)\n  );\n}\n\nexport function focusDialogSection(section: HTMLElement | null | undefined, previous?: HTMLElement | null | undefined) {\n  const frame = section?.closest<HTMLElement>(\"[data-dialog-frame]\");\n  if (!section || !frame || frame.closest(\"[data-closed]\")) return;\n  const back = previous?.isConnected && frame.contains(previous) && usable(previous) ? previous : null;\n  (back ?? initialDialogControl(frame, section))?.focus({ preventScroll: true });\n}\n","import { InsetContent } from \"../../utils/inset.js\";\nimport { usePortalContainer } from \"../../utils/portal-context.js\";\nimport { forwardRef, useEffect, useLayoutEffect, useRef, useState, type FocusEvent, type KeyboardEvent, type ReactElement, type ReactNode } from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useRestoreFocus } from \"../../utils/restore-focus.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon, ArrowLeft01Icon as __icon_ArrowLeft01Icon } from \"@hugeicons/core-free-icons\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { Button } from \"../button/button.js\";\nimport { Input } from \"../input/input.js\";\nimport { focusDialogSection, initialDialogControl } from \"./focus.js\";\n\nexport const KAESO_DIALOG_VARIANTS = {\n  size: {\n    sm: { classes: \"w-440\" },\n    md: { classes: \"w-560\" },\n    lg: { classes: \"w-720\" },\n  },\n} as const;\nexport const KAESO_DIALOG_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nconst BACKDROP = \"fixed inset-0 z-50 bg-overlay backdrop-motion\";\nconst DIALOG_VIEWPORT = \"fixed inset-0 z-50 flex items-center justify-center p-16\";\nconst DIALOG_POPUP = \"relative flex dialog-limits flex-col overflow-hidden rounded-dialog bg-raised text-fg shadow-dialog outline-none dialog-motion\";\n\nfunction useScrolledUnder<T extends HTMLElement>() {\n  const ref = useRef<T | null>(null);\n  const [under, setUnder] = useState(false);\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const check = () => setUnder(el.scrollHeight - el.scrollTop - el.clientHeight > 1);\n    check();\n    el.addEventListener(\"scroll\", check, { passive: true });\n    const ro = typeof ResizeObserver !== \"undefined\" ? new ResizeObserver(check) : null;\n    const observe = () => {\n      for (const child of el.children) ro?.observe(child);\n    };\n    ro?.observe(el);\n    observe();\n    const mo = new MutationObserver(() => {\n      observe();\n      check();\n    });\n    mo.observe(el, { childList: true });\n    return () => {\n      el.removeEventListener(\"scroll\", check);\n      ro?.disconnect();\n      mo.disconnect();\n    };\n  }, []);\n  return { ref, under };\n}\n\nexport interface DialogProps {\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  trigger?: ReactElement | undefined;\n  title: ReactNode;\n  description?: ReactNode | undefined;\n  size?: keyof typeof KAESO_DIALOG_VARIANTS.size | undefined;\n  children?: ReactNode | undefined;\n  footer?: ReactNode | undefined;\n  onSubmit?: (() => void) | undefined;\n  hideClose?: boolean | undefined;\n  headerStart?: ReactNode | undefined;\n  className?: string | undefined;\n  inline?: boolean | undefined;\n}\n\nfunction DialogFrame({ title, description, children, footer, onSubmit, hideClose, headerStart, size = \"md\", className, inline }: DialogProps) {\n  const { ref, under } = useScrolledUnder<HTMLDivElement>();\n  const t = useUiText();\n  const Title = inline ? \"h2\" : BaseDialog.Title;\n  const closeButton = <IconButton icon={__icon_Cancel01Icon} aria-label={t(\"dialog.close\", \"Close\")} tooltip={false} />;\n  const close = hideClose ? null : inline ? closeButton : <BaseDialog.Close render={closeButton} />;\n  const Description = inline ? \"p\" : BaseDialog.Description;\n  return (\n    <div\n      data-dialog-frame=\"\"\n      className={cn(\"flex min-h-0 flex-col\", inline && \"rounded-dialog bg-raised shadow-dialog\", inline && KAESO_DIALOG_VARIANTS.size[size].classes, className)}\n      onKeyDown={(e: KeyboardEvent) => {\n        if (onSubmit && e.key === \"Enter\" && (e.metaKey || e.ctrlKey)) {\n          e.preventDefault();\n          onSubmit();\n        }\n      }}\n    >\n      {headerStart !== undefined ? (\n        <>\n          <div className=\"flex h-32 items-center justify-between px-16 pt-16 box-content\">\n            <span className=\"flex items-center\">{headerStart}</span>\n            {close}\n          </div>\n          <div className=\"flex flex-col gap-4 px-24 pt-8 pb-4\">\n            <Title className=\"text-title-sm font-semibold text-fg text-balance\">{title}</Title>\n            {description && <Description className=\"text-body text-fg-secondary text-pretty\">{description}</Description>}\n          </div>\n        </>\n      ) : (\n        <div className=\"flex items-start gap-12 px-24 pt-20 pb-4\">\n          <div className=\"flex min-w-0 flex-1 flex-col gap-4 pt-4\">\n            <Title className=\"text-title-sm font-semibold text-fg text-balance\">{title}</Title>\n            {description && <Description className=\"text-body text-fg-secondary text-pretty\">{description}</Description>}\n          </div>\n          {close && <span className=\"-mr-8 flex\">{close}</span>}\n        </div>\n      )}\n      {children && (\n        <div ref={ref} data-dialog-body=\"\" className={cn(\"min-h-0 flex-1 overflow-y-auto px-24 pt-16 scrollbar-quiet\", footer ? \"pb-8\" : \"pb-24\")}>\n          {children}\n        </div>\n      )}\n      {footer && (\n        <div\n          data-dialog-footer=\"\"\n          className={cn(\"flex shrink-0 flex-wrap items-center justify-end gap-8 px-24 pt-16 pb-20 transition-control\", under && \"hairline-t\")}\n        >\n          {footer}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction focusFirstControl(): HTMLElement | true {\n  const open = [...document.querySelectorAll<HTMLElement>(\"[role=dialog], [role=alertdialog]\")].pop();\n  const frame = open?.querySelector<HTMLElement>(\"[data-dialog-frame]\");\n  return (frame && initialDialogControl(frame)) ?? open ?? true;\n}\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLDivElement, DialogProps>(function Dialog(props, ref) {\n  const { open, defaultOpen, onOpenChange, trigger, size = \"md\", inline } = props;\n  const focus = useRestoreFocus(open, focusFirstControl);\n  const container = usePortalContainer();\n  if (inline) return <DialogFrame {...props} />;\n  return (\n    <BaseDialog.Root\n      {...(open !== undefined ? { open } : {})}\n      {...(defaultOpen !== undefined ? { defaultOpen } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n    >\n      {trigger && <BaseDialog.Trigger render={trigger} />}\n      <BaseDialog.Portal container={container}>\n        <BaseDialog.Backdrop className={BACKDROP} />\n        <BaseDialog.Viewport className={DIALOG_VIEWPORT}>\n          <BaseDialog.Popup\n            ref={ref}\n            initialFocus={focus.initialFocus}\n            finalFocus={focus.finalFocus}\n            className={cn(DIALOG_POPUP, KAESO_DIALOG_VARIANTS.size[size].classes)}\n          >\n            <InsetContent inset={false}>\n              <DialogFrame {...props} />\n            </InsetContent>\n          </BaseDialog.Popup>\n        </BaseDialog.Viewport>\n      </BaseDialog.Portal>\n    </BaseDialog.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"Dialog\";\n\nfunction Close({ children }: { children: ReactElement }) {\n  return <BaseDialog.Close render={children} />;\n}\nif (process.env.NODE_ENV !== \"production\") Close.displayName = \"Dialog.Close\";\n\nexport const Dialog = /* @__PURE__ */ Object.assign(Root, { Close });\n\nexport const KAESO_ALERT_DIALOG_VARIANTS = {\n  tone: {\n    danger: { classes: \"bg-danger-tint text-danger-text\" },\n    warning: { classes: \"bg-warning-tint text-warning-text\" },\n    info: { classes: \"bg-info-tint text-info-text\" },\n  },\n} as const;\nexport const KAESO_ALERT_DIALOG_DEFAULT_VARIANTS = { tone: \"danger\" } as const;\n\nexport interface AlertDialogProps {\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  trigger?: ReactElement | undefined;\n  title: ReactNode;\n  description: ReactNode;\n  confirmLabel: string;\n  cancelLabel?: string | undefined;\n  onConfirm: () => void | Promise<void>;\n  tone?: keyof typeof KAESO_ALERT_DIALOG_VARIANTS.tone | undefined;\n  confirmText?: string | undefined;\n  loading?: boolean | undefined;\n  inline?: boolean | undefined;\n}\n\nfunction AlertFrame({\n  title,\n  description,\n  confirmLabel,\n  cancelLabel: cancelProp,\n  onConfirm,\n  tone = \"danger\",\n  confirmText,\n  loading,\n  inline,\n  close,\n}: AlertDialogProps & { close: () => void }) {\n  const [typed, setTyped] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const pending = useRef(false);\n  const t = useUiText();\n  const cancelLabel = cancelProp ?? t(\"alertDialog.cancel\", \"Cancel\");\n  const [typeBefore, typeAfter = \"\"] = t(\"alertDialog.typeToConfirm\", \"Type {text} to confirm\").split(\"{text}\");\n  const Title = inline ? \"h2\" : BaseAlertDialog.Title;\n  const Description = inline ? \"p\" : BaseAlertDialog.Description;\n  const ok = !confirmText || typed === confirmText;\n  const confirm = async () => {\n    if (!ok || loading || pending.current) return;\n    const r = onConfirm();\n    if (!(r instanceof Promise)) return close();\n    pending.current = true;\n    setBusy(true);\n    const done = await r.then(\n      () => true,\n      () => false,\n    );\n    pending.current = false;\n    setBusy(false);\n    if (done) close();\n  };\n  return (\n    <div className={cn(\"flex flex-col gap-20 p-24\", inline && \"w-440 rounded-dialog bg-raised shadow-dialog\")}>\n      <div className=\"flex flex-col gap-6\">\n        <Title className=\"text-title-sm font-semibold text-fg text-balance\">{title}</Title>\n        <Description className=\"text-body text-fg-secondary text-pretty\">{description}</Description>\n      </div>\n      {confirmText && (\n        <Input\n          label={\n            <span className=\"font-regular text-fg-secondary\">\n              {typeBefore}\n              <span className=\"mono font-medium text-fg\">{confirmText}</span>\n              {typeAfter}\n            </span>\n          }\n          value={typed}\n          onChange={(e) => setTyped(e.target.value)}\n          autoComplete=\"off\"\n          spellCheck={false}\n          onKeyDown={(e) => e.key === \"Enter\" && confirm()}\n        />\n      )}\n      <div className=\"flex flex-wrap justify-end gap-8\">\n        {inline ? <Button>{cancelLabel}</Button> : <BaseAlertDialog.Close render={<Button>{cancelLabel}</Button>} />}\n        <Button variant={tone === \"danger\" ? \"danger\" : \"primary\"} onClick={confirm} disabled={!ok} loading={busy || loading}>\n          {confirmLabel}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport function AlertDialog(props: AlertDialogProps) {\n  const { open, defaultOpen, onOpenChange, trigger, inline } = props;\n  const [inner, setInner] = useState(defaultOpen ?? false);\n  const isOpen = open ?? inner;\n  const setOpen = (o: boolean) => {\n    if (open === undefined) setInner(o);\n    onOpenChange?.(o);\n  };\n  const focus = useRestoreFocus(isOpen);\n  const container = usePortalContainer();\n  if (inline) return <AlertFrame {...props} close={() => undefined} />;\n  return (\n    <BaseAlertDialog.Root open={isOpen} onOpenChange={(o: boolean) => setOpen(o)}>\n      {trigger && <BaseAlertDialog.Trigger render={trigger} />}\n      <BaseAlertDialog.Portal container={container}>\n        <BaseAlertDialog.Backdrop className={BACKDROP} />\n        <BaseAlertDialog.Viewport className={DIALOG_VIEWPORT}>\n          <BaseAlertDialog.Popup initialFocus={focus.initialFocus} finalFocus={focus.finalFocus} className={cn(DIALOG_POPUP, \"w-440\")}>\n            <InsetContent inset={false}>\n              <AlertFrame {...props} close={() => setOpen(false)} />\n            </InsetContent>\n          </BaseAlertDialog.Popup>\n        </BaseAlertDialog.Viewport>\n      </BaseAlertDialog.Portal>\n    </BaseAlertDialog.Root>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") AlertDialog.displayName = \"AlertDialog\";\n\nexport const KAESO_LAYER_DIALOG_VARIANTS = KAESO_DIALOG_VARIANTS;\nexport const KAESO_LAYER_DIALOG_DEFAULT_VARIANTS = KAESO_DIALOG_DEFAULT_VARIANTS;\n\nexport interface DialogLayer {\n  title: ReactNode;\n  description?: ReactNode | undefined;\n  content: ReactNode;\n  footer?: ReactNode | undefined;\n}\n\nexport interface LayerDialogProps extends Omit<DialogProps, \"title\" | \"description\" | \"children\" | \"footer\" | \"headerStart\"> {\n  layers: DialogLayer[];\n  layer?: number | undefined;\n  onLayerChange?: ((layer: number) => void) | undefined;\n}\n\nconst bodyOf = (el: HTMLElement | null | undefined) => el?.closest<HTMLElement>(\"[data-dialog-body]\") ?? null;\n\nexport function LayerDialog({ layers, layer, onLayerChange, ...props }: LayerDialogProps) {\n  const [inner, setInner] = useState(0);\n  const t = useUiText();\n  const wanted = layer ?? inner;\n  const index = wanted > 0 && wanted < layers.length ? wanted : 0;\n  const sections = useRef<(HTMLDivElement | null)[]>([]);\n  const focused = useRef<(HTMLElement | null)[]>([]);\n  const tops = useRef<number[]>([]);\n  const left = useRef(index);\n  const shown = useRef(index);\n  if (left.current !== index) {\n    tops.current[left.current] = bodyOf(sections.current[left.current])?.scrollTop ?? 0;\n    left.current = index;\n  }\n  useLayoutEffect(() => {\n    const from = shown.current;\n    shown.current = index;\n    if (from === index) return;\n    const back = index < from;\n    if (!back) focused.current[index] = null;\n    focused.current.length = index + 1;\n    const section = sections.current[index];\n    const body = bodyOf(section);\n    if (body) body.scrollTop = back ? (tops.current[index] ?? 0) : 0;\n    focusDialogSection(section, back ? focused.current[index] : null);\n  }, [index]);\n  const go = (i: number) => {\n    if (layer === undefined) setInner(i);\n    onLayerChange?.(i);\n  };\n  const stack = layers.slice(0, index + 1);\n  const current = stack[index];\n  if (!current) return null;\n  const remember = (i: number) => (e: FocusEvent<HTMLElement>) => {\n    if (e.target instanceof HTMLElement) focused.current[i] = e.target;\n  };\n  return (\n    <Dialog\n      {...props}\n      title={current.title}\n      description={current.description}\n      footer={\n        current.footer\n          ? stack.map((l, i) =>\n              l.footer ? (\n                <div key={i} hidden={i !== index} className=\"contents\" onFocus={remember(i)}>\n                  {l.footer}\n                </div>\n              ) : null,\n            )\n          : undefined\n      }\n      headerStart={\n        index > 0 ? (\n          <IconButton key=\"back\" icon={__icon_ArrowLeft01Icon} aria-label={t(\"dialog.back\", \"Back\")} onClick={() => go(index - 1)} className=\"animate-layer-in\" />\n        ) : null\n      }\n    >\n      {stack.map((l, i) => (\n        <div\n          key={i}\n          ref={(el) => {\n            sections.current[i] = el;\n          }}\n          hidden={i !== index}\n          className=\"animate-layer-in\"\n          onFocus={remember(i)}\n        >\n          {l.content}\n        </div>\n      ))}\n    </Dialog>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") LayerDialog.displayName = \"LayerDialog\";\n"],"mappings":"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"}

package/dist/chunks/empty-DIbBpytW.js

@@ -0,0 +1,38 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/empty/empty.tsx
+var i = { size: {
+	lg: { classes: "py-80 gap-16" },
+	md: { classes: "py-48 gap-12" },
+	compact: { classes: "py-32 gap-8" }
+} }, a = { size: "lg" }, o = /* @__PURE__ */ t(function({ title: t, description: a, actions: o, size: s = "lg", children: c, className: l }, u) {
+	let d = s === "compact";
+	return /* @__PURE__ */ r("div", {
+		ref: u,
+		className: e("flex flex-col items-center text-center", i.size[s].classes, l),
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: e("flex flex-col items-center", d ? "gap-2" : "gap-6"),
+				children: [/* @__PURE__ */ n("h2", {
+					className: e("font-semibold text-fg text-balance", d ? "text-body" : "text-title"),
+					children: t
+				}), a && /* @__PURE__ */ n("p", {
+					className: e("max-w-44ch text-fg-secondary text-pretty", d ? "text-small" : "text-body"),
+					children: a
+				})]
+			}),
+			o && /* @__PURE__ */ n("div", {
+				className: e("flex flex-wrap items-center justify-center gap-8", !d && "mt-8"),
+				children: o
+			}),
+			c
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "Empty");
+//#endregion
+export { a as n, i as r, o as t };
+
+//# sourceMappingURL=empty-DIbBpytW.js.map

package/dist/chunks/empty-DIbBpytW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-DIbBpytW.js","names":["cn","KAESO_EMPTY_VARIANTS","KAESO_EMPTY_DEFAULT_VARIANTS","Empty","compact","size","className","title","description","actions","children"],"sources":["../../src/components/empty/empty.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_EMPTY_VARIANTS = {\n  size: {\n    lg: { classes: \"py-80 gap-16\" },\n    md: { classes: \"py-48 gap-12\" },\n    compact: { classes: \"py-32 gap-8\" },\n  },\n} as const;\nexport const KAESO_EMPTY_DEFAULT_VARIANTS = { size: \"lg\" } as const;\n\nexport interface EmptyProps {\n  title: ReactNode;\n  description?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  size?: keyof typeof KAESO_EMPTY_VARIANTS.size | undefined;\n  children?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nexport const Empty = /* @__PURE__ */ forwardRef<HTMLDivElement, EmptyProps>(function Empty({ title, description, actions, size = \"lg\", children, className }, ref) {\n  const compact = size === \"compact\";\n  return (\n    <div ref={ref} className={cn(\"flex flex-col items-center text-center\", KAESO_EMPTY_VARIANTS.size[size].classes, className)}>\n      <div className={cn(\"flex flex-col items-center\", compact ? \"gap-2\" : \"gap-6\")}>\n        <h2 className={cn(\"font-semibold text-fg text-balance\", compact ? \"text-body\" : \"text-title\")}>{title}</h2>\n        {description && <p className={cn(\"max-w-44ch text-fg-secondary text-pretty\", compact ? \"text-small\" : \"text-body\")}>{description}</p>}\n      </div>\n      {actions && <div className={cn(\"flex flex-wrap items-center justify-center gap-8\", !compact && \"mt-8\")}>{actions}</div>}\n      {children}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Empty.displayName = \"Empty\";\n"],"mappings":";;;;;AAGA,IAAaC,IAAuB,EAClC,MAAM;CACJ,IAAI,EAAE,SAAS,eAAe;CAC9B,IAAI,EAAE,SAAS,eAAe;CAC9B,SAAS,EAAE,SAAS,cAAc;AACpC,EACF,GACaC,IAA+B,EAAE,MAAM,KAAK,GAW5CC,IAAwB,kBAAuC,SAAe,EAAE,UAAO,gBAAa,YAAS,UAAO,MAAM,aAAU,gBAAa,GAAK;CACjK,IAAMC,IAAUC,MAAS;CACzB,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWL,EAAG,0CAA0CC,EAAqB,KAAKI,EAAK,CAAC,SAASC,CAAS;EAAzH,UAAA;GACE,kBAAC,OAAD;IAAK,WAAWN,EAAG,8BAA8BI,IAAU,UAAU,OAAO;IAA5E,UAAA,CACE,kBAAC,MAAD;KAAI,WAAWJ,EAAG,sCAAsCI,IAAU,cAAc,YAAY;KAAI,UAAAG;IAAU,CAAA,GACzGC,KAAe,kBAAC,KAAD;KAAG,WAAWR,EAAG,4CAA4CI,IAAU,eAAe,WAAW;KAAI,UAAAI;IAAe,CAAA,CACjI;;GACJC,KAAW,kBAAC,OAAD;IAAK,WAAWT,EAAG,oDAAoD,CAACI,KAAW,MAAM;IAAI,UAAAK;GAAa,CAAA;GACrHC;EACE;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc"}

package/dist/chunks/field-d8V94bvZ.js

@@ -0,0 +1,119 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { i as t } from "./context-BELWW79w.js";
+import { createContext as n, forwardRef as r, useContext as i, useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/field/field.tsx
+var c = { layout: {
+	vertical: { classes: "flex flex-col gap-8" },
+	horizontal: { classes: "grid grid-cols-1 gap-8 md:grid-cols-label md:gap-x-24" }
+} }, l = { layout: "vertical" }, u = /* @__PURE__ */ n(null), d = () => i(u), f = /* @__PURE__ */ r(function({ label: n, description: r, invalid: i, error: l, optional: d, required: f = !1, disabled: p = !1, layout: m = "vertical", id: h, className: g, children: _, ...v }, y) {
+	let b = a(), x = t(), S = h ?? `k-field-${b}`, C = n ? `${S}-label` : void 0, w = r ? `${S}-description` : void 0, T = l ? `${S}-error` : void 0, E = !!i || !!l, D = [w, T].filter(Boolean).join(" ") || void 0, O = {
+		controlId: S,
+		labelId: C,
+		descriptionId: w,
+		errorId: T,
+		invalid: E,
+		disabled: p,
+		required: f,
+		controlProps: {
+			id: S,
+			...D ? { "aria-describedby": D } : {},
+			...E ? { "aria-invalid": !0 } : {},
+			...f ? { "aria-required": !0 } : {}
+		}
+	};
+	return /* @__PURE__ */ o(u.Provider, {
+		value: O,
+		children: /* @__PURE__ */ s("div", {
+			ref: y,
+			className: e(c.layout[m].classes, g),
+			"data-disabled": p || void 0,
+			...v,
+			children: [n && /* @__PURE__ */ s("label", {
+				id: C,
+				htmlFor: S,
+				className: e("flex items-baseline gap-6 text-body font-medium text-fg", m === "horizontal" && "md:pt-8", p && "text-fg-disabled"),
+				children: [n, d && /* @__PURE__ */ o("span", {
+					className: "text-small font-regular text-fg-tertiary",
+					children: x("field.optional", "Optional")
+				})]
+			}), /* @__PURE__ */ s("div", {
+				className: "flex min-w-0 flex-col gap-6",
+				children: [
+					_,
+					r && /* @__PURE__ */ o("p", {
+						id: w,
+						className: "text-small text-fg-secondary",
+						children: r
+					}),
+					l && /* @__PURE__ */ o("p", {
+						id: T,
+						className: "sr-only",
+						children: l
+					})
+				]
+			})]
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "Field");
+var p = /* @__PURE__ */ r(function({ legend: t, description: n, className: r, children: i, ...a }, c) {
+	return /* @__PURE__ */ s("fieldset", {
+		ref: c,
+		className: e("flex min-w-0 flex-col gap-16", r),
+		...a,
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex flex-col gap-4",
+			children: [/* @__PURE__ */ o("legend", {
+				className: "text-body-lg font-semibold text-fg",
+				children: t
+			}), n && /* @__PURE__ */ o("p", {
+				className: "text-small text-fg-secondary",
+				children: n
+			})]
+		}), i]
+	});
+});
+process.env.NODE_ENV !== "production" && (p.displayName = "Fieldset");
+function m(e) {
+	let t = d(), n = a();
+	if (t) return {
+		controlProps: t.controlProps,
+		wrapId: void 0
+	};
+	if (e.label === void 0 && e.description === void 0 && e.error === void 0) return {
+		controlProps: e.invalid ? { "aria-invalid": !0 } : {},
+		wrapId: void 0
+	};
+	let r = e.id ?? `k-field-${n}`, i = [e.description ? `${r}-description` : "", e.error ? `${r}-error` : ""].filter(Boolean).join(" ");
+	return {
+		controlProps: {
+			id: r,
+			...i ? { "aria-describedby": i } : {},
+			...e.error || e.invalid ? { "aria-invalid": !0 } : {},
+			...e.required ? { "aria-required": !0 } : {}
+		},
+		wrapId: r
+	};
+}
+function h(e, t) {
+	let { label: n, description: r, error: i, optional: a, required: s, layout: c } = e;
+	return n === void 0 && r === void 0 && i === void 0 ? t : /* @__PURE__ */ o(f, {
+		label: n,
+		description: r,
+		error: i,
+		invalid: e.invalid,
+		optional: a,
+		required: s,
+		layout: c,
+		id: e.id,
+		disabled: e.disabled,
+		className: e.className,
+		children: t
+	});
+}
+//#endregion
+export { d as a, c as i, p as n, m as o, l as r, h as s, f as t };
+
+//# sourceMappingURL=field-d8V94bvZ.js.map

package/dist/chunks/field-d8V94bvZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-d8V94bvZ.js","names":["cn","useUiText","KAESO_FIELD_VARIANTS","KAESO_FIELD_DEFAULT_VARIANTS","FieldContext","useField","useContext","Field","invalidProp","props","auto","useId","t","controlId","id","labelId","label","descriptionId","description","errorId","error","invalid","describedBy","value","required","layout","className","disabled","optional","children","Fieldset","legend","useFieldControl","field","withField","control"],"sources":["../../src/components/field/field.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useId, type FieldsetHTMLAttributes, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_FIELD_VARIANTS = {\n  layout: {\n    vertical: { classes: \"flex flex-col gap-8\" },\n    horizontal: {\n      classes: \"grid grid-cols-1 gap-8 md:grid-cols-label md:gap-x-24\",\n    },\n  },\n} as const;\nexport const KAESO_FIELD_DEFAULT_VARIANTS = { layout: \"vertical\" } as const;\n\nexport interface FieldContextValue {\n  controlId: string;\n  labelId: string | undefined;\n  descriptionId: string | undefined;\n  errorId: string | undefined;\n  invalid: boolean;\n  disabled: boolean;\n  required: boolean;\n  controlProps: { id: string; \"aria-describedby\"?: string | undefined; \"aria-invalid\"?: true | undefined; \"aria-required\"?: true | undefined };\n}\n\nconst FieldContext = /* @__PURE__ */ createContext<FieldContextValue | null>(null);\nexport const useField = () => useContext(FieldContext);\n\nexport interface FieldProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  label?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  invalid?: boolean | undefined;\n  error?: ReactNode | undefined;\n  optional?: boolean | undefined;\n  required?: boolean | undefined;\n  disabled?: boolean | undefined;\n  layout?: keyof typeof KAESO_FIELD_VARIANTS.layout | undefined;\n  id?: string | undefined;\n  children: ReactNode;\n}\n\nexport const Field = /* @__PURE__ */ forwardRef<HTMLDivElement, FieldProps>(function Field(\n  { label, description, invalid: invalidProp, error, optional, required = false, disabled = false, layout = \"vertical\", id, className, children, ...props },\n  ref,\n) {\n  const auto = useId();\n  const t = useUiText();\n  const controlId = id ?? `k-field-${auto}`;\n  const labelId = label ? `${controlId}-label` : undefined;\n  const descriptionId = description ? `${controlId}-description` : undefined;\n  const errorId = error ? `${controlId}-error` : undefined;\n  const invalid = !!invalidProp || !!error;\n  const describedBy = [descriptionId, errorId].filter(Boolean).join(\" \") || undefined;\n  const value: FieldContextValue = {\n    controlId,\n    labelId,\n    descriptionId,\n    errorId,\n    invalid,\n    disabled,\n    required,\n    controlProps: {\n      id: controlId,\n      ...(describedBy ? { \"aria-describedby\": describedBy } : {}),\n      ...(invalid ? { \"aria-invalid\": true as const } : {}),\n      ...(required ? { \"aria-required\": true as const } : {}),\n    },\n  };\n  return (\n    <FieldContext.Provider value={value}>\n      <div ref={ref} className={cn(KAESO_FIELD_VARIANTS.layout[layout].classes, className)} data-disabled={disabled || undefined} {...props}>\n        {label && (\n          <label\n            id={labelId}\n            htmlFor={controlId}\n            className={cn(\"flex items-baseline gap-6 text-body font-medium text-fg\", layout === \"horizontal\" && \"md:pt-8\", disabled && \"text-fg-disabled\")}\n          >\n            {label}\n            {optional && <span className=\"text-small font-regular text-fg-tertiary\">{t(\"field.optional\", \"Optional\")}</span>}\n          </label>\n        )}\n        <div className=\"flex min-w-0 flex-col gap-6\">\n          {children}\n          {description && (\n            <p id={descriptionId} className=\"text-small text-fg-secondary\">\n              {description}\n            </p>\n          )}\n          {error && (\n            <p id={errorId} className=\"sr-only\">\n              {error}\n            </p>\n          )}\n        </div>\n      </div>\n    </FieldContext.Provider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Field.displayName = \"Field\";\n\nexport interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  legend: ReactNode;\n  description?: ReactNode | undefined;\n}\n\nexport const Fieldset = /* @__PURE__ */ forwardRef<HTMLFieldSetElement, FieldsetProps>(function Fieldset({ legend, description, className, children, ...props }, ref) {\n  return (\n    <fieldset ref={ref} className={cn(\"flex min-w-0 flex-col gap-16\", className)} {...props}>\n      <div className=\"flex flex-col gap-4\">\n        <legend className=\"text-body-lg font-semibold text-fg\">{legend}</legend>\n        {description && <p className=\"text-small text-fg-secondary\">{description}</p>}\n      </div>\n      {children}\n    </fieldset>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Fieldset.displayName = \"Fieldset\";\n\nexport function useFieldControl(props: {\n  label?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  error?: ReactNode | undefined;\n  invalid?: boolean | undefined;\n  required?: boolean | undefined;\n  id?: string | undefined;\n}) {\n  const field = useField();\n  const auto = useId();\n  if (field) return { controlProps: field.controlProps as Record<string, unknown>, wrapId: undefined };\n  const wraps = props.label !== undefined || props.description !== undefined || props.error !== undefined;\n  if (!wraps) return { controlProps: (props.invalid ? { \"aria-invalid\": true } : {}) as Record<string, unknown>, wrapId: undefined };\n  const controlId = props.id ?? `k-field-${auto}`;\n  const describedBy = [props.description ? `${controlId}-description` : \"\", props.error ? `${controlId}-error` : \"\"].filter(Boolean).join(\" \");\n  return {\n    controlProps: {\n      id: controlId,\n      ...(describedBy ? { \"aria-describedby\": describedBy } : {}),\n      ...(props.error || props.invalid ? { \"aria-invalid\": true } : {}),\n      ...(props.required ? { \"aria-required\": true } : {}),\n    } as Record<string, unknown>,\n    wrapId: controlId,\n  };\n}\n\nexport interface FieldWrapProps {\n  label?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  error?: ReactNode | undefined;\n  optional?: boolean | undefined;\n  required?: boolean | undefined;\n  layout?: keyof typeof KAESO_FIELD_VARIANTS.layout | undefined;\n}\n\nexport function withField(\n  props: FieldWrapProps & { id?: string | undefined; disabled?: boolean | undefined; invalid?: boolean | undefined; className?: string | undefined },\n  control: ReactNode,\n) {\n  const { label, description, error, optional, required, layout } = props;\n  if (label === undefined && description === undefined && error === undefined) return control;\n  return (\n    <Field\n      label={label}\n      description={description}\n      error={error}\n      invalid={props.invalid}\n      optional={optional}\n      required={required}\n      layout={layout}\n      id={props.id}\n      disabled={props.disabled}\n      className={props.className}\n    >\n      {control}\n    </Field>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/field-press-DwzBFafd.js

@@ -0,0 +1,10 @@
+//#region src/utils/field-press.ts
+function e(e) {
+	if (e.target !== e.currentTarget) return;
+	let t = e.currentTarget.querySelector("input:not([type=hidden])");
+	t && !t.disabled && (e.preventDefault(), t.focus());
+}
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=field-press-DwzBFafd.js.map

package/dist/chunks/field-press-DwzBFafd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-press-DwzBFafd.js","names":["focusInputOnPress","input"],"sources":["../../src/utils/field-press.ts"],"sourcesContent":["import type { MouseEvent } from \"react\";\n\nexport function focusInputOnPress(e: MouseEvent<HTMLElement>) {\n  if (e.target !== e.currentTarget) return;\n  const input = e.currentTarget.querySelector(\"input:not([type=hidden])\") as HTMLInputElement | null;\n  if (!input || input.disabled) return;\n  e.preventDefault();\n  input.focus();\n}\n"],"mappings":";AAEA,SAAgBA,EAAkB,GAA4B;CAC5D,IAAI,EAAE,WAAW,EAAE,eAAe;CAClC,IAAMC,IAAQ,EAAE,cAAc,cAAc,0BAA0B;CACtE,AAAKA,KAAS,GAAM,aACpB,EAAE,eAAe,GACjBA,EAAM,MAAM;AACd"}

package/dist/chunks/i18n-0RW0IAf3.js

@@ -0,0 +1,10 @@
+//#region src/i18n/locale-names.ts
+var e = {
+	en: "English",
+	de: "Deutsch",
+	"zh-CN": "简体中文"
+};
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=i18n-0RW0IAf3.js.map

package/dist/chunks/i18n-0RW0IAf3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n-0RW0IAf3.js","names":["UI_LOCALE_NAMES"],"sources":["../../src/i18n/locale-names.ts"],"sourcesContent":["import type { UiLocale } from \"./locale-tags.js\";\n\nexport const UI_LOCALE_NAMES: Readonly<Record<UiLocale, string>> = {\n  en: \"English\",\n  de: \"Deutsch\",\n  \"zh-CN\": \"简体中文\",\n};\n"],"mappings":";AAEA,IAAaA,IAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,SAAS;AACX"}