@logicplanes/kaeso-ui 0.4.1 → 0.4.3

package/dist/components/command-palette.js

@@ -1,27 +1,29 @@
 "use client";
-import { t as e } from "../chunks/cn-Isw2DnQX.js";
+import { t as e } from "../chunks/cn-Dj6sRgkF.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-D5uD_mnL.js";
-import { i, r as a } from "../chunks/kbd-9A9rX60U.js";
-import { t as o } from "../chunks/command-list-CzMbdtJs.js";
+import { t as r } from "../chunks/icon-D7ja-_Yk.js";
+import { i, r as a } from "../chunks/kbd-BF1vKXJf.js";
+import { t as o } from "../chunks/command-list-C2Y7V_lt.js";
 import { a as s, i as c, r as l, t as u } from "../chunks/resize-motion-DS3rIIqy.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";
+import { forwardRef as d, useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { ArrowRight01Icon as b } from "@hugeicons/core-free-icons";
+import { Dialog as x } from "@base-ui/react/dialog";
 //#region src/components/command-palette/command-palette.tsx
-var x = { size: { md: { classes: "w-640" } } }, S = { size: "md" };
-function C(e, t) {
+var S = { size: { md: { classes: "w-640" } } }, C = { size: "md" };
+function w(e, t) {
 	let n = [e.label, ...e.keywords ?? []].join(" ").toLowerCase();
 	return +!!t.toLowerCase().split(/\s+/).every((e) => n.includes(e));
 }
-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) => ({
+function T({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange: d, close: p, inline: x, defaultQuery: S = "", query: C, counts: T, rootRef: E }) {
+	let D = n(), O = c ?? D("commandPalette.placeholder", "Search or run a command"), [k, A] = g(S), j = C ?? k, M = (e) => {
+		A(e), d?.(e);
+	}, [N, P] = g([]), F = h(null), [I, L] = g(null), R = f((e) => {
+		L(x ? null : e?.parentElement ?? null), typeof E == "function" ? E(e) : E && (E.current = e);
+	}, [x, E]);
+	u(I);
+	let z = N[N.length - 1], B = z ? z.groups : t, V = B.some((e) => e.loading), H = m(() => new Map(B.flatMap((e) => e.items.map((e) => [e.id, e]))), [B]), U = m(() => B.map((t, n) => ({
 		id: `${n}:${t.label ?? ""}`,
 		...t.label ? { label: t.label } : {},
 		...t.loading ? { loading: !0 } : {},
@@ -29,99 +31,100 @@ function w({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange
 			value: t.id,
 			label: t.label,
 			keywords: [t.hint ?? "", ...t.keywords ?? []],
-			render: ({ active: n }) => /* @__PURE__ */ v(g, { children: [
-				t.icon && /* @__PURE__ */ _(r, {
+			render: ({ active: n }) => /* @__PURE__ */ y(_, { children: [
+				t.icon && /* @__PURE__ */ v(r, {
 					icon: t.icon,
 					size: "sm",
 					className: n ? "text-fg" : "text-fg-secondary"
 				}),
-				/* @__PURE__ */ _("span", {
+				/* @__PURE__ */ v("span", {
 					className: "min-w-0 truncate",
 					children: t.label
 				}),
-				t.hint && /* @__PURE__ */ _("span", {
+				t.hint && /* @__PURE__ */ v("span", {
 					className: e("min-w-0 truncate text-body font-regular", n ? "text-fg-secondary" : "text-fg-tertiary"),
 					children: t.hint
 				}),
-				/* @__PURE__ */ v("span", {
+				/* @__PURE__ */ y("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,
+					children: [t.shortcut && /* @__PURE__ */ v(i, { keys: t.shortcut }), t.children && /* @__PURE__ */ v(r, {
+						icon: b,
 						size: "sm",
 						className: "text-fg-tertiary"
 					})]
 				})
 			] })
 		}))
-	})), [R]);
-	return /* @__PURE__ */ _("div", {
-		ref: I,
+	})), [B]);
+	return /* @__PURE__ */ v("div", {
+		ref: R,
 		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"),
+		children: /* @__PURE__ */ v(o, {
+			ref: F,
+			groups: U,
+			"aria-label": D("commandPalette.results", "Results"),
 			size: "lg",
 			height: "fill",
 			escapeClears: !1,
-			match: C,
+			match: w,
+			counts: T,
 			inputProps: { "data-palette-input": "" },
 			autoFocus: !0,
-			query: k,
-			onQueryChange: A,
+			query: j,
+			onQueryChange: M,
 			onSelect: (e) => {
-				let t = B.get(e);
+				let t = H.get(e);
 				if (!t) return;
 				let n = t.children;
-				n ? (M((e) => [...e, {
+				n ? (P((e) => [...e, {
 					title: t.label,
 					groups: n
-				}]), A(""), N.current?.focus()) : (t.onSelect?.(), b());
+				}]), M(""), F.current?.focus()) : (t.onSelect?.(), p());
 			},
-			loading: z,
-			placeholder: E,
-			emptyText: l ?? T("commandPalette.noResults", "No results"),
-			searchPrefix: L && /* @__PURE__ */ _("span", {
+			loading: V,
+			placeholder: O,
+			emptyText: l ?? D("commandPalette.noResults", "No results"),
+			searchPrefix: z && /* @__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: L.title
+				children: z.title
 			}),
 			onInputKeyDown: (e) => {
-				e.key === "Backspace" && !k && j.length && (e.preventDefault(), M((e) => e.slice(0, -1)));
+				e.key === "Backspace" && !j && N.length && (e.preventDefault(), P((e) => e.slice(0, -1)));
 			},
-			footer: s && /* @__PURE__ */ v("div", {
+			footer: s && /* @__PURE__ */ y("div", {
 				className: "flex h-40 shrink-0 items-center gap-16 px-16 text-caption font-medium text-fg-tertiary hairline-t",
 				children: [
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ y("span", {
 						className: "inline-flex items-center gap-6",
 						children: [
-							/* @__PURE__ */ _(a, { children: "up" }),
-							/* @__PURE__ */ _(a, { children: "down" }),
+							/* @__PURE__ */ v(a, { children: "up" }),
+							/* @__PURE__ */ v(a, { children: "down" }),
 							" ",
-							T("commandPalette.toNavigate", "to navigate")
+							D("commandPalette.toNavigate", "to navigate")
 						]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ y("span", {
 						className: "inline-flex items-center gap-6",
 						children: [
-							/* @__PURE__ */ _(a, { children: "enter" }),
+							/* @__PURE__ */ v(a, { children: "enter" }),
 							" ",
-							T("commandPalette.toOpen", "to open")
+							D("commandPalette.toOpen", "to open")
 						]
 					}),
-					j.length > 0 && /* @__PURE__ */ v("span", {
+					N.length > 0 && /* @__PURE__ */ y("span", {
 						className: "inline-flex items-center gap-6",
 						children: [
-							/* @__PURE__ */ _(a, { children: "backspace" }),
+							/* @__PURE__ */ v(a, { children: "backspace" }),
 							" ",
-							T("commandPalette.toGoBack", "to go back")
+							D("commandPalette.toGoBack", "to go back")
 						]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ y("span", {
 						className: "ml-auto inline-flex items-center gap-6",
 						children: [
-							/* @__PURE__ */ _(a, { children: "esc" }),
+							/* @__PURE__ */ v(a, { children: "esc" }),
 							" ",
-							T("commandPalette.toClose", "to close")
+							D("commandPalette.toClose", "to close")
 						]
 					})
 				]
@@ -129,45 +132,47 @@ function w({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange
 		})
 	});
 }
-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);
-	}, y = m(() => g(!p));
-	y.current = () => g(!p), f(() => {
-		if (!a || o) return;
+var E = /* @__PURE__ */ d(function(e, r) {
+	let { open: i, onOpenChange: a, hotkey: o = !0, inline: u } = e, [d, f] = g(!1), m = i ?? d, _ = (e) => {
+		i === void 0 && f(e), a?.(e);
+	}, b = h(() => _(!m));
+	b.current = () => _(!m), p(() => {
+		if (!o || u) return;
 		let e = (e) => {
-			(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), y.current());
+			(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), b.current());
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [a, o]);
-	let x = s(p), S = n(), C = t(), T = c(!o && p), E = l(p);
-	return o ? /* @__PURE__ */ _(w, {
+	}, [o, u]);
+	let S = s(m), C = n(), w = t(), E = c(!u && m), D = l(m);
+	return u ? /* @__PURE__ */ v(T, {
 		...e,
-		close: () => void 0
-	}) : /* @__PURE__ */ _(b.Root, {
-		open: p,
-		onOpenChange: (e) => g(e),
-		onOpenChangeComplete: T,
-		children: /* @__PURE__ */ v(b.Portal, {
-			container: C,
-			children: [/* @__PURE__ */ _(b.Backdrop, { className: "fixed inset-0 z-50 bg-overlay backdrop-motion" }), /* @__PURE__ */ _(b.Viewport, {
+		close: () => void 0,
+		rootRef: r
+	}) : /* @__PURE__ */ v(x.Root, {
+		open: m,
+		onOpenChange: (e) => _(e),
+		onOpenChangeComplete: E,
+		children: /* @__PURE__ */ y(x.Portal, {
+			container: w,
+			children: [/* @__PURE__ */ v(x.Backdrop, { className: "fixed inset-0 z-50 bg-overlay backdrop-motion" }), /* @__PURE__ */ v(x.Viewport, {
 				className: "fixed inset-0 z-50 flex items-start justify-center px-16 pt-palette",
-				children: /* @__PURE__ */ _(b.Popup, {
-					"aria-label": S("commandPalette.label", "Command palette"),
-					initialFocus: x.initialFocus,
-					finalFocus: x.finalFocus,
+				children: /* @__PURE__ */ v(x.Popup, {
+					ref: r,
+					"aria-label": C("commandPalette.label", "Command palette"),
+					initialFocus: S.initialFocus,
+					finalFocus: S.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__ */ _(w, {
+					children: /* @__PURE__ */ v(T, {
 						...e,
-						close: () => g(!1)
-					}, E)
+						close: () => _(!1)
+					}, D)
 				})
 			})]
 		})
 	});
-}
-process.env.NODE_ENV !== "production" && (T.displayName = "CommandPalette");
+});
+process.env.NODE_ENV !== "production" && (E.displayName = "CommandPalette");
 //#endregion
-export { T as CommandPalette, S as KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS, x as KAESO_COMMAND_PALETTE_VARIANTS };
+export { E as CommandPalette, C as KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS, S 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":["_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":"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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","rootRef","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","ref","Dialog"],"sources":["../../src/components/command-palette/command-palette.tsx"],"sourcesContent":["import { usePortalContainer } from \"../../utils/portal-context.js\";\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState, type KeyboardEvent, type ReactNode, type Ref } 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  counts?: boolean | 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  counts,\n  rootRef,\n}: CommandPaletteProps & { close: () => void; rootRef?: Ref<HTMLDivElement> | undefined }) {\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(\n    (el: HTMLDivElement | null) => {\n      setBox(inline ? null : (el?.parentElement ?? null));\n      if (typeof rootRef === \"function\") rootRef(el);\n      else if (rootRef) rootRef.current = el;\n    },\n    [inline, rootRef],\n  );\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        counts={counts}\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 const CommandPalette = /* @__PURE__ */ forwardRef<HTMLDivElement, CommandPaletteProps>(function CommandPalette(props, ref) {\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} rootRef={ref} />;\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            ref={ref}\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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"}

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-Cdea0wKl.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-FJvPJn72.js";