@logicplanes/kaeso-ui 0.2.1 → 0.3.0

package/dist/chunks/dialog-truWH0qe.js

@@ -0,0 +1,353 @@
+"use client";
+import { t as e } from "./cn-DUDmdLpZ.js";
+import { r as t } from "./portal-context-BBbzDKmY.js";
+import { n, t as r } from "./inset-BnBj8NJV.js";
+import { i } from "./context-BELWW79w.js";
+import { i as a, n as o } from "./button-CAPyW-v8.js";
+import { t as s } from "./icon-button-D4O4puwH.js";
+import { t as c } from "./input-B0wtkcNh.js";
+import { a as l, i as u, t as d } from "./resize-motion-BWGMchyP.js";
+import { t as f } from "./over-sheet-B8vzr_zU.js";
+import { cloneElement as p, createContext as m, forwardRef as h, use as g, useCallback as _, useEffect as v, useLayoutEffect as y, useRef as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { ArrowLeft01Icon as T, Cancel01Icon as E } from "@hugeicons/core-free-icons";
+import { Dialog as D } from "@base-ui/react/dialog";
+import { AlertDialog as O } from "@base-ui/react/alert-dialog";
+//#region src/components/dialog/focus.ts
+var k = "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\"], button[data-picker]", A = "a[href], button, input:not([type=hidden]), select, textarea, [tabindex]:not([tabindex=\"-1\"])", j = (e) => !e.closest("[hidden], [inert]") && !e.matches(":disabled, [aria-disabled=true]"), M = (e, t) => [...e.querySelectorAll(t)].find(j) ?? null;
+function N(e, t) {
+	let n = t ?? e.querySelector("[data-dialog-body]"), r = e.querySelector("[data-dialog-footer]"), i = r ? [...r.querySelectorAll("button, a[href]")].filter(j) : [], { primary: o, danger: s, "danger-secondary": c } = a.variant, l = i.filter((e) => !e.classList.contains(s.classes) && !e.classList.contains(c.classes));
+	return (n && (M(n, "[data-autofocus]") ?? M(n, k))) ?? l.find((e) => e.classList.contains(o.classes)) ?? l[0] ?? (n && M(n, A)) ?? M(e, A);
+}
+function P(e, t) {
+	let n = e?.closest("[data-dialog-frame]");
+	e && n && !n.closest("[data-closed]") && ((t?.isConnected && n.contains(t) && j(t) ? t : null) ?? N(n, e))?.focus({ preventScroll: !0 });
+}
+//#endregion
+//#region src/components/dialog/dialog.tsx
+var F = {
+	size: {
+		sm: { classes: "w-440" },
+		md: { classes: "w-560" },
+		lg: { classes: "w-720" }
+	},
+	anchor: {
+		center: { classes: "items-center" },
+		top: { classes: "items-start pt-dialog-top" }
+	}
+}, I = {
+	size: "md",
+	anchor: "center"
+}, L = "fixed inset-0 z-50 bg-overlay backdrop-motion", R = "fixed inset-0 z-50 flex justify-center p-16", z = "relative flex dialog-limits flex-col overflow-hidden rounded-dialog bg-raised text-fg shadow-dialog outline-none dialog-motion", B = /* @__PURE__ */ m(!1);
+function V() {
+	let e = b(null), [t, n] = x(!1), r = _(() => {
+		let t = e.current;
+		t && !t.closest("[data-resizing]") && n(t.scrollHeight - t.scrollTop - t.clientHeight > 1);
+	}, []);
+	return v(() => {
+		let t = e.current;
+		if (t) return r(), t.addEventListener("scroll", r, { passive: !0 }), window.addEventListener("resize", r), () => {
+			t.removeEventListener("scroll", r), window.removeEventListener("resize", r);
+		};
+	}, [r]), {
+		ref: e,
+		under: t,
+		check: r
+	};
+}
+function H(e, t) {
+	let n = b(!1);
+	v(() => {
+		let r = !n.current;
+		n.current = !0;
+		let i = document.activeElement;
+		if (r || t || !e || i && i !== document.body || e.matches("[data-ending-style], [data-closed]")) return;
+		let a = e.querySelector("[data-dialog-frame]");
+		a && N(a)?.focus({ preventScroll: !0 });
+	});
+}
+var U = /* @__PURE__ */ new Set([
+	"text",
+	"email",
+	"password",
+	"tel",
+	"url",
+	"number"
+]);
+function W(e) {
+	if (e.key !== "Enter" || e.altKey || e.nativeEvent.isComposing || e.keyCode === 229) return !1;
+	if (e.metaKey || e.ctrlKey) return !0;
+	let t = e.target;
+	return !e.defaultPrevented && !e.shiftKey && t instanceof HTMLInputElement && U.has(t.type) && t.getAttribute("role") !== "combobox";
+}
+function G(e) {
+	let [t, n] = x(null);
+	return [t, _((t) => n(e ? t : t?.parentElement ?? null), [e])];
+}
+function K({ title: t, description: n, children: a, footer: o, onSubmit: c, hideClose: l, headerStart: u, size: f = "md", anchor: p = "center", className: m, inline: h, busy: g }) {
+	let { ref: _, under: v, check: y } = V(), [b, x] = G(h);
+	d(b, y), H(b, h);
+	let T = i(), O = h ? "h2" : D.Title, k = /* @__PURE__ */ C(s, {
+		icon: E,
+		"aria-label": T("dialog.close", "Close"),
+		tooltip: !1,
+		disabled: !!g
+	}), A = l ? null : h ? k : /* @__PURE__ */ C(D.Close, { render: k }), j = h ? "p" : D.Description;
+	return /* @__PURE__ */ C(B, {
+		value: !!g,
+		children: /* @__PURE__ */ w("div", {
+			ref: x,
+			"data-dialog-frame": "",
+			className: e("flex min-h-0 flex-col", h ? "rounded-dialog bg-raised shadow-dialog" : e("flex-1 self-center", p === "top" ? "dialog-limits-top" : "dialog-limits"), F.size[f].classes, m),
+			onKeyDown: (e) => {
+				c && !g && W(e) && (e.preventDefault(), c());
+			},
+			children: [
+				u === void 0 ? /* @__PURE__ */ w("div", {
+					className: "flex items-start gap-12 px-24 pt-20 pb-4",
+					children: [/* @__PURE__ */ w("div", {
+						className: "flex min-w-0 flex-1 flex-col gap-4 pt-4",
+						children: [/* @__PURE__ */ C(O, {
+							className: "text-title-sm font-semibold text-fg text-balance",
+							children: t
+						}), n && /* @__PURE__ */ C(j, {
+							className: "text-body text-fg-secondary text-pretty",
+							children: n
+						})]
+					}), A && /* @__PURE__ */ C("span", {
+						className: "flex",
+						children: A
+					})]
+				}) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w("div", {
+					className: "flex h-32 items-center justify-between px-24 pt-16 box-content",
+					children: [/* @__PURE__ */ C("span", {
+						className: "flex items-center",
+						children: u
+					}), A]
+				}), /* @__PURE__ */ w("div", {
+					className: "flex flex-col gap-4 px-24 pt-8 pb-4",
+					children: [/* @__PURE__ */ C(O, {
+						className: "text-title-sm font-semibold text-fg text-balance",
+						children: t
+					}), n && /* @__PURE__ */ C(j, {
+						className: "text-body text-fg-secondary text-pretty",
+						children: n
+					})]
+				})] }),
+				a && /* @__PURE__ */ C("div", {
+					ref: _,
+					"data-dialog-body": "",
+					className: e("min-h-0 flex-1 overflow-y-auto px-24 pt-16 scrollbar-quiet", o ? "pb-8" : "pb-24"),
+					children: /* @__PURE__ */ C(r, { children: a })
+				}),
+				o && /* @__PURE__ */ C("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", v && "hairline-t"),
+					children: o
+				})
+			]
+		})
+	});
+}
+function ee() {
+	let e = [...document.querySelectorAll("[role=dialog], [role=alertdialog]")].pop(), t = e?.querySelector("[data-dialog-frame]");
+	return (t && N(t)) ?? e ?? !0;
+}
+var q = /* @__PURE__ */ h(function(r, i) {
+	let { open: a, defaultOpen: o, onOpenChange: s, trigger: c, size: d = "md", anchor: p = "center", inline: m, busy: h, persistent: _ } = r, v = l(a, ee), y = t(), b = g(f), x = u(!m && a);
+	return m ? /* @__PURE__ */ C(K, { ...r }) : /* @__PURE__ */ w(D.Root, {
+		...a === void 0 ? {} : { open: a },
+		...o === void 0 ? {} : { defaultOpen: o },
+		onOpenChange: (e, t) => {
+			if (!e && h) return t.cancel();
+			s?.(e);
+		},
+		onOpenChangeComplete: x,
+		..._ ? { disablePointerDismissal: !0 } : {},
+		children: [c && /* @__PURE__ */ C(D.Trigger, { render: c }), /* @__PURE__ */ w(D.Portal, {
+			container: y,
+			children: [/* @__PURE__ */ C(D.Backdrop, {
+				className: L,
+				forceRender: b
+			}), /* @__PURE__ */ C(D.Viewport, {
+				className: e(R, F.anchor[p].classes),
+				children: /* @__PURE__ */ C(D.Popup, {
+					ref: i,
+					initialFocus: v.initialFocus,
+					finalFocus: v.finalFocus,
+					className: e(z, F.size[d].classes, p === "top" && "dialog-limits-top"),
+					children: /* @__PURE__ */ C(n, {
+						inset: !1,
+						children: /* @__PURE__ */ C(f, {
+							value: !1,
+							children: /* @__PURE__ */ C(K, { ...r })
+						})
+					})
+				})
+			})]
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "Dialog");
+function J({ children: e }) {
+	let t = g(B);
+	return /* @__PURE__ */ C(D.Close, { render: t ? p(e, { disabled: !0 }) : e });
+}
+process.env.NODE_ENV !== "production" && (J.displayName = "Dialog.Close");
+var Y = /* @__PURE__ */ Object.assign(q, { Close: J }), te = { 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" }
+} }, ne = { tone: "danger" };
+function X({ title: t, description: n, confirmLabel: r, cancelLabel: a, onConfirm: s, tone: l = "danger", confirmText: u, loading: f, inline: p, close: m, busy: h, setBusy: g }) {
+	let [_, v] = x(""), y = b(!1), S = i(), [T, E] = G(p);
+	d(T);
+	let D = a ?? S("alertDialog.cancel", "Cancel"), [k, A = ""] = S("alertDialog.typeToConfirm", "Type {text} to confirm").split("{text}"), j = p ? "h2" : O.Title, M = p ? "p" : O.Description, N = !u || _ === u, P = async () => {
+		if (!N || f || y.current) return;
+		let e = s();
+		if (!(e instanceof Promise)) return m();
+		y.current = !0, g(!0);
+		let t = await e.then(() => !0, () => !1);
+		y.current = !1, g(!1), t && m();
+	};
+	return /* @__PURE__ */ w("div", {
+		ref: E,
+		className: e("flex w-440 flex-col gap-20 p-24", p ? "rounded-dialog bg-raised shadow-dialog" : "self-center dialog-limits"),
+		children: [
+			/* @__PURE__ */ w("div", {
+				className: "flex flex-col gap-6",
+				children: [/* @__PURE__ */ C(j, {
+					className: "text-title-sm font-semibold text-fg text-balance",
+					children: t
+				}), /* @__PURE__ */ C(M, {
+					className: "text-body text-fg-secondary text-pretty",
+					children: n
+				})]
+			}),
+			u && /* @__PURE__ */ C(c, {
+				label: /* @__PURE__ */ w("span", {
+					className: "font-regular text-fg-secondary",
+					children: [
+						k,
+						/* @__PURE__ */ C("span", {
+							className: "mono font-medium text-fg",
+							children: u
+						}),
+						A
+					]
+				}),
+				value: _,
+				onChange: (e) => v(e.target.value),
+				autoComplete: "off",
+				spellCheck: !1,
+				onKeyDown: (e) => e.key === "Enter" && P()
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "flex flex-wrap justify-end gap-8",
+				children: [p ? /* @__PURE__ */ C(o, { children: D }) : /* @__PURE__ */ C(O.Close, { render: /* @__PURE__ */ C(o, {
+					disabled: h || !!f,
+					children: D
+				}) }), /* @__PURE__ */ C(o, {
+					variant: l === "danger" ? "danger" : "primary",
+					onClick: P,
+					disabled: !N,
+					loading: h || f,
+					children: r
+				})]
+			})
+		]
+	});
+}
+function Z(r) {
+	let { open: i, defaultOpen: a, onOpenChange: o, trigger: s, inline: c } = r, [d, p] = x(a ?? !1), m = i ?? d, h = (e) => {
+		i === void 0 && p(e), o?.(e);
+	}, [_, v] = x(!1), y = l(m), b = t(), S = g(f), T = u(!c && m);
+	return c ? /* @__PURE__ */ C(X, {
+		...r,
+		close: () => void 0,
+		busy: _,
+		setBusy: v
+	}) : /* @__PURE__ */ w(O.Root, {
+		open: m,
+		onOpenChange: (e, t) => {
+			if (!e && (_ || r.loading)) return t.cancel();
+			h(e);
+		},
+		onOpenChangeComplete: T,
+		children: [s && /* @__PURE__ */ C(O.Trigger, { render: s }), /* @__PURE__ */ w(O.Portal, {
+			container: b,
+			children: [/* @__PURE__ */ C(O.Backdrop, {
+				className: L,
+				forceRender: S
+			}), /* @__PURE__ */ C(O.Viewport, {
+				className: e(R, F.anchor.center.classes),
+				children: /* @__PURE__ */ C(O.Popup, {
+					initialFocus: y.initialFocus,
+					finalFocus: y.finalFocus,
+					className: e(z, "w-440"),
+					children: /* @__PURE__ */ C(n, {
+						inset: !1,
+						children: /* @__PURE__ */ C(X, {
+							...r,
+							close: () => h(!1),
+							busy: _,
+							setBusy: v
+						})
+					})
+				})
+			})]
+		})]
+	});
+}
+process.env.NODE_ENV !== "production" && (Z.displayName = "AlertDialog");
+var re = F, ie = I, Q = (e) => e?.closest("[data-dialog-body]") ?? null;
+function $({ layers: e, layer: t, onLayerChange: n, ...r }) {
+	let [a, o] = x(0), c = i(), l = t ?? a, u = l > 0 && l < e.length ? l : 0, d = b([]), f = b([]), p = b([]), m = b(u), h = b(u);
+	m.current !== u && (p.current[m.current] = Q(d.current[m.current])?.scrollTop ?? 0, m.current = u), y(() => {
+		let e = h.current;
+		if (h.current = u, e === u) return;
+		let t = u < e;
+		t || (f.current[u] = null), f.current.length = u + 1;
+		let n = d.current[u], r = Q(n);
+		r && (r.scrollTop = t ? p.current[u] ?? 0 : 0), P(n, t ? f.current[u] : null);
+	}, [u]);
+	let g = (e) => {
+		r.busy || (t === void 0 && o(e), n?.(e));
+	}, _ = e.slice(0, u + 1), v = _[u];
+	if (!v) return null;
+	let S = (e) => (t) => {
+		t.target instanceof HTMLElement && (f.current[e] = t.target);
+	};
+	return /* @__PURE__ */ C(Y, {
+		...r,
+		title: v.title,
+		description: v.description,
+		footer: v.footer ? _.map((e, t) => e.footer ? /* @__PURE__ */ C("div", {
+			hidden: t !== u,
+			className: "contents",
+			onFocus: S(t),
+			children: e.footer
+		}, t) : null) : void 0,
+		headerStart: u > 0 ? /* @__PURE__ */ C(s, {
+			icon: T,
+			"aria-label": c("dialog.back", "Back"),
+			onClick: () => g(u - 1),
+			disabled: !!r.busy,
+			className: "animate-layer-in"
+		}, "back") : null,
+		children: _.map((e, t) => /* @__PURE__ */ C("div", {
+			ref: (e) => {
+				d.current[t] = e;
+			},
+			hidden: t !== u,
+			className: "animate-layer-in",
+			onFocus: S(t),
+			children: e.content
+		}, t))
+	});
+}
+process.env.NODE_ENV !== "production" && ($.displayName = "LayerDialog");
+//#endregion
+export { I as a, re as c, te as i, $ as l, Y as n, F as o, ne as r, ie as s, Z as t, P as u };
+
+//# sourceMappingURL=dialog-truWH0qe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-truWH0qe.js","names":["BaseDialog","__icon_Cancel01Icon","_Fragment","Dialog","BaseAlertDialog","AlertDialog","__icon_ArrowLeft01Icon","cn","usePortalContainer","GutterContent","KAESO_BUTTON_VARIANTS","Button","IconButton","Input","useRestoreFocus","useScopedDialog","useResizeMotion","OverNonModalSheet","Fragment$1","DIALOG_FIELD","FOCUSABLE","usable","el","firstUsable","scope","selector","initialDialogControl","content","frame","footer","actions","dangerSecondary","safe","a","danger","primary","focusDialogSection","section","previous","KAESO_DIALOG_VARIANTS","KAESO_DIALOG_DEFAULT_VARIANTS","BACKDROP","DIALOG_VIEWPORT","DIALOG_POPUP","DialogBusy","useScrolledUnder","ref","useRef","under","setUnder","useState","check","useCallback","useEffect","useKeepFocus","rendered","first","active","inline","box","SINGLE_LINE","submitsOnEnter","target","useBox","setBox","DialogFrame","boxRef","t","useUiText","Title","Dialog","closeButton","Cancel01Icon","busy","close","hideClose","Description","anchor","size","className","onSubmit","headerStart","title","description","children","focusFirstControl","open","Root","props","focus","container","overSheet","use","settled","defaultOpen","o","details","persistent","trigger","InsetContent","Close","cloneElement","Dialog$1","KAESO_ALERT_DIALOG_VARIANTS","KAESO_ALERT_DIALOG_DEFAULT_VARIANTS","AlertFrame","cancelProp","typed","setTyped","pending","cancelLabel","typeBefore","typeAfter","AlertDialog","ok","confirmText","confirm","loading","r","onConfirm","setBusy","done","tone","confirmLabel","AlertDialog$1","inner","setInner","isOpen","setOpen","onOpenChange","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\"], button[data-picker]';\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 { GutterContent, InsetContent } from \"../../utils/inset.js\";\nimport { usePortalContainer } from \"../../utils/portal-context.js\";\nimport {\n  cloneElement,\n  createContext,\n  forwardRef,\n  use,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type FocusEvent,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n} 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 { useScopedDialog } from \"../../utils/dialog-scope.js\";\nimport { OverNonModalSheet } from \"../../utils/over-sheet.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\";\nimport { useResizeMotion } from \"../../utils/resize-motion.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  anchor: {\n    center: { classes: \"items-center\" },\n    top: { classes: \"items-start pt-dialog-top\" },\n  },\n} as const;\nexport const KAESO_DIALOG_DEFAULT_VARIANTS = { size: \"md\", anchor: \"center\" } as const;\n\nconst BACKDROP = \"fixed inset-0 z-50 bg-overlay backdrop-motion\";\nconst DIALOG_VIEWPORT = \"fixed inset-0 z-50 flex 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\nconst DialogBusy = /* @__PURE__ */ createContext(false);\n\nfunction useScrolledUnder<T extends HTMLElement>() {\n  const ref = useRef<T | null>(null);\n  const [under, setUnder] = useState(false);\n  const check = useCallback(() => {\n    const el = ref.current;\n    if (el && !el.closest(\"[data-resizing]\")) setUnder(el.scrollHeight - el.scrollTop - el.clientHeight > 1);\n  }, []);\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    check();\n    el.addEventListener(\"scroll\", check, { passive: true });\n    window.addEventListener(\"resize\", check);\n    return () => {\n      el.removeEventListener(\"scroll\", check);\n      window.removeEventListener(\"resize\", check);\n    };\n  }, [check]);\n  return { ref, under, check };\n}\n\nfunction useKeepFocus(box: HTMLElement | null, inline: boolean | undefined) {\n  const rendered = useRef(false);\n  useEffect(() => {\n    const first = !rendered.current;\n    rendered.current = true;\n    const active = document.activeElement;\n    if (first || inline || !box || (active && active !== document.body) || box.matches(\"[data-ending-style], [data-closed]\")) return;\n    const frame = box.querySelector<HTMLElement>(\"[data-dialog-frame]\");\n    if (frame) initialDialogControl(frame)?.focus({ preventScroll: true });\n  });\n}\n\nconst SINGLE_LINE = new Set([\"text\", \"email\", \"password\", \"tel\", \"url\", \"number\"]);\n\nfunction submitsOnEnter(e: KeyboardEvent): boolean {\n  // Safari ends composition before the Enter that confirms it, leaving only keyCode 229: https://bugs.webkit.org/show_bug.cgi?id=165004\n  if (e.key !== \"Enter\" || e.altKey || e.nativeEvent.isComposing || e.keyCode === 229) return false;\n  if (e.metaKey || e.ctrlKey) return true;\n  const target = e.target as HTMLElement;\n  return !e.defaultPrevented && !e.shiftKey && target instanceof HTMLInputElement && SINGLE_LINE.has(target.type) && target.getAttribute(\"role\") !== \"combobox\";\n}\n\nfunction useBox(inline: boolean | undefined) {\n  const [box, setBox] = useState<HTMLElement | null>(null);\n  const ref = useCallback((el: HTMLElement | null) => setBox(inline ? el : (el?.parentElement ?? null)), [inline]);\n  return [box, ref] as const;\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  busy?: boolean | undefined;\n  size?: keyof typeof KAESO_DIALOG_VARIANTS.size | undefined;\n  anchor?: keyof typeof KAESO_DIALOG_VARIANTS.anchor | 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  persistent?: boolean | undefined;\n}\n\nfunction DialogFrame({\n  title,\n  description,\n  children,\n  footer,\n  onSubmit,\n  hideClose,\n  headerStart,\n  size = \"md\",\n  anchor = \"center\",\n  className,\n  inline,\n  busy,\n}: DialogProps) {\n  const { ref, under, check } = useScrolledUnder<HTMLDivElement>();\n  const [box, boxRef] = useBox(inline);\n  useResizeMotion(box, check);\n  useKeepFocus(box, inline);\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} disabled={!!busy} />;\n  const close = hideClose ? null : inline ? closeButton : <BaseDialog.Close render={closeButton} />;\n  const Description = inline ? \"p\" : BaseDialog.Description;\n  return (\n    <DialogBusy value={!!busy}>\n      <div\n        ref={boxRef}\n        data-dialog-frame=\"\"\n        className={cn(\n          \"flex min-h-0 flex-col\",\n          inline ? \"rounded-dialog bg-raised shadow-dialog\" : cn(\"flex-1 self-center\", anchor === \"top\" ? \"dialog-limits-top\" : \"dialog-limits\"),\n          KAESO_DIALOG_VARIANTS.size[size].classes,\n          className,\n        )}\n        onKeyDown={(e: KeyboardEvent) => {\n          if (onSubmit && !busy && submitsOnEnter(e)) {\n            e.preventDefault();\n            onSubmit();\n          }\n        }}\n      >\n        {headerStart !== undefined ? (\n          <>\n            <div className=\"flex h-32 items-center justify-between px-24 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=\"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            <GutterContent>{children}</GutterContent>\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    </DialogBusy>\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\", anchor = \"center\", inline, busy, persistent } = props;\n  const focus = useRestoreFocus(open, focusFirstControl);\n  const container = usePortalContainer();\n  const overSheet = use(OverNonModalSheet);\n  const settled = useScopedDialog(inline ? false : open);\n  if (inline) return <DialogFrame {...props} />;\n  return (\n    <BaseDialog.Root\n      {...(open !== undefined ? { open } : {})}\n      {...(defaultOpen !== undefined ? { defaultOpen } : {})}\n      onOpenChange={(o: boolean, details: BaseDialog.Root.ChangeEventDetails) => {\n        if (!o && busy) return details.cancel();\n        onOpenChange?.(o);\n      }}\n      onOpenChangeComplete={settled}\n      {...(persistent ? { disablePointerDismissal: true } : {})}\n    >\n      {trigger && <BaseDialog.Trigger render={trigger} />}\n      <BaseDialog.Portal container={container}>\n        <BaseDialog.Backdrop className={BACKDROP} forceRender={overSheet} />\n        <BaseDialog.Viewport className={cn(DIALOG_VIEWPORT, KAESO_DIALOG_VARIANTS.anchor[anchor].classes)}>\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, anchor === \"top\" && \"dialog-limits-top\")}\n          >\n            <InsetContent inset={false}>\n              <OverNonModalSheet value={false}>\n                <DialogFrame {...props} />\n              </OverNonModalSheet>\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<{ disabled?: boolean | undefined }> }) {\n  const busy = use(DialogBusy);\n  return <BaseDialog.Close render={busy ? cloneElement(children, { disabled: true }) : 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<unknown>;\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  busy,\n  setBusy,\n}: AlertDialogProps & { close: () => void; busy: boolean; setBusy: (busy: boolean) => void }) {\n  const [typed, setTyped] = useState(\"\");\n  const pending = useRef(false);\n  const t = useUiText();\n  const [box, boxRef] = useBox(inline);\n  useResizeMotion(box);\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 ref={boxRef} className={cn(\"flex w-440 flex-col gap-20 p-24\", inline ? \"rounded-dialog bg-raised shadow-dialog\" : \"self-center dialog-limits\")}>\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 disabled={busy || !!loading}>{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 [busy, setBusy] = useState(false);\n  const focus = useRestoreFocus(isOpen);\n  const container = usePortalContainer();\n  const overSheet = use(OverNonModalSheet);\n  const settled = useScopedDialog(inline ? false : isOpen);\n  if (inline) return <AlertFrame {...props} close={() => undefined} busy={busy} setBusy={setBusy} />;\n  return (\n    <BaseAlertDialog.Root\n      open={isOpen}\n      onOpenChange={(o: boolean, details: BaseAlertDialog.Root.ChangeEventDetails) => {\n        if (!o && (busy || props.loading)) return details.cancel();\n        setOpen(o);\n      }}\n      onOpenChangeComplete={settled}\n    >\n      {trigger && <BaseAlertDialog.Trigger render={trigger} />}\n      <BaseAlertDialog.Portal container={container}>\n        <BaseAlertDialog.Backdrop className={BACKDROP} forceRender={overSheet} />\n        <BaseAlertDialog.Viewport className={cn(DIALOG_VIEWPORT, KAESO_DIALOG_VARIANTS.anchor.center.classes)}>\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)} busy={busy} setBusy={setBusy} />\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 (props.busy) return;\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\n            key=\"back\"\n            icon={__icon_ArrowLeft01Icon}\n            aria-label={t(\"dialog.back\", \"Back\")}\n            onClick={() => go(index - 1)}\n            disabled={!!props.busy}\n            className=\"animate-layer-in\"\n          />\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":";;;;;;;;;;;;;;;;AAEA,IAAMmB,IACJ,2VACIC,IAAY,kGAEZC,KAAU,MAAoB,CAACC,EAAG,QAAQ,mBAAmB,KAAK,CAACA,EAAG,QAAQ,iCAAiC,GAC/GC,KAAe,GAAmB,MAAqB,CAAC,GAAGC,EAAM,iBAA8BC,CAAQ,CAAC,CAAC,CAAC,KAAKJ,CAAM,KAAK;AAEhI,SAAgBK,EAAqB,GAAoB,GAAqD;CAC5G,IAAMC,IAAUH,KAASI,EAAM,cAA2B,oBAAoB,GACxEC,IAASD,EAAM,cAA2B,sBAAsB,GAChEE,IAAUD,IAAS,CAAC,GAAGA,EAAO,iBAA8B,iBAAiB,CAAC,CAAC,CAAC,OAAOR,CAAM,IAAI,CAAC,GAClG,EAAE,YAAS,WAAQ,oBAAoBU,MAAoBrB,EAAsB,SACjFsB,IAAOF,EAAQ,QAAQ,MAAM,CAACG,EAAE,UAAU,SAASC,EAAO,OAAO,KAAK,CAACD,EAAE,UAAU,SAASF,EAAgB,OAAO,CAAC;CAC1H,QACGJ,MAAYJ,EAAYI,GAAS,kBAAkB,KAAKJ,EAAYI,GAASR,CAAY,OAC1Fa,EAAK,MAAM,MAAMC,EAAE,UAAU,SAASE,EAAQ,OAAO,CAAC,KACtDH,EAAK,OACJL,KAAWJ,EAAYI,GAASP,CAAS,MAC1CG,EAAYK,GAAOR,CAAS;AAEhC;AAEA,SAAgBgB,EAAmB,GAAyC,GAA2C;CACrH,IAAMR,IAAQS,GAAS,QAAqB,qBAAqB;CACjE,AAAKA,KAAYT,KAAS,GAAM,QAAQ,eAAe,OAC1CU,GAAU,eAAeV,EAAM,SAASU,CAAQ,KAAKjB,EAAOiB,CAAQ,IAAIA,IAAW,SACvFZ,EAAqBE,GAAOS,CAAO,EAAA,EAAI,MAAM,EAAE,eAAe,GAAK,CAAC;AAC/E;;;ACEA,IAAaE,IAAwB;CACnC,MAAM;EACJ,IAAI,EAAE,SAAS,QAAQ;EACvB,IAAI,EAAE,SAAS,QAAQ;EACvB,IAAI,EAAE,SAAS,QAAQ;CACzB;CACA,QAAQ;EACN,QAAQ,EAAE,SAAS,eAAe;EAClC,KAAK,EAAE,SAAS,4BAA4B;CAC9C;AACF,GACaC,IAAgC;CAAE,MAAM;CAAM,QAAQ;AAAS,GAEtEC,IAAW,iDACXC,IAAkB,+CAClBC,IAAe,kIAEfC,IAA6B,kBAAc,EAAK;AAEtD,SAASC,IAA0C;CACjD,IAAMC,IAAMC,EAAiB,IAAI,GAC3B,CAACC,GAAOC,KAAYC,EAAS,EAAK,GAClCC,IAAQC,QAAkB;EAC9B,IAAM9B,IAAKwB,EAAI;EACf,AAAIxB,KAAM,CAACA,EAAG,QAAQ,iBAAiB,KAAG2B,EAAS3B,EAAG,eAAeA,EAAG,YAAYA,EAAG,eAAe,CAAC;CACzG,GAAG,CAAC,CAAC;CAYL,OAXA+B,QAAgB;EACd,IAAM/B,IAAKwB,EAAI;EACf,IAAKxB,GAIL,OAHA6B,EAAM,GACN7B,EAAG,iBAAiB,UAAU6B,GAAO,EAAE,SAAS,GAAK,CAAC,GACtD,OAAO,iBAAiB,UAAUA,CAAK,SAC1B;GAEX,AADA7B,EAAG,oBAAoB,UAAU6B,CAAK,GACtC,OAAO,oBAAoB,UAAUA,CAAK;EAC5C;CACF,GAAG,CAACA,CAAK,CAAC,GACH;EAAE;EAAK;EAAO;CAAM;AAC7B;AAEA,SAASG,EAAa,GAAyB,GAA6B;CAC1E,IAAMC,IAAWR,EAAO,EAAK;CAC7B,QAAgB;EACd,IAAMS,IAAQ,CAACD,EAAS;EACxB,EAAS,UAAU;EACnB,IAAME,IAAS,SAAS;EACxB,IAAID,KAASE,KAAU,CAACC,KAAQF,KAAUA,MAAW,SAAS,QAASE,EAAI,QAAQ,oCAAoC,GAAG;EAC1H,IAAM/B,IAAQ+B,EAAI,cAA2B,qBAAqB;EAClE,AAAI/B,KAAOF,EAAqBE,CAAK,CAAC,EAAE,MAAM,EAAE,eAAe,GAAK,CAAC;CACvE,CAAC;AACH;AAEA,IAAMgC,oBAAc,IAAI,IAAI;CAAC;CAAQ;CAAS;CAAY;CAAO;CAAO;AAAQ,CAAC;AAEjF,SAASC,EAAe,GAA2B;CAEjD,IAAI,EAAE,QAAQ,WAAW,EAAE,UAAU,EAAE,YAAY,eAAe,EAAE,YAAY,KAAK,OAAO;CAC5F,IAAI,EAAE,WAAW,EAAE,SAAS,OAAO;CACnC,IAAMC,IAAS,EAAE;CACjB,OAAO,CAAC,EAAE,oBAAoB,CAAC,EAAE,YAAYA,aAAkB,oBAAoBF,EAAY,IAAIE,EAAO,IAAI,KAAKA,EAAO,aAAa,MAAM,MAAM;AACrJ;AAEA,SAASC,EAAO,GAA6B;CAC3C,IAAM,CAACJ,GAAKK,KAAUd,EAA6B,IAAI;CAEvD,OAAO,CAACS,GADIP,GAAa,MAA2BY,EAAON,IAASpC,IAAMA,GAAI,iBAAiB,IAAK,GAAG,CAACoC,CAAM,CACjG,CAAG;AAClB;AAsBA,SAASO,EAAY,EACnB,UACA,gBACA,aACA,WACA,aACA,cACA,gBACA,UAAO,MACP,YAAS,UACT,cACA,WACA,WACc;CACd,IAAM,EAAE,QAAK,UAAO,aAAUpB,EAAiC,GACzD,CAACc,GAAKO,KAAUH,EAAOL,CAAM;CAEnC,AADA1C,EAAgB2C,GAAKR,CAAK,GAC1BG,EAAaK,GAAKD,CAAM;CACxB,IAAMS,IAAIC,EAAU,GACdC,IAAQX,IAAS,OAAO1D,EAAW,OACnCuE,IAAc,kBAAC3D,GAAD;EAAY,MAAMX;EAAqB,cAAYkE,EAAE,gBAAgB,OAAO;EAAG,SAAS;EAAO,UAAU,CAAC,CAACM;CAAO,CAAA,GAChIC,IAAQC,IAAY,OAAOjB,IAASa,IAAc,kBAACvE,EAAW,OAAZ,EAAkB,QAAQuE,EAAc,CAAA,GAC1FK,IAAclB,IAAS,MAAM1D,EAAW;CAC9C,OACE,kBAAC4C,GAAD;EAAY,OAAO,CAAC,CAAC6B;EACnB,UAAA,kBAAC,OAAD;GACE,KAAKP;GACL,qBAAkB;GAClB,WAAW3D,EACT,yBACAmD,IAAS,2CAA2CnD,EAAG,sBAAsBsE,MAAW,QAAQ,sBAAsB,eAAe,GACrItC,EAAsB,KAAKuC,EAAK,CAAC,SACjCC,CACF;GACA,YAAY,MAAqB;IAC/B,AAAIC,KAAY,CAACP,KAAQZ,EAAe,CAAC,MACvC,EAAE,eAAe,GACjBmB,EAAS;GAEb;GAdF,UAAA;IAgBGC,MAAgB,KAAA,IAYf,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,kBAACZ,GAAD;OAAO,WAAU;OAAoD,UAAAa;MAAa,CAAA,GACjFC,KAAe,kBAACP,GAAD;OAAa,WAAU;OAA2C,UAAAO;MAAyB,CAAA,CACxG;KACJ,CAAA,GAAAT,KAAS,kBAAC,QAAD;MAAM,WAAU;MAAQ,UAAAA;KAAY,CAAA,CAC3C;I,KAjBL,kBAAAxE,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,QAAD;MAAM,WAAU;MAAqB,UAAA+E;KAAkB,CAAA,GACtDP,CACE;IACL,CAAA,GAAA,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAACL,GAAD;MAAO,WAAU;MAAoD,UAAAa;KAAa,CAAA,GACjFC,KAAe,kBAACP,GAAD;MAAa,WAAU;MAA2C,UAAAO;KAAyB,CAAA,CACxG;IACL,CAAA,CAAA,EAAA,CAAA;IAUHC,KACC,kBAAC,OAAD;KAAU;KAAK,oBAAiB;KAAG,WAAW7E,EAAG,8DAA8DsB,IAAS,SAAS,OAAO;KACtI,UAAA,kBAACpB,GAAD,EAAgB,YAAwB,CAAA;IACrC,CAAA;IAENoB,KACC,kBAAC,OAAD;KACE,sBAAmB;KACnB,WAAWtB,EAAG,+FAA+FyC,KAAS,YAAY;KAEjI,UAAAnB;IACE,CAAA;GAEJ;;CACK,CAAA;AAEhB;AAEA,SAASwD,KAAwC;CAC/C,IAAMC,IAAO,CAAC,GAAG,SAAS,iBAA8B,mCAAmC,CAAC,CAAC,CAAC,IAAI,GAC5F1D,IAAQ0D,GAAM,cAA2B,qBAAqB;CACpE,QAAQ1D,KAASF,EAAqBE,CAAK,MAAM0D,KAAQ;AAC3D;AAEA,IAAMC,IAAuB,kBAAwC,SAAgB,GAAO,GAAK;CAC/F,IAAM,EAAE,SAAM,gBAAa,iBAAc,YAAS,UAAO,MAAM,YAAS,UAAU,WAAQ,SAAM,kBAAeC,GACzGC,IAAQ3E,EAAgBwE,GAAMD,EAAiB,GAC/CK,IAAYlF,EAAmB,GAC/BmF,IAAYC,EAAI3E,CAAiB,GACjC4E,IAAU9E,EAAgB,MAAiBuE,CAAI;CAErD,OADI5B,IAAe,kBAACO,GAAD,EAAa,GAAIuB,EAAQ,CAAA,IAE1C,kBAACxF,EAAW,MAAZ;EACE,GAAKsF,MAAS,KAAA,IAAuB,CAAC,IAAZ,EAAE,QAAK;EACjC,GAAKQ,MAAgB,KAAA,IAA8B,CAAC,IAAnB,EAAE,eAAY;EAC/C,eAAe,GAAY,MAAgD;GACzE,IAAI,CAACC,KAAKtB,GAAM,OAAOuB,EAAQ,OAAO;GACtC,IAAeD,CAAC;EAClB;EACA,sBAAsBF;EACtB,GAAKI,IAAa,EAAE,yBAAyB,GAAK,IAAI,CAAC;EARzD,UAAA,CAUGC,KAAW,kBAAClG,EAAW,SAAZ,EAAoB,QAAQkG,EAAU,CAAA,GAClD,kBAAClG,EAAW,QAAZ;GAA8B;GAA9B,UAAA,CACE,kBAACA,EAAW,UAAZ;IAAqB,WAAWyC;IAAU,aAAakD;GAAY,CAAA,GACnE,kBAAC3F,EAAW,UAAZ;IAAqB,WAAWO,EAAGmC,GAAiBH,EAAsB,OAAOsC,EAAO,CAAC,OAAO;IAC9F,UAAA,kBAAC7E,EAAW,OAAZ;KACO;KACL,cAAcyF,EAAM;KACpB,YAAYA,EAAM;KAClB,WAAWlF,EAAGoC,GAAcJ,EAAsB,KAAKuC,EAAK,CAAC,SAASD,MAAW,SAAS,mBAAmB;KAE7G,UAAA,kBAACsB,GAAD;MAAc,OAAO;MACnB,UAAA,kBAAClF,GAAD;OAAmB,OAAO;OACxB,UAAA,kBAACgD,GAAD,EAAa,GAAIuB,EAAQ,CAAA;MACR,CAAA;KACP,CAAA;IACE,CAAA;GACC,CAAA,CACJ;EACJ,CAAA,CAAA;;AAErB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAE9D,SAASY,EAAM,EAAE,eAA4E;CAC3F,IAAM3B,IAAOmB,EAAIhD,CAAU;CAC3B,OAAO,kBAAC5C,EAAW,OAAZ,EAAkB,QAAQyE,IAAO4B,EAAajB,GAAU,EAAE,UAAU,GAAK,CAAC,IAAIA,EAAW,CAAA;AAClG;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAE/D,IAAajF,IAAyB,uBAAO,OAAOoF,GAAM,EAAE,SAAM,CAAC,GAEtDgB,KAA8B,EACzC,MAAM;CACJ,QAAQ,EAAE,SAAS,kCAAkC;CACrD,SAAS,EAAE,SAAS,oCAAoC;CACxD,MAAM,EAAE,SAAS,8BAA8B;AACjD,EACF,GACaC,KAAsC,EAAE,MAAM,SAAS;AAkBpE,SAASC,EAAW,EAClB,UACA,gBACA,iBACA,aAAaC,GACb,cACA,UAAO,UACP,gBACA,YACA,WACA,UACA,SACA,cAC4F;CAC5F,IAAM,CAACC,GAAOC,KAAY1D,EAAS,EAAE,GAC/B2D,IAAU9D,EAAO,EAAK,GACtBoB,IAAIC,EAAU,GACd,CAACT,GAAKO,KAAUH,EAAOL,CAAM;CACnC,EAAgBC,CAAG;CACnB,IAAMmD,IAAcJ,KAAcvC,EAAE,sBAAsB,QAAQ,GAC5D,CAAC4C,GAAYC,IAAY,MAAM7C,EAAE,6BAA6B,wBAAwB,CAAC,CAAC,MAAM,QAAQ,GACtGE,IAAQX,IAAS,OAAOtD,EAAgB,OACxCwE,IAAclB,IAAS,MAAMtD,EAAgB,aAC7C8G,IAAK,CAACC,KAAeR,MAAUQ,GAC/BC,IAAU,YAAY;EAC1B,IAAI,CAACF,KAAMG,KAAWR,EAAQ,SAAS;EACvC,IAAMS,IAAIC,EAAU;EACpB,IAAI,EAAED,aAAa,UAAU,OAAO5C,EAAM;EAE1C,AADA,EAAQ,UAAU,IAClB8C,EAAQ,EAAI;EACZ,IAAMC,IAAO,MAAMH,EAAE,WACb,UACA,EACR;EAGA,AAFA,EAAQ,UAAU,IAClBE,EAAQ,EAAK,GACTC,KAAM/C,EAAM;CAClB;CACA,OACE,kBAAC,OAAD;EAAK,KAAKR;EAAQ,WAAW3D,EAAG,mCAAmCmD,IAAS,2CAA2C,2BAA2B;EAAlJ,UAAA;GACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAACW,GAAD;KAAO,WAAU;KAAoD,UAAAa;IAAa,CAAA,GAClF,kBAACN,GAAD;KAAa,WAAU;KAA2C,UAAAO;IAAyB,CAAA,CACxF;;GACJgC,KACC,kBAACtG,GAAD;IACE,OACE,kBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA;MACGkG;MACD,kBAAC,QAAD;OAAM,WAAU;OAA4B,UAAAI;MAAkB,CAAA;MAC7DH;KACG;;IAER,OAAOL;IACP,WAAW,MAAMC,EAAS,EAAE,OAAO,KAAK;IACxC,cAAa;IACb,YAAY;IACZ,YAAY,MAAM,EAAE,QAAQ,WAAWQ,EAAQ;GAChD,CAAA;GAEH,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG1D,IAAS,kBAAC/C,GAAD,EAAA,UAASmG,EAAoB,CAAA,IAAI,kBAAC1G,EAAgB,OAAjB,EAAuB,QAAQ,kBAACO,GAAD;KAAQ,UAAU8D,KAAQ,CAAC,CAAC4C;KAAU,UAAAP;IAAoB,CAAA,EAAI,CAAA,GACxI,kBAACnG,GAAD;KAAQ,SAAS+G,MAAS,WAAW,WAAW;KAAW,SAASN;KAAS,UAAU,CAACF;KAAI,SAASzC,KAAQ4C;KAC1G,UAAAM;IACK,CAAA,CACL;;EACF;;AAET;AAEA,SAAgBtH,EAAY,GAAyB;CACnD,IAAM,EAAE,SAAM,gBAAa,iBAAc,YAAS,cAAWmF,GACvD,CAACqC,GAAOC,KAAY5E,EAAS4C,KAAe,EAAK,GACjDiC,IAASzC,KAAQuC,GACjBG,KAAW,MAAe;EAE9B,AADI1C,MAAS,KAAA,KAAWwC,EAAS/B,CAAC,GAClCkC,IAAelC,CAAC;CAClB,GACM,CAACtB,GAAM+C,KAAWtE,EAAS,EAAK,GAChCuC,IAAQ3E,EAAgBiH,CAAM,GAC9BrC,IAAYlF,EAAmB,GAC/BmF,IAAYC,EAAI3E,CAAiB,GACjC4E,IAAU9E,EAAgB,MAAiBgH,CAAM;CAEvD,OADIrE,IAAe,kBAAC+C,GAAD;EAAY,GAAIjB;EAAO,aAAa,KAAA;EAAiB;EAAe;CAAU,CAAA,IAE/F,kBAACpF,EAAgB,MAAjB;EACE,MAAM2H;EACN,eAAe,GAAY,MAAqD;GAC9E,IAAI,CAAChC,MAAMtB,KAAQe,EAAM,UAAU,OAAOQ,EAAQ,OAAO;GACzD,EAAQD,CAAC;EACX;EACA,sBAAsBF;EANxB,UAAA,CAQGK,KAAW,kBAAC9F,EAAgB,SAAjB,EAAyB,QAAQ8F,EAAU,CAAA,GACvD,kBAAC9F,EAAgB,QAAjB;GAAmC;GAAnC,UAAA,CACE,kBAACA,EAAgB,UAAjB;IAA0B,WAAWqC;IAAU,aAAakD;GAAY,CAAA,GACxE,kBAACvF,EAAgB,UAAjB;IAA0B,WAAWG,EAAGmC,GAAiBH,EAAsB,OAAO,OAAO,OAAO;IAClG,UAAA,kBAACnC,EAAgB,OAAjB;KAAuB,cAAcqF,EAAM;KAAc,YAAYA,EAAM;KAAY,WAAWlF,EAAGoC,GAAc,OAAO;KACxH,UAAA,kBAACwD,GAAD;MAAc,OAAO;MACnB,UAAA,kBAACM,GAAD;OAAY,GAAIjB;OAAO,aAAawC,EAAQ,EAAK;OAAS;OAAe;MAAU,CAAA;KACvE,CAAA;IACO,CAAA;GACC,CAAA,CACJ;EACJ,CAAA,CAAA;;AAE1B;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc;AAErE,IAAaE,KAA8B3F,GAC9B4F,KAAsC3F,GAe7C4F,KAAU,MAAuC9G,GAAI,QAAqB,oBAAoB,KAAK;AAEzG,SAAgB+G,EAAY,EAAE,WAAQ,UAAO,kBAAe,GAAG7C,KAA2B;CACxF,IAAM,CAACqC,GAAOC,KAAY5E,EAAS,CAAC,GAC9BiB,IAAIC,EAAU,GACdkE,IAASC,KAASV,GAClBW,IAAQF,IAAS,KAAKA,IAASG,EAAO,SAASH,IAAS,GACxDI,IAAW3F,EAAkC,CAAC,CAAC,GAC/C4F,IAAU5F,EAA+B,CAAC,CAAC,GAC3C6F,IAAO7F,EAAiB,CAAC,CAAC,GAC1B8F,IAAO9F,EAAOyF,CAAK,GACnBM,IAAQ/F,EAAOyF,CAAK;CAK1B,AAJIK,EAAK,YAAYL,MACnB,EAAK,QAAQK,EAAK,WAAWT,EAAOM,EAAS,QAAQG,EAAK,QAAQ,CAAC,EAAE,aAAa,GAClF,EAAK,UAAUL,IAEjBO,QAAsB;EACpB,IAAMC,IAAOF,EAAM;EAEnB,IADA,EAAM,UAAUN,GACZQ,MAASR,GAAO;EACpB,IAAMS,IAAOT,IAAQQ;EAErB,AADKC,MAAM,EAAQ,QAAQT,KAAS,OACpC,EAAQ,QAAQ,SAASA,IAAQ;EACjC,IAAMnG,IAAUqG,EAAS,QAAQF,IAC3BU,IAAOd,EAAO/F,CAAO;EAE3B,AADI6G,MAAM,EAAK,YAAYD,IAAQL,EAAK,QAAQJ,MAAU,IAAK,IAC/DpG,EAAmBC,GAAS4G,IAAON,EAAQ,QAAQH,KAAS,IAAI;CAClE,GAAG,CAACA,CAAK,CAAC;CACV,IAAMW,KAAM,MAAc;EACxB,AAAI3D,EAAM,SACN+C,MAAU,KAAA,KAAWT,EAASsB,CAAC,GACnCC,IAAgBD,CAAC;CACnB,GACME,IAAQb,EAAO,MAAM,GAAGD,IAAQ,CAAC,GACjCe,IAAUD,EAAMd;CACtB,IAAI,CAACe,GAAS,OAAO;CACrB,IAAMC,KAAY,OAAe,MAA+B;EAC9D,AAAIC,EAAE,kBAAkB,gBAAa,EAAQ,QAAQL,KAAKK,EAAE;CAC9D;CACA,OACE,kBAACtJ,GAAD;EACE,GAAIqF;EACJ,OAAO+D,EAAQ;EACf,aAAaA,EAAQ;EACrB,QACEA,EAAQ,SACJD,EAAM,KAAK,GAAG,MACZI,EAAE,SACA,kBAAC,OAAD;GAAa,QAAQN,MAAMZ;GAAO,WAAU;GAAW,SAASgB,EAASJ,CAAC;GACvE,UAAAM,EAAE;EACA,GAFKN,CAEL,IACH,IACN,IACA,KAAA;EAEN,aACEZ,IAAQ,IACN,kBAAC5H,GAAD;GAEE,MAAMN;GACN,cAAY6D,EAAE,eAAe,MAAM;GACnC,eAAegF,EAAGX,IAAQ,CAAC;GAC3B,UAAU,CAAC,CAAChD,EAAM;GAClB,WAAU;EACX,GANK,MAML,IACC;EAGL,UAAA8D,EAAM,KAAK,GAAG,MACb,kBAAC,OAAD;GAEE,MAAM,MAAO;IACX,EAAS,QAAQF,KAAK9H;GACxB;GACA,QAAQ8H,MAAMZ;GACd,WAAU;GACV,SAASgB,EAASJ,CAAC;GAElB,UAAAM,EAAE;EACA,GATEN,CASF,CACN;CACK,CAAA;AAEZ;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}

package/dist/chunks/{empty-DIbBpytW.js → empty-YXmSkKzR.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-CidVUKMm.js";
+import { t as e } from "./cn-DUDmdLpZ.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/empty/empty.tsx
@@ -35,4 +35,4 @@ process.env.NODE_ENV !== "production" && (o.displayName = "Empty");
 //#endregion
 export { a as n, i as r, o as t };
 
-//# sourceMappingURL=empty-DIbBpytW.js.map
+//# sourceMappingURL=empty-YXmSkKzR.js.map

package/dist/chunks/{empty-DIbBpytW.js.map → empty-YXmSkKzR.js.map}

@@ -1 +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"}
+{"version":3,"file":"empty-YXmSkKzR.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 → field-BZriODU7.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-CidVUKMm.js";
+import { t as e } from "./cn-DUDmdLpZ.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";
@@ -49,7 +49,7 @@ var c = { layout: {
 					}),
 					l && /* @__PURE__ */ o("p", {
 						id: T,
-						className: "sr-only",
+						className: "text-small text-danger-text",
 						children: l
 					})
 				]
@@ -116,4 +116,4 @@ function h(e, 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
+//# sourceMappingURL=field-BZriODU7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-BZriODU7.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=\"text-small text-danger-text\">\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/{icon-CeNQtobn.js → icon-BqujXDUc.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./cn-CidVUKMm.js";
+import { t as e } from "./cn-DUDmdLpZ.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 import { HugeiconsIcon as r } from "@hugeicons/react";
@@ -44,4 +44,4 @@ process.env.NODE_ENV !== "production" && (c.displayName = "Icon");
 //#endregion
 export { a as n, i as r, c as t };
 
-//# sourceMappingURL=icon-CeNQtobn.js.map
+//# sourceMappingURL=icon-BqujXDUc.js.map

package/dist/chunks/{icon-CeNQtobn.js.map → icon-BqujXDUc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-CeNQtobn.js","names":["cn","KAESO_ICON_VARIANTS","KAESO_ICON_DEFAULT_VARIANTS","PX","STROKE","Icon","props","HugeiconsIcon","size","className","label"],"sources":["../../src/components/icon/icon.tsx"],"sourcesContent":["import { forwardRef, type SVGAttributes } from \"react\";\nimport { HugeiconsIcon, type IconSvgElement } from \"@hugeicons/react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport type IconData = IconSvgElement;\n\nexport const KAESO_ICON_VARIANTS = {\n  size: {\n    xs: { classes: \"size-14\" },\n    sm: { classes: \"size-16\" },\n    md: { classes: \"size-18\" },\n    lg: { classes: \"size-20\" },\n    xl: { classes: \"size-24\" },\n  },\n} as const;\nexport const KAESO_ICON_DEFAULT_VARIANTS = { size: \"sm\" } as const;\nexport type IconSize = keyof typeof KAESO_ICON_VARIANTS.size;\n\nconst PX: Record<IconSize, number> = { xs: 14, sm: 16, md: 18, lg: 20, xl: 24 };\nconst STROKE: Record<IconSize, number> = { xs: 1.75, sm: 1.5, md: 1.5, lg: 1.5, xl: 1.5 };\n\nexport interface IconProps extends Omit<SVGAttributes<SVGSVGElement>, \"children\" | \"strokeWidth\" | \"color\"> {\n  icon: IconData;\n  size?: IconSize | undefined;\n  label?: string | undefined;\n}\n\nexport const Icon = /* @__PURE__ */ forwardRef<SVGSVGElement, IconProps>(function Icon({ icon, size = KAESO_ICON_DEFAULT_VARIANTS.size, label, className, ...props }, ref) {\n  return (\n    <HugeiconsIcon\n      ref={ref}\n      icon={icon}\n      size={PX[size]}\n      strokeWidth={STROKE[size]}\n      color=\"currentColor\"\n      className={cn(\"shrink-0\", KAESO_ICON_VARIANTS.size[size].classes, className)}\n      {...(label ? { role: \"img\", \"aria-label\": label } : { \"aria-hidden\": true, focusable: false })}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Icon.displayName = \"Icon\";\n"],"mappings":";;;;;;AAMA,IAAaC,IAAsB,EACjC,MAAM;CACJ,IAAI,EAAE,SAAS,UAAU;CACzB,IAAI,EAAE,SAAS,UAAU;CACzB,IAAI,EAAE,SAAS,UAAU;CACzB,IAAI,EAAE,SAAS,UAAU;CACzB,IAAI,EAAE,SAAS,UAAU;AAC3B,EACF,GACaC,IAA8B,EAAE,MAAM,KAAK,GAGlDC,IAA+B;CAAE,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI,IAAI;AAAG,GACxEC,IAAmC;CAAE,IAAI;CAAM,IAAI;CAAK,IAAI;CAAK,IAAI;CAAK,IAAI;AAAI,GAQ3EC,IAAuB,kBAAqC,SAAc,EAAE,SAAM,UAAOH,EAA4B,MAAM,UAAO,cAAW,GAAGI,KAAS,GAAK;CACzK,OACE,kBAACC,GAAD;EACO;EACC;EACN,MAAMJ,EAAGK;EACT,aAAaJ,EAAOI;EACpB,OAAM;EACN,WAAWR,EAAG,YAAYC,EAAoB,KAAKO,EAAK,CAAC,SAASC,CAAS;EAC3E,GAAKC,IAAQ;GAAE,MAAM;GAAO,cAAcA;EAAM,IAAI;GAAE,eAAe;GAAM,WAAW;EAAM;EAC5F,GAAIJ;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc"}
+{"version":3,"file":"icon-BqujXDUc.js","names":["cn","KAESO_ICON_VARIANTS","KAESO_ICON_DEFAULT_VARIANTS","PX","STROKE","Icon","props","HugeiconsIcon","size","className","label"],"sources":["../../src/components/icon/icon.tsx"],"sourcesContent":["import { forwardRef, type SVGAttributes } from \"react\";\nimport { HugeiconsIcon, type IconSvgElement } from \"@hugeicons/react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport type IconData = IconSvgElement;\n\nexport const KAESO_ICON_VARIANTS = {\n  size: {\n    xs: { classes: \"size-14\" },\n    sm: { classes: \"size-16\" },\n    md: { classes: \"size-18\" },\n    lg: { classes: \"size-20\" },\n    xl: { classes: \"size-24\" },\n  },\n} as const;\nexport const KAESO_ICON_DEFAULT_VARIANTS = { size: \"sm\" } as const;\nexport type IconSize = keyof typeof KAESO_ICON_VARIANTS.size;\n\nconst PX: Record<IconSize, number> = { xs: 14, sm: 16, md: 18, lg: 20, xl: 24 };\nconst STROKE: Record<IconSize, number> = { xs: 1.75, sm: 1.5, md: 1.5, lg: 1.5, xl: 1.5 };\n\nexport interface IconProps extends Omit<SVGAttributes<SVGSVGElement>, \"children\" | \"strokeWidth\" | \"color\"> {\n  icon: IconData;\n  size?: IconSize | undefined;\n  label?: string | undefined;\n}\n\nexport const Icon = /* @__PURE__ */ forwardRef<SVGSVGElement, IconProps>(function Icon({ icon, size = KAESO_ICON_DEFAULT_VARIANTS.size, label, className, ...props }, ref) {\n  return (\n    <HugeiconsIcon\n      ref={ref}\n      icon={icon}\n      size={PX[size]}\n      strokeWidth={STROKE[size]}\n      color=\"currentColor\"\n      className={cn(\"shrink-0\", KAESO_ICON_VARIANTS.size[size].classes, className)}\n      {...(label ? { role: \"img\", \"aria-label\": label } : { \"aria-hidden\": true, focusable: false })}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Icon.displayName = \"Icon\";\n"],"mappings":";;;;;;AAMA,IAAaC,IAAsB,EACjC,MAAM;CACJ,IAAI,EAAE,SAAS,UAAU;CACzB,IAAI,EAAE,SAAS,UAAU;CACzB,IAAI,EAAE,SAAS,UAAU;CACzB,IAAI,EAAE,SAAS,UAAU;CACzB,IAAI,EAAE,SAAS,UAAU;AAC3B,EACF,GACaC,IAA8B,EAAE,MAAM,KAAK,GAGlDC,IAA+B;CAAE,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI,IAAI;AAAG,GACxEC,IAAmC;CAAE,IAAI;CAAM,IAAI;CAAK,IAAI;CAAK,IAAI;CAAK,IAAI;AAAI,GAQ3EC,IAAuB,kBAAqC,SAAc,EAAE,SAAM,UAAOH,EAA4B,MAAM,UAAO,cAAW,GAAGI,KAAS,GAAK;CACzK,OACE,kBAACC,GAAD;EACO;EACC;EACN,MAAMJ,EAAGK;EACT,aAAaJ,EAAOI;EACpB,OAAM;EACN,WAAWR,EAAG,YAAYC,EAAoB,KAAKO,EAAK,CAAC,SAASC,CAAS;EAC3E,GAAKC,IAAQ;GAAE,MAAM;GAAO,cAAcA;EAAM,IAAI;GAAE,eAAe;GAAM,WAAW;EAAM;EAC5F,GAAIJ;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc"}

package/dist/chunks/{icon-button-_x1RUphC.js → icon-button-D4O4puwH.js}

@@ -1,6 +1,6 @@
 "use client";
-import { r as e } from "./tooltip-DEbCCsru.js";
-import { n as t } from "./button-DQvoOxVQ.js";
+import { r as e } from "./tooltip-S1DmyLVl.js";
+import { n as t } from "./button-CAPyW-v8.js";
 import { forwardRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/icon-button/icon-button.tsx
@@ -47,4 +47,4 @@ process.env.NODE_ENV !== "production" && (o.displayName = "IconButton");
 //#endregion
 export { a as n, i as r, o as t };
 
-//# sourceMappingURL=icon-button-_x1RUphC.js.map
+//# sourceMappingURL=icon-button-D4O4puwH.js.map

package/dist/chunks/{icon-button-_x1RUphC.js.map → icon-button-D4O4puwH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon-button-_x1RUphC.js","names":["Tooltip","Button","KAESO_ICON_BUTTON_VARIANTS","KAESO_ICON_BUTTON_DEFAULT_VARIANTS","IconButton","label","props","btn","disabled","disabledReason","tooltip","tooltipSide","shortcut"],"sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { Button, type ButtonSize, type ButtonVariant } from \"../button/button.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport type { IconData } from \"../icon/icon.js\";\n\nexport const KAESO_ICON_BUTTON_VARIANTS = {\n  variant: {\n    ghost: { classes: \"material-ghost\" },\n    quiet: { classes: \"material-ghost text-fg-secondary hover:text-fg\" },\n    secondary: { classes: \"material-secondary\" },\n    soft: { classes: \"material-soft\" },\n    primary: { classes: \"material-primary\" },\n    danger: { classes: \"material-danger\" },\n    \"danger-secondary\": { classes: \"material-danger-secondary\" },\n  },\n  size: {\n    xs: { classes: \"size-24\" },\n    sm: { classes: \"size-32\" },\n    md: { classes: \"size-36\" },\n    lg: { classes: \"size-40\" },\n    xl: { classes: \"size-48\" },\n  },\n} as const;\nexport const KAESO_ICON_BUTTON_DEFAULT_VARIANTS = { variant: \"ghost\", size: \"sm\" } as const;\n\nexport interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  icon: IconData;\n  \"aria-label\": string;\n  variant?: Exclude<ButtonVariant, \"link\"> | undefined;\n  size?: ButtonSize | undefined;\n  shortcut?: string[] | string[][] | undefined;\n  tooltip?: boolean | undefined;\n  tooltipSide?: \"top\" | \"bottom\" | \"left\" | \"right\" | undefined;\n  loading?: boolean | undefined;\n  disabledReason?: string | undefined;\n  href?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const IconButton = /* @__PURE__ */ forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  { icon, variant = \"ghost\", size = \"sm\", shortcut, tooltip = true, tooltipSide = \"top\", \"aria-label\": label, disabledReason, disabled, ...props },\n  ref,\n) {\n  const btn = (\n    <Button\n      ref={ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>}\n      shape=\"circle\"\n      icon={icon}\n      aria-label={label}\n      variant={variant}\n      size={size}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(disabledReason !== undefined ? { disabledReason } : {})}\n      {...props}\n    />\n  );\n  if (!tooltip || disabled) return btn;\n  return (\n    <Tooltip content={label} side={tooltipSide} {...(shortcut ? { shortcut } : {})}>\n      {btn}\n    </Tooltip>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") IconButton.displayName = \"IconButton\";\n"],"mappings":";;;;;;AAMA,IAAaE,IAA6B;CACxC,SAAS;EACP,OAAO,EAAE,SAAS,iBAAiB;EACnC,OAAO,EAAE,SAAS,iDAAiD;EACnE,WAAW,EAAE,SAAS,qBAAqB;EAC3C,MAAM,EAAE,SAAS,gBAAgB;EACjC,SAAS,EAAE,SAAS,mBAAmB;EACvC,QAAQ,EAAE,SAAS,kBAAkB;EACrC,oBAAoB,EAAE,SAAS,4BAA4B;CAC7D;CACA,MAAM;EACJ,IAAI,EAAE,SAAS,UAAU;EACzB,IAAI,EAAE,SAAS,UAAU;EACzB,IAAI,EAAE,SAAS,UAAU;EACzB,IAAI,EAAE,SAAS,UAAU;EACzB,IAAI,EAAE,SAAS,UAAU;CAC3B;AACF,GACaC,IAAqC;CAAE,SAAS;CAAS,MAAM;AAAK,GAgBpEC,IAA6B,kBAA+C,SACvF,EAAE,SAAM,aAAU,SAAS,UAAO,MAAM,aAAU,aAAU,IAAM,iBAAc,OAAO,cAAcC,GAAO,mBAAgB,aAAU,GAAGC,KACzI,GACA;CACA,IAAMC,IACJ,kBAACN,GAAD;EACO;EACL,OAAM;EACA;EACN,cAAYI;EACH;EACH;EACN,GAAKG,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;EACzC,GAAKC,MAAmB,KAAA,IAAiC,CAAC,IAAtB,EAAE,kBAAe;EACrD,GAAIH;CACL,CAAA;CAGH,OADI,CAACI,KAAWF,IAAiBD,IAE/B,kBAACP,GAAD;EAAS,SAASK;EAAO,MAAMM;EAAa,GAAKC,IAAW,EAAE,YAAS,IAAI,CAAC;EACzE,UAAAL;CACM,CAAA;AAEb,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}
+{"version":3,"file":"icon-button-D4O4puwH.js","names":["Tooltip","Button","KAESO_ICON_BUTTON_VARIANTS","KAESO_ICON_BUTTON_DEFAULT_VARIANTS","IconButton","label","props","btn","disabled","disabledReason","tooltip","tooltipSide","shortcut"],"sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { Button, type ButtonSize, type ButtonVariant } from \"../button/button.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport type { IconData } from \"../icon/icon.js\";\n\nexport const KAESO_ICON_BUTTON_VARIANTS = {\n  variant: {\n    ghost: { classes: \"material-ghost\" },\n    quiet: { classes: \"material-ghost text-fg-secondary hover:text-fg\" },\n    secondary: { classes: \"material-secondary\" },\n    soft: { classes: \"material-soft\" },\n    primary: { classes: \"material-primary\" },\n    danger: { classes: \"material-danger\" },\n    \"danger-secondary\": { classes: \"material-danger-secondary\" },\n  },\n  size: {\n    xs: { classes: \"size-24\" },\n    sm: { classes: \"size-32\" },\n    md: { classes: \"size-36\" },\n    lg: { classes: \"size-40\" },\n    xl: { classes: \"size-48\" },\n  },\n} as const;\nexport const KAESO_ICON_BUTTON_DEFAULT_VARIANTS = { variant: \"ghost\", size: \"sm\" } as const;\n\nexport interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  icon: IconData;\n  \"aria-label\": string;\n  variant?: Exclude<ButtonVariant, \"link\"> | undefined;\n  size?: ButtonSize | undefined;\n  shortcut?: string[] | string[][] | undefined;\n  tooltip?: boolean | undefined;\n  tooltipSide?: \"top\" | \"bottom\" | \"left\" | \"right\" | undefined;\n  loading?: boolean | undefined;\n  disabledReason?: string | undefined;\n  href?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const IconButton = /* @__PURE__ */ forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  { icon, variant = \"ghost\", size = \"sm\", shortcut, tooltip = true, tooltipSide = \"top\", \"aria-label\": label, disabledReason, disabled, ...props },\n  ref,\n) {\n  const btn = (\n    <Button\n      ref={ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>}\n      shape=\"circle\"\n      icon={icon}\n      aria-label={label}\n      variant={variant}\n      size={size}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(disabledReason !== undefined ? { disabledReason } : {})}\n      {...props}\n    />\n  );\n  if (!tooltip || disabled) return btn;\n  return (\n    <Tooltip content={label} side={tooltipSide} {...(shortcut ? { shortcut } : {})}>\n      {btn}\n    </Tooltip>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") IconButton.displayName = \"IconButton\";\n"],"mappings":";;;;;;AAMA,IAAaE,IAA6B;CACxC,SAAS;EACP,OAAO,EAAE,SAAS,iBAAiB;EACnC,OAAO,EAAE,SAAS,iDAAiD;EACnE,WAAW,EAAE,SAAS,qBAAqB;EAC3C,MAAM,EAAE,SAAS,gBAAgB;EACjC,SAAS,EAAE,SAAS,mBAAmB;EACvC,QAAQ,EAAE,SAAS,kBAAkB;EACrC,oBAAoB,EAAE,SAAS,4BAA4B;CAC7D;CACA,MAAM;EACJ,IAAI,EAAE,SAAS,UAAU;EACzB,IAAI,EAAE,SAAS,UAAU;EACzB,IAAI,EAAE,SAAS,UAAU;EACzB,IAAI,EAAE,SAAS,UAAU;EACzB,IAAI,EAAE,SAAS,UAAU;CAC3B;AACF,GACaC,IAAqC;CAAE,SAAS;CAAS,MAAM;AAAK,GAgBpEC,IAA6B,kBAA+C,SACvF,EAAE,SAAM,aAAU,SAAS,UAAO,MAAM,aAAU,aAAU,IAAM,iBAAc,OAAO,cAAcC,GAAO,mBAAgB,aAAU,GAAGC,KACzI,GACA;CACA,IAAMC,IACJ,kBAACN,GAAD;EACO;EACL,OAAM;EACA;EACN,cAAYI;EACH;EACH;EACN,GAAKG,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;EACzC,GAAKC,MAAmB,KAAA,IAAiC,CAAC,IAAtB,EAAE,kBAAe;EACrD,GAAIH;CACL,CAAA;CAGH,OADI,CAACI,KAAWF,IAAiBD,IAE/B,kBAACP,GAAD;EAAS,SAASK;EAAO,MAAMM;EAAa,GAAKC,IAAW,EAAE,YAAS,IAAI,CAAC;EACzE,UAAAL;CACM,CAAA;AAEb,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}