@puzzle-ui/ui 0.0.0-stage → 0.1.0

package/dist/components/overlays/command/command.utils.cjs

@@ -0,0 +1,39 @@
+// src/components/overlays/command/command.utils.ts
+const normalizeCommandText = (value) => value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLocaleLowerCase().trim();
+const filterCommands = (commands, query) => {
+	const normalizedQuery = normalizeCommandText(query);
+	if (!normalizedQuery) return commands;
+	const terms = normalizedQuery.split(/\s+/);
+	return commands.filter((command) => {
+		const searchableText = normalizeCommandText([
+			command.label,
+			command.description ?? "",
+			...command.keywords ?? [],
+			command.group ?? ""
+		].join(" "));
+		return terms.every((term) => searchableText.includes(term));
+	});
+};
+const getNextEnabledIndex = (commands, currentIndex, direction, loop = true) => {
+	if (commands.length === 0) return -1;
+	let index = currentIndex;
+	for (let attempt = 0; attempt < commands.length; attempt++) {
+		index += direction;
+		if (loop) index = (index + commands.length) % commands.length;
+		else if (index < 0 || index >= commands.length) return currentIndex;
+		if (!commands[index]?.disabled) return index;
+	}
+	return -1;
+};
+const findFirstEnabledIndex = (commands) => commands.findIndex((command) => !command.disabled);
+const findLastEnabledIndex = (commands) => {
+	for (let index = commands.length - 1; index >= 0; index--) if (!commands[index]?.disabled) return index;
+	return -1;
+};
+exports.filterCommands = filterCommands;
+exports.findFirstEnabledIndex = findFirstEnabledIndex;
+exports.findLastEnabledIndex = findLastEnabledIndex;
+exports.getNextEnabledIndex = getNextEnabledIndex;
+exports.normalizeCommandText = normalizeCommandText;
+
+//# sourceMappingURL=command.utils.cjs.map

package/dist/components/overlays/command/command.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.utils.cjs","names":[],"sources":["../../../../src/components/overlays/command/command.utils.ts"],"sourcesContent":["import type { CommandItem } from \"./command.types\";\n\nconst normalizeCommandText = (value: string): string =>\n  value\n    .normalize(\"NFD\")\n    .replace(/[\\u0300-\\u036f]/g, \"\")\n    .toLocaleLowerCase()\n    .trim();\n\nconst filterCommands = (\n  commands: CommandItem[],\n  query: string,\n): CommandItem[] => {\n  const normalizedQuery = normalizeCommandText(query);\n\n  if (!normalizedQuery) {\n    return commands;\n  }\n\n  const terms = normalizedQuery.split(/\\s+/);\n\n  return commands.filter((command) => {\n    const searchableText = normalizeCommandText(\n      [\n        command.label,\n        command.description ?? \"\",\n        ...(command.keywords ?? []),\n        command.group ?? \"\",\n      ].join(\" \"),\n    );\n\n    return terms.every((term) => searchableText.includes(term));\n  });\n};\n\nconst getNextEnabledIndex = (\n  commands: CommandItem[],\n  currentIndex: number,\n  direction: 1 | -1,\n  loop = true,\n): number => {\n  if (commands.length === 0) {\n    return -1;\n  }\n\n  let index = currentIndex;\n\n  for (let attempt = 0; attempt < commands.length; attempt++) {\n    index += direction;\n\n    if (loop) {\n      index = (index + commands.length) % commands.length;\n    } else if (index < 0 || index >= commands.length) {\n      return currentIndex;\n    }\n\n    if (!commands[index]?.disabled) {\n      return index;\n    }\n  }\n\n  return -1;\n};\n\nconst findFirstEnabledIndex = (commands: CommandItem[]): number =>\n  commands.findIndex((command) => !command.disabled);\n\nconst findLastEnabledIndex = (commands: CommandItem[]): number => {\n  for (let index = commands.length - 1; index >= 0; index--) {\n    if (!commands[index]?.disabled) {\n      return index;\n    }\n  }\n\n  return -1;\n};\n\nexport {\n  filterCommands,\n  findFirstEnabledIndex,\n  findLastEnabledIndex,\n  getNextEnabledIndex,\n  normalizeCommandText,\n};\n"],"mappings":";AAEA,MAAM,wBAAwB,UAC5B,MACG,UAAU,KAAK,CAAC,CAChB,QAAQ,oBAAoB,EAAE,CAAC,CAC/B,kBAAkB,CAAC,CACnB,KAAK;AAEV,MAAM,kBACJ,UACA,UACkB;CAClB,MAAM,kBAAkB,qBAAqB,KAAK;CAElD,IAAI,CAAC,iBACH,OAAO;CAGT,MAAM,QAAQ,gBAAgB,MAAM,KAAK;CAEzC,OAAO,SAAS,QAAQ,YAAY;EAClC,MAAM,iBAAiB,qBACrB;GACE,QAAQ;GACR,QAAQ,eAAe;GACvB,GAAI,QAAQ,YAAY,CAAC;GACzB,QAAQ,SAAS;EACnB,CAAC,CAAC,KAAK,GAAG,CACZ;EAEA,OAAO,MAAM,OAAO,SAAS,eAAe,SAAS,IAAI,CAAC;CAC5D,CAAC;AACH;AAEA,MAAM,uBACJ,UACA,cACA,WACA,OAAO,SACI;CACX,IAAI,SAAS,WAAW,GACtB,OAAO;CAGT,IAAI,QAAQ;CAEZ,KAAK,IAAI,UAAU,GAAG,UAAU,SAAS,QAAQ,WAAW;EAC1D,SAAS;EAET,IAAI,MACF,SAAS,QAAQ,SAAS,UAAU,SAAS;OACxC,IAAI,QAAQ,KAAK,SAAS,SAAS,QACxC,OAAO;EAGT,IAAI,CAAC,SAAS,MAAM,EAAE,UACpB,OAAO;CAEX;CAEA,OAAO;AACT;AAEA,MAAM,yBAAyB,aAC7B,SAAS,WAAW,YAAY,CAAC,QAAQ,QAAQ;AAEnD,MAAM,wBAAwB,aAAoC;CAChE,KAAK,IAAI,QAAQ,SAAS,SAAS,GAAG,SAAS,GAAG,SAChD,IAAI,CAAC,SAAS,MAAM,EAAE,UACpB,OAAO;CAIX,OAAO;AACT"}

package/dist/components/overlays/command/command.utils.js

@@ -0,0 +1,35 @@
+// src/components/overlays/command/command.utils.ts
+const normalizeCommandText = (value) => value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLocaleLowerCase().trim();
+const filterCommands = (commands, query) => {
+	const normalizedQuery = normalizeCommandText(query);
+	if (!normalizedQuery) return commands;
+	const terms = normalizedQuery.split(/\s+/);
+	return commands.filter((command) => {
+		const searchableText = normalizeCommandText([
+			command.label,
+			command.description ?? "",
+			...command.keywords ?? [],
+			command.group ?? ""
+		].join(" "));
+		return terms.every((term) => searchableText.includes(term));
+	});
+};
+const getNextEnabledIndex = (commands, currentIndex, direction, loop = true) => {
+	if (commands.length === 0) return -1;
+	let index = currentIndex;
+	for (let attempt = 0; attempt < commands.length; attempt++) {
+		index += direction;
+		if (loop) index = (index + commands.length) % commands.length;
+		else if (index < 0 || index >= commands.length) return currentIndex;
+		if (!commands[index]?.disabled) return index;
+	}
+	return -1;
+};
+const findFirstEnabledIndex = (commands) => commands.findIndex((command) => !command.disabled);
+const findLastEnabledIndex = (commands) => {
+	for (let index = commands.length - 1; index >= 0; index--) if (!commands[index]?.disabled) return index;
+	return -1;
+};
+export { filterCommands, findFirstEnabledIndex, findLastEnabledIndex, getNextEnabledIndex, normalizeCommandText };
+
+//# sourceMappingURL=command.utils.js.map

package/dist/components/overlays/command/command.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.utils.js","names":[],"sources":["../../../../src/components/overlays/command/command.utils.ts"],"sourcesContent":["import type { CommandItem } from \"./command.types\";\n\nconst normalizeCommandText = (value: string): string =>\n  value\n    .normalize(\"NFD\")\n    .replace(/[\\u0300-\\u036f]/g, \"\")\n    .toLocaleLowerCase()\n    .trim();\n\nconst filterCommands = (\n  commands: CommandItem[],\n  query: string,\n): CommandItem[] => {\n  const normalizedQuery = normalizeCommandText(query);\n\n  if (!normalizedQuery) {\n    return commands;\n  }\n\n  const terms = normalizedQuery.split(/\\s+/);\n\n  return commands.filter((command) => {\n    const searchableText = normalizeCommandText(\n      [\n        command.label,\n        command.description ?? \"\",\n        ...(command.keywords ?? []),\n        command.group ?? \"\",\n      ].join(\" \"),\n    );\n\n    return terms.every((term) => searchableText.includes(term));\n  });\n};\n\nconst getNextEnabledIndex = (\n  commands: CommandItem[],\n  currentIndex: number,\n  direction: 1 | -1,\n  loop = true,\n): number => {\n  if (commands.length === 0) {\n    return -1;\n  }\n\n  let index = currentIndex;\n\n  for (let attempt = 0; attempt < commands.length; attempt++) {\n    index += direction;\n\n    if (loop) {\n      index = (index + commands.length) % commands.length;\n    } else if (index < 0 || index >= commands.length) {\n      return currentIndex;\n    }\n\n    if (!commands[index]?.disabled) {\n      return index;\n    }\n  }\n\n  return -1;\n};\n\nconst findFirstEnabledIndex = (commands: CommandItem[]): number =>\n  commands.findIndex((command) => !command.disabled);\n\nconst findLastEnabledIndex = (commands: CommandItem[]): number => {\n  for (let index = commands.length - 1; index >= 0; index--) {\n    if (!commands[index]?.disabled) {\n      return index;\n    }\n  }\n\n  return -1;\n};\n\nexport {\n  filterCommands,\n  findFirstEnabledIndex,\n  findLastEnabledIndex,\n  getNextEnabledIndex,\n  normalizeCommandText,\n};\n"],"mappings":";AAEA,MAAM,wBAAwB,UAC5B,MACG,UAAU,KAAK,CAAC,CAChB,QAAQ,oBAAoB,EAAE,CAAC,CAC/B,kBAAkB,CAAC,CACnB,KAAK;AAEV,MAAM,kBACJ,UACA,UACkB;CAClB,MAAM,kBAAkB,qBAAqB,KAAK;CAElD,IAAI,CAAC,iBACH,OAAO;CAGT,MAAM,QAAQ,gBAAgB,MAAM,KAAK;CAEzC,OAAO,SAAS,QAAQ,YAAY;EAClC,MAAM,iBAAiB,qBACrB;GACE,QAAQ;GACR,QAAQ,eAAe;GACvB,GAAI,QAAQ,YAAY,CAAC;GACzB,QAAQ,SAAS;EACnB,CAAC,CAAC,KAAK,GAAG,CACZ;EAEA,OAAO,MAAM,OAAO,SAAS,eAAe,SAAS,IAAI,CAAC;CAC5D,CAAC;AACH;AAEA,MAAM,uBACJ,UACA,cACA,WACA,OAAO,SACI;CACX,IAAI,SAAS,WAAW,GACtB,OAAO;CAGT,IAAI,QAAQ;CAEZ,KAAK,IAAI,UAAU,GAAG,UAAU,SAAS,QAAQ,WAAW;EAC1D,SAAS;EAET,IAAI,MACF,SAAS,QAAQ,SAAS,UAAU,SAAS;OACxC,IAAI,QAAQ,KAAK,SAAS,SAAS,QACxC,OAAO;EAGT,IAAI,CAAC,SAAS,MAAM,EAAE,UACpB,OAAO;CAEX;CAEA,OAAO;AACT;AAEA,MAAM,yBAAyB,aAC7B,SAAS,WAAW,YAAY,CAAC,QAAQ,QAAQ;AAEnD,MAAM,wBAAwB,aAAoC;CAChE,KAAK,IAAI,QAAQ,SAAS,SAAS,GAAG,SAAS,GAAG,SAChD,IAAI,CAAC,SAAS,MAAM,EAAE,UACpB,OAAO;CAIX,OAAO;AACT"}

package/dist/components/overlays/command/index.cjs

@@ -0,0 +1,274 @@
+"use client";
+const require_index = require("../dialog/index.cjs");
+const require_command_utils = require("./command.utils.cjs");
+;/* empty css              */
+let _puzzle_ui_core = require("@puzzle-ui/core");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/overlays/command/index.tsx
+const Command = ({ commands, placeholder = "Search commands...", label = "Search commands", emptyMessage = "No commands found.", loading = false, loadingMessage = "Searching...", filter, onSelect, onQueryChange, query, defaultQuery = "", loop = true, autoFocus = true, className, ...props }) => {
+	const baseId = (0, react.useId)();
+	const inputId = `${baseId}-input`;
+	const listId = `${baseId}-list`;
+	const statusId = `${baseId}-status`;
+	const inputRef = (0, react.useRef)(null);
+	const controlledQuery = query !== void 0;
+	const [internalQuery, setInternalQuery] = (0, react.useState)(defaultQuery);
+	const [activeIndex, setActiveIndex] = (0, react.useState)(-1);
+	const currentQuery = controlledQuery ? query : internalQuery;
+	const filteredCommands = (0, react.useMemo)(() => filter ? commands.filter((command) => filter(command, currentQuery)) : require_command_utils.filterCommands(commands, currentQuery), [
+		commands,
+		currentQuery,
+		filter
+	]);
+	const enabledCommands = (0, react.useMemo)(() => filteredCommands.filter((command) => !command.disabled), [filteredCommands]);
+	const groupedCommands = (0, react.useMemo)(() => {
+		const groups = /* @__PURE__ */ new Map();
+		filteredCommands.forEach((command) => {
+			const group = command.group ?? "";
+			const items = groups.get(group) ?? [];
+			items.push(command);
+			groups.set(group, items);
+		});
+		return Array.from(groups.entries());
+	}, [filteredCommands]);
+	const activeCommand = filteredCommands[activeIndex];
+	const changeQuery = (0, react.useCallback)((nextQuery) => {
+		if (!controlledQuery) setInternalQuery(nextQuery);
+		setActiveIndex(-1);
+		onQueryChange?.(nextQuery);
+	}, [controlledQuery, onQueryChange]);
+	const selectCommand = (0, react.useCallback)((command) => {
+		if (command.disabled) return;
+		command.onSelect?.();
+		onSelect?.(command);
+	}, [onSelect]);
+	const handleInputChange = (event) => {
+		changeQuery(event.currentTarget.value);
+	};
+	const handleKeyDown = (event) => {
+		switch (event.key) {
+			case "ArrowDown":
+				event.preventDefault();
+				setActiveIndex((current) => require_command_utils.getNextEnabledIndex(filteredCommands, current, 1, loop));
+				break;
+			case "ArrowUp":
+				event.preventDefault();
+				setActiveIndex((current) => require_command_utils.getNextEnabledIndex(filteredCommands, current < 0 ? filteredCommands.length : current, -1, loop));
+				break;
+			case "Home":
+				if (event.ctrlKey || event.metaKey) {
+					event.preventDefault();
+					setActiveIndex(require_command_utils.findFirstEnabledIndex(filteredCommands));
+				}
+				break;
+			case "End":
+				if (event.ctrlKey || event.metaKey) {
+					event.preventDefault();
+					setActiveIndex(require_command_utils.findLastEnabledIndex(filteredCommands));
+				}
+				break;
+			case "Enter":
+				event.preventDefault();
+				if (activeCommand && !activeCommand.disabled) selectCommand(activeCommand);
+		}
+	};
+	(0, react.useEffect)(() => {
+		if (!autoFocus) return;
+		inputRef.current?.focus({ preventScroll: true });
+	}, [autoFocus]);
+	(0, react.useEffect)(() => {
+		if (activeIndex >= filteredCommands.length || filteredCommands[activeIndex]?.disabled) setActiveIndex(require_command_utils.findFirstEnabledIndex(filteredCommands));
+	}, [activeIndex, filteredCommands]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...props,
+		className: (0, _puzzle_ui_core.cn)("puzzle-command", className),
+		"data-command": "",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "puzzle-command__search",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+					className: "puzzle-command__search-icon",
+					viewBox: "0 0 24 24",
+					width: "18",
+					height: "18",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						cx: "11",
+						cy: "11",
+						r: "8"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m21 21-4.35-4.35" })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					ref: inputRef,
+					id: inputId,
+					className: "puzzle-command__input",
+					type: "text",
+					role: "combobox",
+					"aria-label": label,
+					"aria-autocomplete": "list",
+					"aria-expanded": true,
+					"aria-controls": listId,
+					"aria-activedescendant": activeCommand ? `${baseId}-item-${encodeURIComponent(activeCommand.id)}` : void 0,
+					"aria-describedby": statusId,
+					placeholder,
+					value: currentQuery,
+					onChange: handleInputChange,
+					onKeyDown: handleKeyDown,
+					autoComplete: "off",
+					spellCheck: false
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				id: listId,
+				className: "puzzle-command__list",
+				role: "listbox",
+				"aria-label": "Commands",
+				"aria-busy": loading,
+				children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "puzzle-command__empty",
+					role: "status",
+					children: loadingMessage
+				}) : filteredCommands.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "puzzle-command__empty",
+					role: "status",
+					children: emptyMessage
+				}) : groupedCommands.map(([group, items]) => {
+					const groupId = group ? `${baseId}-group-${encodeURIComponent(group)}` : void 0;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "puzzle-command__group",
+						role: "group",
+						"aria-labelledby": groupId,
+						children: [group && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							id: groupId,
+							className: "puzzle-command__group-heading",
+							children: group
+						}), items.map((command) => {
+							const index = filteredCommands.indexOf(command);
+							const selected = index === activeIndex;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								id: `${baseId}-item-${encodeURIComponent(command.id)}`,
+								className: (0, _puzzle_ui_core.cn)("puzzle-command__item", selected && "puzzle-command__item--active", command.disabled && "puzzle-command__item--disabled"),
+								role: "option",
+								"aria-selected": selected,
+								"aria-disabled": command.disabled || void 0,
+								"data-active": selected || void 0,
+								onMouseEnter: () => {
+									if (!command.disabled) setActiveIndex(index);
+								},
+								onMouseDown: (event) => {
+									event.preventDefault();
+								},
+								onClick: () => {
+									selectCommand(command);
+								},
+								children: [
+									command.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "puzzle-command__item-icon",
+										"aria-hidden": "true",
+										children: command.icon
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "puzzle-command__item-content",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "puzzle-command__item-label",
+											children: command.label
+										}), command.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "puzzle-command__item-description",
+											children: command.description
+										})]
+									}),
+									command.shortcut && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "puzzle-command__shortcut",
+										children: command.shortcut
+									})
+								]
+							}, command.id);
+						})]
+					}, group || "__default");
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				id: statusId,
+				className: "puzzle-command__sr-only",
+				role: "status",
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: loading ? loadingMessage : enabledCommands.length === 0 ? emptyMessage : `${enabledCommands.length} ${enabledCommands.length === 1 ? "command" : "commands"} available`
+			})
+		]
+	});
+};
+const CommandDialog = ({ open, defaultOpen = false, onOpenChange, title = "Command palette", description, shortcut = "k", commands, onSelect, ...commandProps }) => {
+	const controlled = open !== void 0;
+	const [internalOpen, setInternalOpen] = (0, react.useState)(defaultOpen);
+	const isOpen = controlled ? open : internalOpen;
+	const [ownerDocument, setOwnerDocument] = (0, react.useState)(null);
+	const rootRef = (0, react.useCallback)((node) => {
+		setOwnerDocument(node?.ownerDocument ?? null);
+	}, []);
+	const changeOpen = (0, react.useCallback)((nextOpen) => {
+		if (!controlled) setInternalOpen(nextOpen);
+		onOpenChange?.(nextOpen);
+	}, [controlled, onOpenChange]);
+	(0, react.useEffect)(() => {
+		if (shortcut === false || !ownerDocument) return;
+		const view = ownerDocument.defaultView;
+		if (!view) return;
+		const handleGlobalKeyDown = (event) => {
+			if (!(event instanceof view.KeyboardEvent)) return;
+			const keyboardEvent = event;
+			if (keyboardEvent.defaultPrevented || keyboardEvent.isComposing || keyboardEvent.key.toLowerCase() !== shortcut.toLowerCase() || !(keyboardEvent.metaKey || keyboardEvent.ctrlKey) || keyboardEvent.shiftKey || keyboardEvent.altKey) return;
+			const target = keyboardEvent.target;
+			if (target instanceof view.HTMLElement) {
+				if (target.isContentEditable || target.closest([
+					"input",
+					"textarea",
+					"select",
+					"[contenteditable=\"true\"]",
+					"[role=\"textbox\"]"
+				].join(", ")) !== null) return;
+			}
+			keyboardEvent.preventDefault();
+			changeOpen(!isOpen);
+		};
+		ownerDocument.addEventListener("keydown", handleGlobalKeyDown);
+		return () => {
+			ownerDocument.removeEventListener("keydown", handleGlobalKeyDown);
+		};
+	}, [
+		ownerDocument,
+		shortcut,
+		isOpen,
+		changeOpen
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: rootRef,
+		"data-command-dialog-root": "",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Dialog, {
+			open: isOpen,
+			onOpenChange: changeOpen,
+			title,
+			description,
+			size: "md",
+			closeButton: false,
+			className: "puzzle-command-dialog",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Command, {
+				...commandProps,
+				commands,
+				autoFocus: isOpen,
+				onSelect: (command) => {
+					onSelect?.(command);
+					changeOpen(false);
+				}
+			})
+		})
+	});
+};
+exports.Command = Command;
+exports.CommandDialog = CommandDialog;
+
+//# sourceMappingURL=index.cjs.map

package/dist/components/overlays/command/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["useId","useRef","useState","useMemo","filterCommands","useCallback","getNextEnabledIndex","findFirstEnabledIndex","findLastEnabledIndex","cn","Dialog"],"sources":["../../../../src/components/overlays/command/index.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n} from \"react\";\n\nimport { cn } from \"@puzzle-ui/core\";\n\nimport { Dialog } from \"../dialog\";\n\nimport {\n  filterCommands,\n  findFirstEnabledIndex,\n  findLastEnabledIndex,\n  getNextEnabledIndex,\n} from \"./command.utils\";\n\nimport type {\n  CommandDialogProps,\n  CommandItem,\n  CommandProps,\n} from \"./command.types\";\n\nimport \"./command.css\";\n\nconst Command = ({\n  commands,\n  placeholder = \"Search commands...\",\n  label = \"Search commands\",\n  emptyMessage = \"No commands found.\",\n  loading = false,\n  loadingMessage = \"Searching...\",\n  filter,\n  onSelect,\n  onQueryChange,\n  query,\n  defaultQuery = \"\",\n  loop = true,\n  autoFocus = true,\n  className,\n  ...props\n}: CommandProps) => {\n  const baseId = useId();\n  const inputId = `${baseId}-input`;\n  const listId = `${baseId}-list`;\n  const statusId = `${baseId}-status`;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const controlledQuery = query !== undefined;\n\n  const [internalQuery, setInternalQuery] = useState(defaultQuery);\n\n  const [activeIndex, setActiveIndex] = useState(-1);\n\n  const currentQuery = controlledQuery ? query : internalQuery;\n\n  const filteredCommands = useMemo(\n    () =>\n      filter\n        ? commands.filter((command) => filter(command, currentQuery))\n        : filterCommands(commands, currentQuery),\n    [commands, currentQuery, filter],\n  );\n\n  const enabledCommands = useMemo(\n    () => filteredCommands.filter((command) => !command.disabled),\n    [filteredCommands],\n  );\n\n  const groupedCommands = useMemo(() => {\n    const groups = new Map<string, CommandItem[]>();\n\n    filteredCommands.forEach((command) => {\n      const group = command.group ?? \"\";\n      const items = groups.get(group) ?? [];\n\n      items.push(command);\n      groups.set(group, items);\n    });\n\n    return Array.from(groups.entries());\n  }, [filteredCommands]);\n\n  const activeCommand = filteredCommands[activeIndex];\n\n  const changeQuery = useCallback(\n    (nextQuery: string) => {\n      if (!controlledQuery) {\n        setInternalQuery(nextQuery);\n      }\n\n      setActiveIndex(-1);\n      onQueryChange?.(nextQuery);\n    },\n    [controlledQuery, onQueryChange],\n  );\n\n  const selectCommand = useCallback(\n    (command: CommandItem) => {\n      if (command.disabled) {\n        return;\n      }\n\n      command.onSelect?.();\n      onSelect?.(command);\n    },\n    [onSelect],\n  );\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    changeQuery(event.currentTarget.value);\n  };\n\n  const handleKeyDown = (event: ReactKeyboardEvent<HTMLInputElement>) => {\n    switch (event.key) {\n      case \"ArrowDown\": {\n        event.preventDefault();\n\n        setActiveIndex((current) =>\n          getNextEnabledIndex(filteredCommands, current, 1, loop),\n        );\n\n        break;\n      }\n\n      case \"ArrowUp\": {\n        event.preventDefault();\n\n        setActiveIndex((current) =>\n          getNextEnabledIndex(\n            filteredCommands,\n            current < 0 ? filteredCommands.length : current,\n            -1,\n            loop,\n          ),\n        );\n\n        break;\n      }\n\n      case \"Home\": {\n        if (event.ctrlKey || event.metaKey) {\n          event.preventDefault();\n\n          setActiveIndex(findFirstEnabledIndex(filteredCommands));\n        }\n\n        break;\n      }\n\n      case \"End\": {\n        if (event.ctrlKey || event.metaKey) {\n          event.preventDefault();\n\n          setActiveIndex(findLastEnabledIndex(filteredCommands));\n        }\n\n        break;\n      }\n\n      case \"Enter\": {\n        event.preventDefault();\n\n        if (activeCommand && !activeCommand.disabled) {\n          selectCommand(activeCommand);\n        }\n\n        break;\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    inputRef.current?.focus({\n      preventScroll: true,\n    });\n  }, [autoFocus]);\n\n  useEffect(() => {\n    if (\n      activeIndex >= filteredCommands.length ||\n      filteredCommands[activeIndex]?.disabled\n    ) {\n      setActiveIndex(findFirstEnabledIndex(filteredCommands));\n    }\n  }, [activeIndex, filteredCommands]);\n\n  return (\n    <div {...props} className={cn(\"puzzle-command\", className)} data-command=\"\">\n      <div className=\"puzzle-command__search\">\n        <svg\n          className=\"puzzle-command__search-icon\"\n          viewBox=\"0 0 24 24\"\n          width=\"18\"\n          height=\"18\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          aria-hidden=\"true\"\n        >\n          <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          <path d=\"m21 21-4.35-4.35\" />\n        </svg>\n\n        <input\n          ref={inputRef}\n          id={inputId}\n          className=\"puzzle-command__input\"\n          type=\"text\"\n          role=\"combobox\"\n          aria-label={label}\n          aria-autocomplete=\"list\"\n          aria-expanded={true}\n          aria-controls={listId}\n          aria-activedescendant={\n            activeCommand\n              ? `${baseId}-item-${encodeURIComponent(activeCommand.id)}`\n              : undefined\n          }\n          aria-describedby={statusId}\n          placeholder={placeholder}\n          value={currentQuery}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          autoComplete=\"off\"\n          spellCheck={false}\n        />\n      </div>\n\n      <div\n        id={listId}\n        className=\"puzzle-command__list\"\n        role=\"listbox\"\n        aria-label=\"Commands\"\n        aria-busy={loading}\n      >\n        {loading ? (\n          <div className=\"puzzle-command__empty\" role=\"status\">\n            {loadingMessage}\n          </div>\n        ) : filteredCommands.length === 0 ? (\n          <div className=\"puzzle-command__empty\" role=\"status\">\n            {emptyMessage}\n          </div>\n        ) : (\n          groupedCommands.map(([group, items]) => {\n            const groupId = group\n              ? `${baseId}-group-${encodeURIComponent(group)}`\n              : undefined;\n\n            return (\n              <div\n                key={group || \"__default\"}\n                className=\"puzzle-command__group\"\n                role=\"group\"\n                aria-labelledby={groupId}\n              >\n                {group && (\n                  <div id={groupId} className=\"puzzle-command__group-heading\">\n                    {group}\n                  </div>\n                )}\n\n                {items.map((command) => {\n                  const index = filteredCommands.indexOf(command);\n\n                  const selected = index === activeIndex;\n\n                  return (\n                    <div\n                      key={command.id}\n                      id={`${baseId}-item-${encodeURIComponent(command.id)}`}\n                      className={cn(\n                        \"puzzle-command__item\",\n                        selected && \"puzzle-command__item--active\",\n                        command.disabled && \"puzzle-command__item--disabled\",\n                      )}\n                      role=\"option\"\n                      aria-selected={selected}\n                      aria-disabled={command.disabled || undefined}\n                      data-active={selected || undefined}\n                      onMouseEnter={() => {\n                        if (!command.disabled) {\n                          setActiveIndex(index);\n                        }\n                      }}\n                      onMouseDown={(event) => {\n                        event.preventDefault();\n                      }}\n                      onClick={() => {\n                        selectCommand(command);\n                      }}\n                    >\n                      {command.icon && (\n                        <span\n                          className=\"puzzle-command__item-icon\"\n                          aria-hidden=\"true\"\n                        >\n                          {command.icon}\n                        </span>\n                      )}\n\n                      <span className=\"puzzle-command__item-content\">\n                        <span className=\"puzzle-command__item-label\">\n                          {command.label}\n                        </span>\n\n                        {command.description && (\n                          <span className=\"puzzle-command__item-description\">\n                            {command.description}\n                          </span>\n                        )}\n                      </span>\n\n                      {command.shortcut && (\n                        <span className=\"puzzle-command__shortcut\">\n                          {command.shortcut}\n                        </span>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            );\n          })\n        )}\n      </div>\n\n      <div\n        id={statusId}\n        className=\"puzzle-command__sr-only\"\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        {loading\n          ? loadingMessage\n          : enabledCommands.length === 0\n            ? emptyMessage\n            : `${enabledCommands.length} ${\n                enabledCommands.length === 1 ? \"command\" : \"commands\"\n              } available`}\n      </div>\n    </div>\n  );\n};\n\nconst CommandDialog = ({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  title = \"Command palette\",\n  description,\n  shortcut = \"k\",\n  commands,\n  onSelect,\n  ...commandProps\n}: CommandDialogProps) => {\n  const controlled = open !== undefined;\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const isOpen = controlled ? open : internalOpen;\n\n  const [ownerDocument, setOwnerDocument] = useState<Document | null>(null);\n\n  const rootRef = useCallback((node: HTMLDivElement | null) => {\n    setOwnerDocument(node?.ownerDocument ?? null);\n  }, []);\n\n  const changeOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!controlled) {\n        setInternalOpen(nextOpen);\n      }\n\n      onOpenChange?.(nextOpen);\n    },\n    [controlled, onOpenChange],\n  );\n\n  useEffect(() => {\n    if (shortcut === false || !ownerDocument) {\n      return;\n    }\n\n    const view = ownerDocument.defaultView;\n\n    if (!view) {\n      return;\n    }\n\n    const handleGlobalKeyDown: EventListener = (event) => {\n      if (!(event instanceof view.KeyboardEvent)) {\n        return;\n      }\n\n      const keyboardEvent = event;\n\n      if (\n        keyboardEvent.defaultPrevented ||\n        keyboardEvent.isComposing ||\n        keyboardEvent.key.toLowerCase() !== shortcut.toLowerCase() ||\n        !(keyboardEvent.metaKey || keyboardEvent.ctrlKey) ||\n        keyboardEvent.shiftKey ||\n        keyboardEvent.altKey\n      ) {\n        return;\n      }\n\n      const target = keyboardEvent.target;\n\n      if (target instanceof view.HTMLElement) {\n        const isEditable =\n          target.isContentEditable ||\n          target.closest(\n            [\n              \"input\",\n              \"textarea\",\n              \"select\",\n              '[contenteditable=\"true\"]',\n              '[role=\"textbox\"]',\n            ].join(\", \"),\n          ) !== null;\n\n        if (isEditable) {\n          return;\n        }\n      }\n\n      keyboardEvent.preventDefault();\n      changeOpen(!isOpen);\n    };\n\n    ownerDocument.addEventListener(\"keydown\", handleGlobalKeyDown);\n\n    return () => {\n      ownerDocument.removeEventListener(\"keydown\", handleGlobalKeyDown);\n    };\n  }, [ownerDocument, shortcut, isOpen, changeOpen]);\n\n  return (\n    <div ref={rootRef} data-command-dialog-root=\"\">\n      <Dialog\n        open={isOpen}\n        onOpenChange={changeOpen}\n        title={title}\n        description={description}\n        size=\"md\"\n        closeButton={false}\n        className=\"puzzle-command-dialog\"\n      >\n        <Command\n          {...commandProps}\n          commands={commands}\n          autoFocus={isOpen}\n          onSelect={(command) => {\n            onSelect?.(command);\n            changeOpen(false);\n          }}\n        />\n      </Dialog>\n    </div>\n  );\n};\n\nexport {\n  Command,\n  CommandDialog,\n  type CommandItem,\n  type CommandProps,\n  type CommandDialogProps,\n};\n"],"mappings":"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"}

package/dist/components/overlays/command/index.d.cts

@@ -0,0 +1,4 @@
+import { CommandDialogProps, CommandItem, CommandProps } from "./command.types.cjs";
+declare const Command: ({ commands, placeholder, label, emptyMessage, loading, loadingMessage, filter, onSelect, onQueryChange, query, defaultQuery, loop, autoFocus, className, ...props }: CommandProps) => import("react").JSX.Element;
+declare const CommandDialog: ({ open, defaultOpen, onOpenChange, title, description, shortcut, commands, onSelect, ...commandProps }: CommandDialogProps) => import("react").JSX.Element;
+export { Command, CommandDialog, type CommandDialogProps, type CommandItem, type CommandProps };

package/dist/components/overlays/command/index.d.ts

@@ -0,0 +1,4 @@
+import { CommandDialogProps, CommandItem, CommandProps } from "./command.types.js";
+declare const Command: ({ commands, placeholder, label, emptyMessage, loading, loadingMessage, filter, onSelect, onQueryChange, query, defaultQuery, loop, autoFocus, className, ...props }: CommandProps) => import("react").JSX.Element;
+declare const CommandDialog: ({ open, defaultOpen, onOpenChange, title, description, shortcut, commands, onSelect, ...commandProps }: CommandDialogProps) => import("react").JSX.Element;
+export { Command, CommandDialog, type CommandDialogProps, type CommandItem, type CommandProps };