@logicplanes/kaeso-ui 0.4.4 → 0.4.5

package/dist/components/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","names":["BaseCollapsible","BaseAccordion","cn","DisclosureChevron","DISCLOSURE_TRIGGER","Collapsible$1","Accordion$1","KAESO_COLLAPSIBLE_VARIANTS","KAESO_COLLAPSIBLE_DEFAULT_VARIANTS","TRIGGER","Collapsible","open","defaultOpen","onOpenChange","o","className","title","hint","Accordion","multiple","defaultValue","items","it"],"sources":["../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\nimport { cn } from \"../../utils/cn.js\";\nimport { DISCLOSURE_TRIGGER, DisclosureChevron } from \"./disclosure.js\";\n\nexport const KAESO_COLLAPSIBLE_VARIANTS = {\n  state: {\n    closed: { classes: \"\" },\n    open: { classes: \"group-data-panel-open/dt:rotate-90\" },\n  },\n} as const;\nexport const KAESO_COLLAPSIBLE_DEFAULT_VARIANTS = { state: \"closed\" } as const;\n\nconst TRIGGER = `${DISCLOSURE_TRIGGER} min-h-40 py-8 text-body font-medium text-fg hover:bg-fill-1 active:bg-fill-2 coarse:min-h-44`;\n\nexport interface CollapsibleProps {\n  title: ReactNode;\n  children: ReactNode;\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  hint?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nexport const Collapsible = /* @__PURE__ */ forwardRef<HTMLDivElement, CollapsibleProps>(function Collapsible(\n  { title, children, open, defaultOpen, onOpenChange, hint, className },\n  ref,\n) {\n  return (\n    <BaseCollapsible.Root\n      ref={ref}\n      {...(open !== undefined ? { open } : {})}\n      {...(defaultOpen !== undefined ? { defaultOpen } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n      className={cn(\"flex flex-col\", className)}\n    >\n      <BaseCollapsible.Trigger className={TRIGGER}>\n        <span className=\"min-w-0 flex-1\">{title}</span>\n        {hint && <span className=\"text-small font-regular text-fg-secondary\">{hint}</span>}\n        <DisclosureChevron />\n      </BaseCollapsible.Trigger>\n      <BaseCollapsible.Panel className=\"collapse-motion\">\n        <div className=\"px-12 pt-4 pb-12\">{children}</div>\n      </BaseCollapsible.Panel>\n    </BaseCollapsible.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Collapsible.displayName = \"Collapsible\";\n\nexport interface AccordionItem {\n  value: string;\n  title: ReactNode;\n  content: ReactNode;\n  hint?: ReactNode | undefined;\n}\n\nexport interface AccordionProps {\n  items: AccordionItem[];\n  multiple?: boolean | undefined;\n  defaultValue?: string[] | undefined;\n  className?: string | undefined;\n}\n\nexport const Accordion = /* @__PURE__ */ forwardRef<HTMLDivElement, AccordionProps>(function Accordion({ items, multiple = false, defaultValue, className }, ref) {\n  return (\n    <BaseAccordion.Root\n      ref={ref}\n      {...(multiple ? { multiple: true } : {})}\n      {...(defaultValue ? { defaultValue } : {})}\n      className={cn(\"flex flex-col\", className)}\n    >\n      {items.map((it) => (\n        <BaseAccordion.Item key={it.value} value={it.value} className=\"py-4 hairline-b\">\n          <BaseAccordion.Header>\n            <BaseAccordion.Trigger className={TRIGGER}>\n              <span className=\"min-w-0 flex-1\">{it.title}</span>\n              {it.hint && <span className=\"text-small font-regular text-fg-secondary\">{it.hint}</span>}\n              <DisclosureChevron />\n            </BaseAccordion.Trigger>\n          </BaseAccordion.Header>\n          <BaseAccordion.Panel className=\"collapse-motion\">\n            <div className=\"px-12 pt-4 pb-12 text-body text-fg-secondary\">{it.content}</div>\n          </BaseAccordion.Panel>\n        </BaseAccordion.Item>\n      ))}\n    </BaseAccordion.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Accordion.displayName = \"Accordion\";\n"],"mappings":";;;;;;;;AAMA,IAAaO,IAA6B,EACxC,OAAO;CACL,QAAQ,EAAE,SAAS,GAAG;CACtB,MAAM,EAAE,SAAS,qCAAqC;AACxD,EACF,GACaC,IAAqC,EAAE,OAAO,SAAS,GAE9DC,IAAU,GAAGL,EAAmB,gGAYzBM,IAA8B,kBAA6C,SACtF,EAAE,UAAO,aAAU,SAAM,gBAAa,iBAAc,SAAM,gBAC1D,GACA;CACA,OACE,kBAACV,EAAgB,MAAjB;EACO;EACL,GAAKW,MAAS,KAAA,IAAuB,CAAC,IAAZ,EAAE,QAAK;EACjC,GAAKC,MAAgB,KAAA,IAA8B,CAAC,IAAnB,EAAE,eAAY;EAC/C,GAAKC,IAAe,EAAE,eAAe,MAAeA,EAAaC,CAAC,EAAE,IAAI,CAAC;EACzE,WAAWZ,EAAG,iBAAiBa,CAAS;EAL1C,UAAA,CAOE,kBAACf,EAAgB,SAAjB;GAAyB,WAAWS;GAApC,UAAA;IACE,kBAAC,QAAD;KAAM,WAAU;KAAkB,UAAAO;IAAY,CAAA;IAC7CC,KAAQ,kBAAC,QAAD;KAAM,WAAU;KAA6C,UAAAA;IAAW,CAAA;IACjF,kBAACd,GAAD,CAAoB,CAAA;GACG;EACzB,CAAA,GAAA,kBAACH,EAAgB,OAAjB;GAAuB,WAAU;GAC/B,UAAA,kBAAC,OAAD;IAAK,WAAU;IAAoB;GAAc,CAAA;EAC5B,CAAA,CACH;;AAE1B,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc;AAgBrE,IAAakB,IAA4B,kBAA2C,SAAmB,EAAE,UAAO,cAAW,IAAO,iBAAc,gBAAa,GAAK;CAChK,OACE,kBAACjB,EAAc,MAAf;EACO;EACL,GAAKkB,IAAW,EAAE,UAAU,GAAK,IAAI,CAAC;EACtC,GAAKC,IAAe,EAAE,gBAAa,IAAI,CAAC;EACxC,WAAWlB,EAAG,iBAAiBa,CAAS;EAEvC,UAAAM,EAAM,KAAK,MACV,kBAACpB,EAAc,MAAf;GAAmC,OAAOqB,EAAG;GAAO,WAAU;GAA9D,UAAA,CACE,kBAACrB,EAAc,QAAf,EAAA,UACE,kBAACA,EAAc,SAAf;IAAuB,WAAWQ;IAAlC,UAAA;KACE,kBAAC,QAAD;MAAM,WAAU;MAAkB,UAAAa,EAAG;KAAY,CAAA;KAChDA,EAAG,QAAQ,kBAAC,QAAD;MAAM,WAAU;MAA6C,UAAAA,EAAG;KAAW,CAAA;KACvF,kBAACnB,GAAD,CAAoB,CAAA;IACC;GACH,CAAA,EAAA,CAAA,GACtB,kBAACF,EAAc,OAAf;IAAqB,WAAU;IAC7B,UAAA,kBAAC,OAAD;KAAK,WAAU;KAAgD,UAAAqB,EAAG;IAAa,CAAA;GAC5D,CAAA,CACH;EAXK,GAAAA,EAAG,KAWR,CACrB;CACiB,CAAA;AAExB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc"}

package/dist/components/combobox.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as Autocomplete, n as Combobox, r as Highlight, i as KAESO_AUTOCOMPLETE_DEFAULT_VARIANTS, a as KAESO_AUTOCOMPLETE_VARIANTS, o as KAESO_COMBOBOX_DEFAULT_VARIANTS, s as KAESO_COMBOBOX_VARIANTS } from "../chunks/combobox-DjDI7SUC.js";
+export { t as Autocomplete, n as Combobox, r as Highlight, i as KAESO_AUTOCOMPLETE_DEFAULT_VARIANTS, a as KAESO_AUTOCOMPLETE_VARIANTS, o as KAESO_COMBOBOX_DEFAULT_VARIANTS, s as KAESO_COMBOBOX_VARIANTS } from "../chunks/combobox-DkcjkWc6.js";

package/dist/components/command-list.js

@@ -1,4 +1,4 @@
 "use client";
-import { a as e, i as t, n, r, t as i } from "../chunks/command-list-C2Y7V_lt.js";
-import { i as a, n as o, r as s, t as c } from "../chunks/picker-popover-BxyU1U9F.js";
+import { a as e, i as t, n, r, t as i } from "../chunks/command-list-CypqsC4T.js";
+import { i as a, n as o, r as s, t as c } from "../chunks/picker-popover-1FHb1LQG.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,29 +1,29 @@
 "use client";
-import { t as e } from "../chunks/cn-Dj6sRgkF.js";
-import { r as t } from "../chunks/portal-context-BBbzDKmY.js";
+import { t as e } from "../chunks/cn-BjnOAUrA.js";
+import { r as t } from "../chunks/portal-context-CTatR2Z8.js";
 import { i as n } from "../chunks/context-BELWW79w.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 { t as r } from "../chunks/icon-CBzOwqrX.js";
+import { i, r as a } from "../chunks/kbd-8A0ML_up.js";
+import { t as o } from "../chunks/command-list-CypqsC4T.js";
 import { a as s, i as c, r as l, t as u } from "../chunks/resize-motion-DS3rIIqy.js";
 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";
+import { ArrowLeft01Icon as b, ArrowRight01Icon as x } from "@hugeicons/core-free-icons";
+import { Dialog as S } from "@base-ui/react/dialog";
 //#region src/components/command-palette/command-palette.tsx
-var S = { size: { md: { classes: "w-640" } } }, C = { size: "md" };
-function w(e, t) {
+var C = { size: { md: { classes: "w-640" } } }, w = { size: "md" }, T = /^[a-z]+_[0-9A-Za-z]+$/;
+function E(e, t) {
 	let n = [e.label, ...e.keywords ?? []].join(" ").toLowerCase();
 	return +!!t.toLowerCase().split(/\s+/).every((e) => n.includes(e));
 }
-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) => ({
+function D({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange: d, close: p, inline: S, defaultQuery: C = "", query: w, counts: D, rootRef: O }) {
+	let k = n(), [A, j] = g([]), M = c ?? (A.length ? k("commandList.search", "Search") : k("commandPalette.placeholder", "Search or run a command")), [N, P] = g(C), F = w ?? N, I = (e) => {
+		P(e), d?.(e);
+	}, L = h(null), [R, z] = g(null), B = f((e) => {
+		z(S ? null : e?.parentElement ?? null), typeof O == "function" ? O(e) : O && (O.current = e);
+	}, [S, O]);
+	u(R);
+	let V = A[A.length - 1], H = V ? V.groups : t, U = H.some((e) => e.loading), W = m(() => new Map(H.flatMap((e) => e.items.map((e) => [e.id, e]))), [H]), G = m(() => H.map((t, n) => ({
 		id: `${n}:${t.label ?? ""}`,
 		...t.label ? { label: t.label } : {},
 		...t.loading ? { loading: !0 } : {},
@@ -35,61 +35,79 @@ function T({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange
 				t.icon && /* @__PURE__ */ v(r, {
 					icon: t.icon,
 					size: "sm",
-					className: n ? "text-fg" : "text-fg-secondary"
+					className: e(n ? "text-fg" : "text-fg-secondary", "forced-colors:text-current")
 				}),
 				/* @__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", n ? "text-fg-secondary" : "text-fg-tertiary"),
-					children: t.hint
+				t.hint && /* @__PURE__ */ y("span", {
+					className: e("min-w-0 truncate font-regular dialog-narrow:hidden", T.test(t.hint) ? "mono text-small" : "text-body", n ? "text-fg-secondary" : "text-fg-tertiary", "forced-colors:text-current"),
+					children: [/* @__PURE__ */ v("span", {
+						className: "sr-only",
+						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,
+					children: [t.shortcut && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("span", {
+						className: "sr-only",
+						children: ", "
+					}), /* @__PURE__ */ v(i, { keys: t.shortcut })] }), t.children && /* @__PURE__ */ v(r, {
+						icon: x,
 						size: "sm",
 						className: "text-fg-tertiary"
 					})]
 				})
 			] })
 		}))
-	})), [B]);
+	})), [H]), K = () => {
+		j((e) => e.slice(0, -1)), I(""), L.current?.focus();
+	};
 	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"),
+		ref: B,
+		className: e("@container relative flex palette-limits min-h-0 flex-col overflow-hidden", S ? "w-640 rounded-palette bg-raised shadow-dialog" : "flex-1"),
 		children: /* @__PURE__ */ v(o, {
-			ref: F,
-			groups: U,
-			"aria-label": D("commandPalette.results", "Results"),
+			ref: L,
+			groups: G,
+			"aria-label": k("commandPalette.results", "Results"),
 			size: "lg",
 			height: "fill",
-			escapeClears: !1,
-			match: w,
-			counts: T,
+			match: E,
+			counts: D,
 			inputProps: { "data-palette-input": "" },
 			autoFocus: !0,
-			query: j,
-			onQueryChange: M,
+			query: F,
+			onQueryChange: I,
+			escapeClears: A.length > 0,
 			onSelect: (e) => {
-				let t = H.get(e);
+				let t = W.get(e);
 				if (!t) return;
 				let n = t.children;
-				n ? (P((e) => [...e, {
+				n ? (j((e) => [...e, {
 					title: t.label,
 					groups: n
-				}]), M(""), F.current?.focus()) : (t.onSelect?.(), p());
+				}]), I(""), L.current?.focus()) : (t.onSelect?.(), p());
 			},
-			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: z.title
+			loading: U,
+			placeholder: M,
+			emptyText: l,
+			searchPrefix: V && /* @__PURE__ */ y("button", {
+				type: "button",
+				"aria-label": k("commandPalette.backFrom", "{page}, go back", { page: V.title }),
+				onClick: K,
+				className: "relative inline-flex h-24 max-w-1/2 shrink-0 cursor-pointer items-center gap-2 rounded-pill bg-fill-2 pr-10 pl-6 text-caption font-medium text-fg transition-control tap-target hover:bg-fill-3 focus-ring",
+				children: [/* @__PURE__ */ v(r, {
+					icon: b,
+					size: "xs",
+					className: "text-fg-secondary"
+				}), /* @__PURE__ */ v("span", {
+					className: "min-w-0 truncate",
+					children: V.title
+				})]
 			}),
 			onInputKeyDown: (e) => {
-				e.key === "Backspace" && !j && N.length && (e.preventDefault(), P((e) => e.slice(0, -1)));
+				(e.key === "Backspace" || e.key === "Escape") && !F && A.length && (e.preventDefault(), e.stopPropagation(), K());
 			},
 			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",
@@ -100,7 +118,7 @@ function T({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange
 							/* @__PURE__ */ v(a, { children: "up" }),
 							/* @__PURE__ */ v(a, { children: "down" }),
 							" ",
-							D("commandPalette.toNavigate", "to navigate")
+							k("commandPalette.toNavigate", "to navigate")
 						]
 					}),
 					/* @__PURE__ */ y("span", {
@@ -108,15 +126,15 @@ function T({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange
 						children: [
 							/* @__PURE__ */ v(a, { children: "enter" }),
 							" ",
-							D("commandPalette.toOpen", "to open")
+							k("commandPalette.toOpen", "to open")
 						]
 					}),
-					N.length > 0 && /* @__PURE__ */ y("span", {
+					A.length > 0 && /* @__PURE__ */ y("span", {
 						className: "inline-flex items-center gap-6",
 						children: [
 							/* @__PURE__ */ v(a, { children: "backspace" }),
 							" ",
-							D("commandPalette.toGoBack", "to go back")
+							k("commandPalette.toGoBack", "to go back")
 						]
 					}),
 					/* @__PURE__ */ y("span", {
@@ -124,7 +142,7 @@ function T({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange
 						children: [
 							/* @__PURE__ */ v(a, { children: "esc" }),
 							" ",
-							D("commandPalette.toClose", "to close")
+							k("commandPalette.toClose", "to close")
 						]
 					})
 				]
@@ -132,47 +150,52 @@ function T({ groups: t, keyHints: s, placeholder: c, emptyText: l, onQueryChange
 		})
 	});
 }
-var E = /* @__PURE__ */ d(function(e, r) {
+var O = "[role=dialog][data-open]:not([data-side]), [role=alertdialog][data-open]", k = /* @__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(() => {
+	b.current = () => _(!m);
+	let x = h(m);
+	x.current = m, p(() => {
 		if (!o || u) return;
 		let e = (e) => {
-			(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), b.current());
+			if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
+				if (!x.current && document.querySelector(O)) return;
+				e.preventDefault(), b.current();
+			}
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [o, u]);
-	let S = s(m), C = n(), w = t(), E = c(!u && m), D = l(m);
-	return u ? /* @__PURE__ */ v(T, {
+	let C = s(m), w = n(), T = t(), E = c(!u && m), k = l(m);
+	return u ? /* @__PURE__ */ v(D, {
 		...e,
 		close: () => void 0,
 		rootRef: r
-	}) : /* @__PURE__ */ v(x.Root, {
+	}) : /* @__PURE__ */ v(S.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, {
+		children: /* @__PURE__ */ y(S.Portal, {
+			container: T,
+			children: [/* @__PURE__ */ v(S.Backdrop, { className: "fixed inset-0 z-50 bg-overlay backdrop-motion" }), /* @__PURE__ */ v(S.Viewport, {
 				className: "fixed inset-0 z-50 flex items-start justify-center px-16 pt-palette",
-				children: /* @__PURE__ */ v(x.Popup, {
+				children: /* @__PURE__ */ v(S.Popup, {
 					ref: r,
-					"aria-label": C("commandPalette.label", "Command palette"),
-					initialFocus: S.initialFocus,
-					finalFocus: S.finalFocus,
+					"aria-label": w("commandPalette.label", "Command palette"),
+					initialFocus: C.initialFocus,
+					finalFocus: C.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(T, {
+					children: /* @__PURE__ */ v(D, {
 						...e,
 						close: () => _(!1)
-					}, D)
+					}, k)
 				})
 			})]
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (E.displayName = "CommandPalette");
+process.env.NODE_ENV !== "production" && (k.displayName = "CommandPalette");
 //#endregion
-export { E as CommandPalette, C as KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS, S as KAESO_COMMAND_PALETTE_VARIANTS };
+export { k as CommandPalette, w as KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS, C 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","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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"}
+{"version":3,"file":"command-palette.js","names":["_Fragment","__icon_ArrowRight01Icon","__icon_ArrowLeft01Icon","BaseDialog","cn","usePortalContainer","useUiText","Icon","Kbd","CommandList","useRestoreFocus","useScopedDialog","useOpenSession","useResizeMotion","Fragment$1","KAESO_COMMAND_PALETTE_VARIANTS","KAESO_COMMAND_PALETTE_DEFAULT_VARIANTS","ID","matches","hay","item","w","Palette","placeholderProp","controlledQuery","t","pages","setPages","useState","placeholder","ownQuery","setOwnQuery","defaultQuery","query","setQuery","next","onQueryChange","input","useRef","box","setBox","boxRef","useCallback","inline","el","rootRef","page","source","groups","loading","g","byId","useMemo","i","listGroups","gi","active","KbdSequence","ArrowRight01Icon","back","p","id","children","close","ArrowLeft01Icon","keyHints","OTHER_MODAL","CommandPalette","props","inner","setInner","isOpen","open","setOpen","o","onOpenChange","toggle","openRef","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, ArrowLeft01Icon as __icon_ArrowLeft01Icon } 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\nconst ID = /^[a-z]+_[0-9A-Za-z]+$/;\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 [pages, setPages] = useState<{ title: string; groups: CommandGroup[] }[]>([]);\n  const placeholder = placeholderProp ?? (pages.length ? t(\"commandList.search\", \"Search\") : 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 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={cn(active ? \"text-fg\" : \"text-fg-secondary\", \"forced-colors:text-current\")} />}\n              <span className=\"min-w-0 truncate\">{item.label}</span>\n              {item.hint && (\n                <span\n                  className={cn(\n                    \"min-w-0 truncate font-regular dialog-narrow:hidden\",\n                    ID.test(item.hint) ? \"mono text-small\" : \"text-body\",\n                    active ? \"text-fg-secondary\" : \"text-fg-tertiary\",\n                    \"forced-colors:text-current\",\n                  )}\n                >\n                  <span className=\"sr-only\">, </span>\n                  {item.hint}\n                </span>\n              )}\n              <span className=\"ml-auto flex shrink-0 items-center gap-8\">\n                {item.shortcut && (\n                  <>\n                    <span className=\"sr-only\">, </span>\n                    <KbdSequence keys={item.shortcut} />\n                  </>\n                )}\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 back = () => {\n    setPages((p) => p.slice(0, -1));\n    setQuery(\"\");\n    input.current?.focus();\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(\n        \"@container relative flex palette-limits min-h-0 flex-col overflow-hidden\",\n        inline ? \"w-640 rounded-palette bg-raised shadow-dialog\" : \"flex-1\",\n      )}\n    >\n      <CommandList\n        ref={input}\n        groups={listGroups}\n        aria-label={t(\"commandPalette.results\", \"Results\")}\n        size=\"lg\"\n        height=\"fill\"\n        match={matches}\n        counts={counts}\n        inputProps={{ \"data-palette-input\": \"\" }}\n        autoFocus\n        query={query}\n        onQueryChange={setQuery}\n        escapeClears={pages.length > 0}\n        onSelect={select}\n        loading={loading}\n        placeholder={placeholder}\n        emptyText={emptyText}\n        searchPrefix={\n          page && (\n            <button\n              type=\"button\"\n              aria-label={t(\"commandPalette.backFrom\", \"{page}, go back\", { page: page.title })}\n              onClick={back}\n              className=\"relative inline-flex h-24 max-w-1/2 shrink-0 cursor-pointer items-center gap-2 rounded-pill bg-fill-2 pr-10 pl-6 text-caption font-medium text-fg transition-control tap-target hover:bg-fill-3 focus-ring\"\n            >\n              <Icon icon={__icon_ArrowLeft01Icon} size=\"xs\" className=\"text-fg-secondary\" />\n              <span className=\"min-w-0 truncate\">{page.title}</span>\n            </button>\n          )\n        }\n        onInputKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n          if ((e.key === \"Backspace\" || e.key === \"Escape\") && !query && pages.length) {\n            e.preventDefault();\n            e.stopPropagation();\n            back();\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\nconst OTHER_MODAL = \"[role=dialog][data-open]:not([data-side]), [role=alertdialog][data-open]\";\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  const openRef = useRef(isOpen);\n  openRef.current = 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        if (!openRef.current && document.querySelector(OTHER_MODAL)) return;\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-FJvPJn72.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-CwU8t_9_.js";