@kb.ui/react 0.0.0-stage → 0.10.2

package/dist/index.js

@@ -0,0 +1,1770 @@
+import { clsx as e } from "clsx";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Button as i } from "@base-ui/react/button";
+import { Children as a, createContext as o, createElement as s, forwardRef as c, useCallback as l, useContext as u, useEffect as d, useId as f, useImperativeHandle as p, useLayoutEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { Combobox as v } from "@base-ui/react/combobox";
+import { Dialog as y } from "@base-ui/react/dialog";
+import { Field as b } from "@base-ui/react/field";
+import { Input as x } from "@base-ui/react/input";
+import { Menu as S } from "@base-ui/react/menu";
+import { Separator as C } from "@base-ui/react/separator";
+import { NumberField as w } from "@base-ui/react/number-field";
+import { Collapsible as T } from "@base-ui/react/collapsible";
+import { Progress as E } from "@base-ui/react/progress";
+import { Radio as D } from "@base-ui/react/radio";
+import { RadioGroup as O } from "@base-ui/react/radio-group";
+import { ScrollArea as k } from "@base-ui/react/scroll-area";
+import { Select as A } from "@base-ui/react/select";
+import { Toolbar as j } from "@base-ui/react/toolbar";
+import { Tooltip as M } from "@base-ui/react/tooltip";
+//#region src/utils/kb.ts
+function N(t, n = {}, r) {
+	let i = { className: e(`kb-${t}`, r) };
+	for (let [e, t] of Object.entries(n)) t !== void 0 && t !== !1 && (i[`data-${e}`] = t === !0 ? "" : t);
+	return i;
+}
+function P(e, t) {
+	let n = t !== void 0 && t !== !1 && t !== "false", r = e || n;
+	return {
+		invalid: r,
+		ariaInvalid: n ? t : r ? !0 : t
+	};
+}
+//#endregion
+//#region src/components/Badge/Badge.tsx
+function F({ tone: e = "neutral", appearance: t = "chip", mono: r = !1, preserveCase: i = !1, className: a, ...o }) {
+	return /* @__PURE__ */ n("span", {
+		...o,
+		...N("badge", {
+			tone: e,
+			appearance: t,
+			mono: r,
+			"preserve-case": i
+		}, a)
+	});
+}
+//#endregion
+//#region src/components/Button/Button.tsx
+function I({ variant: e = "primary", size: t = "md", className: r, ...a }) {
+	return /* @__PURE__ */ n(i, {
+		...a,
+		...N("button", {
+			variant: e,
+			size: t
+		}, r)
+	});
+}
+//#endregion
+//#region src/components/Callout/Callout.tsx
+function L({ classNames: t, tone: i = "neutral", title: a, icon: o, actions: s, live: c = !1, className: l, children: u, ...d }) {
+	return /* @__PURE__ */ r("div", {
+		...d,
+		...c ? { role: "status" } : {},
+		...N("callout", { tone: i }, l),
+		children: [o == null ? null : /* @__PURE__ */ n("span", {
+			className: e("kb-callout-icon", t?.icon),
+			"aria-hidden": "true",
+			children: o
+		}), /* @__PURE__ */ r("div", {
+			className: e("kb-callout-content", t?.content),
+			children: [
+				a == null ? null : /* @__PURE__ */ n("div", {
+					className: e("kb-callout-title", t?.title),
+					children: a
+				}),
+				/* @__PURE__ */ n("div", {
+					className: e("kb-callout-body", t?.body),
+					children: u
+				}),
+				s == null ? null : /* @__PURE__ */ n("div", {
+					className: e("kb-callout-actions", t?.actions),
+					children: s
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/Card/Card.tsx
+function R({ as: e, appearance: t = "outlined", className: n, ...r }) {
+	return s(e ?? "article", {
+		...r,
+		...N("card", { appearance: t }, n)
+	});
+}
+//#endregion
+//#region src/components/Checkbox/Checkbox.tsx
+function z({ classNames: t, label: i, checked: a, onCheckedChange: o, indeterminate: s = !1, visuallyHidden: c, description: l, error: u, disabled: d, readOnly: h, className: _, controlClassName: v, id: y, ref: b, style: x, "aria-invalid": S, ...C }) {
+	let w = f(), T = y ?? w, E = g(null);
+	p(b, () => E.current), m(() => {
+		E.current && (E.current.indeterminate = s);
+	});
+	let { invalid: D, ariaInvalid: O } = P(!!u, S), k = [
+		l ? `${T}-description` : null,
+		u ? `${T}-error` : null,
+		C["aria-describedby"]
+	].filter(Boolean).join(" ") || void 0, A = Object.fromEntries(Object.entries(x ?? {}).filter(([e]) => e.startsWith("--")));
+	return /* @__PURE__ */ r("div", {
+		...N("checkbox", {
+			disabled: d,
+			invalid: D
+		}, _),
+		style: A,
+		children: [
+			/* @__PURE__ */ n("input", {
+				...C,
+				style: x,
+				id: T,
+				ref: E,
+				type: "checkbox",
+				checked: a,
+				"aria-checked": s ? "mixed" : a,
+				disabled: d,
+				readOnly: h,
+				"aria-readonly": h || void 0,
+				"aria-invalid": O,
+				"aria-describedby": k,
+				className: e("kb-checkbox-control", t?.control, v),
+				onChange: (e) => {
+					e.target.indeterminate = s, !d && !h && o(s ? !0 : e.target.checked);
+				}
+			}),
+			/* @__PURE__ */ n("span", {
+				className: e("kb-checkbox-mark", t?.mark),
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ r("svg", {
+					"aria-hidden": "true",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					children: [/* @__PURE__ */ n("path", {
+						className: e("kb-checkbox-tick", t?.tick),
+						d: "m3 8 3 3 7-7"
+					}), /* @__PURE__ */ n("path", {
+						className: e("kb-checkbox-mixed", t?.mixed),
+						d: "M3 8h10"
+					})]
+				})
+			}),
+			/* @__PURE__ */ n("label", {
+				htmlFor: T,
+				className: e("kb-checkbox-label", t?.label, c && "kb-sr-only"),
+				children: i
+			}),
+			l && /* @__PURE__ */ n("p", {
+				id: `${T}-description`,
+				className: e("kb-checkbox-description", t?.description),
+				children: l
+			}),
+			u && /* @__PURE__ */ n("p", {
+				id: `${T}-error`,
+				className: e("kb-checkbox-error", t?.error),
+				children: u
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Code/Code.tsx
+function B({ className: e, ...t }) {
+	return /* @__PURE__ */ n("code", {
+		...t,
+		...N("code", {}, e)
+	});
+}
+//#endregion
+//#region src/components/Combobox/Combobox.tsx
+var V = c(function({ label: t, options: i, value: a, onValueChange: o, placeholder: s, emptyMessage: c = "No matching options", size: l = "md", description: u, error: d, invalid: p, disabled: m = !1, readOnly: _ = !1, required: y = !1, name: b, open: x, defaultOpen: S, onOpenChange: C, inputValue: w, onInputValueChange: T, clearLabel: E, toggleLabel: D, container: O, className: k, classNames: A, id: j, "aria-describedby": M, "aria-invalid": F, ...I }, L) {
+	let R = f(), z = g(null), B = j ?? `${R}-input`, V = `${R}-label`, H = `${R}-desc`, U = `${R}-err`, W = !!d, { invalid: G, ariaInvalid: K } = P(!!p || W, F), q = !!u, J = [
+		q ? H : null,
+		W ? U : null,
+		M
+	].filter(Boolean).join(" ") || void 0, Y = h(() => v.createItems(i, {
+		getValue: (e) => e.value,
+		getLabel: (e) => e.label
+	}), [i]), X = h(() => a !== null && i.some((e) => e.value === a) ? a : null, [a, i]);
+	return /* @__PURE__ */ n(v.Root, {
+		items: Y,
+		value: X,
+		onValueChange: (e) => {
+			m || _ || o(e ?? null);
+		},
+		inputValue: w,
+		onInputValueChange: (e) => {
+			T?.(e);
+		},
+		open: x,
+		defaultOpen: S,
+		onOpenChange: (e) => {
+			C?.(e);
+		},
+		disabled: m,
+		readOnly: _,
+		required: y,
+		name: b,
+		children: /* @__PURE__ */ r("div", {
+			...I,
+			ref: z,
+			...N("combobox", {
+				size: l,
+				invalid: G,
+				disabled: m,
+				readonly: _,
+				required: y
+			}, k),
+			children: [
+				/* @__PURE__ */ n("label", {
+					id: V,
+					htmlFor: B,
+					className: e("kb-combobox-label", A?.label),
+					children: t
+				}),
+				/* @__PURE__ */ r(v.InputGroup, {
+					"aria-labelledby": V,
+					className: e("kb-combobox-shell", A?.shell),
+					children: [/* @__PURE__ */ n(v.Input, {
+						ref: L,
+						id: B,
+						placeholder: s,
+						"aria-labelledby": V,
+						"aria-invalid": K,
+						"aria-describedby": J,
+						className: e("kb-combobox-input", A?.input)
+					}), /* @__PURE__ */ r("div", {
+						className: e("kb-combobox-actions", A?.actions),
+						children: [/* @__PURE__ */ n(v.Clear, {
+							"aria-label": E ?? `Clear ${t}`,
+							disabled: m || _,
+							className: e("kb-combobox-clear", A?.clear),
+							children: /* @__PURE__ */ n("span", {
+								"aria-hidden": "true",
+								children: "×"
+							})
+						}), /* @__PURE__ */ n(v.Trigger, {
+							"aria-label": D ?? `Toggle ${t} options`,
+							disabled: m,
+							className: e("kb-combobox-trigger", A?.trigger),
+							children: /* @__PURE__ */ n("span", {
+								"aria-hidden": "true",
+								children: "▾"
+							})
+						})]
+					})]
+				}),
+				/* @__PURE__ */ n(v.Portal, {
+					container: O ?? z,
+					children: /* @__PURE__ */ n(v.Positioner, {
+						sideOffset: 6,
+						className: e("kb-combobox-positioner", A?.positioner),
+						children: /* @__PURE__ */ r(v.Popup, {
+							className: e("kb-combobox-popup", A?.popup),
+							children: [/* @__PURE__ */ n(v.List, {
+								"aria-labelledby": V,
+								className: e("kb-combobox-list", A?.list),
+								children: (t) => /* @__PURE__ */ r(v.Item, {
+									value: t.value,
+									disabled: !!t.disabled,
+									className: e("kb-combobox-option", A?.option),
+									children: [/* @__PURE__ */ n(v.ItemIndicator, {
+										keepMounted: !0,
+										className: e("kb-combobox-option-indicator", A?.optionIndicator),
+										children: "✓"
+									}), /* @__PURE__ */ n("span", {
+										className: e("kb-combobox-option-label", A?.optionLabel),
+										children: t.label
+									})]
+								}, t.value)
+							}), /* @__PURE__ */ n(v.Empty, {
+								className: e("kb-combobox-empty", A?.empty),
+								children: c
+							})]
+						})
+					})
+				}),
+				q && /* @__PURE__ */ n("p", {
+					id: H,
+					className: e("kb-combobox-description", A?.description),
+					children: u
+				}),
+				W && /* @__PURE__ */ n("p", {
+					id: U,
+					className: e("kb-combobox-error", A?.error),
+					children: d
+				})
+			]
+		})
+	});
+});
+//#endregion
+//#region src/components/Container/Container.tsx
+function H({ as: e, size: t = "lg", gutter: n = !0, className: r, ...i }) {
+	return s(e ?? "div", {
+		...i,
+		"data-gutter": void 0,
+		...N("container", {
+			size: t,
+			gutter: n ? void 0 : "none"
+		}, r)
+	});
+}
+//#endregion
+//#region src/components/Dialog/Dialog.tsx
+function U(e) {
+	return /* @__PURE__ */ n(y.Root, { ...e });
+}
+function W(e) {
+	return /* @__PURE__ */ n(y.Trigger, { ...e });
+}
+function G(e) {
+	return /* @__PURE__ */ n(y.Close, { ...e });
+}
+function K({ className: t, ...r }) {
+	return /* @__PURE__ */ n(y.Title, {
+		...r,
+		className: e("kb-dialog-title", t)
+	});
+}
+function q({ className: t, ...r }) {
+	return /* @__PURE__ */ n(y.Description, {
+		...r,
+		className: e("kb-dialog-description", t)
+	});
+}
+function J({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		...r,
+		className: e("kb-dialog-actions", t)
+	});
+}
+function Y({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		...r,
+		className: e("kb-dialog-header", t)
+	});
+}
+function X({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		...r,
+		className: e("kb-dialog-body", t)
+	});
+}
+function Z({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		...r,
+		className: e("kb-dialog-footer", t)
+	});
+}
+function Q({ classNames: t, title: i, description: a, container: o, children: s, className: c, ...l }) {
+	return /* @__PURE__ */ r(y.Portal, {
+		container: o,
+		children: [/* @__PURE__ */ n(y.Backdrop, { className: e("kb-dialog-backdrop", t?.backdrop) }), /* @__PURE__ */ r(y.Popup, {
+			...l,
+			className: e("kb-dialog-popup", c),
+			children: [
+				i != null && i !== "" ? /* @__PURE__ */ n(K, { children: i }) : null,
+				a != null && a !== "" ? /* @__PURE__ */ n(q, { children: a }) : null,
+				s
+			]
+		})]
+	});
+}
+var ee = Object.assign(U, {
+	Trigger: W,
+	Content: Q,
+	Title: K,
+	Description: q,
+	Close: G,
+	Actions: J,
+	Header: Y,
+	Body: X,
+	Footer: Z
+}), te = [
+	"input:not(:disabled):not([type='hidden']):not([hidden]):not([tabindex='-1']):not([aria-hidden='true'])",
+	"textarea:not(:disabled):not([hidden]):not([tabindex='-1']):not([aria-hidden='true'])",
+	"select:not(:disabled):not([hidden]):not([tabindex='-1']):not([aria-hidden='true'])",
+	"button:not(:disabled):not([hidden]):not([tabindex='-1']):not([aria-hidden='true'])",
+	"[tabindex]:not([tabindex='-1']):not(:disabled):not([hidden]):not([aria-hidden='true']):not([aria-disabled='true'])"
+].join(", ");
+function ne(e, t) {
+	if (!t.startsWith("#") || t.length < 2) return !1;
+	let n = t.slice(1), r = n;
+	try {
+		r = decodeURIComponent(n);
+	} catch {
+		r = n;
+	}
+	let i = e.getElementById(r);
+	if (!i) return !1;
+	let a = i.matches(te) ? i : i.querySelector(te) ?? (i.hasAttribute("tabindex") && !i.matches(":disabled") && !i.hidden ? i : null);
+	return a ? (a.focus(), a.scrollIntoView?.({ block: "nearest" }), !0) : !1;
+}
+var re = ({ ref: t, title: i = "There is a problem", description: a, items: o, headingLevel: s = 2, onItemSelect: c, tabIndex: l = -1, className: u, classNames: d, "aria-labelledby": p, "aria-describedby": m, ...h }) => {
+	let g = f();
+	if (o.length === 0) return null;
+	let _ = h.id ?? `kb-errorsummary-${g}`, v = `${_}-title`, y = a ? `${_}-description` : void 0, b = p ?? v, x = [y, m].filter(Boolean).join(" ") || void 0, S = `h${s}`, C = /* @__PURE__ */ new Map();
+	return /* @__PURE__ */ r("div", {
+		...h,
+		ref: t,
+		role: "alert",
+		tabIndex: l,
+		"aria-labelledby": b,
+		"aria-describedby": x,
+		...N("errorsummary", {}, u),
+		children: [
+			/* @__PURE__ */ n(S, {
+				id: v,
+				className: e("kb-errorsummary-title", d?.title),
+				children: i
+			}),
+			a ? /* @__PURE__ */ n("p", {
+				id: y,
+				className: e("kb-errorsummary-description", d?.description),
+				children: a
+			}) : null,
+			/* @__PURE__ */ n("ul", {
+				className: e("kb-errorsummary-list", d?.list),
+				children: o.map((t) => {
+					let r = t.id ?? `${t.href}:${typeof t.label == "string" || typeof t.label == "number" ? t.label : ""}`, i = (C.get(r) ?? 0) + 1;
+					C.set(r, i);
+					let a = i === 1 ? r : `${r}:${i}`;
+					return /* @__PURE__ */ n("li", {
+						className: e("kb-errorsummary-item", d?.item),
+						children: /* @__PURE__ */ n("a", {
+							href: t.href,
+							className: e("kb-errorsummary-link", d?.link),
+							onClick: (e) => {
+								c?.(t.href, e), !e.defaultPrevented && ne(e.currentTarget.ownerDocument, t.href) && e.preventDefault();
+							},
+							children: t.label
+						})
+					}, a);
+				})
+			})
+		]
+	});
+}, ie = ({ ref: t, legend: i, visuallyHidden: a, description: o, error: s, disabled: c, className: l, classNames: u, children: d, "aria-describedby": p, "aria-invalid": m, ...h }) => {
+	let g = f(), _ = h.id ?? `kb-fieldset-${g}`, v = !!s, { invalid: y, ariaInvalid: b } = P(v, m), x = o ? `${_}-description` : void 0, S = v ? `${_}-error` : void 0, C = [
+		x,
+		S,
+		p
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ r("fieldset", {
+		...h,
+		ref: t,
+		disabled: c,
+		"aria-invalid": b,
+		"aria-describedby": C,
+		...N("fieldset", {
+			disabled: !!c,
+			invalid: y
+		}, l),
+		children: [
+			/* @__PURE__ */ n("legend", {
+				className: e("kb-fieldset-legend", a && "kb-sr-only", u?.legend),
+				children: i
+			}),
+			o ? /* @__PURE__ */ n("p", {
+				id: x,
+				className: e("kb-fieldset-description", u?.description),
+				children: o
+			}) : null,
+			/* @__PURE__ */ n("div", {
+				className: e("kb-fieldset-fields", u?.fields),
+				children: d
+			}),
+			v ? /* @__PURE__ */ n("div", {
+				id: S,
+				className: e("kb-fieldset-error", u?.error),
+				children: s
+			}) : null
+		]
+	});
+}, ae = (e) => `Remove ${e.name}`, oe = (e) => `${e.name} removed.`, se = (e) => `${e} ${e === 1 ? "file" : "files"} selected.`;
+function ce({ classNames: i, label: a, items: o, onFiles: s, onRemove: c, accept: l, multiple: u = !0, disabled: d = !1, readOnly: h = !1, description: v, error: y, visuallyHidden: b, chooseLabel: x = "Choose files", emptyMessage: S = "No files added.", removeLabel: C = ae, removedMessage: w = oe, selectionMessage: T = se, renderItem: E, triggerClassName: D, listClassName: O, itemClassName: k, inputRef: A, triggerRef: j, className: M, onBlurCapture: F, "aria-describedby": L, "aria-invalid": R, ...z }) {
+	let B = f(), V = g(null), H = g(null), U = g(/* @__PURE__ */ new Map()), W = g(null), [G, K] = _("");
+	p(A, () => V.current), p(j, () => H.current);
+	let { invalid: q, ariaInvalid: J } = P(!!y, R), Y = d || h, X = [
+		v ? `${B}-description` : null,
+		y ? `${B}-error` : null,
+		L
+	].filter(Boolean).join(" ") || void 0;
+	return m(() => {
+		let e = W.current;
+		if (!e || o.some((t) => t.id === e.item.id)) return;
+		W.current = null;
+		let t = e.button.ownerDocument.activeElement;
+		if (!Y && (t === e.button.ownerDocument.body || t === e.button)) {
+			let t = o[Math.min(e.index, o.length - 1)];
+			(t ? U.current.get(t.id) : H.current)?.focus();
+		}
+		K(w(e.item));
+	}, [
+		o,
+		Y,
+		w
+	]), /* @__PURE__ */ r("div", {
+		...z,
+		...N("fileinput", {
+			disabled: d,
+			readonly: h,
+			invalid: q
+		}, M),
+		onBlurCapture: (e) => {
+			W.current?.button.isSameNode(e.target) && e.relatedTarget !== W.current.button && (W.current = null), F?.(e);
+		},
+		children: [
+			/* @__PURE__ */ n("span", {
+				id: `${B}-label`,
+				className: e("kb-fileinput-label", i?.label, b && "kb-sr-only"),
+				children: a
+			}),
+			/* @__PURE__ */ n("input", {
+				ref: V,
+				type: "file",
+				hidden: !0,
+				className: e("kb-fileinput-native", i?.native),
+				accept: l,
+				multiple: u,
+				disabled: Y,
+				onChange: (e) => {
+					let t = e.currentTarget;
+					try {
+						let e = Array.from(t.files ?? []);
+						!Y && e.length && (s(e), K(T(e.length)));
+					} finally {
+						t.value = "";
+					}
+				}
+			}),
+			/* @__PURE__ */ n(I, {
+				ref: H,
+				type: "button",
+				size: "lg",
+				variant: "secondary",
+				disabled: Y,
+				"aria-labelledby": `${B}-label ${B}-action`,
+				"aria-describedby": X,
+				"aria-invalid": J,
+				className: e("kb-fileinput-trigger", i?.trigger, D),
+				onClick: () => {
+					Y || V.current?.click();
+				},
+				children: /* @__PURE__ */ n("span", {
+					id: `${B}-action`,
+					children: x
+				})
+			}),
+			v && /* @__PURE__ */ n("p", {
+				id: `${B}-description`,
+				className: e("kb-fileinput-description", i?.description),
+				children: v
+			}),
+			y && /* @__PURE__ */ n("p", {
+				id: `${B}-error`,
+				className: e("kb-fileinput-error", i?.error),
+				role: "alert",
+				children: y
+			}),
+			o.length ? /* @__PURE__ */ n("ul", {
+				className: e("kb-fileinput-list", i?.list, O),
+				"aria-labelledby": `${B}-label`,
+				children: o.map((a, o) => /* @__PURE__ */ r("li", {
+					className: e("kb-fileinput-item", i?.item, k),
+					children: [/* @__PURE__ */ n("div", {
+						className: e("kb-fileinput-content", i?.content),
+						children: E ? E(a) : /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("span", {
+							className: e("kb-fileinput-name", i?.name),
+							children: a.name
+						}), a.description && /* @__PURE__ */ n("span", {
+							className: e("kb-fileinput-metadata", i?.metadata),
+							children: a.description
+						})] })
+					}), /* @__PURE__ */ n(I, {
+						ref: (e) => {
+							e ? U.current.set(a.id, e) : U.current.delete(a.id);
+						},
+						type: "button",
+						size: "lg",
+						variant: "ghost",
+						disabled: Y,
+						className: e("kb-fileinput-remove", i?.remove),
+						"aria-label": C(a),
+						onClick: (e) => {
+							Y || (e.currentTarget === e.currentTarget.ownerDocument.activeElement && (W.current = {
+								item: a,
+								index: o,
+								button: e.currentTarget
+							}), c(a.id));
+						},
+						children: /* @__PURE__ */ n("span", {
+							"aria-hidden": "true",
+							children: "×"
+						})
+					})]
+				}, a.id))
+			}) : /* @__PURE__ */ n("p", {
+				className: e("kb-fileinput-empty", i?.empty),
+				children: S
+			}),
+			/* @__PURE__ */ n("p", {
+				role: "status",
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				className: "kb-sr-only",
+				children: G
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/FormActions/FormActions.tsx
+var le = ({ ref: e, align: t = "end", divider: r = !1, className: i, children: a, ...o }) => /* @__PURE__ */ n("div", {
+	...o,
+	ref: e,
+	...N("formactions", {
+		align: t,
+		divider: r
+	}, i),
+	children: a
+});
+//#endregion
+//#region src/components/Grid/Grid.tsx
+function ue({ as: e, layout: t = "auto", className: n, ...r }) {
+	return s(e ?? "div", {
+		...r,
+		...N("grid", { layout: t }, n)
+	});
+}
+//#endregion
+//#region src/components/Heading/Heading.tsx
+var de = {
+	1: "xl",
+	2: "lg",
+	3: "md",
+	4: "sm",
+	5: "sm",
+	6: "sm"
+};
+function fe({ level: e = 2, size: t = de[e], className: n, ...r }) {
+	return s(`h${e}`, {
+		...r,
+		...N("heading", { size: t }, n)
+	});
+}
+//#endregion
+//#region src/components/Inline/Inline.tsx
+function pe({ as: e, gap: t = "md", align: n = "center", justify: r = "start", className: i, ...a }) {
+	return s(e ?? "div", {
+		...a,
+		...N("inline", {
+			gap: t,
+			align: n,
+			justify: r
+		}, i)
+	});
+}
+//#endregion
+//#region src/components/Input/Input.tsx
+function me({ classNames: t, label: i, visuallyHidden: a, description: o, error: s, size: c = "md", disabled: l, className: u, startContent: d, endContent: f, "aria-invalid": p, ...m }) {
+	let { invalid: h, ariaInvalid: g } = P(!!s, p);
+	return /* @__PURE__ */ r(b.Root, {
+		...N("input", {
+			size: c,
+			invalid: h,
+			"start-adornment": !!d,
+			"end-adornment": !!f
+		}, u),
+		invalid: h,
+		disabled: !!l,
+		children: [
+			/* @__PURE__ */ n(b.Label, {
+				className: e("kb-input-label", t?.label, a && "kb-sr-only"),
+				children: i
+			}),
+			/* @__PURE__ */ r("div", {
+				className: e("kb-input-shell", t?.shell),
+				children: [
+					d && /* @__PURE__ */ n("span", {
+						className: e("kb-input-start", t?.start),
+						children: d
+					}),
+					/* @__PURE__ */ n(x, {
+						...m,
+						"aria-invalid": g,
+						render: m.render ?? (typeof g == "string" ? /* @__PURE__ */ n("input", { "aria-invalid": g }) : void 0),
+						className: e("kb-input-control", t?.control)
+					}),
+					f && /* @__PURE__ */ n("span", {
+						className: e("kb-input-end", t?.end),
+						children: f
+					})
+				]
+			}),
+			o ? /* @__PURE__ */ n(b.Description, {
+				className: e("kb-input-description", t?.description),
+				children: o
+			}) : null,
+			s ? /* @__PURE__ */ n(b.Error, {
+				className: e("kb-input-error", t?.error),
+				match: !0,
+				children: s
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/components/Link/Link.tsx
+function he({ className: e, ...t }) {
+	return /* @__PURE__ */ n("a", {
+		...t,
+		...N("link", {}, e)
+	});
+}
+//#endregion
+//#region src/components/Menu/Menu.tsx
+var ge = o(!1);
+function _e({ onOpenChange: e, ...t }) {
+	let [r, i] = _(!1);
+	return d(() => {
+		if (!r) return;
+		let e = () => i(!1);
+		return document.addEventListener("keydown", e, {
+			capture: !0,
+			once: !0
+		}), () => document.removeEventListener("keydown", e, !0);
+	}, [r]), /* @__PURE__ */ n(ge.Provider, {
+		value: r,
+		children: /* @__PURE__ */ n(S.Root, {
+			...t,
+			onOpenChange: (t, n) => {
+				let r = n.event;
+				i(/^(pointer|mouse|touch|click)/.test(r.type) && !(r.type === "click" && "detail" in r && r.detail === 0)), e?.(t, n);
+			}
+		})
+	});
+}
+function ve(e) {
+	let t = u(ge);
+	return /* @__PURE__ */ n(S.Trigger, {
+		...e,
+		"data-kb-menu-trigger": "",
+		"data-pointer-focus": t || void 0
+	});
+}
+function ye({ side: t = "bottom", align: r = "start", className: i, container: a, ...o }) {
+	return /* @__PURE__ */ n(S.Portal, {
+		container: a,
+		children: /* @__PURE__ */ n(S.Positioner, {
+			side: t,
+			align: r,
+			sideOffset: 6,
+			children: /* @__PURE__ */ n(S.Popup, {
+				...o,
+				className: e("kb-menu", i)
+			})
+		})
+	});
+}
+function be({ className: t, ...r }) {
+	return /* @__PURE__ */ n(S.Item, {
+		...r,
+		className: e("kb-menu-item", t)
+	});
+}
+function xe({ className: t, ...r }) {
+	return /* @__PURE__ */ n(C, {
+		...r,
+		className: e("kb-menu-separator", t)
+	});
+}
+var Se = Object.assign(_e, {
+	Trigger: ve,
+	Content: ye,
+	Item: be,
+	Separator: xe
+}), Ce = (e) => `Remove ${e.label}`, we = {
+	"aria-readonly": void 0,
+	"aria-disabled": void 0
+}, Te = c(function({ label: t, options: i, value: a, onValueChange: o, placeholder: s, emptyMessage: c = "No matching options", size: l = "md", description: u, error: d, invalid: p, disabled: m = !1, readOnly: _ = !1, required: y = !1, name: b, open: x, defaultOpen: S, onOpenChange: C, inputValue: w, onInputValueChange: T, removeLabel: E = Ce, clearLabel: D, toggleLabel: O, container: k, className: A, classNames: j, id: M, "aria-describedby": F, "aria-invalid": I, ...L }, R) {
+	let z = f(), B = g(null), V = M ?? `${z}-input`, H = `${z}-label`, U = `${z}-desc`, W = `${z}-err`, G = !!d, { invalid: K, ariaInvalid: q } = P(!!p || G, I), J = !!u, Y = [
+		J ? U : null,
+		G ? W : null,
+		F
+	].filter(Boolean).join(" ") || void 0, X = h(() => v.createItems(i, {
+		getValue: (e) => e.value,
+		getLabel: (e) => e.label
+	}), [i]), Z = h(() => new Map(i.map((e) => [e.value, e])), [i]), Q = h(() => a.filter((e, t) => Z.has(e) && a.indexOf(e) === t), [a, Z]), ee = h(() => Q.map((e) => Z.get(e)).filter((e) => e !== void 0), [Q, Z]);
+	return /* @__PURE__ */ n(v.Root, {
+		multiple: !0,
+		items: X,
+		value: Q,
+		onValueChange: (e) => {
+			m || _ || o(e ?? []);
+		},
+		inputValue: w,
+		onInputValueChange: (e) => {
+			T?.(e);
+		},
+		open: x,
+		defaultOpen: S,
+		onOpenChange: (e) => {
+			C?.(e);
+		},
+		disabled: m,
+		readOnly: _,
+		required: y,
+		name: b,
+		children: /* @__PURE__ */ r("div", {
+			...L,
+			ref: B,
+			...N("multiselect", {
+				size: l,
+				invalid: K,
+				disabled: m,
+				readonly: _,
+				required: y
+			}, A),
+			children: [
+				/* @__PURE__ */ n("label", {
+					id: H,
+					htmlFor: V,
+					className: e("kb-multiselect-label", j?.label),
+					children: t
+				}),
+				/* @__PURE__ */ r(v.InputGroup, {
+					"aria-labelledby": H,
+					className: e("kb-multiselect-shell", j?.shell),
+					children: [/* @__PURE__ */ r(v.Chips, {
+						"aria-label": `${t} selections`,
+						className: e("kb-multiselect-chips", j?.chips),
+						children: [ee.map((t) => /* @__PURE__ */ r(v.Chip, {
+							...we,
+							className: e("kb-multiselect-chip", j?.chip),
+							children: [/* @__PURE__ */ n("span", {
+								className: e("kb-multiselect-chip-label", j?.chipLabel),
+								children: t.label
+							}), /* @__PURE__ */ n(v.ChipRemove, {
+								"aria-label": E(t),
+								disabled: m || _,
+								className: e("kb-multiselect-chip-remove", j?.chipRemove),
+								children: /* @__PURE__ */ n("span", {
+									"aria-hidden": "true",
+									children: "×"
+								})
+							})]
+						}, t.value)), /* @__PURE__ */ n(v.Input, {
+							ref: R,
+							id: V,
+							placeholder: s,
+							"aria-labelledby": H,
+							"aria-invalid": q,
+							"aria-describedby": Y,
+							className: e("kb-multiselect-input", j?.input)
+						})]
+					}), /* @__PURE__ */ r("div", {
+						className: e("kb-multiselect-actions", j?.actions),
+						children: [/* @__PURE__ */ n(v.Clear, {
+							"aria-label": D ?? `Clear ${t}`,
+							disabled: m || _,
+							className: e("kb-multiselect-clear", j?.clear),
+							children: /* @__PURE__ */ n("span", {
+								"aria-hidden": "true",
+								children: "×"
+							})
+						}), /* @__PURE__ */ n(v.Trigger, {
+							"aria-label": O ?? `Toggle ${t} options`,
+							disabled: m,
+							className: e("kb-multiselect-trigger", j?.trigger),
+							children: /* @__PURE__ */ n("span", {
+								"aria-hidden": "true",
+								children: "▾"
+							})
+						})]
+					})]
+				}),
+				/* @__PURE__ */ n(v.Portal, {
+					container: k ?? B,
+					children: /* @__PURE__ */ n(v.Positioner, {
+						sideOffset: 6,
+						className: e("kb-multiselect-positioner", j?.positioner),
+						children: /* @__PURE__ */ r(v.Popup, {
+							className: e("kb-multiselect-popup", j?.popup),
+							children: [/* @__PURE__ */ n(v.List, {
+								"aria-labelledby": H,
+								className: e("kb-multiselect-list", j?.list),
+								children: (t) => /* @__PURE__ */ r(v.Item, {
+									value: t.value,
+									disabled: !!t.disabled,
+									className: e("kb-multiselect-option", j?.option),
+									children: [/* @__PURE__ */ n(v.ItemIndicator, {
+										keepMounted: !0,
+										className: e("kb-multiselect-option-indicator", j?.optionIndicator),
+										children: "✓"
+									}), /* @__PURE__ */ n("span", {
+										className: e("kb-multiselect-option-label", j?.optionLabel),
+										children: t.label
+									})]
+								}, t.value)
+							}), /* @__PURE__ */ n(v.Empty, {
+								className: e("kb-multiselect-empty", j?.empty),
+								children: c
+							})]
+						})
+					})
+				}),
+				J && /* @__PURE__ */ n("p", {
+					id: U,
+					className: e("kb-multiselect-description", j?.description),
+					children: u
+				}),
+				G && /* @__PURE__ */ n("p", {
+					id: W,
+					className: e("kb-multiselect-error", j?.error),
+					children: d
+				})
+			]
+		})
+	});
+});
+//#endregion
+//#region src/components/NumberField/NumberField.tsx
+function Ee({ classNames: t, label: i, value: a, onValueChange: o, min: s, max: c, step: l = 1, locale: u, name: d, form: p, required: m, disabled: h = !1, readOnly: g = !1, visuallyHidden: _, description: v, error: y, size: b = "md", inputClassName: x, groupClassName: S, inputRef: C, inputProps: T, decrementLabel: E = `Decrease ${i}`, incrementLabel: D = `Increase ${i}`, className: O, "aria-describedby": k, "aria-invalid": A, ...j }) {
+	let M = f(), { invalid: F, ariaInvalid: I } = P(!!y, T?.["aria-invalid"] ?? A), L = [
+		v ? `${M}-description` : null,
+		y ? `${M}-error` : null,
+		k,
+		T?.["aria-describedby"]
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ r("div", {
+		...j,
+		...N("numberfield", {
+			size: b,
+			disabled: h,
+			readonly: g,
+			invalid: F
+		}, O),
+		children: [
+			/* @__PURE__ */ n("label", {
+				htmlFor: M,
+				className: e("kb-numberfield-label", t?.label, _ && "kb-sr-only"),
+				children: i
+			}),
+			/* @__PURE__ */ n(w.Root, {
+				id: M,
+				value: a,
+				onValueChange: (e) => {
+					!h && !g && o(e);
+				},
+				min: s,
+				max: c,
+				step: l,
+				smallStep: l,
+				largeStep: l * 10,
+				locale: u,
+				name: d,
+				form: p,
+				required: m,
+				disabled: h,
+				readOnly: g,
+				snapOnStep: !0,
+				allowOutOfRange: !0,
+				allowWheelScrub: !1,
+				className: e("kb-numberfield-editor", t?.editor),
+				children: /* @__PURE__ */ r(w.Group, {
+					className: e("kb-numberfield-group", t?.group, S),
+					children: [
+						/* @__PURE__ */ n(w.Decrement, {
+							"aria-label": E,
+							className: e("kb-numberfield-decrement", t?.decrement),
+							children: "−"
+						}),
+						/* @__PURE__ */ n(w.Input, {
+							...T,
+							ref: C,
+							"aria-describedby": L,
+							"aria-invalid": I,
+							className: e("kb-numberfield-input", t?.input, x)
+						}),
+						/* @__PURE__ */ n(w.Increment, {
+							"aria-label": D,
+							className: e("kb-numberfield-increment", t?.increment),
+							children: "+"
+						})
+					]
+				})
+			}),
+			v && /* @__PURE__ */ n("p", {
+				id: `${M}-description`,
+				className: e("kb-numberfield-description", t?.description),
+				children: v
+			}),
+			y && /* @__PURE__ */ n("p", {
+				id: `${M}-error`,
+				className: e("kb-numberfield-error", t?.error),
+				children: y
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Panel/Panel.tsx
+var De = o(!1), Oe = o(!1), ke = o("column"), $ = (e) => e?.previousElementSibling;
+function Ae({ tone: e = "default", rail: t = "none", density: i = "standard", collapsible: a = !1, open: o, defaultOpen: s, onOpenChange: c, className: l, children: d, ref: f, ...p }) {
+	let m = N("panel", {
+		tone: e,
+		rail: t,
+		density: i,
+		nested: u(De),
+		collapsible: a
+	}, l), h = /* @__PURE__ */ n(De, {
+		value: !0,
+		children: /* @__PURE__ */ r(Oe, {
+			value: a,
+			children: [
+				/* @__PURE__ */ n("span", {
+					className: "kb-panel-glow",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ n("span", {
+					className: "kb-panel-plate",
+					"aria-hidden": "true",
+					children: t === "none" ? null : /* @__PURE__ */ n("span", { className: "kb-panel-rail" })
+				}),
+				d
+			]
+		})
+	});
+	return a ? /* @__PURE__ */ n(T.Root, {
+		...p,
+		ref: f,
+		...o === void 0 ? {} : { open: o },
+		...s === void 0 ? {} : { defaultOpen: s },
+		...c ? { onOpenChange: (e) => c(e) } : {},
+		render: /* @__PURE__ */ n("section", {}),
+		...m,
+		children: h
+	}) : /* @__PURE__ */ n("section", {
+		...p,
+		ref: f,
+		...m,
+		children: h
+	});
+}
+function je({ className: t, ...r }) {
+	return /* @__PURE__ */ n("header", {
+		...r,
+		className: e("kb-panel-header", t)
+	});
+}
+function Me({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		...r,
+		className: e("kb-panel-toolbar", t)
+	});
+}
+function Ne({ className: t, ...r }) {
+	let i = u(Oe), a = e("kb-panel-body", t);
+	return n(i ? T.Panel : "div", {
+		...r,
+		className: a
+	});
+}
+function Pe({ className: t, ...r }) {
+	return /* @__PURE__ */ n("footer", {
+		...r,
+		className: e("kb-panel-footer", t)
+	});
+}
+function Fe({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		...r,
+		className: e("kb-panel-well", t)
+	});
+}
+function Ie({ className: t, ...r }) {
+	return /* @__PURE__ */ n(T.Trigger, {
+		...r,
+		className: e("kb-panel-toggle", t)
+	});
+}
+function Le({ direction: e = "column", className: t, ...r }) {
+	return /* @__PURE__ */ n(ke, {
+		value: e,
+		children: /* @__PURE__ */ n("div", {
+			...r,
+			...N("panel-group", { direction: e }, t)
+		})
+	});
+}
+function Re({ size: e, defaultSize: t = 50, min: r = 10, max: i = 90, step: a = 5, onSizeChange: o, className: s, ref: c, onKeyDown: l, onPointerDown: d, onPointerMove: p, onPointerUp: h, onPointerCancel: v, ...y }) {
+	let b = u(ke) === "row", x = (e) => Math.min(i, Math.max(r, e)), [S, C] = _(t), w = x(e ?? S), [T, E] = _(), [D, O] = _(!1), k = g(w), A = g(null), j = f();
+	m(() => {
+		let e = $(A.current);
+		e && (e.id ||= j, E(e.id));
+	}, [j]), m(() => {
+		$(A.current)?.style.setProperty("--kb-panel-size", `${w}%`);
+	}, [w]);
+	let M = (t) => {
+		let n = x(t);
+		n !== w && (e === void 0 && C(n), o?.(n));
+	}, P = {
+		[b ? "ArrowLeft" : "ArrowUp"]: () => w - a,
+		[b ? "ArrowRight" : "ArrowDown"]: () => w + a,
+		Home: () => r,
+		End: () => i,
+		Enter: () => w > r ? (k.current = w, r) : k.current
+	}, F = (e) => {
+		l?.(e);
+		let t = P[e.key];
+		!e.defaultPrevented && t && (e.preventDefault(), M(t()));
+	}, I = (e) => {
+		d?.(e), !(e.defaultPrevented || e.button !== 0) && (e.preventDefault(), e.currentTarget.setPointerCapture?.(e.pointerId), O(!0));
+	}, L = (e) => {
+		p?.(e);
+		let t = A.current?.parentElement?.getBoundingClientRect(), n = $(A.current)?.getBoundingClientRect();
+		if (!D || !t || !n) return;
+		let r = b ? e.clientX - n.left : e.clientY - n.top, i = b ? t.width : t.height;
+		i > 0 && M(Math.round(r / i * 1e3) / 10);
+	}, R = (e) => {
+		e.currentTarget.releasePointerCapture?.(e.pointerId), O(!1);
+	};
+	return /* @__PURE__ */ n("div", {
+		...y,
+		ref: (e) => {
+			if (A.current = e, typeof c == "function") return c(e);
+			c && (c.current = e);
+		},
+		role: "separator",
+		tabIndex: 0,
+		"aria-orientation": b ? "vertical" : "horizontal",
+		"aria-valuenow": w,
+		"aria-valuemin": r,
+		"aria-valuemax": i,
+		"aria-controls": T,
+		onKeyDown: F,
+		onPointerDown: I,
+		onPointerMove: L,
+		onPointerUp: (e) => {
+			h?.(e), R(e);
+		},
+		onPointerCancel: (e) => {
+			v?.(e), R(e);
+		},
+		...N("panel-handle", {
+			orientation: b ? "vertical" : "horizontal",
+			dragging: D
+		}, s)
+	});
+}
+var ze = Object.assign(Ae, {
+	Header: je,
+	Toolbar: Me,
+	Body: Ne,
+	Footer: Pe,
+	Well: Fe,
+	Toggle: Ie,
+	Group: Le,
+	Handle: Re
+});
+//#endregion
+//#region src/components/Progress/Progress.tsx
+function Be({ classNames: t, label: i, value: a, valueText: o, className: s, ...c }) {
+	return /* @__PURE__ */ r(E.Root, {
+		...c,
+		value: a,
+		...o ? { getAriaValueText: () => o } : {},
+		...N("progress", {}, s),
+		children: [/* @__PURE__ */ r("div", {
+			className: e("kb-progress-head", t?.head),
+			children: [/* @__PURE__ */ n(E.Label, {
+				className: e("kb-progress-label", t?.label),
+				children: i
+			}), /* @__PURE__ */ n(E.Value, {
+				className: e("kb-progress-value", t?.value),
+				children: (e) => o ?? e
+			})]
+		}), /* @__PURE__ */ n(E.Track, {
+			className: e("kb-progress-track", t?.track),
+			children: /* @__PURE__ */ n(E.Indicator, { className: e("kb-progress-indicator", t?.indicator) })
+		})]
+	});
+}
+//#endregion
+//#region src/components/RadioGroup/RadioGroup.tsx
+var Ve = o(null);
+function He({ segmented: t, className: i, children: a }) {
+	let o = g(null), [s, c] = _(null);
+	return m(() => {
+		let e = o.current;
+		if (!e || !t) {
+			c(null);
+			return;
+		}
+		let n = () => {
+			let t = e.querySelector(".kb-radiogroup-control[data-checked]"), n = t?.closest(".kb-radiogroup-item"), r = n && n.offsetWidth > 0 && n.offsetHeight > 0 ? {
+				x: n.offsetLeft,
+				y: n.offsetTop,
+				width: n.offsetWidth,
+				height: n.offsetHeight,
+				disabled: t?.hasAttribute("data-disabled") ?? !1
+			} : null;
+			c((e) => e?.x === r?.x && e?.y === r?.y && e?.width === r?.width && e?.height === r?.height && e?.disabled === r?.disabled ? e : r);
+		}, r = typeof ResizeObserver > "u" ? null : new ResizeObserver(n), i = () => {
+			r?.disconnect(), r?.observe(e);
+			for (let t of e.querySelectorAll(".kb-radiogroup-item")) r?.observe(t);
+			n();
+		}, a = new MutationObserver(i);
+		return a.observe(e, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: ["data-checked", "data-disabled"]
+		}), i(), () => {
+			r?.disconnect(), a.disconnect();
+		};
+	}, [t]), /* @__PURE__ */ r("div", {
+		ref: o,
+		className: e("kb-radiogroup-options", i),
+		"data-selection": t && s ? "" : void 0,
+		children: [t && s && /* @__PURE__ */ n("span", {
+			"aria-hidden": "true",
+			className: "kb-radiogroup-selection",
+			"data-disabled": s.disabled ? "" : void 0,
+			style: {
+				width: s.width,
+				height: s.height,
+				transform: `translate(${s.x}px, ${s.y}px)`
+			}
+		}), a]
+	});
+}
+function Ue({ checked: e, disabled: t, customTabIndex: r, ...i }) {
+	let a = u(Ve), o = a?.update, s = a?.remove, c = f(), l = !t && (r === void 0 || r >= 0);
+	m(() => () => {
+		s?.(c);
+	}, [s, c]), m(() => {
+		o?.(c, {
+			checked: e,
+			eligible: l,
+			tabIndex: i.tabIndex
+		});
+	}, [
+		o,
+		c,
+		e,
+		l,
+		i.tabIndex
+	]);
+	let d = t ? -1 : r ?? (a && !a.inside && a.target !== null ? a.target === c ? 0 : -1 : i.tabIndex);
+	return /* @__PURE__ */ n("span", {
+		...i,
+		tabIndex: d,
+		onFocus: (e) => {
+			a?.markFocused(c), i.onFocus?.(e);
+		}
+	});
+}
+function We({ classNames: t, label: i, value: a, onValueChange: o, disabled: s = !1, appearance: c = "standard", selectionMotion: u = "slide", selectionTone: d = "primary", name: p, description: m, error: h, visuallyHidden: v, className: y, children: b, onFocusCapture: x, onBlurCapture: S, "aria-invalid": C, ...w }) {
+	let T = f(), { invalid: E, ariaInvalid: D } = P(!!h, C), k = g(null), [A, j] = _(!1), M = l((e) => {
+		k.current = e;
+	}, []), [F, I] = _(() => /* @__PURE__ */ new Map()), L = l((e, t) => {
+		I((n) => {
+			let r = n.get(e);
+			return r && r.checked === t.checked && r.eligible === t.eligible && r.tabIndex === t.tabIndex ? n : new Map(n).set(e, t);
+		});
+	}, []), R = l((e) => {
+		k.current === e && (k.current = null, j(!1)), I((t) => {
+			if (!t.has(e)) return t;
+			let n = new Map(t);
+			return n.delete(e), n;
+		});
+	}, []), z = [...F].filter(([, e]) => e.eligible), B = (z.find(([, e]) => e.checked) ?? z.find(([, e]) => e.tabIndex === 0) ?? z[0])?.[0] ?? null, V = [
+		m ? `${T}-description` : null,
+		h ? `${T}-error` : null,
+		w["aria-describedby"]
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ n(Ve.Provider, {
+		value: {
+			target: B,
+			update: L,
+			remove: R,
+			markFocused: M,
+			inside: A
+		},
+		children: /* @__PURE__ */ r(O, {
+			...w,
+			value: a,
+			onFocusCapture: (e) => {
+				j(!0), x?.(e);
+			},
+			onBlurCapture: (e) => {
+				e.currentTarget.contains(e.relatedTarget) || (k.current = null, j(!1)), S?.(e);
+			},
+			onValueChange: (e) => {
+				e !== null && !s && o(e);
+			},
+			disabled: s,
+			...p ? { name: p } : {},
+			...N("radiogroup", {
+				invalid: E,
+				disabled: s,
+				appearance: c,
+				"selection-motion": u,
+				"selection-tone": d
+			}, y),
+			"aria-labelledby": `${T}-label`,
+			"aria-describedby": V,
+			"aria-invalid": D,
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: e("kb-radiogroup-label", t?.label, v && "kb-sr-only"),
+					id: `${T}-label`,
+					children: i
+				}),
+				/* @__PURE__ */ n(He, {
+					segmented: c === "segmented",
+					className: t?.options,
+					children: b
+				}),
+				m && /* @__PURE__ */ n("p", {
+					id: `${T}-description`,
+					className: e("kb-radiogroup-description", t?.description),
+					children: m
+				}),
+				h && /* @__PURE__ */ n("p", {
+					id: `${T}-error`,
+					className: e("kb-radiogroup-error", t?.error),
+					children: h
+				})
+			]
+		})
+	});
+}
+function Ge({ classNames: t, className: i, children: a, controlClassName: o, ...s }) {
+	return /* @__PURE__ */ r("label", {
+		className: e("kb-radiogroup-item", t?.item, i),
+		children: [/* @__PURE__ */ n(D.Root, {
+			...s,
+			className: e("kb-radiogroup-control", t?.control, o),
+			render: (e, t) => /* @__PURE__ */ n(Ue, {
+				...e,
+				checked: t.checked,
+				disabled: t.disabled,
+				customTabIndex: s.tabIndex
+			}),
+			children: /* @__PURE__ */ n(D.Indicator, { className: e("kb-radiogroup-indicator", t?.indicator) })
+		}), /* @__PURE__ */ n("span", {
+			className: e("kb-radiogroup-content", t?.content),
+			children: a
+		})]
+	});
+}
+var Ke = Object.assign(We, { Item: Ge });
+//#endregion
+//#region src/components/ScrollArea/ScrollArea.tsx
+function qe({ classNames: t, label: i, maxHeight: a, className: o, style: s, children: c, ...l }) {
+	let u = a ? { "--_scrollarea-max-height": a } : {};
+	return /* @__PURE__ */ r(k.Root, {
+		...l,
+		style: {
+			...u,
+			...typeof s == "object" ? s : {}
+		},
+		...N("scrollarea", {}, o),
+		children: [/* @__PURE__ */ n(k.Viewport, {
+			className: e("kb-scrollarea-viewport", t?.viewport),
+			tabIndex: 0,
+			role: "region",
+			"aria-label": i,
+			children: /* @__PURE__ */ n(k.Content, { children: c })
+		}), /* @__PURE__ */ n(k.Scrollbar, {
+			className: e("kb-scrollarea-scrollbar", t?.scrollbar),
+			orientation: "vertical",
+			children: /* @__PURE__ */ n(k.Thumb, { className: e("kb-scrollarea-thumb", t?.thumb) })
+		})]
+	});
+}
+//#endregion
+//#region src/components/Select/Select.tsx
+function Je({ classNames: t, label: i, value: a, onValueChange: o, options: s, placeholder: c = "Choose an option", description: l, error: u, disabled: d = !1, readOnly: m = !1, name: h, className: v, controlClassName: y, popupClassName: b, container: x, ref: S, "aria-describedby": C, "aria-invalid": w, ...T }) {
+	let E = f(), D = g(null), O = g(null), k = g(null), j = g("keyboard"), [M, F] = _(!1);
+	p(S, () => D.current);
+	let { invalid: I, ariaInvalid: L } = P(!!u, w), R = s.length === 0, z = d || R, B = [l, R && "No options available"].filter(Boolean).join(" ") || void 0, V = [
+		B ? `${E}-description` : null,
+		u ? `${E}-error` : null,
+		C
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ r("div", {
+		...T,
+		ref: D,
+		...N("select", {
+			disabled: z,
+			invalid: I
+		}, v),
+		children: [
+			/* @__PURE__ */ r(A.Root, {
+				modal: !1,
+				items: s,
+				value: a,
+				onValueChange: (e) => {
+					!z && !m && (e === null || s.some((t) => t.value === e && !t.disabled)) && o(e);
+				},
+				disabled: z,
+				readOnly: m,
+				onOpenChange: (e, t) => {
+					t.event.type.startsWith("key") ? j.current = "keyboard" : /^(pointer|mouse)/.test(t.event.type) && (j.current = "pointer");
+				},
+				...h ? { name: h } : {},
+				children: [
+					/* @__PURE__ */ n(A.Label, {
+						className: e("kb-select-label", t?.label),
+						children: i
+					}),
+					/* @__PURE__ */ r(A.Trigger, {
+						ref: O,
+						className: e("kb-select-control", t?.control, y),
+						"aria-describedby": V,
+						"aria-invalid": L,
+						"data-pointer-focus": M || void 0,
+						onPointerDown: () => {
+							j.current = "pointer", F(!0);
+						},
+						onKeyDown: () => {
+							j.current = "keyboard", F(!1);
+						},
+						onBlur: () => F(!1),
+						children: [/* @__PURE__ */ n(A.Value, { placeholder: c }), /* @__PURE__ */ n(A.Icon, {
+							className: e("kb-select-icon", t?.icon),
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ n("svg", {
+								width: "16",
+								height: "16",
+								viewBox: "0 0 16 16",
+								fill: "none",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ n("path", {
+									d: "m4 6 4 4 4-4",
+									stroke: "currentColor",
+									strokeWidth: "1.5"
+								})
+							})
+						})]
+					}),
+					/* @__PURE__ */ n(A.Portal, {
+						container: x ?? D,
+						className: e("kb-select-portal", t?.portal),
+						children: /* @__PURE__ */ n(A.Positioner, {
+							className: e("kb-select-positioner", t?.positioner),
+							sideOffset: 6,
+							alignItemWithTrigger: !1,
+							children: /* @__PURE__ */ n(A.Popup, {
+								ref: k,
+								className: e("kb-select-popup", t?.popup, b),
+								onPointerDownCapture: () => {
+									j.current = "pointer";
+								},
+								onKeyDownCapture: () => {
+									j.current = "keyboard";
+								},
+								finalFocus: () => {
+									let e = document.activeElement;
+									return e instanceof HTMLElement && e !== document.body && e !== O.current && !k.current?.contains(e) && !e.hasAttribute("data-base-ui-focus-guard") ? (F(!1), !1) : (F(j.current === "pointer"), !0);
+								},
+								children: /* @__PURE__ */ n(A.List, {
+									className: e("kb-select-list", t?.list),
+									"aria-label": i,
+									children: s.length ? s.map((i) => /* @__PURE__ */ r(A.Item, {
+										value: i.value,
+										disabled: !!i.disabled,
+										className: e("kb-select-item", t?.item),
+										children: [/* @__PURE__ */ n(A.ItemText, { children: i.label }), /* @__PURE__ */ n(A.ItemIndicator, {
+											className: e("kb-select-indicator", t?.indicator),
+											"aria-hidden": "true",
+											children: "✓"
+										})]
+									}, i.value)) : /* @__PURE__ */ n(A.Item, {
+										value: "",
+										disabled: !0,
+										className: e("kb-select-item kb-select-empty", t?.item, t?.empty),
+										children: /* @__PURE__ */ n(A.ItemText, { children: "No options available" })
+									})
+								})
+							})
+						})
+					})
+				]
+			}),
+			B && /* @__PURE__ */ n("p", {
+				className: e("kb-select-description", t?.description),
+				id: `${E}-description`,
+				children: B
+			}),
+			u && /* @__PURE__ */ n("p", {
+				className: e("kb-select-error", t?.error),
+				id: `${E}-error`,
+				children: u
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Separator/Separator.tsx
+function Ye({ orientation: e = "horizontal", decorative: t = !1, className: r, ...i }) {
+	return /* @__PURE__ */ n("hr", {
+		...i,
+		...N("separator", { orientation: e }, r),
+		role: t ? "none" : void 0,
+		"aria-hidden": t ? !0 : void 0,
+		"aria-orientation": t ? void 0 : e
+	});
+}
+//#endregion
+//#region src/components/Split/Split.tsx
+function Xe({ as: t, ratio: r = "equal", collapse: i = "md", gap: o = "md", align: c = "stretch", className: l, classNames: u, children: d, ...f }) {
+	let p = e("kb-split-track", u?.track);
+	return s(t ?? "div", {
+		...f,
+		...N("split", {
+			ratio: r,
+			collapse: i,
+			gap: o,
+			align: c
+		}, l)
+	}, a.map(d, (e) => e == null ? null : /* @__PURE__ */ n("div", {
+		className: p,
+		children: e
+	})));
+}
+//#endregion
+//#region src/components/Stat/Stat.tsx
+function Ze({ classNames: t, label: i, value: a, size: o = "md", className: s, ...c }) {
+	return /* @__PURE__ */ r("div", {
+		...c,
+		...N("stat", { size: o }, s),
+		children: [/* @__PURE__ */ n("span", {
+			className: e("kb-stat-label", t?.label),
+			children: i
+		}), /* @__PURE__ */ n("span", {
+			className: e("kb-stat-value", t?.value),
+			children: a
+		})]
+	});
+}
+//#endregion
+//#region src/components/Status/Status.tsx
+function Qe({ classNames: t, tone: i = "neutral", appearance: a = "plain", icon: o, live: s = !1, compact: c = !1, className: l, children: u, ...d }) {
+	return /* @__PURE__ */ r("span", {
+		...d,
+		...s ? { role: "status" } : {},
+		...N("status", {
+			tone: i,
+			appearance: a,
+			compact: c
+		}, l),
+		children: [o == null ? null : /* @__PURE__ */ n("span", {
+			className: e("kb-status-icon", t?.icon),
+			"aria-hidden": "true",
+			children: o
+		}), /* @__PURE__ */ n("span", {
+			className: e("kb-status-text", t?.text),
+			children: u
+		})]
+	});
+}
+//#endregion
+//#region src/components/Switch/Switch.tsx
+function $e({ classNames: t, label: i, checked: a, onCheckedChange: o, size: s, tone: c, offTone: l, onTone: u, offColor: d, onColor: p, description: m, error: h, visuallyHidden: g, offIcon: _, onIcon: v, controlClassName: y, className: b, style: x, id: S, disabled: C, readOnly: w, "aria-describedby": T, "aria-invalid": E, ...D }) {
+	let O = {
+		...Object.fromEntries(Object.entries(x ?? {}).filter(([e]) => e.startsWith("--"))),
+		...d ? { "--kb-switch-off-color": d } : {},
+		...p ? { "--kb-switch-on-color": p } : {}
+	}, k = d ? "custom" : l, A = p ? "custom" : u ?? c ?? "accent", j = f(), M = S ?? `kb-switch-${j}`, { invalid: F, ariaInvalid: I } = P(!!h, E), L = `${M}-description`, R = `${M}-error`, z = [
+		T,
+		m && L,
+		h && R
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ r("div", {
+		style: O,
+		...N("switch", {
+			size: s,
+			"off-tone": k,
+			"on-tone": A,
+			checked: a,
+			disabled: C,
+			readonly: w,
+			invalid: F
+		}, b),
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: e("kb-switch-field", t?.field),
+				children: [/* @__PURE__ */ r("span", {
+					className: e("kb-switch-target", t?.target),
+					children: [/* @__PURE__ */ n("input", {
+						...D,
+						style: x,
+						id: M,
+						type: "checkbox",
+						role: "switch",
+						"aria-checked": a,
+						className: e("kb-switch-control", t?.control, y),
+						checked: a,
+						disabled: C,
+						readOnly: w,
+						"aria-readonly": w || void 0,
+						"aria-invalid": I,
+						"aria-describedby": z,
+						onChange: (e) => {
+							w || o(e.currentTarget.checked);
+						}
+					}), /* @__PURE__ */ r("span", {
+						className: e("kb-switch-track", t?.track),
+						"aria-hidden": "true",
+						children: [
+							/* @__PURE__ */ n("span", { className: e("kb-switch-thumb", t?.thumb) }),
+							/* @__PURE__ */ n("span", {
+								className: e("kb-switch-off", t?.off),
+								children: _
+							}),
+							/* @__PURE__ */ n("span", {
+								className: e("kb-switch-on", t?.on),
+								children: v
+							})
+						]
+					})]
+				}), /* @__PURE__ */ n("label", {
+					htmlFor: M,
+					className: e("kb-switch-label", t?.label, g && "kb-sr-only"),
+					children: i
+				})]
+			}),
+			m && /* @__PURE__ */ n("p", {
+				className: e("kb-switch-description", t?.description),
+				id: L,
+				children: m
+			}),
+			h && /* @__PURE__ */ n("p", {
+				className: e("kb-switch-error", t?.error),
+				id: R,
+				children: h
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Text/Text.tsx
+function et({ as: e, size: t = "md", tone: n = "default", className: r, ...i }) {
+	return s(e ?? "p", {
+		...i,
+		...N("text", {
+			size: t,
+			tone: n
+		}, r)
+	});
+}
+//#endregion
+//#region src/components/Textarea/Textarea.tsx
+var tt = ({ ref: t, id: i, label: a, visuallyHidden: o, description: s, error: c, resize: l = "vertical", rows: u = 4, disabled: d, readOnly: p, onChange: m, onValueChange: h, className: g, classNames: _, "aria-describedby": v, "aria-invalid": y, ...b }) => {
+	let x = f(), S = i ?? `kb-textarea-${x}`, { invalid: C, ariaInvalid: w } = P(!!c, y), T = s ? `${S}-description` : void 0, E = c ? `${S}-error` : void 0, D = [
+		T,
+		E,
+		v
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ r("div", {
+		...N("textarea", {
+			resize: l,
+			invalid: C,
+			disabled: d,
+			readonly: p
+		}, g),
+		children: [
+			/* @__PURE__ */ n("label", {
+				htmlFor: S,
+				className: e("kb-textarea-label", o && "kb-sr-only", _?.label),
+				children: a
+			}),
+			/* @__PURE__ */ n("textarea", {
+				...b,
+				ref: t,
+				id: S,
+				rows: u,
+				disabled: d,
+				readOnly: p,
+				"aria-invalid": w,
+				"aria-describedby": D,
+				className: e("kb-textarea-control", _?.control),
+				onChange: (e) => {
+					m?.(e), h?.(e.currentTarget.value);
+				}
+			}),
+			s ? /* @__PURE__ */ n("p", {
+				id: T,
+				className: e("kb-textarea-description", _?.description),
+				children: s
+			}) : null,
+			c ? /* @__PURE__ */ n("div", {
+				id: E,
+				className: e("kb-textarea-error", _?.error),
+				children: c
+			}) : null
+		]
+	});
+};
+//#endregion
+//#region src/components/Toolbar/Toolbar.tsx
+function nt({ className: t, ...r }) {
+	return /* @__PURE__ */ n(j.Root, {
+		...r,
+		className: e("kb-toolbar", t)
+	});
+}
+function rt({ className: t, ...r }) {
+	return /* @__PURE__ */ n(j.Group, {
+		...r,
+		className: e("kb-toolbar-group", t)
+	});
+}
+function it({ variant: e = "ghost", className: t, ...r }) {
+	return /* @__PURE__ */ n(j.Button, {
+		...r,
+		render: /* @__PURE__ */ n(I, {
+			variant: e,
+			size: "sm",
+			...t ? { className: t } : {}
+		})
+	});
+}
+function at({ className: t, ...r }) {
+	return /* @__PURE__ */ n(j.Separator, {
+		...r,
+		className: e("kb-toolbar-separator", t)
+	});
+}
+var ot = Object.assign(nt, {
+	Group: rt,
+	Button: it,
+	Separator: at
+});
+//#endregion
+//#region src/components/Tooltip/Tooltip.tsx
+function st({ content: t, children: i, side: a = "top", delay: o = 400, container: s, className: c, ref: l }) {
+	return /* @__PURE__ */ r(M.Root, { children: [/* @__PURE__ */ n(M.Trigger, {
+		delay: o,
+		render: i
+	}), /* @__PURE__ */ n(M.Portal, {
+		container: s,
+		children: /* @__PURE__ */ n(M.Positioner, {
+			side: a,
+			sideOffset: 6,
+			children: /* @__PURE__ */ n(M.Popup, {
+				ref: l,
+				className: e("kb-tooltip", c),
+				children: t
+			})
+		})
+	})] });
+}
+//#endregion
+export { F as Badge, I as Button, L as Callout, R as Card, z as Checkbox, B as Code, V as Combobox, H as Container, ee as Dialog, re as ErrorSummary, ie as Fieldset, ce as FileInput, le as FormActions, ue as Grid, fe as Heading, pe as Inline, me as Input, he as Link, Se as Menu, Te as MultiSelect, Ee as NumberField, ze as Panel, Be as Progress, Ke as RadioGroup, qe as ScrollArea, Je as Select, Ye as Separator, Xe as Split, Ze as Stat, Qe as Status, $e as Switch, et as Text, tt as Textarea, ot as Toolbar, st as Tooltip, N as kb };
+
+//# sourceMappingURL=index.js.map