@logicplanes/kaeso-ui 0.2.1 → 0.3.0

package/dist/components/collapsible.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as Accordion, n as Collapsible, r as KAESO_COLLAPSIBLE_DEFAULT_VARIANTS, i as KAESO_COLLAPSIBLE_VARIANTS } from "../chunks/collapsible-Cw_1aem5.js";
+export { t as Accordion, n as Collapsible, r as KAESO_COLLAPSIBLE_DEFAULT_VARIANTS, i as KAESO_COLLAPSIBLE_VARIANTS } from "../chunks/collapsible-CDQq1Y9x.js";

package/dist/components/combobox.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as Autocomplete, n as Combobox, r as Highlight, i as KAESO_COMBOBOX_DEFAULT_VARIANTS, a as KAESO_COMBOBOX_VARIANTS } from "../chunks/combobox-D30Wt11R.js";
+export { t as Autocomplete, n as Combobox, r as Highlight, i as KAESO_COMBOBOX_DEFAULT_VARIANTS, a as KAESO_COMBOBOX_VARIANTS } from "../chunks/combobox-DqtzsAKG.js";

package/dist/components/command-list.js

@@ -0,0 +1,4 @@
+"use client";
+import { a as e, i as t, n, r, t as i } from "../chunks/command-list-D5k0uvkR.js";
+import { i as a, n as o, r as s, t as c } from "../chunks/picker-popover-C4ElNk7t.js";
+export { i as CommandList, n as CommandListHeightContext, r as KAESO_COMMAND_LIST_DEFAULT_VARIANTS, t as KAESO_COMMAND_LIST_VARIANTS, c as KAESO_PICKER_POPOVER_DEFAULT_VARIANTS, o as KAESO_PICKER_POPOVER_VARIANTS, s as PickerPopover, a as PickerTrigger, e as commandMatch };

package/dist/components/command-palette.js

@@ -1,224 +1,173 @@
 "use client";
-import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { t as e } from "../chunks/cn-DUDmdLpZ.js";
 import { r as t } from "../chunks/portal-context-BBbzDKmY.js";
 import { i as n } from "../chunks/context-BELWW79w.js";
-import { t as r } from "../chunks/icon-CeNQtobn.js";
-import { i, r as a } from "../chunks/kbd-CBcBDvqU.js";
-import { t as o } from "../chunks/field-press-DwzBFafd.js";
-import { a as s, i as c, r as l, t as u } from "../chunks/resize-motion-CMaidkwe.js";
-import { Fragment as d, useCallback as f, useEffect as p, useId as m, useMemo as h, useRef as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { ArrowRight01Icon as b, Search01Icon as x } from "@hugeicons/core-free-icons";
-import { Dialog as S } from "@base-ui/react/dialog";
+import { t as r } from "../chunks/icon-BqujXDUc.js";
+import { i, r as a } from "../chunks/kbd-DqWmbr_e.js";
+import { t as o } from "../chunks/command-list-D5k0uvkR.js";
+import { a as s, i as c, r as l, t as u } from "../chunks/resize-motion-BWGMchyP.js";
+import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { ArrowRight01Icon as y } from "@hugeicons/core-free-icons";
+import { Dialog as b } from "@base-ui/react/dialog";
 //#region src/components/command-palette/command-palette.tsx
-var C = { size: { md: { classes: "w-640" } } }, w = { size: "md" };
-function T(e, t) {
-	if (!t) return !0;
-	let n = [
-		e.label,
-		e.hint ?? "",
-		...e.keywords ?? []
-	].join(" ").toLowerCase();
-	return t.toLowerCase().split(/\s+/).every((e) => n.includes(e));
+var x = { size: { md: { classes: "w-640" } } }, S = { size: "md" };
+function C(e, t) {
+	let n = [e.label, ...e.keywords ?? []].join(" ").toLowerCase();
+	return +!!t.toLowerCase().split(/\s+/).every((e) => n.includes(e));
 }
-function E({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange: S, close: C, inline: w, defaultQuery: E = "", query: D }) {
-	let O = n(), k = c ?? O("commandPalette.placeholder", "Search or run a command"), [A, j] = _(E), M = D ?? A, N = (e) => {
-		j(e), S?.(e);
-	}, [P, F] = _([]), [I, L] = _(0), R = m(), z = g(null), [B, V] = _(null), H = f((e) => V(w ? null : e?.parentElement ?? null), [w]);
-	u(B);
-	let U = P[P.length - 1], W = U ? U.groups : t, G = h(() => W.map((e) => ({
-		...e,
-		items: e.items.filter((e) => T(e, M))
-	})).filter((e) => e.items.length > 0 || e.loading), [W, M]), K = G.flatMap((e) => e.items), q = W.some((e) => e.loading);
-	p(() => {
-		document.getElementById(`${R}-${K[I]?.id}`)?.scrollIntoView({ block: "nearest" });
-	}, [
-		I,
-		K,
-		R
-	]);
-	let J = (e) => {
-		if (!e) return;
-		let t = e.children;
-		t ? (F((n) => [...n, {
-			title: e.label,
-			groups: t
-		}]), N(""), L(0), z.current?.focus()) : (e.onSelect?.(), C());
-	}, Y = (e) => {
-		e.key === "ArrowDown" ? (e.preventDefault(), L((e) => K.length ? (e + 1) % K.length : 0)) : e.key === "ArrowUp" ? (e.preventDefault(), L((e) => K.length ? (e - 1 + K.length) % K.length : 0)) : e.key === "Enter" ? (e.preventDefault(), J(K[I])) : e.key === "Backspace" && !M && P.length ? (e.preventDefault(), F((e) => e.slice(0, -1)), L(0)) : e.key === "Home" ? L(0) : e.key === "End" && L(Math.max(0, K.length - 1));
-	}, X = -1;
-	return /* @__PURE__ */ y("div", {
-		ref: H,
-		className: e("relative flex palette-limits min-h-0 flex-col overflow-hidden", w ? "w-640 rounded-palette bg-raised shadow-dialog" : "flex-1"),
-		children: [
-			q && /* @__PURE__ */ v("span", {
-				"aria-hidden": !0,
-				className: "absolute inset-x-0 top-0 h-2 overflow-hidden",
-				children: /* @__PURE__ */ v("span", { className: "block h-full w-1/3 animate-indeterminate bg-fg-tertiary" })
-			}),
-			/* @__PURE__ */ y("div", {
-				onMouseDown: o,
-				className: "flex h-56 shrink-0 cursor-text items-center gap-12 px-20 hairline-b",
-				children: [
-					/* @__PURE__ */ v(r, {
-						icon: x,
-						size: "md",
-						className: "text-fg-tertiary"
-					}),
-					U && /* @__PURE__ */ v("span", {
-						className: "inline-flex h-24 shrink-0 items-center rounded-pill bg-fill-2 px-10 text-caption font-medium text-fg",
-						children: U.title
-					}),
-					/* @__PURE__ */ v("input", {
-						ref: z,
-						autoFocus: !0,
-						"data-palette-input": "",
-						role: "combobox",
-						"aria-expanded": "true",
-						"aria-controls": R,
-						"aria-autocomplete": "list",
-						"aria-activedescendant": K[I] ? `${R}-${K[I].id}` : void 0,
-						"aria-label": k,
-						placeholder: k,
-						value: M,
-						onChange: (e) => {
-							N(e.target.value), L(0);
-						},
-						onKeyDown: Y,
-						className: "min-w-0 flex-1 bg-transparent text-body-lg font-regular text-fg outline-none placeholder:text-fg-tertiary"
-					})
-				]
-			}),
-			/* @__PURE__ */ y("div", {
-				id: R,
-				"data-dialog-body": "",
-				...K.length ? {
-					role: "listbox",
-					"aria-label": O("commandPalette.results", "Results")
-				} : { role: "status" },
-				className: "min-h-0 flex-1 overflow-y-auto overscroll-contain p-8 scrollbar-quiet",
-				children: [K.length === 0 && !q && /* @__PURE__ */ v("div", {
-					className: "flex h-80 items-center justify-center text-body text-fg-secondary",
-					children: l ?? O("commandPalette.noResults", "No results")
-				}), G.map((t, n) => /* @__PURE__ */ y(d, { children: [t.label && /* @__PURE__ */ v("div", {
-					className: "flex h-28 items-center px-12 pt-4 text-caption font-medium text-fg-secondary",
+function w({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange: f, close: b, inline: x, defaultQuery: S = "", query: w }) {
+	let T = n(), E = c ?? T("commandPalette.placeholder", "Search or run a command"), [D, O] = h(S), k = w ?? D, A = (e) => {
+		O(e), f?.(e);
+	}, [j, M] = h([]), N = m(null), [P, F] = h(null), I = d((e) => F(x ? null : e?.parentElement ?? null), [x]);
+	u(P);
+	let L = j[j.length - 1], R = L ? L.groups : t, z = R.some((e) => e.loading), B = p(() => new Map(R.flatMap((e) => e.items.map((e) => [e.id, e]))), [R]), V = p(() => R.map((t, n) => ({
+		id: `${n}:${t.label ?? ""}`,
+		...t.label ? { label: t.label } : {},
+		...t.loading ? { loading: !0 } : {},
+		items: t.items.map((t) => ({
+			value: t.id,
+			label: t.label,
+			keywords: [t.hint ?? "", ...t.keywords ?? []],
+			render: ({ active: n }) => /* @__PURE__ */ v(g, { children: [
+				t.icon && /* @__PURE__ */ _(r, {
+					icon: t.icon,
+					size: "sm",
+					className: n ? "text-fg" : "text-fg-secondary"
+				}),
+				/* @__PURE__ */ _("span", {
+					className: "min-w-0 truncate",
 					children: t.label
-				}), t.items.map((t) => {
-					X += 1;
-					let n = X, a = n === I;
-					return /* @__PURE__ */ y("div", {
-						id: `${R}-${t.id}`,
-						role: "option",
-						"aria-selected": a,
-						onMouseMove: () => L(n),
-						onClick: () => J(t),
-						className: e("flex h-40 cursor-pointer items-center gap-12 rounded-palette-item px-12 text-body font-medium text-fg select-none", a && "bg-item-hover"),
-						children: [
-							t.icon && /* @__PURE__ */ v(r, {
-								icon: t.icon,
-								size: "sm",
-								className: a ? "text-fg" : "text-fg-secondary"
-							}),
-							/* @__PURE__ */ v("span", {
-								className: "min-w-0 truncate",
-								children: t.label
-							}),
-							t.hint && /* @__PURE__ */ v("span", {
-								className: e("min-w-0 truncate text-body font-regular", a ? "text-fg-secondary" : "text-fg-tertiary"),
-								children: t.hint
-							}),
-							/* @__PURE__ */ y("span", {
-								className: "ml-auto flex shrink-0 items-center gap-8",
-								children: [t.shortcut && /* @__PURE__ */ v(i, { keys: t.shortcut }), t.children && /* @__PURE__ */ v(r, {
-									icon: b,
-									size: "sm",
-									className: "text-fg-tertiary"
-								})]
-							})
-						]
-					}, t.id);
-				})] }, t.label ?? n))]
+				}),
+				t.hint && /* @__PURE__ */ _("span", {
+					className: e("min-w-0 truncate text-body font-regular", n ? "text-fg-secondary" : "text-fg-tertiary"),
+					children: t.hint
+				}),
+				/* @__PURE__ */ v("span", {
+					className: "ml-auto flex shrink-0 items-center gap-8",
+					children: [t.shortcut && /* @__PURE__ */ _(i, { keys: t.shortcut }), t.children && /* @__PURE__ */ _(r, {
+						icon: y,
+						size: "sm",
+						className: "text-fg-tertiary"
+					})]
+				})
+			] })
+		}))
+	})), [R]);
+	return /* @__PURE__ */ _("div", {
+		ref: I,
+		className: e("relative flex palette-limits min-h-0 flex-col overflow-hidden", x ? "w-640 rounded-palette bg-raised shadow-dialog" : "flex-1"),
+		children: /* @__PURE__ */ _(o, {
+			ref: N,
+			groups: V,
+			"aria-label": T("commandPalette.results", "Results"),
+			size: "lg",
+			height: "fill",
+			escapeClears: !1,
+			match: C,
+			inputProps: { "data-palette-input": "" },
+			autoFocus: !0,
+			query: k,
+			onQueryChange: A,
+			onSelect: (e) => {
+				let t = B.get(e);
+				if (!t) return;
+				let n = t.children;
+				n ? (M((e) => [...e, {
+					title: t.label,
+					groups: n
+				}]), A(""), N.current?.focus()) : (t.onSelect?.(), b());
+			},
+			loading: z,
+			placeholder: E,
+			emptyText: l ?? T("commandPalette.noResults", "No results"),
+			searchPrefix: L && /* @__PURE__ */ _("span", {
+				className: "inline-flex h-24 shrink-0 items-center rounded-pill bg-fill-2 px-10 text-caption font-medium text-fg",
+				children: L.title
 			}),
-			s && /* @__PURE__ */ y("div", {
+			onInputKeyDown: (e) => {
+				e.key === "Backspace" && !k && j.length && (e.preventDefault(), M((e) => e.slice(0, -1)));
+			},
+			footer: s && /* @__PURE__ */ v("div", {
 				className: "flex h-40 shrink-0 items-center gap-16 px-16 text-caption font-medium text-fg-tertiary hairline-t",
 				children: [
-					/* @__PURE__ */ y("span", {
+					/* @__PURE__ */ v("span", {
 						className: "inline-flex items-center gap-6",
 						children: [
-							/* @__PURE__ */ v(a, { children: "up" }),
-							/* @__PURE__ */ v(a, { children: "down" }),
+							/* @__PURE__ */ _(a, { children: "up" }),
+							/* @__PURE__ */ _(a, { children: "down" }),
 							" ",
-							O("commandPalette.toNavigate", "to navigate")
+							T("commandPalette.toNavigate", "to navigate")
 						]
 					}),
-					/* @__PURE__ */ y("span", {
+					/* @__PURE__ */ v("span", {
 						className: "inline-flex items-center gap-6",
 						children: [
-							/* @__PURE__ */ v(a, { children: "enter" }),
+							/* @__PURE__ */ _(a, { children: "enter" }),
 							" ",
-							O("commandPalette.toOpen", "to open")
+							T("commandPalette.toOpen", "to open")
 						]
 					}),
-					P.length > 0 && /* @__PURE__ */ y("span", {
+					j.length > 0 && /* @__PURE__ */ v("span", {
 						className: "inline-flex items-center gap-6",
 						children: [
-							/* @__PURE__ */ v(a, { children: "backspace" }),
+							/* @__PURE__ */ _(a, { children: "backspace" }),
 							" ",
-							O("commandPalette.toGoBack", "to go back")
+							T("commandPalette.toGoBack", "to go back")
 						]
 					}),
-					/* @__PURE__ */ y("span", {
+					/* @__PURE__ */ v("span", {
 						className: "ml-auto inline-flex items-center gap-6",
 						children: [
-							/* @__PURE__ */ v(a, { children: "esc" }),
+							/* @__PURE__ */ _(a, { children: "esc" }),
 							" ",
-							O("commandPalette.toClose", "to close")
+							T("commandPalette.toClose", "to close")
 						]
 					})
 				]
 			})
-		]
+		})
 	});
 }
-function D(e) {
-	let { open: r, onOpenChange: i, hotkey: a = !0, inline: o } = e, [u, d] = _(!1), f = r ?? u, m = (e) => {
+function T(e) {
+	let { open: r, onOpenChange: i, hotkey: a = !0, inline: o } = e, [u, d] = h(!1), p = r ?? u, g = (e) => {
 		r === void 0 && d(e), i?.(e);
-	}, h = g(() => m(!f));
-	h.current = () => m(!f), p(() => {
+	}, y = m(() => g(!p));
+	y.current = () => g(!p), f(() => {
 		if (!a || o) return;
 		let e = (e) => {
-			(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), h.current());
+			(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), y.current());
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [a, o]);
-	let b = s(f), x = n(), C = t(), w = c(!o && f), T = l(f);
-	return o ? /* @__PURE__ */ v(E, {
+	let x = s(p), S = n(), C = t(), T = c(!o && p), E = l(p);
+	return o ? /* @__PURE__ */ _(w, {
 		...e,
 		close: () => void 0
-	}) : /* @__PURE__ */ v(S.Root, {
-		open: f,
-		onOpenChange: (e) => m(e),
-		onOpenChangeComplete: w,
-		children: /* @__PURE__ */ y(S.Portal, {
+	}) : /* @__PURE__ */ _(b.Root, {
+		open: p,
+		onOpenChange: (e) => g(e),
+		onOpenChangeComplete: T,
+		children: /* @__PURE__ */ v(b.Portal, {
 			container: C,
-			children: [/* @__PURE__ */ v(S.Backdrop, { className: "fixed inset-0 z-50 bg-overlay backdrop-motion" }), /* @__PURE__ */ v(S.Viewport, {
+			children: [/* @__PURE__ */ _(b.Backdrop, { className: "fixed inset-0 z-50 bg-overlay backdrop-motion" }), /* @__PURE__ */ _(b.Viewport, {
 				className: "fixed inset-0 z-50 flex items-start justify-center px-16 pt-palette",
-				children: /* @__PURE__ */ v(S.Popup, {
-					"aria-label": x("commandPalette.label", "Command palette"),
-					initialFocus: b.initialFocus,
-					finalFocus: b.finalFocus,
+				children: /* @__PURE__ */ _(b.Popup, {
+					"aria-label": S("commandPalette.label", "Command palette"),
+					initialFocus: x.initialFocus,
+					finalFocus: x.finalFocus,
 					className: "flex w-640 max-w-full flex-col overflow-hidden rounded-palette bg-raised text-fg shadow-dialog outline-none dialog-motion",
-					children: /* @__PURE__ */ v(E, {
+					children: /* @__PURE__ */ _(w, {
 						...e,
-						close: () => m(!1)
-					}, T)
+						close: () => g(!1)
+					}, E)
 				})
 			})]
 		})
 	});
 }
-process.env.NODE_ENV !== "production" && (D.displayName = "CommandPalette");
+process.env.NODE_ENV !== "production" && (T.displayName = "CommandPalette");
 //#endregion
-export { D as CommandPalette, w as KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS, C as KAESO_COMMAND_PALETTE_VARIANTS };
+export { T as CommandPalette, S as KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS, x as KAESO_COMMAND_PALETTE_VARIANTS };
 
 //# sourceMappingURL=command-palette.js.map

package/dist/components/command-palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"command-palette.js","names":["__icon_Search01Icon","__icon_ArrowRight01Icon","BaseDialog","cn","usePortalContainer","useUiText","Icon","Kbd","focusInputOnPress","useRestoreFocus","useScopedDialog","useOpenSession","useResizeMotion","KAESO_COMMAND_PALETTE_VARIANTS","KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS","matches","q","hay","item","w","Palette","placeholderProp","controlledQuery","t","placeholder","ownQuery","setOwnQuery","useState","defaultQuery","query","setQuery","next","onQueryChange","pages","setPages","active","setActive","listId","useId","input","useRef","box","setBox","boxRef","useCallback","inline","el","page","source","groups","visible","useMemo","g","i","flat","loading","select","children","p","close","onKeyDown","a","index","Search01Icon","emptyText","Fragment","isActive","KbdSequence","ArrowRight01Icon","gi","keyHints","CommandPalette","props","inner","setInner","isOpen","open","setOpen","o","onOpenChange","toggle","useEffect","hotkey","onKey","focus","container","settled","session","Dialog"],"sources":["../../src/components/command-palette/command-palette.tsx"],"sourcesContent":["import { usePortalContainer } from \"../../utils/portal-context.js\";\nimport { Fragment, useCallback, useEffect, useId, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { cn } from \"../../utils/cn.js\";\nimport { focusInputOnPress } from \"../../utils/field-press.js\";\nimport { useRestoreFocus } from \"../../utils/restore-focus.js\";\nimport { useOpenSession, useScopedDialog } from \"../../utils/dialog-scope.js\";\nimport { Search01Icon as __icon_Search01Icon, ArrowRight01Icon as __icon_ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { KbdSequence, Kbd } from \"../kbd/kbd.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { useResizeMotion } from \"../../utils/resize-motion.js\";\n\nexport const KAESO_COMMAND_PALETTE_VARIANTS = {\n  size: {\n    md: { classes: \"w-640\" },\n  },\n} as const;\nexport const KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface CommandItem {\n  id: string;\n  label: string;\n  icon?: IconData | undefined;\n  hint?: string | undefined;\n  shortcut?: string[] | string[][] | undefined;\n  keywords?: string[] | undefined;\n  onSelect?: (() => void) | undefined;\n  children?: CommandGroup[] | undefined;\n}\n\nexport interface CommandGroup {\n  label?: string | undefined;\n  items: CommandItem[];\n  loading?: boolean | undefined;\n}\n\nexport interface CommandPaletteProps {\n  open?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  groups: CommandGroup[];\n  placeholder?: string | undefined;\n  emptyText?: ReactNode | undefined;\n  onQueryChange?: ((query: string) => void) | undefined;\n  hotkey?: boolean | undefined;\n  keyHints?: boolean | undefined;\n  inline?: boolean | undefined;\n  defaultQuery?: string | undefined;\n  query?: string | undefined;\n}\n\nfunction matches(item: CommandItem, q: string) {\n  if (!q) return true;\n  const hay = [item.label, item.hint ?? \"\", ...(item.keywords ?? [])].join(\" \").toLowerCase();\n  return q\n    .toLowerCase()\n    .split(/\\s+/)\n    .every((w) => hay.includes(w));\n}\n\nfunction Palette({\n  groups,\n  keyHints,\n  placeholder: placeholderProp,\n  emptyText,\n  onQueryChange,\n  close,\n  inline,\n  defaultQuery = \"\",\n  query: controlledQuery,\n}: CommandPaletteProps & { close: () => void }) {\n  const t = useUiText();\n  const placeholder = placeholderProp ?? t(\"commandPalette.placeholder\", \"Search or run a command\");\n  const [ownQuery, setOwnQuery] = useState(defaultQuery);\n  const query = controlledQuery ?? ownQuery;\n  const setQuery = (next: string) => {\n    setOwnQuery(next);\n    onQueryChange?.(next);\n  };\n  const [pages, setPages] = useState<{ title: string; groups: CommandGroup[] }[]>([]);\n  const [active, setActive] = useState(0);\n  const listId = useId();\n  const input = useRef<HTMLInputElement>(null);\n  const [box, setBox] = useState<HTMLElement | null>(null);\n  const boxRef = useCallback((el: HTMLElement | null) => setBox(inline ? null : (el?.parentElement ?? null)), [inline]);\n  useResizeMotion(box);\n  const page = pages[pages.length - 1];\n  const source = page ? page.groups : groups;\n  const visible = useMemo(\n    () => source.map((g) => ({ ...g, items: g.items.filter((i) => matches(i, query)) })).filter((g) => g.items.length > 0 || g.loading),\n    [source, query],\n  );\n  const flat = visible.flatMap((g) => g.items);\n  const loading = source.some((g) => g.loading);\n  useEffect(() => {\n    document.getElementById(`${listId}-${flat[active]?.id}`)?.scrollIntoView({ block: \"nearest\" });\n  }, [active, flat, listId]);\n\n  const select = (item: CommandItem | undefined) => {\n    if (!item) return;\n    const children = item.children;\n    if (children) {\n      setPages((p) => [...p, { title: item.label, groups: children }]);\n      setQuery(\"\");\n      setActive(0);\n      input.current?.focus();\n      return;\n    }\n    item.onSelect?.();\n    close();\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      setActive((a) => (flat.length ? (a + 1) % flat.length : 0));\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      setActive((a) => (flat.length ? (a - 1 + flat.length) % flat.length : 0));\n    } else if (e.key === \"Enter\") {\n      e.preventDefault();\n      select(flat[active]);\n    } else if (e.key === \"Backspace\" && !query && pages.length) {\n      e.preventDefault();\n      setPages((p) => p.slice(0, -1));\n      setActive(0);\n    } else if (e.key === \"Home\") {\n      setActive(0);\n    } else if (e.key === \"End\") {\n      setActive(Math.max(0, flat.length - 1));\n    }\n  };\n\n  let index = -1;\n  return (\n    <div\n      ref={boxRef}\n      className={cn(\"relative flex palette-limits min-h-0 flex-col overflow-hidden\", inline ? \"w-640 rounded-palette bg-raised shadow-dialog\" : \"flex-1\")}\n    >\n      {loading && (\n        <span aria-hidden className=\"absolute inset-x-0 top-0 h-2 overflow-hidden\">\n          <span className=\"block h-full w-1/3 animate-indeterminate bg-fg-tertiary\" />\n        </span>\n      )}\n      <div onMouseDown={focusInputOnPress} className=\"flex h-56 shrink-0 cursor-text items-center gap-12 px-20 hairline-b\">\n        <Icon icon={__icon_Search01Icon} size=\"md\" className=\"text-fg-tertiary\" />\n        {page && <span className=\"inline-flex h-24 shrink-0 items-center rounded-pill bg-fill-2 px-10 text-caption font-medium text-fg\">{page.title}</span>}\n        <input\n          ref={input}\n          autoFocus\n          data-palette-input=\"\"\n          role=\"combobox\"\n          aria-expanded=\"true\"\n          aria-controls={listId}\n          aria-autocomplete=\"list\"\n          aria-activedescendant={flat[active] ? `${listId}-${flat[active].id}` : undefined}\n          aria-label={placeholder}\n          placeholder={placeholder}\n          value={query}\n          onChange={(e) => {\n            setQuery(e.target.value);\n            setActive(0);\n          }}\n          onKeyDown={onKeyDown}\n          className=\"min-w-0 flex-1 bg-transparent text-body-lg font-regular text-fg outline-none placeholder:text-fg-tertiary\"\n        />\n      </div>\n      <div\n        id={listId}\n        data-dialog-body=\"\"\n        {...(flat.length ? { role: \"listbox\", \"aria-label\": t(\"commandPalette.results\", \"Results\") } : { role: \"status\" })}\n        className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain p-8 scrollbar-quiet\"\n      >\n        {flat.length === 0 && !loading && (\n          <div className=\"flex h-80 items-center justify-center text-body text-fg-secondary\">{emptyText ?? t(\"commandPalette.noResults\", \"No results\")}</div>\n        )}\n        {visible.map((g, gi) => (\n          <Fragment key={g.label ?? gi}>\n            {g.label && <div className=\"flex h-28 items-center px-12 pt-4 text-caption font-medium text-fg-secondary\">{g.label}</div>}\n            {g.items.map((item) => {\n              index += 1;\n              const i = index;\n              const isActive = i === active;\n              return (\n                <div\n                  key={item.id}\n                  id={`${listId}-${item.id}`}\n                  role=\"option\"\n                  aria-selected={isActive}\n                  onMouseMove={() => setActive(i)}\n                  onClick={() => select(item)}\n                  className={cn(\n                    \"flex h-40 cursor-pointer items-center gap-12 rounded-palette-item px-12 text-body font-medium text-fg select-none\",\n                    isActive && \"bg-item-hover\",\n                  )}\n                >\n                  {item.icon && <Icon icon={item.icon} size=\"sm\" className={isActive ? \"text-fg\" : \"text-fg-secondary\"} />}\n                  <span className=\"min-w-0 truncate\">{item.label}</span>\n                  {item.hint && (\n                    <span className={cn(\"min-w-0 truncate text-body font-regular\", isActive ? \"text-fg-secondary\" : \"text-fg-tertiary\")}>{item.hint}</span>\n                  )}\n                  <span className=\"ml-auto flex shrink-0 items-center gap-8\">\n                    {item.shortcut && <KbdSequence keys={item.shortcut} />}\n                    {item.children && <Icon icon={__icon_ArrowRight01Icon} size=\"sm\" className=\"text-fg-tertiary\" />}\n                  </span>\n                </div>\n              );\n            })}\n          </Fragment>\n        ))}\n      </div>\n      {keyHints && (\n        <div className=\"flex h-40 shrink-0 items-center gap-16 px-16 text-caption font-medium text-fg-tertiary hairline-t\">\n          <span className=\"inline-flex items-center gap-6\">\n            <Kbd>up</Kbd>\n            <Kbd>down</Kbd> {t(\"commandPalette.toNavigate\", \"to navigate\")}\n          </span>\n          <span className=\"inline-flex items-center gap-6\">\n            <Kbd>enter</Kbd> {t(\"commandPalette.toOpen\", \"to open\")}\n          </span>\n          {pages.length > 0 && (\n            <span className=\"inline-flex items-center gap-6\">\n              <Kbd>backspace</Kbd> {t(\"commandPalette.toGoBack\", \"to go back\")}\n            </span>\n          )}\n          <span className=\"ml-auto inline-flex items-center gap-6\">\n            <Kbd>esc</Kbd> {t(\"commandPalette.toClose\", \"to close\")}\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function CommandPalette(props: CommandPaletteProps) {\n  const { open, onOpenChange, hotkey = true, inline } = props;\n  const [inner, setInner] = useState(false);\n  const isOpen = open ?? inner;\n  const setOpen = (o: boolean) => {\n    if (open === undefined) setInner(o);\n    onOpenChange?.(o);\n  };\n  const toggle = useRef(() => setOpen(!isOpen));\n  toggle.current = () => setOpen(!isOpen);\n  useEffect(() => {\n    if (!hotkey || inline) return;\n    const onKey = (e: globalThis.KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === \"k\") {\n        e.preventDefault();\n        toggle.current();\n      }\n    };\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, [hotkey, inline]);\n  const focus = useRestoreFocus(isOpen);\n  const t = useUiText();\n  const container = usePortalContainer();\n  const settled = useScopedDialog(inline ? false : isOpen);\n  const session = useOpenSession(isOpen);\n  if (inline) return <Palette {...props} close={() => undefined} />;\n  return (\n    <BaseDialog.Root open={isOpen} onOpenChange={(o: boolean) => setOpen(o)} onOpenChangeComplete={settled}>\n      <BaseDialog.Portal container={container}>\n        <BaseDialog.Backdrop className=\"fixed inset-0 z-50 bg-overlay backdrop-motion\" />\n        <BaseDialog.Viewport className=\"fixed inset-0 z-50 flex items-start justify-center px-16 pt-palette\">\n          <BaseDialog.Popup\n            aria-label={t(\"commandPalette.label\", \"Command palette\")}\n            initialFocus={focus.initialFocus}\n            finalFocus={focus.finalFocus}\n            className=\"flex w-640 max-w-full flex-col overflow-hidden rounded-palette bg-raised text-fg shadow-dialog outline-none dialog-motion\"\n          >\n            <Palette key={session} {...props} close={() => setOpen(false)} />\n          </BaseDialog.Popup>\n        </BaseDialog.Viewport>\n      </BaseDialog.Portal>\n    </BaseDialog.Root>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") CommandPalette.displayName = \"CommandPalette\";\n"],"mappings":"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"}
+{"version":3,"file":"command-palette.js","names":["_Fragment","__icon_ArrowRight01Icon","BaseDialog","cn","usePortalContainer","useUiText","Icon","Kbd","CommandList","useRestoreFocus","useScopedDialog","useOpenSession","useResizeMotion","Fragment$1","KAESO_COMMAND_PALETTE_VARIANTS","KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS","matches","hay","item","w","Palette","placeholderProp","controlledQuery","t","placeholder","ownQuery","setOwnQuery","useState","defaultQuery","query","setQuery","next","onQueryChange","pages","setPages","input","useRef","box","setBox","boxRef","useCallback","inline","el","page","source","groups","loading","g","byId","useMemo","i","listGroups","gi","active","KbdSequence","ArrowRight01Icon","id","children","p","close","emptyText","keyHints","CommandPalette","props","inner","setInner","isOpen","open","setOpen","o","onOpenChange","toggle","useEffect","hotkey","onKey","focus","container","settled","session","Dialog"],"sources":["../../src/components/command-palette/command-palette.tsx"],"sourcesContent":["import { usePortalContainer } from \"../../utils/portal-context.js\";\nimport { useCallback, useEffect, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useRestoreFocus } from \"../../utils/restore-focus.js\";\nimport { useOpenSession, useScopedDialog } from \"../../utils/dialog-scope.js\";\nimport { ArrowRight01Icon as __icon_ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { KbdSequence, Kbd } from \"../kbd/kbd.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { useResizeMotion } from \"../../utils/resize-motion.js\";\nimport { CommandList, type CommandListGroup, type CommandListItem, type CommandListRowState } from \"../command-list/command-list.js\";\n\nexport const KAESO_COMMAND_PALETTE_VARIANTS = {\n  size: {\n    md: { classes: \"w-640\" },\n  },\n} as const;\nexport const KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface CommandItem {\n  id: string;\n  label: string;\n  icon?: IconData | undefined;\n  hint?: string | undefined;\n  shortcut?: string[] | string[][] | undefined;\n  keywords?: string[] | undefined;\n  onSelect?: (() => void) | undefined;\n  children?: CommandGroup[] | undefined;\n}\n\nexport interface CommandGroup {\n  label?: string | undefined;\n  items: CommandItem[];\n  loading?: boolean | undefined;\n}\n\nexport interface CommandPaletteProps {\n  open?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  groups: CommandGroup[];\n  placeholder?: string | undefined;\n  emptyText?: ReactNode | undefined;\n  onQueryChange?: ((query: string) => void) | undefined;\n  hotkey?: boolean | undefined;\n  keyHints?: boolean | undefined;\n  inline?: boolean | undefined;\n  defaultQuery?: string | undefined;\n  query?: string | undefined;\n}\n\nfunction matches(item: CommandListItem, q: string) {\n  const hay = [item.label, ...(item.keywords ?? [])].join(\" \").toLowerCase();\n  return q\n    .toLowerCase()\n    .split(/\\s+/)\n    .every((w) => hay.includes(w))\n    ? 1\n    : 0;\n}\n\nfunction Palette({\n  groups,\n  keyHints,\n  placeholder: placeholderProp,\n  emptyText,\n  onQueryChange,\n  close,\n  inline,\n  defaultQuery = \"\",\n  query: controlledQuery,\n}: CommandPaletteProps & { close: () => void }) {\n  const t = useUiText();\n  const placeholder = placeholderProp ?? t(\"commandPalette.placeholder\", \"Search or run a command\");\n  const [ownQuery, setOwnQuery] = useState(defaultQuery);\n  const query = controlledQuery ?? ownQuery;\n  const setQuery = (next: string) => {\n    setOwnQuery(next);\n    onQueryChange?.(next);\n  };\n  const [pages, setPages] = useState<{ title: string; groups: CommandGroup[] }[]>([]);\n  const input = useRef<HTMLInputElement>(null);\n  const [box, setBox] = useState<HTMLElement | null>(null);\n  const boxRef = useCallback((el: HTMLElement | null) => setBox(inline ? null : (el?.parentElement ?? null)), [inline]);\n  useResizeMotion(box);\n  const page = pages[pages.length - 1];\n  const source = page ? page.groups : groups;\n  const loading = source.some((g) => g.loading);\n  const byId = useMemo(() => new Map(source.flatMap((g) => g.items.map((i) => [i.id, i] as const))), [source]);\n  const listGroups = useMemo<CommandListGroup[]>(\n    () =>\n      source.map((g, gi) => ({\n        id: `${gi}:${g.label ?? \"\"}`,\n        ...(g.label ? { label: g.label } : {}),\n        ...(g.loading ? { loading: true } : {}),\n        items: g.items.map((item) => ({\n          value: item.id,\n          label: item.label,\n          keywords: [item.hint ?? \"\", ...(item.keywords ?? [])],\n          render: ({ active }: CommandListRowState) => (\n            <>\n              {item.icon && <Icon icon={item.icon} size=\"sm\" className={active ? \"text-fg\" : \"text-fg-secondary\"} />}\n              <span className=\"min-w-0 truncate\">{item.label}</span>\n              {item.hint && (\n                <span className={cn(\"min-w-0 truncate text-body font-regular\", active ? \"text-fg-secondary\" : \"text-fg-tertiary\")}>{item.hint}</span>\n              )}\n              <span className=\"ml-auto flex shrink-0 items-center gap-8\">\n                {item.shortcut && <KbdSequence keys={item.shortcut} />}\n                {item.children && <Icon icon={__icon_ArrowRight01Icon} size=\"sm\" className=\"text-fg-tertiary\" />}\n              </span>\n            </>\n          ),\n        })),\n      })),\n    [source],\n  );\n\n  const select = (id: string) => {\n    const item = byId.get(id);\n    if (!item) return;\n    const children = item.children;\n    if (children) {\n      setPages((p) => [...p, { title: item.label, groups: children }]);\n      setQuery(\"\");\n      input.current?.focus();\n      return;\n    }\n    item.onSelect?.();\n    close();\n  };\n\n  return (\n    <div\n      ref={boxRef}\n      className={cn(\"relative flex palette-limits min-h-0 flex-col overflow-hidden\", inline ? \"w-640 rounded-palette bg-raised shadow-dialog\" : \"flex-1\")}\n    >\n      <CommandList\n        ref={input}\n        groups={listGroups}\n        aria-label={t(\"commandPalette.results\", \"Results\")}\n        size=\"lg\"\n        height=\"fill\"\n        escapeClears={false}\n        match={matches}\n        inputProps={{ \"data-palette-input\": \"\" }}\n        autoFocus\n        query={query}\n        onQueryChange={setQuery}\n        onSelect={select}\n        loading={loading}\n        placeholder={placeholder}\n        emptyText={emptyText ?? t(\"commandPalette.noResults\", \"No results\")}\n        searchPrefix={\n          page && <span className=\"inline-flex h-24 shrink-0 items-center rounded-pill bg-fill-2 px-10 text-caption font-medium text-fg\">{page.title}</span>\n        }\n        onInputKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n          if (e.key === \"Backspace\" && !query && pages.length) {\n            e.preventDefault();\n            setPages((p) => p.slice(0, -1));\n          }\n        }}\n        footer={\n          keyHints && (\n            <div className=\"flex h-40 shrink-0 items-center gap-16 px-16 text-caption font-medium text-fg-tertiary hairline-t\">\n              <span className=\"inline-flex items-center gap-6\">\n                <Kbd>up</Kbd>\n                <Kbd>down</Kbd> {t(\"commandPalette.toNavigate\", \"to navigate\")}\n              </span>\n              <span className=\"inline-flex items-center gap-6\">\n                <Kbd>enter</Kbd> {t(\"commandPalette.toOpen\", \"to open\")}\n              </span>\n              {pages.length > 0 && (\n                <span className=\"inline-flex items-center gap-6\">\n                  <Kbd>backspace</Kbd> {t(\"commandPalette.toGoBack\", \"to go back\")}\n                </span>\n              )}\n              <span className=\"ml-auto inline-flex items-center gap-6\">\n                <Kbd>esc</Kbd> {t(\"commandPalette.toClose\", \"to close\")}\n              </span>\n            </div>\n          )\n        }\n      />\n    </div>\n  );\n}\n\nexport function CommandPalette(props: CommandPaletteProps) {\n  const { open, onOpenChange, hotkey = true, inline } = props;\n  const [inner, setInner] = useState(false);\n  const isOpen = open ?? inner;\n  const setOpen = (o: boolean) => {\n    if (open === undefined) setInner(o);\n    onOpenChange?.(o);\n  };\n  const toggle = useRef(() => setOpen(!isOpen));\n  toggle.current = () => setOpen(!isOpen);\n  useEffect(() => {\n    if (!hotkey || inline) return;\n    const onKey = (e: globalThis.KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === \"k\") {\n        e.preventDefault();\n        toggle.current();\n      }\n    };\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, [hotkey, inline]);\n  const focus = useRestoreFocus(isOpen);\n  const t = useUiText();\n  const container = usePortalContainer();\n  const settled = useScopedDialog(inline ? false : isOpen);\n  const session = useOpenSession(isOpen);\n  if (inline) return <Palette {...props} close={() => undefined} />;\n  return (\n    <BaseDialog.Root open={isOpen} onOpenChange={(o: boolean) => setOpen(o)} onOpenChangeComplete={settled}>\n      <BaseDialog.Portal container={container}>\n        <BaseDialog.Backdrop className=\"fixed inset-0 z-50 bg-overlay backdrop-motion\" />\n        <BaseDialog.Viewport className=\"fixed inset-0 z-50 flex items-start justify-center px-16 pt-palette\">\n          <BaseDialog.Popup\n            aria-label={t(\"commandPalette.label\", \"Command palette\")}\n            initialFocus={focus.initialFocus}\n            finalFocus={focus.finalFocus}\n            className=\"flex w-640 max-w-full flex-col overflow-hidden rounded-palette bg-raised text-fg shadow-dialog outline-none dialog-motion\"\n          >\n            <Palette key={session} {...props} close={() => setOpen(false)} />\n          </BaseDialog.Popup>\n        </BaseDialog.Viewport>\n      </BaseDialog.Portal>\n    </BaseDialog.Root>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") CommandPalette.displayName = \"CommandPalette\";\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAac,IAAiC,EAC5C,MAAM,EACJ,IAAI,EAAE,SAAS,QAAQ,EACzB,EACF,GACaC,IAAyC,EAAE,MAAM,KAAK;AAiCnE,SAASC,EAAQ,GAAuB,GAAW;CACjD,IAAMC,IAAM,CAACC,EAAK,OAAO,GAAIA,EAAK,YAAY,CAAC,CAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,YAAY;CACzE,OAAO,KACJ,YAAY,CAAC,CACb,MAAM,KAAK,CAAC,CACZ,OAAO,MAAMD,EAAI,SAASE,CAAC,CAAC;AAGjC;AAEA,SAASC,EAAQ,EACf,WACA,aACA,aAAaC,GACb,cACA,kBACA,UACA,WACA,kBAAe,IACf,OAAOC,KACuC;CAC9C,IAAMC,IAAIlB,EAAU,GACdmB,IAAcH,KAAmBE,EAAE,8BAA8B,yBAAyB,GAC1F,CAACE,GAAUC,KAAeC,EAASC,CAAY,GAC/CC,IAAQP,KAAmBG,GAC3BK,KAAY,MAAiB;EAEjC,AADAJ,EAAYK,CAAI,GAChBC,IAAgBD,CAAI;CACtB,GACM,CAACE,GAAOC,KAAYP,EAAsD,CAAC,CAAC,GAC5EQ,IAAQC,EAAyB,IAAI,GACrC,CAACC,GAAKC,KAAUX,EAA6B,IAAI,GACjDY,IAASC,GAAa,MAA2BF,EAAOG,IAAS,OAAQC,GAAI,iBAAiB,IAAK,GAAG,CAACD,CAAM,CAAC;CACpH,EAAgBJ,CAAG;CACnB,IAAMM,IAAOV,EAAMA,EAAM,SAAS,IAC5BW,IAASD,IAAOA,EAAK,SAASE,GAC9BC,IAAUF,EAAO,MAAM,MAAMG,EAAE,OAAO,GACtCC,IAAOC,QAAc,IAAI,IAAIL,EAAO,SAAS,MAAMG,EAAE,MAAM,KAAK,MAAM,CAACG,EAAE,IAAIA,CAAC,CAAU,CAAC,CAAC,GAAG,CAACN,CAAM,CAAC,GACrGO,IAAaF,QAEfL,EAAO,KAAK,GAAG,OAAQ;EACrB,IAAI,GAAGQ,EAAG,GAAGL,EAAE,SAAS;EACxB,GAAIA,EAAE,QAAQ,EAAE,OAAOA,EAAE,MAAM,IAAI,CAAC;EACpC,GAAIA,EAAE,UAAU,EAAE,SAAS,GAAK,IAAI,CAAC;EACrC,OAAOA,EAAE,MAAM,KAAK,OAAU;GAC5B,OAAO7B,EAAK;GACZ,OAAOA,EAAK;GACZ,UAAU,CAACA,EAAK,QAAQ,IAAI,GAAIA,EAAK,YAAY,CAAC,CAAE;GACpD,SAAS,EAAE,gBACT,kBAAAlB,GAAA,EAAA,UAAA;IACGkB,EAAK,QAAQ,kBAACZ,GAAD;KAAM,MAAMY,EAAK;KAAM,MAAK;KAAK,WAAWmC,IAAS,YAAY;IAAsB,CAAA;IACrG,kBAAC,QAAD;KAAM,WAAU;KAAoB,UAAAnC,EAAK;IAAY,CAAA;IACpDA,EAAK,QACJ,kBAAC,QAAD;KAAM,WAAWf,EAAG,2CAA2CkD,IAAS,sBAAsB,kBAAkB;KAAI,UAAAnC,EAAK;IAAW,CAAA;IAEtI,kBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACGA,EAAK,YAAY,kBAACoC,GAAD,EAAa,MAAMpC,EAAK,SAAW,CAAA,GACpDA,EAAK,YAAY,kBAACZ,GAAD;MAAM,MAAML;MAAyB,MAAK;MAAK,WAAU;KAAoB,CAAA,CAC3F;;GACN,EAAA,CAAA;EAEN,EAAE;CACJ,EAAE,GACJ,CAAC2C,CAAM,CACT;CAgBA,OACE,kBAAC,OAAD;EACE,KAAKL;EACL,WAAWpC,EAAG,iEAAiEsC,IAAS,kDAAkD,QAAQ;EAElJ,UAAA,kBAACjC,GAAD;GACE,KAAK2B;GACL,QAAQgB;GACR,cAAY5B,EAAE,0BAA0B,SAAS;GACjD,MAAK;GACL,QAAO;GACP,cAAc;GACd,OAAOP;GACP,YAAY,EAAE,sBAAsB,GAAG;GACvC,WAAA;GACO;GACP,eAAec;GACf,WA/BU,MAAe;IAC7B,IAAMZ,IAAO8B,EAAK,IAAIQ,CAAE;IACxB,IAAI,CAACtC,GAAM;IACX,IAAMuC,IAAWvC,EAAK;IACtB,AAAIuC,KACFvB,GAAU,MAAM,CAAC,GAAGwB,GAAG;KAAE,OAAOxC,EAAK;KAAO,QAAQuC;IAAS,CAAC,CAAC,GAC/D3B,EAAS,EAAE,GACXK,EAAM,SAAS,MAAM,MAGvBjB,EAAK,WAAW,GAChByC,EAAM;GACR;GAoBe;GACI;GACb,WAAWC,KAAarC,EAAE,4BAA4B,YAAY;GAClE,cACEoB,KAAQ,kBAAC,QAAD;IAAM,WAAU;IAAwG,UAAAA,EAAK;GAAY,CAAA;GAEnJ,iBAAiB,MAAuC;IACtD,AAAI,EAAE,QAAQ,eAAe,CAACd,KAASI,EAAM,WAC3C,EAAE,eAAe,GACjBC,GAAU,MAAMwB,EAAE,MAAM,GAAG,EAAE,CAAC;GAElC;GACA,QACEG,KACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,kBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OACE,kBAACtD,GAAD,EAAA,UAAK,KAAO,CAAA;OACZ,kBAACA,GAAD,EAAA,UAAK,OAAS,CAAA;OAAC;OAAEgB,EAAE,6BAA6B,aAAa;MACzD;;KACN,kBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OACE,kBAAChB,GAAD,EAAA,UAAK,QAAU,CAAA;OAAC;OAAEgB,EAAE,yBAAyB,SAAS;MAClD;;KACLU,EAAM,SAAS,KACd,kBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OACE,kBAAC1B,GAAD,EAAA,UAAK,YAAc,CAAA;OAAC;OAAEgB,EAAE,2BAA2B,YAAY;MAC3D;;KAER,kBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OACE,kBAAChB,GAAD,EAAA,UAAK,MAAQ,CAAA;OAAC;OAAEgB,EAAE,0BAA0B,UAAU;MAClD;;IACH;;EAGV,CAAA;CACE,CAAA;AAET;AAEA,SAAgBuC,EAAe,GAA4B;CACzD,IAAM,EAAE,SAAM,iBAAc,YAAS,IAAM,cAAWC,GAChD,CAACC,GAAOC,KAAYtC,EAAS,EAAK,GAClCuC,IAASC,KAAQH,GACjBI,KAAW,MAAe;EAE9B,AADID,MAAS,KAAA,KAAWF,EAASI,CAAC,GAClCC,IAAeD,CAAC;CAClB,GACME,IAASnC,QAAagC,EAAQ,CAACF,CAAM,CAAC;CAE5C,AADA,EAAO,gBAAgBE,EAAQ,CAACF,CAAM,GACtCM,QAAgB;EACd,IAAI,CAACC,KAAUhC,GAAQ;EACvB,IAAMiC,KAAS,MAAgC;GAC7C,CAAK,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,YAAY,MAAM,QACtD,EAAE,eAAe,GACjBH,EAAO,QAAQ;EAEnB;EAEA,OADA,OAAO,iBAAiB,WAAWG,CAAK,SAC3B,OAAO,oBAAoB,WAAWA,CAAK;CAC1D,GAAG,CAACD,GAAQhC,CAAM,CAAC;CACnB,IAAMkC,IAAQlE,EAAgByD,CAAM,GAC9B3C,IAAIlB,EAAU,GACduE,IAAYxE,EAAmB,GAC/ByE,IAAUnE,EAAgB,MAAiBwD,CAAM,GACjDY,IAAUnE,EAAeuD,CAAM;CAErC,OADIzB,IAAe,kBAACrB,GAAD;EAAS,GAAI2C;EAAO,aAAa,KAAA;CAAY,CAAA,IAE9D,kBAAC7D,EAAW,MAAZ;EAAiB,MAAMgE;EAAQ,eAAe,MAAeE,EAAQC,CAAC;EAAG,sBAAsBQ;EAC7F,UAAA,kBAAC3E,EAAW,QAAZ;GAA8B;GAA9B,UAAA,CACE,kBAACA,EAAW,UAAZ,EAAqB,WAAU,gDAAiD,CAAA,GAChF,kBAACA,EAAW,UAAZ;IAAqB,WAAU;IAC7B,UAAA,kBAACA,EAAW,OAAZ;KACE,cAAYqB,EAAE,wBAAwB,iBAAiB;KACvD,cAAcoD,EAAM;KACpB,YAAYA,EAAM;KAClB,WAAU;KAEV,UAAA,kBAACvD,GAAD;MAAuB,GAAI2C;MAAO,aAAaK,EAAQ,EAAK;KAAI,GAAlDU,CAAkD;IAChD,CAAA;GACC,CAAA,CACJ;;CACJ,CAAA;AAErB;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAe,cAAc"}

package/dist/components/copy-button.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as ClipboardText, n as CopyButton, r as InlineCopyText, i as KAESO_CLIPBOARD_TEXT_DEFAULT_VARIANTS, a as KAESO_CLIPBOARD_TEXT_VARIANTS, o as KAESO_COPY_BUTTON_DEFAULT_VARIANTS, s as KAESO_COPY_BUTTON_VARIANTS } from "../chunks/copy-button-DXxn-YYZ.js";
+export { t as ClipboardText, n as CopyButton, r as InlineCopyText, i as KAESO_CLIPBOARD_TEXT_DEFAULT_VARIANTS, a as KAESO_CLIPBOARD_TEXT_VARIANTS, o as KAESO_COPY_BUTTON_DEFAULT_VARIANTS, s as KAESO_COPY_BUTTON_VARIANTS } from "../chunks/copy-button-CNpEnS04.js";