@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/Command/index.cjs

@@ -0,0 +1,377 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Command_module = require("./Command.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function defaultFilter(value, search, keywords) {
+  if (!search) return 1;
+  const searchLower = search.toLowerCase();
+  const valueLower = value.toLowerCase();
+  if (valueLower.includes(searchLower)) return 1;
+  if (keywords) {
+    for (const keyword of keywords) {
+      if (keyword.toLowerCase().includes(searchLower)) return 1;
+    }
+  }
+  return 0;
+}
+const CommandContext = React__namespace.createContext(null);
+function useCommandContext() {
+  const ctx = React__namespace.useContext(CommandContext);
+  if (!ctx) throw new Error("Command sub-components must be used within <Command>");
+  return ctx;
+}
+function SearchIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+      ]
+    }
+  );
+}
+function CommandRoot({
+  children,
+  search: controlledSearch,
+  defaultSearch = "",
+  onSearchChange,
+  filter = defaultFilter,
+  loop = true,
+  className,
+  ...htmlProps
+}) {
+  const [uncontrolledSearch, setUncontrolledSearch] = React__namespace.useState(defaultSearch);
+  const isControlled = controlledSearch !== void 0;
+  const search = isControlled ? controlledSearch : uncontrolledSearch;
+  const [items, setItems] = React__namespace.useState(/* @__PURE__ */ new Map());
+  const [activeId, setActiveId] = React__namespace.useState(null);
+  const listRef = React__namespace.useRef(null);
+  const setSearch = React__namespace.useCallback(
+    (value) => {
+      if (!isControlled) {
+        setUncontrolledSearch(value);
+      }
+      onSearchChange == null ? void 0 : onSearchChange(value);
+    },
+    [isControlled, onSearchChange]
+  );
+  const registerItem = React__namespace.useCallback((id, registration) => {
+    setItems((prev) => {
+      const next = new Map(prev);
+      next.set(id, registration);
+      return next;
+    });
+  }, []);
+  const unregisterItem = React__namespace.useCallback((id) => {
+    setItems((prev) => {
+      const next = new Map(prev);
+      next.delete(id);
+      return next;
+    });
+  }, []);
+  const scores = React__namespace.useMemo(() => {
+    const result = /* @__PURE__ */ new Map();
+    for (const [id, registration] of items) {
+      const score = filter(registration.value, search, registration.keywords);
+      result.set(id, score);
+    }
+    return result;
+  }, [items, search, filter]);
+  const visibleCount = React__namespace.useMemo(() => {
+    let count = 0;
+    for (const score of scores.values()) {
+      if (score > 0) count++;
+    }
+    return count;
+  }, [scores]);
+  React__namespace.useEffect(() => {
+    setActiveId(null);
+  }, [search]);
+  const contextValue = React__namespace.useMemo(
+    () => ({
+      search,
+      setSearch,
+      filter,
+      scores,
+      registerItem,
+      unregisterItem,
+      activeId,
+      setActiveId,
+      loop,
+      listRef,
+      visibleCount
+    }),
+    [search, setSearch, filter, scores, registerItem, unregisterItem, activeId, loop, visibleCount]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(CommandContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...htmlProps,
+      className: [Command_module.default.command, className].filter(Boolean).join(" "),
+      role: "search",
+      children
+    }
+  ) });
+}
+function CommandInput({ className, ...htmlProps }) {
+  const { search, setSearch, listRef, setActiveId, activeId, loop } = useCommandContext();
+  const inputRef = React__namespace.useRef(null);
+  const getEnabledItems = React__namespace.useCallback(() => {
+    const list = listRef.current;
+    if (!list) return [];
+    return Array.from(
+      list.querySelectorAll('[data-command-item]:not([data-disabled="true"])')
+    ).filter((el) => el.style.display !== "none");
+  }, [listRef]);
+  const handleKeyDown = (event) => {
+    var _a;
+    (_a = htmlProps.onKeyDown) == null ? void 0 : _a.call(htmlProps, event);
+    if (event.defaultPrevented) return;
+    const items = getEnabledItems();
+    if (items.length === 0) return;
+    const currentIndex = activeId ? items.findIndex((item) => item.id === activeId) : -1;
+    switch (event.key) {
+      case "ArrowDown": {
+        event.preventDefault();
+        if (currentIndex < 0) {
+          setActiveId(items[0].id);
+        } else if (currentIndex < items.length - 1) {
+          setActiveId(items[currentIndex + 1].id);
+        } else if (loop) {
+          setActiveId(items[0].id);
+        }
+        break;
+      }
+      case "ArrowUp": {
+        event.preventDefault();
+        if (currentIndex < 0) {
+          setActiveId(items[items.length - 1].id);
+        } else if (currentIndex > 0) {
+          setActiveId(items[currentIndex - 1].id);
+        } else if (loop) {
+          setActiveId(items[items.length - 1].id);
+        }
+        break;
+      }
+      case "Home": {
+        event.preventDefault();
+        setActiveId(items[0].id);
+        break;
+      }
+      case "End": {
+        event.preventDefault();
+        setActiveId(items[items.length - 1].id);
+        break;
+      }
+      case "Enter": {
+        event.preventDefault();
+        if (activeId) {
+          const activeItem = items.find((item) => item.id === activeId);
+          if (activeItem) {
+            activeItem.click();
+          }
+        }
+        break;
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Command_module.default.inputWrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "text",
+        role: "combobox",
+        "aria-expanded": true,
+        "aria-controls": "command-list",
+        "aria-autocomplete": "list",
+        "aria-activedescendant": activeId ?? void 0,
+        autoComplete: "off",
+        autoCorrect: "off",
+        spellCheck: false,
+        value: search,
+        onChange: (e) => setSearch(e.target.value),
+        onKeyDown: handleKeyDown,
+        className: [Command_module.default.input, className].filter(Boolean).join(" "),
+        ...htmlProps
+      }
+    )
+  ] });
+}
+function CommandList({ children, className, ...htmlProps }) {
+  const { listRef } = useCommandContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: listRef,
+      id: "command-list",
+      role: "listbox",
+      className: [Command_module.default.list, className].filter(Boolean).join(" "),
+      ...htmlProps,
+      children
+    }
+  );
+}
+function CommandItem({
+  children,
+  value: valueProp,
+  keywords,
+  disabled = false,
+  onItemSelect,
+  className,
+  ...htmlProps
+}) {
+  const { scores, registerItem, unregisterItem, activeId, setActiveId } = useCommandContext();
+  const generatedId = React__namespace.useId();
+  const itemId = htmlProps.id ?? `command-item-${generatedId}`;
+  const itemRef = React__namespace.useRef(null);
+  const textValue = React__namespace.useMemo(() => {
+    if (valueProp) return valueProp;
+    if (typeof children === "string") return children;
+    return "";
+  }, [valueProp, children]);
+  React__namespace.useEffect(() => {
+    registerItem(itemId, { value: textValue, keywords });
+    return () => unregisterItem(itemId);
+  }, [itemId, textValue, keywords, registerItem, unregisterItem]);
+  const score = scores.get(itemId) ?? 1;
+  const isVisible = score > 0;
+  const isActive = activeId === itemId;
+  React__namespace.useEffect(() => {
+    if (isActive && itemRef.current) {
+      itemRef.current.scrollIntoView({ block: "nearest" });
+    }
+  }, [isActive]);
+  const handleClick = () => {
+    if (disabled) return;
+    onItemSelect == null ? void 0 : onItemSelect();
+  };
+  const handleMouseEnter = () => {
+    if (!disabled) {
+      setActiveId(itemId);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: itemRef,
+      ...htmlProps,
+      id: itemId,
+      role: "option",
+      "aria-selected": isActive,
+      "aria-disabled": disabled,
+      "data-command-item": "",
+      "data-active": isActive || void 0,
+      "data-disabled": disabled || void 0,
+      onClick: handleClick,
+      onMouseEnter: handleMouseEnter,
+      className: [
+        Command_module.default.item,
+        isActive && Command_module.default.itemActive,
+        disabled && Command_module.default.itemDisabled,
+        className
+      ].filter(Boolean).join(" "),
+      style: { display: isVisible ? void 0 : "none" },
+      children
+    }
+  );
+}
+function CommandGroup({ children, heading, className, ...htmlProps }) {
+  const labelId = React__namespace.useId();
+  const groupRef = React__namespace.useRef(null);
+  const { scores } = useCommandContext();
+  const [hasVisibleChildren, setHasVisibleChildren] = React__namespace.useState(true);
+  React__namespace.useEffect(() => {
+    if (!groupRef.current) return;
+    const items = groupRef.current.querySelectorAll("[data-command-item]");
+    const anyVisible = Array.from(items).some((item) => item.style.display !== "none");
+    setHasVisibleChildren(anyVisible);
+  }, [scores]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: groupRef,
+      ...htmlProps,
+      role: "group",
+      "aria-labelledby": heading ? labelId : void 0,
+      className: [Command_module.default.group, className].filter(Boolean).join(" "),
+      style: { display: hasVisibleChildren ? void 0 : "none" },
+      children: [
+        heading && /* @__PURE__ */ jsxRuntime.jsx("div", { id: labelId, className: Command_module.default.groupHeading, children: heading }),
+        children
+      ]
+    }
+  );
+}
+function CommandEmpty({ children, className, ...htmlProps }) {
+  const { visibleCount } = useCommandContext();
+  if (visibleCount > 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...htmlProps,
+      role: "option",
+      "aria-disabled": "true",
+      "aria-selected": "false",
+      className: [Command_module.default.empty, className].filter(Boolean).join(" "),
+      children
+    }
+  );
+}
+function CommandSeparator({ className, ...htmlProps }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...htmlProps,
+      role: "separator",
+      className: [Command_module.default.separator, className].filter(Boolean).join(" ")
+    }
+  );
+}
+const Command = Object.assign(CommandRoot, {
+  Input: CommandInput,
+  List: CommandList,
+  Item: CommandItem,
+  Group: CommandGroup,
+  Empty: CommandEmpty,
+  Separator: CommandSeparator
+});
+exports.Command = Command;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandRoot = CommandRoot;
+exports.CommandSeparator = CommandSeparator;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Command/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Command/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './Command.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface CommandProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Controlled search value */\n  search?: string;\n  /** Default search value */\n  defaultSearch?: string;\n  /** Called when search input changes */\n  onSearchChange?: (search: string) => void;\n  /** Custom filter function. Return 0 to hide, >0 to show (higher = better match).\n      Default: case-insensitive substring match on value + keywords */\n  filter?: (value: string, search: string, keywords?: string[]) => number;\n  /** Whether to loop keyboard navigation. Default: true */\n  loop?: boolean;\n}\n\nexport interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  className?: string;\n}\n\nexport interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  children: React.ReactNode;\n  /** Value used for filtering (falls back to text content) */\n  value?: string;\n  /** Extra keywords for filtering */\n  keywords?: string[];\n  /** Whether this item is disabled */\n  disabled?: boolean;\n  /** Called when item is selected (Enter or click) */\n  onItemSelect?: () => void;\n}\n\nexport interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Group heading text */\n  heading?: string;\n}\n\nexport interface CommandEmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\nexport type CommandSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\n// ============================================\n// Default filter\n// ============================================\n\nfunction defaultFilter(value: string, search: string, keywords?: string[]): number {\n  if (!search) return 1;\n  const searchLower = search.toLowerCase();\n  const valueLower = value.toLowerCase();\n\n  if (valueLower.includes(searchLower)) return 1;\n\n  if (keywords) {\n    for (const keyword of keywords) {\n      if (keyword.toLowerCase().includes(searchLower)) return 1;\n    }\n  }\n\n  return 0;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface ItemRegistration {\n  value: string;\n  keywords?: string[];\n}\n\ninterface CommandContextValue {\n  search: string;\n  setSearch: (search: string) => void;\n  filter: (value: string, search: string, keywords?: string[]) => number;\n  scores: Map<string, number>;\n  registerItem: (id: string, registration: ItemRegistration) => void;\n  unregisterItem: (id: string) => void;\n  activeId: string | null;\n  setActiveId: (id: string | null) => void;\n  loop: boolean;\n  listRef: React.RefObject<HTMLDivElement | null>;\n  visibleCount: number;\n}\n\nconst CommandContext = React.createContext<CommandContextValue | null>(null);\n\nfunction useCommandContext() {\n  const ctx = React.useContext(CommandContext);\n  if (!ctx) throw new Error('Command sub-components must be used within <Command>');\n  return ctx;\n}\n\n// ============================================\n// Search Icon\n// ============================================\n\nfunction SearchIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"11\" cy=\"11\" r=\"8\" />\n      <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction CommandRoot({\n  children,\n  search: controlledSearch,\n  defaultSearch = '',\n  onSearchChange,\n  filter = defaultFilter,\n  loop = true,\n  className,\n  ...htmlProps\n}: CommandProps) {\n  const [uncontrolledSearch, setUncontrolledSearch] = React.useState(defaultSearch);\n  const isControlled = controlledSearch !== undefined;\n  const search = isControlled ? controlledSearch : uncontrolledSearch;\n\n  const [items, setItems] = React.useState<Map<string, ItemRegistration>>(new Map());\n  const [activeId, setActiveId] = React.useState<string | null>(null);\n  const listRef = React.useRef<HTMLDivElement | null>(null);\n\n  const setSearch = React.useCallback(\n    (value: string) => {\n      if (!isControlled) {\n        setUncontrolledSearch(value);\n      }\n      onSearchChange?.(value);\n    },\n    [isControlled, onSearchChange]\n  );\n\n  const registerItem = React.useCallback((id: string, registration: ItemRegistration) => {\n    setItems((prev) => {\n      const next = new Map(prev);\n      next.set(id, registration);\n      return next;\n    });\n  }, []);\n\n  const unregisterItem = React.useCallback((id: string) => {\n    setItems((prev) => {\n      const next = new Map(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  // Compute scores for all items\n  const scores = React.useMemo(() => {\n    const result = new Map<string, number>();\n    for (const [id, registration] of items) {\n      const score = filter(registration.value, search, registration.keywords);\n      result.set(id, score);\n    }\n    return result;\n  }, [items, search, filter]);\n\n  const visibleCount = React.useMemo(() => {\n    let count = 0;\n    for (const score of scores.values()) {\n      if (score > 0) count++;\n    }\n    return count;\n  }, [scores]);\n\n  // Reset active when search changes\n  React.useEffect(() => {\n    setActiveId(null);\n  }, [search]);\n\n  const contextValue = React.useMemo<CommandContextValue>(\n    () => ({\n      search,\n      setSearch,\n      filter,\n      scores,\n      registerItem,\n      unregisterItem,\n      activeId,\n      setActiveId,\n      loop,\n      listRef,\n      visibleCount,\n    }),\n    [search, setSearch, filter, scores, registerItem, unregisterItem, activeId, loop, visibleCount]\n  );\n\n  return (\n    <CommandContext.Provider value={contextValue}>\n      <div\n        {...htmlProps}\n        className={[styles.command, className].filter(Boolean).join(' ')}\n        role=\"search\"\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n}\n\nfunction CommandInput({ className, ...htmlProps }: CommandInputProps) {\n  const { search, setSearch, listRef, setActiveId, activeId, loop } = useCommandContext();\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const getEnabledItems = React.useCallback(() => {\n    const list = listRef.current;\n    if (!list) return [];\n    return Array.from(\n      list.querySelectorAll<HTMLElement>('[data-command-item]:not([data-disabled=\"true\"])')\n    ).filter((el) => el.style.display !== 'none');\n  }, [listRef]);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    htmlProps.onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n\n    const items = getEnabledItems();\n    if (items.length === 0) return;\n\n    const currentIndex = activeId\n      ? items.findIndex((item) => item.id === activeId)\n      : -1;\n\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        if (currentIndex < 0) {\n          setActiveId(items[0].id);\n        } else if (currentIndex < items.length - 1) {\n          setActiveId(items[currentIndex + 1].id);\n        } else if (loop) {\n          setActiveId(items[0].id);\n        }\n        break;\n      }\n      case 'ArrowUp': {\n        event.preventDefault();\n        if (currentIndex < 0) {\n          setActiveId(items[items.length - 1].id);\n        } else if (currentIndex > 0) {\n          setActiveId(items[currentIndex - 1].id);\n        } else if (loop) {\n          setActiveId(items[items.length - 1].id);\n        }\n        break;\n      }\n      case 'Home': {\n        event.preventDefault();\n        setActiveId(items[0].id);\n        break;\n      }\n      case 'End': {\n        event.preventDefault();\n        setActiveId(items[items.length - 1].id);\n        break;\n      }\n      case 'Enter': {\n        event.preventDefault();\n        if (activeId) {\n          const activeItem = items.find((item) => item.id === activeId);\n          if (activeItem) {\n            activeItem.click();\n          }\n        }\n        break;\n      }\n    }\n  };\n\n  return (\n    <div className={styles.inputWrapper}>\n      <SearchIcon />\n      <input\n        ref={inputRef}\n        type=\"text\"\n        role=\"combobox\"\n        aria-expanded={true}\n        aria-controls=\"command-list\"\n        aria-autocomplete=\"list\"\n        aria-activedescendant={activeId ?? undefined}\n        autoComplete=\"off\"\n        autoCorrect=\"off\"\n        spellCheck={false}\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n        onKeyDown={handleKeyDown}\n        className={[styles.input, className].filter(Boolean).join(' ')}\n        {...htmlProps}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({ children, className, ...htmlProps }: CommandListProps) {\n  const { listRef } = useCommandContext();\n\n  return (\n    <div\n      ref={listRef}\n      id=\"command-list\"\n      role=\"listbox\"\n      className={[styles.list, className].filter(Boolean).join(' ')}\n      {...htmlProps}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction CommandItem({\n  children,\n  value: valueProp,\n  keywords,\n  disabled = false,\n  onItemSelect,\n  className,\n  ...htmlProps\n}: CommandItemProps) {\n  const { scores, registerItem, unregisterItem, activeId, setActiveId } = useCommandContext();\n  const generatedId = React.useId();\n  const itemId = (htmlProps.id as string | undefined) ?? `command-item-${generatedId}`;\n  const itemRef = React.useRef<HTMLDivElement>(null);\n\n  // Extract text content for filtering if no value prop\n  const textValue = React.useMemo(() => {\n    if (valueProp) return valueProp;\n    if (typeof children === 'string') return children;\n    return '';\n  }, [valueProp, children]);\n\n  // Register with context\n  React.useEffect(() => {\n    registerItem(itemId, { value: textValue, keywords });\n    return () => unregisterItem(itemId);\n  }, [itemId, textValue, keywords, registerItem, unregisterItem]);\n\n  const score = scores.get(itemId) ?? 1;\n  const isVisible = score > 0;\n  const isActive = activeId === itemId;\n\n  // Scroll active item into view\n  React.useEffect(() => {\n    if (isActive && itemRef.current) {\n      itemRef.current.scrollIntoView({ block: 'nearest' });\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    onItemSelect?.();\n  };\n\n  const handleMouseEnter = () => {\n    if (!disabled) {\n      setActiveId(itemId);\n    }\n  };\n\n  return (\n    <div\n      ref={itemRef}\n      {...htmlProps}\n      id={itemId}\n      role=\"option\"\n      aria-selected={isActive}\n      aria-disabled={disabled}\n      data-command-item=\"\"\n      data-active={isActive || undefined}\n      data-disabled={disabled || undefined}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      className={[\n        styles.item,\n        isActive && styles.itemActive,\n        disabled && styles.itemDisabled,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{ display: isVisible ? undefined : 'none' }}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction CommandGroup({ children, heading, className, ...htmlProps }: CommandGroupProps) {\n  const labelId = React.useId();\n  const groupRef = React.useRef<HTMLDivElement>(null);\n  const { scores } = useCommandContext();\n  const [hasVisibleChildren, setHasVisibleChildren] = React.useState(true);\n\n  // Check if any children are visible after each score update\n  React.useEffect(() => {\n    if (!groupRef.current) return;\n    const items = groupRef.current.querySelectorAll<HTMLElement>('[data-command-item]');\n    const anyVisible = Array.from(items).some((item) => item.style.display !== 'none');\n    setHasVisibleChildren(anyVisible);\n  }, [scores]);\n\n  return (\n    <div\n      ref={groupRef}\n      {...htmlProps}\n      role=\"group\"\n      aria-labelledby={heading ? labelId : undefined}\n      className={[styles.group, className].filter(Boolean).join(' ')}\n      style={{ display: hasVisibleChildren ? undefined : 'none' }}\n    >\n      {heading && (\n        <div id={labelId} className={styles.groupHeading}>\n          {heading}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nfunction CommandEmpty({ children, className, ...htmlProps }: CommandEmptyProps) {\n  const { visibleCount } = useCommandContext();\n\n  if (visibleCount > 0) return null;\n\n  return (\n    <div\n      {...htmlProps}\n      role=\"option\"\n      aria-disabled=\"true\"\n      aria-selected=\"false\"\n      className={[styles.empty, className].filter(Boolean).join(' ')}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction CommandSeparator({ className, ...htmlProps }: CommandSeparatorProps) {\n  return (\n    <div\n      {...htmlProps}\n      role=\"separator\"\n      className={[styles.separator, className].filter(Boolean).join(' ')}\n    />\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Command = Object.assign(CommandRoot, {\n  Input: CommandInput,\n  List: CommandList,\n  Item: CommandItem,\n  Group: CommandGroup,\n  Empty: CommandEmpty,\n  Separator: CommandSeparator,\n});\n\nexport {\n  CommandRoot,\n  CommandInput,\n  CommandList,\n  CommandItem,\n  CommandGroup,\n  CommandEmpty,\n  CommandSeparator,\n};\n"],"names":["React","jsxs","jsx","styles"],"mappings":"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"}

package/dist/components/Command/index.d.ts

@@ -0,0 +1,58 @@
+import * as React from 'react';
+export interface CommandProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** Controlled search value */
+    search?: string;
+    /** Default search value */
+    defaultSearch?: string;
+    /** Called when search input changes */
+    onSearchChange?: (search: string) => void;
+    /** Custom filter function. Return 0 to hide, >0 to show (higher = better match).
+        Default: case-insensitive substring match on value + keywords */
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    /** Whether to loop keyboard navigation. Default: true */
+    loop?: boolean;
+}
+export interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+}
+export interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    children: React.ReactNode;
+    /** Value used for filtering (falls back to text content) */
+    value?: string;
+    /** Extra keywords for filtering */
+    keywords?: string[];
+    /** Whether this item is disabled */
+    disabled?: boolean;
+    /** Called when item is selected (Enter or click) */
+    onItemSelect?: () => void;
+}
+export interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** Group heading text */
+    heading?: string;
+}
+export interface CommandEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export type CommandSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
+declare function CommandRoot({ children, search: controlledSearch, defaultSearch, onSearchChange, filter, loop, className, ...htmlProps }: CommandProps): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...htmlProps }: CommandInputProps): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ children, className, ...htmlProps }: CommandListProps): import("react/jsx-runtime").JSX.Element;
+declare function CommandItem({ children, value: valueProp, keywords, disabled, onItemSelect, className, ...htmlProps }: CommandItemProps): import("react/jsx-runtime").JSX.Element;
+declare function CommandGroup({ children, heading, className, ...htmlProps }: CommandGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ children, className, ...htmlProps }: CommandEmptyProps): import("react/jsx-runtime").JSX.Element | null;
+declare function CommandSeparator({ className, ...htmlProps }: CommandSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export declare const Command: typeof CommandRoot & {
+    Input: typeof CommandInput;
+    List: typeof CommandList;
+    Item: typeof CommandItem;
+    Group: typeof CommandGroup;
+    Empty: typeof CommandEmpty;
+    Separator: typeof CommandSeparator;
+};
+export { CommandRoot, CommandInput, CommandList, CommandItem, CommandGroup, CommandEmpty, CommandSeparator, };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Command/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.tsx"],"names":[],"mappings":"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"}