jaci-ui 0.8.0 → 0.9.0

package/dist/components/color-swatch/color-swatch.js

@@ -0,0 +1,33 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { colorSwatch } from "../../styled-system/recipes/color-swatch.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/color-swatch/color-swatch.tsx
+const ColorSwatch = forwardRef(function ColorSwatch({ border = true, className, color, label, shape = "circle", size = "md", style, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		...label ? {
+			"aria-label": label,
+			role: "img"
+		} : {},
+		className: cx(colorSwatch({
+			border,
+			shape,
+			size
+		}), className),
+		"data-color": color,
+		"data-jaci-component": "color-swatch",
+		"data-shape": shape,
+		"data-size": size,
+		"data-slot": "color-swatch",
+		style: {
+			backgroundColor: color,
+			...style
+		}
+	});
+});
+//#endregion
+export { ColorSwatch };
+
+//# sourceMappingURL=color-swatch.js.map

package/dist/components/color-swatch/color-swatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-swatch.js","names":[],"sources":["../../../src/components/color-swatch/color-swatch.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { colorSwatch } from \"../../styled-system/recipes\";\n\nexport interface ColorSwatchProps extends ComponentPropsWithoutRef<\"span\"> {\n  color: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  shape?: \"circle\" | \"square\";\n  border?: boolean;\n  label?: string;\n}\n\nexport const ColorSwatch = forwardRef<HTMLSpanElement, ColorSwatchProps>(function ColorSwatch(\n  { border = true, className, color, label, shape = \"circle\", size = \"md\", style, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      {...(label ? { \"aria-label\": label, role: \"img\" as const } : {})}\n      className={cx(colorSwatch({ border, shape, size }), className)}\n      data-color={color}\n      data-jaci-component=\"color-swatch\"\n      data-shape={shape}\n      data-size={size}\n      data-slot=\"color-swatch\"\n      style={{ backgroundColor: color, ...style }}\n    />\n  );\n});\n"],"mappings":";;;;;AAcA,MAAa,cAAc,WAA8C,SAAS,YAChF,EAAE,SAAS,MAAM,WAAW,OAAO,OAAO,QAAQ,UAAU,OAAO,MAAM,OAAO,GAAG,SACnF,KACA;CACA,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,GAAK,QAAQ;GAAE,cAAc;GAAO,MAAM;EAAe,IAAI,CAAC;EAC9D,WAAW,GAAG,YAAY;GAAE;GAAQ;GAAO;EAAK,CAAC,GAAG,SAAS;EAC7D,cAAY;EACZ,uBAAoB;EACpB,cAAY;EACZ,aAAW;EACX,aAAU;EACV,OAAO;GAAE,iBAAiB;GAAO,GAAG;EAAM;CAC3C,CAAA;AAEL,CAAC"}

package/dist/components/color-swatch/index.d.cts

@@ -0,0 +1,2 @@
+import { ColorSwatch, ColorSwatchProps } from "./color-swatch.cjs";
+export { ColorSwatch, type ColorSwatchProps };

package/dist/components/color-swatch/index.d.ts

@@ -0,0 +1,2 @@
+import { ColorSwatch, ColorSwatchProps } from "./color-swatch.js";
+export { ColorSwatch, type ColorSwatchProps };

package/dist/components/command/command.cjs

@@ -178,6 +178,7 @@ const CommandRoot = (0, react.forwardRef)(function CommandRoot({ children, class
 });
 const CommandInput = (0, react.forwardRef)(function CommandInput({ className, onChange, onClick, onFocus, onKeyDown, ...props }, ref) {
 	const { disabled, handleKeyDown, highlighted, listId, mode, open, search, setHighlighted, setOpen, setSearch } = useCommandContext();
+	const styles = require_command.command({ mode });
 	const handleChange = (event) => {
 		onChange?.(event);
 		const next = event.target.value;
@@ -192,8 +193,9 @@ const CommandInput = (0, react.forwardRef)(function CommandInput({ className, on
 		role: "combobox",
 		"aria-haspopup": "listbox",
 		"aria-expanded": open,
-		className: require_cx.cx(require_command.command().input, className),
+		className: require_cx.cx(styles.input, className),
 		"data-slot": "command-input",
+		"data-mode": mode,
 		disabled: disabled || props.disabled,
 		onChange: (event) => {
 			handleChange(event);

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

@@ -1 +1 @@
-{"version":3,"file":"command.cjs","names":["command","cx"],"sources":["../../../src/components/command/command.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ChangeEvent, ComponentPropsWithoutRef, KeyboardEvent, ReactNode } from \"react\";\n\nimport { command } from \"../../styled-system/recipes\";\nimport { cx } from \"../../styled-system/css\";\n\nexport type CommandFilter = (value: string, search: string, keywords: readonly string[]) => boolean;\nexport type CommandMode = \"default\" | \"dropdown\";\n\ninterface CommandItemRecord {\n  id: string;\n  value: string;\n  keywords: readonly string[];\n  disabled: boolean;\n  groupId: string | undefined;\n  onSelect: ((value: string) => void) | undefined;\n  element: HTMLDivElement | null;\n}\n\ninterface CommandContextValue {\n  search: string;\n  setSearch: (search: string) => void;\n  loading: boolean;\n  shouldFilter: boolean;\n  items: readonly CommandItemRecord[];\n  highlighted: string | null;\n  listId: string;\n  matches: (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) => boolean;\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  registerItem: (item: CommandItemRecord) => () => void;\n  setItemElement: (id: string, element: HTMLDivElement | null) => void;\n  setHighlighted: (value: string | null) => void;\n  selectItem: (id: string) => void;\n  disabled: boolean;\n  mode: CommandMode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  closeOnSelect: boolean;\n}\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\nconst CommandGroupContext = createContext<string | undefined>(undefined);\nconst EMPTY_KEYWORDS: readonly string[] = [];\n\nfunction useCommandContext() {\n  const context = useContext(CommandContext);\n  if (!context) throw new Error(\"Command parts must be rendered inside Command.Root.\");\n  return context;\n}\n\nfunction defaultFilter(value: string, search: string, keywords: readonly string[]) {\n  const query = search.trim().toLocaleLowerCase();\n  if (!query) return true;\n  return [value, ...keywords].some((candidate) => candidate.toLocaleLowerCase().includes(query));\n}\n\nexport interface CommandRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  search?: string;\n  defaultSearch?: string;\n  onSearchChange?: (search: string) => void;\n  filter?: CommandFilter;\n  shouldFilter?: boolean;\n  loopFocus?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  mode?: CommandMode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport const CommandRoot = forwardRef<HTMLDivElement, CommandRootProps>(function CommandRoot(\n  {\n    children,\n    className,\n    defaultSearch = \"\",\n    disabled = false,\n    filter = defaultFilter,\n    loading = false,\n    mode = \"default\",\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n    closeOnSelect = true,\n    onKeyDown,\n    onSearchChange,\n    search: controlledSearch,\n    shouldFilter = true,\n    loopFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledSearch, setUncontrolledSearch] = useState(defaultSearch);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [highlighted, setHighlighted] = useState<string | null>(null);\n  const [, setVersion] = useState(0);\n  const itemsRef = useRef(new Map<string, CommandItemRecord>());\n  const rootElementRef = useRef<HTMLDivElement | null>(null);\n  const listId = useId();\n  const search = controlledSearch ?? uncontrolledSearch;\n  const open = mode === \"default\" ? true : (controlledOpen ?? uncontrolledOpen);\n  const styles = command({ mode });\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (mode !== \"dropdown\" || disabled) return;\n      if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [controlledOpen, disabled, mode, onOpenChange],\n  );\n  const close = useCallback(() => setOpen(false), [setOpen]);\n\n  const items = Array.from(itemsRef.current.values());\n  const setSearch = useCallback(\n    (next: string) => {\n      if (controlledSearch === undefined) setUncontrolledSearch(next);\n      onSearchChange?.(next);\n    },\n    [controlledSearch, onSearchChange],\n  );\n  const matches = useCallback(\n    (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) =>\n      !shouldFilter || filter(item.value, search, item.keywords),\n    [filter, search, shouldFilter],\n  );\n  const visibleItems = useMemo(\n    () => items.filter((item) => !item.disabled && matches(item)),\n    [items, matches],\n  );\n\n  const registerItem = useCallback((item: CommandItemRecord) => {\n    itemsRef.current.set(item.id, item);\n    setVersion((current) => current + 1);\n    return () => {\n      itemsRef.current.delete(item.id);\n      setVersion((current) => current + 1);\n    };\n  }, []);\n\n  const setItemElement = useCallback((id: string, element: HTMLDivElement | null) => {\n    const item = itemsRef.current.get(id);\n    if (item) item.element = element;\n  }, []);\n\n  const selectItem = useCallback(\n    (id: string) => {\n      const item = itemsRef.current.get(id);\n      if (item && !item.disabled && matches(item)) {\n        item.onSelect?.(item.value);\n        if (closeOnSelect) close();\n      }\n    },\n    [close, closeOnSelect, matches],\n  );\n\n  useEffect(() => {\n    if (mode !== \"dropdown\" || !open) return;\n\n    const handleOutsidePress = (event: PointerEvent) => {\n      const target = event.target;\n      if (target instanceof Node && !rootElementRef.current?.contains(target)) close();\n    };\n\n    document.addEventListener(\"pointerdown\", handleOutsidePress);\n    return () => document.removeEventListener(\"pointerdown\", handleOutsidePress);\n  }, [close, mode, open]);\n\n  useEffect(() => {\n    if (!visibleItems.some((item) => item.id === highlighted)) {\n      setHighlighted(visibleItems[0]?.id ?? null);\n    }\n  }, [highlighted, visibleItems]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n      if (event.defaultPrevented) return;\n      if (disabled) return;\n      const currentIndex = visibleItems.findIndex((item) => item.id === highlighted);\n      if ((event.key === \"ArrowDown\" || event.key === \"ArrowUp\") && visibleItems.length > 0) {\n        event.preventDefault();\n        const direction = event.key === \"ArrowDown\" ? 1 : -1;\n        let nextIndex = currentIndex + direction;\n        if (loopFocus) nextIndex = (nextIndex + visibleItems.length) % visibleItems.length;\n        if (nextIndex >= 0 && nextIndex < visibleItems.length) {\n          setHighlighted(visibleItems[nextIndex]?.id ?? null);\n        }\n      } else if (event.key === \"Home\" || event.key === \"End\") {\n        event.preventDefault();\n        setHighlighted((event.key === \"Home\" ? visibleItems[0] : visibleItems.at(-1))?.id ?? null);\n      } else if (event.key === \"Enter\" && highlighted) {\n        event.preventDefault();\n        selectItem(highlighted);\n      } else if (event.key === \"Escape\") {\n        event.preventDefault();\n        close();\n      }\n    },\n    [close, disabled, highlighted, loopFocus, onKeyDown, selectItem, visibleItems],\n  );\n\n  const context = useMemo<CommandContextValue>(\n    () => ({\n      search,\n      setSearch,\n      disabled,\n      handleKeyDown,\n      loading,\n      shouldFilter,\n      items,\n      highlighted,\n      listId,\n      matches,\n      registerItem,\n      setItemElement,\n      setHighlighted,\n      selectItem,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    }),\n    [\n      highlighted,\n      disabled,\n      handleKeyDown,\n      items,\n      listId,\n      loading,\n      matches,\n      registerItem,\n      search,\n      selectItem,\n      setItemElement,\n      setSearch,\n      shouldFilter,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    ],\n  );\n\n  return (\n    <CommandContext.Provider value={context}>\n      <div\n        {...props}\n        ref={(node) => {\n          rootElementRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"command\"\n        data-mode={mode}\n        data-open={open || undefined}\n        data-slot=\"command\"\n        aria-disabled={disabled || undefined}\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n});\n\nexport type CommandInputProps = ComponentPropsWithoutRef<\"input\">;\nexport const CommandInput = forwardRef<HTMLInputElement, CommandInputProps>(function CommandInput(\n  { className, onChange, onClick, onFocus, onKeyDown, ...props },\n  ref,\n) {\n  const {\n    disabled,\n    handleKeyDown,\n    highlighted,\n    listId,\n    mode,\n    open,\n    search,\n    setHighlighted,\n    setOpen,\n    setSearch,\n  } = useCommandContext();\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    const next = event.target.value;\n    setHighlighted(null);\n    setSearch(next);\n  };\n\n  return (\n    <input\n      {...props}\n      ref={ref}\n      aria-activedescendant={highlighted ?? undefined}\n      aria-controls={listId}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={cx(command().input, className)}\n      data-slot=\"command-input\"\n      disabled={disabled || props.disabled}\n      onChange={(event) => {\n        handleChange(event);\n      }}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onFocus={(event) => {\n        onFocus?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        handleKeyDown(event);\n      }}\n      value={search}\n    />\n  );\n});\n\nexport type CommandListProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandList = forwardRef<HTMLDivElement, CommandListProps>(function CommandList(\n  { className, id, ...props },\n  ref,\n) {\n  const { listId, mode, open } = useCommandContext();\n  const styles = command({ mode });\n  return (\n    <div\n      {...props}\n      ref={ref}\n      id={id ?? listId}\n      className={cx(styles.list, className)}\n      aria-hidden={mode === \"dropdown\" && !open ? true : undefined}\n      data-open={open || undefined}\n      data-slot=\"command-list\"\n      hidden={mode === \"dropdown\" && !open ? true : undefined}\n      role=\"listbox\"\n    />\n  );\n});\n\nexport interface CommandGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  heading?: ReactNode;\n}\nexport const CommandGroup = forwardRef<HTMLDivElement, CommandGroupProps>(function CommandGroup(\n  { children, className, heading, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useId();\n  const hasVisibleItems = context.items.some(\n    (item) => item.groupId === groupId && !item.disabled && context.matches(item),\n  );\n  return (\n    <CommandGroupContext.Provider value={groupId}>\n      <div\n        {...props}\n        ref={ref}\n        aria-hidden={!hasVisibleItems || undefined}\n        className={cx(command().group, className)}\n        data-slot=\"command-group\"\n        hidden={!hasVisibleItems}\n      >\n        {heading ? (\n          <div className={command().groupHeading} data-slot=\"command-group-heading\">\n            {heading}\n          </div>\n        ) : null}\n        {children}\n      </div>\n    </CommandGroupContext.Provider>\n  );\n});\n\nexport interface CommandItemProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"onSelect\"> {\n  value: string;\n  keywords?: readonly string[];\n  disabled?: boolean;\n  onSelect?: (value: string) => void;\n}\nexport const CommandItem = forwardRef<HTMLDivElement, CommandItemProps>(function CommandItem(\n  {\n    children,\n    className,\n    disabled = false,\n    keywords: itemKeywords,\n    onClick,\n    onMouseEnter,\n    onSelect,\n    value,\n    ...props\n  },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useContext(CommandGroupContext);\n  const id = `command-item-${useId().replace(/:/g, \"\")}`;\n  const keywords = itemKeywords ?? EMPTY_KEYWORDS;\n  const visible = context.matches({ value, keywords });\n\n  useEffect(\n    () =>\n      context.registerItem({\n        id,\n        value,\n        keywords,\n        disabled,\n        groupId,\n        onSelect,\n        element: null,\n      }),\n    [context.registerItem, disabled, groupId, id, keywords, onSelect, value],\n  );\n\n  if (!visible) {\n    return <div aria-hidden=\"true\" hidden ref={ref} data-slot=\"command-item\" />;\n  }\n\n  return (\n    <div\n      {...props}\n      ref={(node) => {\n        context.setItemElement(id, node);\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) ref.current = node;\n      }}\n      aria-disabled={disabled || undefined}\n      aria-selected={context.highlighted === id}\n      className={cx(command().item, className)}\n      data-disabled={disabled || undefined}\n      data-highlighted={context.highlighted === id || undefined}\n      data-slot=\"command-item\"\n      id={id}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && !disabled) context.selectItem(id);\n      }}\n      onMouseEnter={(event) => {\n        onMouseEnter?.(event);\n        if (!disabled) context.setHighlighted(id);\n      }}\n      onKeyDown={(event) => {\n        if ((event.key === \"Enter\" || event.key === \" \") && !disabled) {\n          event.preventDefault();\n          context.selectItem(id);\n        }\n      }}\n      role=\"option\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport type CommandItemIndicatorProps = ComponentPropsWithoutRef<\"span\">;\nexport const CommandItemIndicator = forwardRef<HTMLSpanElement, CommandItemIndicatorProps>(\n  function CommandItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(command().itemIndicator, className)}\n        data-slot=\"command-item-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport type CommandEmptyProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandEmpty = forwardRef<HTMLDivElement, CommandEmptyProps>(function CommandEmpty(\n  { className, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  if (context.loading || context.items.some((item) => !item.disabled && context.matches(item)))\n    return null;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(command().empty, className)}\n      aria-live=\"polite\"\n      aria-disabled=\"true\"\n      data-slot=\"command-empty\"\n      role=\"option\"\n      tabIndex={-1}\n    />\n  );\n});\n\nexport type CommandLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandLoading = forwardRef<HTMLDivElement, CommandLoadingProps>(\n  function CommandLoading({ className, ...props }, ref) {\n    const context = useCommandContext();\n    if (!context.loading) return null;\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(command().loading, className)}\n        aria-live=\"polite\"\n        aria-disabled=\"true\"\n        data-slot=\"command-loading\"\n        role=\"option\"\n        tabIndex={-1}\n      />\n    );\n  },\n);\n\nexport type CommandSeparatorProps = ComponentPropsWithoutRef<\"hr\">;\nexport const CommandSeparator = forwardRef<HTMLHRElement, CommandSeparatorProps>(\n  function CommandSeparator({ className, ...props }, ref) {\n    return (\n      <hr\n        {...props}\n        ref={ref}\n        role=\"presentation\"\n        className={cx(command().separator, className)}\n        data-slot=\"command-separator\"\n      />\n    );\n  },\n);\n\nexport const Command = {\n  Root: CommandRoot,\n  Input: CommandInput,\n  List: CommandList,\n  Group: CommandGroup,\n  Item: CommandItem,\n  ItemIndicator: CommandItemIndicator,\n  Empty: CommandEmpty,\n  Loading: CommandLoading,\n  Separator: CommandSeparator,\n};\n"],"mappings":"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"}
+{"version":3,"file":"command.cjs","names":["command","cx"],"sources":["../../../src/components/command/command.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ChangeEvent, ComponentPropsWithoutRef, KeyboardEvent, ReactNode } from \"react\";\n\nimport { command } from \"../../styled-system/recipes\";\nimport { cx } from \"../../styled-system/css\";\n\nexport type CommandFilter = (value: string, search: string, keywords: readonly string[]) => boolean;\nexport type CommandMode = \"default\" | \"dropdown\";\n\ninterface CommandItemRecord {\n  id: string;\n  value: string;\n  keywords: readonly string[];\n  disabled: boolean;\n  groupId: string | undefined;\n  onSelect: ((value: string) => void) | undefined;\n  element: HTMLDivElement | null;\n}\n\ninterface CommandContextValue {\n  search: string;\n  setSearch: (search: string) => void;\n  loading: boolean;\n  shouldFilter: boolean;\n  items: readonly CommandItemRecord[];\n  highlighted: string | null;\n  listId: string;\n  matches: (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) => boolean;\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  registerItem: (item: CommandItemRecord) => () => void;\n  setItemElement: (id: string, element: HTMLDivElement | null) => void;\n  setHighlighted: (value: string | null) => void;\n  selectItem: (id: string) => void;\n  disabled: boolean;\n  mode: CommandMode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  closeOnSelect: boolean;\n}\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\nconst CommandGroupContext = createContext<string | undefined>(undefined);\nconst EMPTY_KEYWORDS: readonly string[] = [];\n\nfunction useCommandContext() {\n  const context = useContext(CommandContext);\n  if (!context) throw new Error(\"Command parts must be rendered inside Command.Root.\");\n  return context;\n}\n\nfunction defaultFilter(value: string, search: string, keywords: readonly string[]) {\n  const query = search.trim().toLocaleLowerCase();\n  if (!query) return true;\n  return [value, ...keywords].some((candidate) => candidate.toLocaleLowerCase().includes(query));\n}\n\nexport interface CommandRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  search?: string;\n  defaultSearch?: string;\n  onSearchChange?: (search: string) => void;\n  filter?: CommandFilter;\n  shouldFilter?: boolean;\n  loopFocus?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  mode?: CommandMode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport const CommandRoot = forwardRef<HTMLDivElement, CommandRootProps>(function CommandRoot(\n  {\n    children,\n    className,\n    defaultSearch = \"\",\n    disabled = false,\n    filter = defaultFilter,\n    loading = false,\n    mode = \"default\",\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n    closeOnSelect = true,\n    onKeyDown,\n    onSearchChange,\n    search: controlledSearch,\n    shouldFilter = true,\n    loopFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledSearch, setUncontrolledSearch] = useState(defaultSearch);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [highlighted, setHighlighted] = useState<string | null>(null);\n  const [, setVersion] = useState(0);\n  const itemsRef = useRef(new Map<string, CommandItemRecord>());\n  const rootElementRef = useRef<HTMLDivElement | null>(null);\n  const listId = useId();\n  const search = controlledSearch ?? uncontrolledSearch;\n  const open = mode === \"default\" ? true : (controlledOpen ?? uncontrolledOpen);\n  const styles = command({ mode });\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (mode !== \"dropdown\" || disabled) return;\n      if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [controlledOpen, disabled, mode, onOpenChange],\n  );\n  const close = useCallback(() => setOpen(false), [setOpen]);\n\n  const items = Array.from(itemsRef.current.values());\n  const setSearch = useCallback(\n    (next: string) => {\n      if (controlledSearch === undefined) setUncontrolledSearch(next);\n      onSearchChange?.(next);\n    },\n    [controlledSearch, onSearchChange],\n  );\n  const matches = useCallback(\n    (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) =>\n      !shouldFilter || filter(item.value, search, item.keywords),\n    [filter, search, shouldFilter],\n  );\n  const visibleItems = useMemo(\n    () => items.filter((item) => !item.disabled && matches(item)),\n    [items, matches],\n  );\n\n  const registerItem = useCallback((item: CommandItemRecord) => {\n    itemsRef.current.set(item.id, item);\n    setVersion((current) => current + 1);\n    return () => {\n      itemsRef.current.delete(item.id);\n      setVersion((current) => current + 1);\n    };\n  }, []);\n\n  const setItemElement = useCallback((id: string, element: HTMLDivElement | null) => {\n    const item = itemsRef.current.get(id);\n    if (item) item.element = element;\n  }, []);\n\n  const selectItem = useCallback(\n    (id: string) => {\n      const item = itemsRef.current.get(id);\n      if (item && !item.disabled && matches(item)) {\n        item.onSelect?.(item.value);\n        if (closeOnSelect) close();\n      }\n    },\n    [close, closeOnSelect, matches],\n  );\n\n  useEffect(() => {\n    if (mode !== \"dropdown\" || !open) return;\n\n    const handleOutsidePress = (event: PointerEvent) => {\n      const target = event.target;\n      if (target instanceof Node && !rootElementRef.current?.contains(target)) close();\n    };\n\n    document.addEventListener(\"pointerdown\", handleOutsidePress);\n    return () => document.removeEventListener(\"pointerdown\", handleOutsidePress);\n  }, [close, mode, open]);\n\n  useEffect(() => {\n    if (!visibleItems.some((item) => item.id === highlighted)) {\n      setHighlighted(visibleItems[0]?.id ?? null);\n    }\n  }, [highlighted, visibleItems]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n      if (event.defaultPrevented) return;\n      if (disabled) return;\n      const currentIndex = visibleItems.findIndex((item) => item.id === highlighted);\n      if ((event.key === \"ArrowDown\" || event.key === \"ArrowUp\") && visibleItems.length > 0) {\n        event.preventDefault();\n        const direction = event.key === \"ArrowDown\" ? 1 : -1;\n        let nextIndex = currentIndex + direction;\n        if (loopFocus) nextIndex = (nextIndex + visibleItems.length) % visibleItems.length;\n        if (nextIndex >= 0 && nextIndex < visibleItems.length) {\n          setHighlighted(visibleItems[nextIndex]?.id ?? null);\n        }\n      } else if (event.key === \"Home\" || event.key === \"End\") {\n        event.preventDefault();\n        setHighlighted((event.key === \"Home\" ? visibleItems[0] : visibleItems.at(-1))?.id ?? null);\n      } else if (event.key === \"Enter\" && highlighted) {\n        event.preventDefault();\n        selectItem(highlighted);\n      } else if (event.key === \"Escape\") {\n        event.preventDefault();\n        close();\n      }\n    },\n    [close, disabled, highlighted, loopFocus, onKeyDown, selectItem, visibleItems],\n  );\n\n  const context = useMemo<CommandContextValue>(\n    () => ({\n      search,\n      setSearch,\n      disabled,\n      handleKeyDown,\n      loading,\n      shouldFilter,\n      items,\n      highlighted,\n      listId,\n      matches,\n      registerItem,\n      setItemElement,\n      setHighlighted,\n      selectItem,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    }),\n    [\n      highlighted,\n      disabled,\n      handleKeyDown,\n      items,\n      listId,\n      loading,\n      matches,\n      registerItem,\n      search,\n      selectItem,\n      setItemElement,\n      setSearch,\n      shouldFilter,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    ],\n  );\n\n  return (\n    <CommandContext.Provider value={context}>\n      <div\n        {...props}\n        ref={(node) => {\n          rootElementRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"command\"\n        data-mode={mode}\n        data-open={open || undefined}\n        data-slot=\"command\"\n        aria-disabled={disabled || undefined}\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n});\n\nexport type CommandInputProps = ComponentPropsWithoutRef<\"input\">;\nexport const CommandInput = forwardRef<HTMLInputElement, CommandInputProps>(function CommandInput(\n  { className, onChange, onClick, onFocus, onKeyDown, ...props },\n  ref,\n) {\n  const {\n    disabled,\n    handleKeyDown,\n    highlighted,\n    listId,\n    mode,\n    open,\n    search,\n    setHighlighted,\n    setOpen,\n    setSearch,\n  } = useCommandContext();\n  const styles = command({ mode });\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    const next = event.target.value;\n    setHighlighted(null);\n    setSearch(next);\n  };\n\n  return (\n    <input\n      {...props}\n      ref={ref}\n      aria-activedescendant={highlighted ?? undefined}\n      aria-controls={listId}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={cx(styles.input, className)}\n      data-slot=\"command-input\"\n      data-mode={mode}\n      disabled={disabled || props.disabled}\n      onChange={(event) => {\n        handleChange(event);\n      }}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onFocus={(event) => {\n        onFocus?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        handleKeyDown(event);\n      }}\n      value={search}\n    />\n  );\n});\n\nexport type CommandListProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandList = forwardRef<HTMLDivElement, CommandListProps>(function CommandList(\n  { className, id, ...props },\n  ref,\n) {\n  const { listId, mode, open } = useCommandContext();\n  const styles = command({ mode });\n  return (\n    <div\n      {...props}\n      ref={ref}\n      id={id ?? listId}\n      className={cx(styles.list, className)}\n      aria-hidden={mode === \"dropdown\" && !open ? true : undefined}\n      data-open={open || undefined}\n      data-slot=\"command-list\"\n      hidden={mode === \"dropdown\" && !open ? true : undefined}\n      role=\"listbox\"\n    />\n  );\n});\n\nexport interface CommandGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  heading?: ReactNode;\n}\nexport const CommandGroup = forwardRef<HTMLDivElement, CommandGroupProps>(function CommandGroup(\n  { children, className, heading, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useId();\n  const hasVisibleItems = context.items.some(\n    (item) => item.groupId === groupId && !item.disabled && context.matches(item),\n  );\n  return (\n    <CommandGroupContext.Provider value={groupId}>\n      <div\n        {...props}\n        ref={ref}\n        aria-hidden={!hasVisibleItems || undefined}\n        className={cx(command().group, className)}\n        data-slot=\"command-group\"\n        hidden={!hasVisibleItems}\n      >\n        {heading ? (\n          <div className={command().groupHeading} data-slot=\"command-group-heading\">\n            {heading}\n          </div>\n        ) : null}\n        {children}\n      </div>\n    </CommandGroupContext.Provider>\n  );\n});\n\nexport interface CommandItemProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"onSelect\"> {\n  value: string;\n  keywords?: readonly string[];\n  disabled?: boolean;\n  onSelect?: (value: string) => void;\n}\nexport const CommandItem = forwardRef<HTMLDivElement, CommandItemProps>(function CommandItem(\n  {\n    children,\n    className,\n    disabled = false,\n    keywords: itemKeywords,\n    onClick,\n    onMouseEnter,\n    onSelect,\n    value,\n    ...props\n  },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useContext(CommandGroupContext);\n  const id = `command-item-${useId().replace(/:/g, \"\")}`;\n  const keywords = itemKeywords ?? EMPTY_KEYWORDS;\n  const visible = context.matches({ value, keywords });\n\n  useEffect(\n    () =>\n      context.registerItem({\n        id,\n        value,\n        keywords,\n        disabled,\n        groupId,\n        onSelect,\n        element: null,\n      }),\n    [context.registerItem, disabled, groupId, id, keywords, onSelect, value],\n  );\n\n  if (!visible) {\n    return <div aria-hidden=\"true\" hidden ref={ref} data-slot=\"command-item\" />;\n  }\n\n  return (\n    <div\n      {...props}\n      ref={(node) => {\n        context.setItemElement(id, node);\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) ref.current = node;\n      }}\n      aria-disabled={disabled || undefined}\n      aria-selected={context.highlighted === id}\n      className={cx(command().item, className)}\n      data-disabled={disabled || undefined}\n      data-highlighted={context.highlighted === id || undefined}\n      data-slot=\"command-item\"\n      id={id}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && !disabled) context.selectItem(id);\n      }}\n      onMouseEnter={(event) => {\n        onMouseEnter?.(event);\n        if (!disabled) context.setHighlighted(id);\n      }}\n      onKeyDown={(event) => {\n        if ((event.key === \"Enter\" || event.key === \" \") && !disabled) {\n          event.preventDefault();\n          context.selectItem(id);\n        }\n      }}\n      role=\"option\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport type CommandItemIndicatorProps = ComponentPropsWithoutRef<\"span\">;\nexport const CommandItemIndicator = forwardRef<HTMLSpanElement, CommandItemIndicatorProps>(\n  function CommandItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(command().itemIndicator, className)}\n        data-slot=\"command-item-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport type CommandEmptyProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandEmpty = forwardRef<HTMLDivElement, CommandEmptyProps>(function CommandEmpty(\n  { className, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  if (context.loading || context.items.some((item) => !item.disabled && context.matches(item)))\n    return null;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(command().empty, className)}\n      aria-live=\"polite\"\n      aria-disabled=\"true\"\n      data-slot=\"command-empty\"\n      role=\"option\"\n      tabIndex={-1}\n    />\n  );\n});\n\nexport type CommandLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandLoading = forwardRef<HTMLDivElement, CommandLoadingProps>(\n  function CommandLoading({ className, ...props }, ref) {\n    const context = useCommandContext();\n    if (!context.loading) return null;\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(command().loading, className)}\n        aria-live=\"polite\"\n        aria-disabled=\"true\"\n        data-slot=\"command-loading\"\n        role=\"option\"\n        tabIndex={-1}\n      />\n    );\n  },\n);\n\nexport type CommandSeparatorProps = ComponentPropsWithoutRef<\"hr\">;\nexport const CommandSeparator = forwardRef<HTMLHRElement, CommandSeparatorProps>(\n  function CommandSeparator({ className, ...props }, ref) {\n    return (\n      <hr\n        {...props}\n        ref={ref}\n        role=\"presentation\"\n        className={cx(command().separator, className)}\n        data-slot=\"command-separator\"\n      />\n    );\n  },\n);\n\nexport const Command = {\n  Root: CommandRoot,\n  Input: CommandInput,\n  List: CommandList,\n  Group: CommandGroup,\n  Item: CommandItem,\n  ItemIndicator: CommandItemIndicator,\n  Empty: CommandEmpty,\n  Loading: CommandLoading,\n  Separator: CommandSeparator,\n};\n"],"mappings":"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"}

package/dist/components/command/command.js

@@ -178,6 +178,7 @@ const CommandRoot = forwardRef(function CommandRoot({ children, className, defau
 });
 const CommandInput = forwardRef(function CommandInput({ className, onChange, onClick, onFocus, onKeyDown, ...props }, ref) {
 	const { disabled, handleKeyDown, highlighted, listId, mode, open, search, setHighlighted, setOpen, setSearch } = useCommandContext();
+	const styles = command({ mode });
 	const handleChange = (event) => {
 		onChange?.(event);
 		const next = event.target.value;
@@ -192,8 +193,9 @@ const CommandInput = forwardRef(function CommandInput({ className, onChange, onC
 		role: "combobox",
 		"aria-haspopup": "listbox",
 		"aria-expanded": open,
-		className: cx(command().input, className),
+		className: cx(styles.input, className),
 		"data-slot": "command-input",
+		"data-mode": mode,
 		disabled: disabled || props.disabled,
 		onChange: (event) => {
 			handleChange(event);

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

@@ -1 +1 @@
-{"version":3,"file":"command.js","names":[],"sources":["../../../src/components/command/command.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ChangeEvent, ComponentPropsWithoutRef, KeyboardEvent, ReactNode } from \"react\";\n\nimport { command } from \"../../styled-system/recipes\";\nimport { cx } from \"../../styled-system/css\";\n\nexport type CommandFilter = (value: string, search: string, keywords: readonly string[]) => boolean;\nexport type CommandMode = \"default\" | \"dropdown\";\n\ninterface CommandItemRecord {\n  id: string;\n  value: string;\n  keywords: readonly string[];\n  disabled: boolean;\n  groupId: string | undefined;\n  onSelect: ((value: string) => void) | undefined;\n  element: HTMLDivElement | null;\n}\n\ninterface CommandContextValue {\n  search: string;\n  setSearch: (search: string) => void;\n  loading: boolean;\n  shouldFilter: boolean;\n  items: readonly CommandItemRecord[];\n  highlighted: string | null;\n  listId: string;\n  matches: (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) => boolean;\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  registerItem: (item: CommandItemRecord) => () => void;\n  setItemElement: (id: string, element: HTMLDivElement | null) => void;\n  setHighlighted: (value: string | null) => void;\n  selectItem: (id: string) => void;\n  disabled: boolean;\n  mode: CommandMode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  closeOnSelect: boolean;\n}\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\nconst CommandGroupContext = createContext<string | undefined>(undefined);\nconst EMPTY_KEYWORDS: readonly string[] = [];\n\nfunction useCommandContext() {\n  const context = useContext(CommandContext);\n  if (!context) throw new Error(\"Command parts must be rendered inside Command.Root.\");\n  return context;\n}\n\nfunction defaultFilter(value: string, search: string, keywords: readonly string[]) {\n  const query = search.trim().toLocaleLowerCase();\n  if (!query) return true;\n  return [value, ...keywords].some((candidate) => candidate.toLocaleLowerCase().includes(query));\n}\n\nexport interface CommandRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  search?: string;\n  defaultSearch?: string;\n  onSearchChange?: (search: string) => void;\n  filter?: CommandFilter;\n  shouldFilter?: boolean;\n  loopFocus?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  mode?: CommandMode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport const CommandRoot = forwardRef<HTMLDivElement, CommandRootProps>(function CommandRoot(\n  {\n    children,\n    className,\n    defaultSearch = \"\",\n    disabled = false,\n    filter = defaultFilter,\n    loading = false,\n    mode = \"default\",\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n    closeOnSelect = true,\n    onKeyDown,\n    onSearchChange,\n    search: controlledSearch,\n    shouldFilter = true,\n    loopFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledSearch, setUncontrolledSearch] = useState(defaultSearch);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [highlighted, setHighlighted] = useState<string | null>(null);\n  const [, setVersion] = useState(0);\n  const itemsRef = useRef(new Map<string, CommandItemRecord>());\n  const rootElementRef = useRef<HTMLDivElement | null>(null);\n  const listId = useId();\n  const search = controlledSearch ?? uncontrolledSearch;\n  const open = mode === \"default\" ? true : (controlledOpen ?? uncontrolledOpen);\n  const styles = command({ mode });\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (mode !== \"dropdown\" || disabled) return;\n      if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [controlledOpen, disabled, mode, onOpenChange],\n  );\n  const close = useCallback(() => setOpen(false), [setOpen]);\n\n  const items = Array.from(itemsRef.current.values());\n  const setSearch = useCallback(\n    (next: string) => {\n      if (controlledSearch === undefined) setUncontrolledSearch(next);\n      onSearchChange?.(next);\n    },\n    [controlledSearch, onSearchChange],\n  );\n  const matches = useCallback(\n    (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) =>\n      !shouldFilter || filter(item.value, search, item.keywords),\n    [filter, search, shouldFilter],\n  );\n  const visibleItems = useMemo(\n    () => items.filter((item) => !item.disabled && matches(item)),\n    [items, matches],\n  );\n\n  const registerItem = useCallback((item: CommandItemRecord) => {\n    itemsRef.current.set(item.id, item);\n    setVersion((current) => current + 1);\n    return () => {\n      itemsRef.current.delete(item.id);\n      setVersion((current) => current + 1);\n    };\n  }, []);\n\n  const setItemElement = useCallback((id: string, element: HTMLDivElement | null) => {\n    const item = itemsRef.current.get(id);\n    if (item) item.element = element;\n  }, []);\n\n  const selectItem = useCallback(\n    (id: string) => {\n      const item = itemsRef.current.get(id);\n      if (item && !item.disabled && matches(item)) {\n        item.onSelect?.(item.value);\n        if (closeOnSelect) close();\n      }\n    },\n    [close, closeOnSelect, matches],\n  );\n\n  useEffect(() => {\n    if (mode !== \"dropdown\" || !open) return;\n\n    const handleOutsidePress = (event: PointerEvent) => {\n      const target = event.target;\n      if (target instanceof Node && !rootElementRef.current?.contains(target)) close();\n    };\n\n    document.addEventListener(\"pointerdown\", handleOutsidePress);\n    return () => document.removeEventListener(\"pointerdown\", handleOutsidePress);\n  }, [close, mode, open]);\n\n  useEffect(() => {\n    if (!visibleItems.some((item) => item.id === highlighted)) {\n      setHighlighted(visibleItems[0]?.id ?? null);\n    }\n  }, [highlighted, visibleItems]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n      if (event.defaultPrevented) return;\n      if (disabled) return;\n      const currentIndex = visibleItems.findIndex((item) => item.id === highlighted);\n      if ((event.key === \"ArrowDown\" || event.key === \"ArrowUp\") && visibleItems.length > 0) {\n        event.preventDefault();\n        const direction = event.key === \"ArrowDown\" ? 1 : -1;\n        let nextIndex = currentIndex + direction;\n        if (loopFocus) nextIndex = (nextIndex + visibleItems.length) % visibleItems.length;\n        if (nextIndex >= 0 && nextIndex < visibleItems.length) {\n          setHighlighted(visibleItems[nextIndex]?.id ?? null);\n        }\n      } else if (event.key === \"Home\" || event.key === \"End\") {\n        event.preventDefault();\n        setHighlighted((event.key === \"Home\" ? visibleItems[0] : visibleItems.at(-1))?.id ?? null);\n      } else if (event.key === \"Enter\" && highlighted) {\n        event.preventDefault();\n        selectItem(highlighted);\n      } else if (event.key === \"Escape\") {\n        event.preventDefault();\n        close();\n      }\n    },\n    [close, disabled, highlighted, loopFocus, onKeyDown, selectItem, visibleItems],\n  );\n\n  const context = useMemo<CommandContextValue>(\n    () => ({\n      search,\n      setSearch,\n      disabled,\n      handleKeyDown,\n      loading,\n      shouldFilter,\n      items,\n      highlighted,\n      listId,\n      matches,\n      registerItem,\n      setItemElement,\n      setHighlighted,\n      selectItem,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    }),\n    [\n      highlighted,\n      disabled,\n      handleKeyDown,\n      items,\n      listId,\n      loading,\n      matches,\n      registerItem,\n      search,\n      selectItem,\n      setItemElement,\n      setSearch,\n      shouldFilter,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    ],\n  );\n\n  return (\n    <CommandContext.Provider value={context}>\n      <div\n        {...props}\n        ref={(node) => {\n          rootElementRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"command\"\n        data-mode={mode}\n        data-open={open || undefined}\n        data-slot=\"command\"\n        aria-disabled={disabled || undefined}\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n});\n\nexport type CommandInputProps = ComponentPropsWithoutRef<\"input\">;\nexport const CommandInput = forwardRef<HTMLInputElement, CommandInputProps>(function CommandInput(\n  { className, onChange, onClick, onFocus, onKeyDown, ...props },\n  ref,\n) {\n  const {\n    disabled,\n    handleKeyDown,\n    highlighted,\n    listId,\n    mode,\n    open,\n    search,\n    setHighlighted,\n    setOpen,\n    setSearch,\n  } = useCommandContext();\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    const next = event.target.value;\n    setHighlighted(null);\n    setSearch(next);\n  };\n\n  return (\n    <input\n      {...props}\n      ref={ref}\n      aria-activedescendant={highlighted ?? undefined}\n      aria-controls={listId}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={cx(command().input, className)}\n      data-slot=\"command-input\"\n      disabled={disabled || props.disabled}\n      onChange={(event) => {\n        handleChange(event);\n      }}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onFocus={(event) => {\n        onFocus?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        handleKeyDown(event);\n      }}\n      value={search}\n    />\n  );\n});\n\nexport type CommandListProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandList = forwardRef<HTMLDivElement, CommandListProps>(function CommandList(\n  { className, id, ...props },\n  ref,\n) {\n  const { listId, mode, open } = useCommandContext();\n  const styles = command({ mode });\n  return (\n    <div\n      {...props}\n      ref={ref}\n      id={id ?? listId}\n      className={cx(styles.list, className)}\n      aria-hidden={mode === \"dropdown\" && !open ? true : undefined}\n      data-open={open || undefined}\n      data-slot=\"command-list\"\n      hidden={mode === \"dropdown\" && !open ? true : undefined}\n      role=\"listbox\"\n    />\n  );\n});\n\nexport interface CommandGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  heading?: ReactNode;\n}\nexport const CommandGroup = forwardRef<HTMLDivElement, CommandGroupProps>(function CommandGroup(\n  { children, className, heading, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useId();\n  const hasVisibleItems = context.items.some(\n    (item) => item.groupId === groupId && !item.disabled && context.matches(item),\n  );\n  return (\n    <CommandGroupContext.Provider value={groupId}>\n      <div\n        {...props}\n        ref={ref}\n        aria-hidden={!hasVisibleItems || undefined}\n        className={cx(command().group, className)}\n        data-slot=\"command-group\"\n        hidden={!hasVisibleItems}\n      >\n        {heading ? (\n          <div className={command().groupHeading} data-slot=\"command-group-heading\">\n            {heading}\n          </div>\n        ) : null}\n        {children}\n      </div>\n    </CommandGroupContext.Provider>\n  );\n});\n\nexport interface CommandItemProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"onSelect\"> {\n  value: string;\n  keywords?: readonly string[];\n  disabled?: boolean;\n  onSelect?: (value: string) => void;\n}\nexport const CommandItem = forwardRef<HTMLDivElement, CommandItemProps>(function CommandItem(\n  {\n    children,\n    className,\n    disabled = false,\n    keywords: itemKeywords,\n    onClick,\n    onMouseEnter,\n    onSelect,\n    value,\n    ...props\n  },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useContext(CommandGroupContext);\n  const id = `command-item-${useId().replace(/:/g, \"\")}`;\n  const keywords = itemKeywords ?? EMPTY_KEYWORDS;\n  const visible = context.matches({ value, keywords });\n\n  useEffect(\n    () =>\n      context.registerItem({\n        id,\n        value,\n        keywords,\n        disabled,\n        groupId,\n        onSelect,\n        element: null,\n      }),\n    [context.registerItem, disabled, groupId, id, keywords, onSelect, value],\n  );\n\n  if (!visible) {\n    return <div aria-hidden=\"true\" hidden ref={ref} data-slot=\"command-item\" />;\n  }\n\n  return (\n    <div\n      {...props}\n      ref={(node) => {\n        context.setItemElement(id, node);\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) ref.current = node;\n      }}\n      aria-disabled={disabled || undefined}\n      aria-selected={context.highlighted === id}\n      className={cx(command().item, className)}\n      data-disabled={disabled || undefined}\n      data-highlighted={context.highlighted === id || undefined}\n      data-slot=\"command-item\"\n      id={id}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && !disabled) context.selectItem(id);\n      }}\n      onMouseEnter={(event) => {\n        onMouseEnter?.(event);\n        if (!disabled) context.setHighlighted(id);\n      }}\n      onKeyDown={(event) => {\n        if ((event.key === \"Enter\" || event.key === \" \") && !disabled) {\n          event.preventDefault();\n          context.selectItem(id);\n        }\n      }}\n      role=\"option\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport type CommandItemIndicatorProps = ComponentPropsWithoutRef<\"span\">;\nexport const CommandItemIndicator = forwardRef<HTMLSpanElement, CommandItemIndicatorProps>(\n  function CommandItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(command().itemIndicator, className)}\n        data-slot=\"command-item-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport type CommandEmptyProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandEmpty = forwardRef<HTMLDivElement, CommandEmptyProps>(function CommandEmpty(\n  { className, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  if (context.loading || context.items.some((item) => !item.disabled && context.matches(item)))\n    return null;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(command().empty, className)}\n      aria-live=\"polite\"\n      aria-disabled=\"true\"\n      data-slot=\"command-empty\"\n      role=\"option\"\n      tabIndex={-1}\n    />\n  );\n});\n\nexport type CommandLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandLoading = forwardRef<HTMLDivElement, CommandLoadingProps>(\n  function CommandLoading({ className, ...props }, ref) {\n    const context = useCommandContext();\n    if (!context.loading) return null;\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(command().loading, className)}\n        aria-live=\"polite\"\n        aria-disabled=\"true\"\n        data-slot=\"command-loading\"\n        role=\"option\"\n        tabIndex={-1}\n      />\n    );\n  },\n);\n\nexport type CommandSeparatorProps = ComponentPropsWithoutRef<\"hr\">;\nexport const CommandSeparator = forwardRef<HTMLHRElement, CommandSeparatorProps>(\n  function CommandSeparator({ className, ...props }, ref) {\n    return (\n      <hr\n        {...props}\n        ref={ref}\n        role=\"presentation\"\n        className={cx(command().separator, className)}\n        data-slot=\"command-separator\"\n      />\n    );\n  },\n);\n\nexport const Command = {\n  Root: CommandRoot,\n  Input: CommandInput,\n  List: CommandList,\n  Group: CommandGroup,\n  Item: CommandItem,\n  ItemIndicator: CommandItemIndicator,\n  Empty: CommandEmpty,\n  Loading: CommandLoading,\n  Separator: CommandSeparator,\n};\n"],"mappings":"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"}
+{"version":3,"file":"command.js","names":[],"sources":["../../../src/components/command/command.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ChangeEvent, ComponentPropsWithoutRef, KeyboardEvent, ReactNode } from \"react\";\n\nimport { command } from \"../../styled-system/recipes\";\nimport { cx } from \"../../styled-system/css\";\n\nexport type CommandFilter = (value: string, search: string, keywords: readonly string[]) => boolean;\nexport type CommandMode = \"default\" | \"dropdown\";\n\ninterface CommandItemRecord {\n  id: string;\n  value: string;\n  keywords: readonly string[];\n  disabled: boolean;\n  groupId: string | undefined;\n  onSelect: ((value: string) => void) | undefined;\n  element: HTMLDivElement | null;\n}\n\ninterface CommandContextValue {\n  search: string;\n  setSearch: (search: string) => void;\n  loading: boolean;\n  shouldFilter: boolean;\n  items: readonly CommandItemRecord[];\n  highlighted: string | null;\n  listId: string;\n  matches: (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) => boolean;\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n  registerItem: (item: CommandItemRecord) => () => void;\n  setItemElement: (id: string, element: HTMLDivElement | null) => void;\n  setHighlighted: (value: string | null) => void;\n  selectItem: (id: string) => void;\n  disabled: boolean;\n  mode: CommandMode;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  closeOnSelect: boolean;\n}\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\nconst CommandGroupContext = createContext<string | undefined>(undefined);\nconst EMPTY_KEYWORDS: readonly string[] = [];\n\nfunction useCommandContext() {\n  const context = useContext(CommandContext);\n  if (!context) throw new Error(\"Command parts must be rendered inside Command.Root.\");\n  return context;\n}\n\nfunction defaultFilter(value: string, search: string, keywords: readonly string[]) {\n  const query = search.trim().toLocaleLowerCase();\n  if (!query) return true;\n  return [value, ...keywords].some((candidate) => candidate.toLocaleLowerCase().includes(query));\n}\n\nexport interface CommandRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  search?: string;\n  defaultSearch?: string;\n  onSearchChange?: (search: string) => void;\n  filter?: CommandFilter;\n  shouldFilter?: boolean;\n  loopFocus?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  mode?: CommandMode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  closeOnSelect?: boolean;\n  children?: ReactNode;\n}\n\nexport const CommandRoot = forwardRef<HTMLDivElement, CommandRootProps>(function CommandRoot(\n  {\n    children,\n    className,\n    defaultSearch = \"\",\n    disabled = false,\n    filter = defaultFilter,\n    loading = false,\n    mode = \"default\",\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n    closeOnSelect = true,\n    onKeyDown,\n    onSearchChange,\n    search: controlledSearch,\n    shouldFilter = true,\n    loopFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledSearch, setUncontrolledSearch] = useState(defaultSearch);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [highlighted, setHighlighted] = useState<string | null>(null);\n  const [, setVersion] = useState(0);\n  const itemsRef = useRef(new Map<string, CommandItemRecord>());\n  const rootElementRef = useRef<HTMLDivElement | null>(null);\n  const listId = useId();\n  const search = controlledSearch ?? uncontrolledSearch;\n  const open = mode === \"default\" ? true : (controlledOpen ?? uncontrolledOpen);\n  const styles = command({ mode });\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (mode !== \"dropdown\" || disabled) return;\n      if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n      onOpenChange?.(nextOpen);\n    },\n    [controlledOpen, disabled, mode, onOpenChange],\n  );\n  const close = useCallback(() => setOpen(false), [setOpen]);\n\n  const items = Array.from(itemsRef.current.values());\n  const setSearch = useCallback(\n    (next: string) => {\n      if (controlledSearch === undefined) setUncontrolledSearch(next);\n      onSearchChange?.(next);\n    },\n    [controlledSearch, onSearchChange],\n  );\n  const matches = useCallback(\n    (item: Pick<CommandItemRecord, \"value\" | \"keywords\">) =>\n      !shouldFilter || filter(item.value, search, item.keywords),\n    [filter, search, shouldFilter],\n  );\n  const visibleItems = useMemo(\n    () => items.filter((item) => !item.disabled && matches(item)),\n    [items, matches],\n  );\n\n  const registerItem = useCallback((item: CommandItemRecord) => {\n    itemsRef.current.set(item.id, item);\n    setVersion((current) => current + 1);\n    return () => {\n      itemsRef.current.delete(item.id);\n      setVersion((current) => current + 1);\n    };\n  }, []);\n\n  const setItemElement = useCallback((id: string, element: HTMLDivElement | null) => {\n    const item = itemsRef.current.get(id);\n    if (item) item.element = element;\n  }, []);\n\n  const selectItem = useCallback(\n    (id: string) => {\n      const item = itemsRef.current.get(id);\n      if (item && !item.disabled && matches(item)) {\n        item.onSelect?.(item.value);\n        if (closeOnSelect) close();\n      }\n    },\n    [close, closeOnSelect, matches],\n  );\n\n  useEffect(() => {\n    if (mode !== \"dropdown\" || !open) return;\n\n    const handleOutsidePress = (event: PointerEvent) => {\n      const target = event.target;\n      if (target instanceof Node && !rootElementRef.current?.contains(target)) close();\n    };\n\n    document.addEventListener(\"pointerdown\", handleOutsidePress);\n    return () => document.removeEventListener(\"pointerdown\", handleOutsidePress);\n  }, [close, mode, open]);\n\n  useEffect(() => {\n    if (!visibleItems.some((item) => item.id === highlighted)) {\n      setHighlighted(visibleItems[0]?.id ?? null);\n    }\n  }, [highlighted, visibleItems]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n      if (event.defaultPrevented) return;\n      if (disabled) return;\n      const currentIndex = visibleItems.findIndex((item) => item.id === highlighted);\n      if ((event.key === \"ArrowDown\" || event.key === \"ArrowUp\") && visibleItems.length > 0) {\n        event.preventDefault();\n        const direction = event.key === \"ArrowDown\" ? 1 : -1;\n        let nextIndex = currentIndex + direction;\n        if (loopFocus) nextIndex = (nextIndex + visibleItems.length) % visibleItems.length;\n        if (nextIndex >= 0 && nextIndex < visibleItems.length) {\n          setHighlighted(visibleItems[nextIndex]?.id ?? null);\n        }\n      } else if (event.key === \"Home\" || event.key === \"End\") {\n        event.preventDefault();\n        setHighlighted((event.key === \"Home\" ? visibleItems[0] : visibleItems.at(-1))?.id ?? null);\n      } else if (event.key === \"Enter\" && highlighted) {\n        event.preventDefault();\n        selectItem(highlighted);\n      } else if (event.key === \"Escape\") {\n        event.preventDefault();\n        close();\n      }\n    },\n    [close, disabled, highlighted, loopFocus, onKeyDown, selectItem, visibleItems],\n  );\n\n  const context = useMemo<CommandContextValue>(\n    () => ({\n      search,\n      setSearch,\n      disabled,\n      handleKeyDown,\n      loading,\n      shouldFilter,\n      items,\n      highlighted,\n      listId,\n      matches,\n      registerItem,\n      setItemElement,\n      setHighlighted,\n      selectItem,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    }),\n    [\n      highlighted,\n      disabled,\n      handleKeyDown,\n      items,\n      listId,\n      loading,\n      matches,\n      registerItem,\n      search,\n      selectItem,\n      setItemElement,\n      setSearch,\n      shouldFilter,\n      mode,\n      open,\n      setOpen,\n      closeOnSelect,\n    ],\n  );\n\n  return (\n    <CommandContext.Provider value={context}>\n      <div\n        {...props}\n        ref={(node) => {\n          rootElementRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"command\"\n        data-mode={mode}\n        data-open={open || undefined}\n        data-slot=\"command\"\n        aria-disabled={disabled || undefined}\n      >\n        {children}\n      </div>\n    </CommandContext.Provider>\n  );\n});\n\nexport type CommandInputProps = ComponentPropsWithoutRef<\"input\">;\nexport const CommandInput = forwardRef<HTMLInputElement, CommandInputProps>(function CommandInput(\n  { className, onChange, onClick, onFocus, onKeyDown, ...props },\n  ref,\n) {\n  const {\n    disabled,\n    handleKeyDown,\n    highlighted,\n    listId,\n    mode,\n    open,\n    search,\n    setHighlighted,\n    setOpen,\n    setSearch,\n  } = useCommandContext();\n  const styles = command({ mode });\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    const next = event.target.value;\n    setHighlighted(null);\n    setSearch(next);\n  };\n\n  return (\n    <input\n      {...props}\n      ref={ref}\n      aria-activedescendant={highlighted ?? undefined}\n      aria-controls={listId}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={cx(styles.input, className)}\n      data-slot=\"command-input\"\n      data-mode={mode}\n      disabled={disabled || props.disabled}\n      onChange={(event) => {\n        handleChange(event);\n      }}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onFocus={(event) => {\n        onFocus?.(event);\n        if (!event.defaultPrevented && mode === \"dropdown\" && !disabled && !props.disabled)\n          setOpen(true);\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        handleKeyDown(event);\n      }}\n      value={search}\n    />\n  );\n});\n\nexport type CommandListProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandList = forwardRef<HTMLDivElement, CommandListProps>(function CommandList(\n  { className, id, ...props },\n  ref,\n) {\n  const { listId, mode, open } = useCommandContext();\n  const styles = command({ mode });\n  return (\n    <div\n      {...props}\n      ref={ref}\n      id={id ?? listId}\n      className={cx(styles.list, className)}\n      aria-hidden={mode === \"dropdown\" && !open ? true : undefined}\n      data-open={open || undefined}\n      data-slot=\"command-list\"\n      hidden={mode === \"dropdown\" && !open ? true : undefined}\n      role=\"listbox\"\n    />\n  );\n});\n\nexport interface CommandGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  heading?: ReactNode;\n}\nexport const CommandGroup = forwardRef<HTMLDivElement, CommandGroupProps>(function CommandGroup(\n  { children, className, heading, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useId();\n  const hasVisibleItems = context.items.some(\n    (item) => item.groupId === groupId && !item.disabled && context.matches(item),\n  );\n  return (\n    <CommandGroupContext.Provider value={groupId}>\n      <div\n        {...props}\n        ref={ref}\n        aria-hidden={!hasVisibleItems || undefined}\n        className={cx(command().group, className)}\n        data-slot=\"command-group\"\n        hidden={!hasVisibleItems}\n      >\n        {heading ? (\n          <div className={command().groupHeading} data-slot=\"command-group-heading\">\n            {heading}\n          </div>\n        ) : null}\n        {children}\n      </div>\n    </CommandGroupContext.Provider>\n  );\n});\n\nexport interface CommandItemProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"onSelect\"> {\n  value: string;\n  keywords?: readonly string[];\n  disabled?: boolean;\n  onSelect?: (value: string) => void;\n}\nexport const CommandItem = forwardRef<HTMLDivElement, CommandItemProps>(function CommandItem(\n  {\n    children,\n    className,\n    disabled = false,\n    keywords: itemKeywords,\n    onClick,\n    onMouseEnter,\n    onSelect,\n    value,\n    ...props\n  },\n  ref,\n) {\n  const context = useCommandContext();\n  const groupId = useContext(CommandGroupContext);\n  const id = `command-item-${useId().replace(/:/g, \"\")}`;\n  const keywords = itemKeywords ?? EMPTY_KEYWORDS;\n  const visible = context.matches({ value, keywords });\n\n  useEffect(\n    () =>\n      context.registerItem({\n        id,\n        value,\n        keywords,\n        disabled,\n        groupId,\n        onSelect,\n        element: null,\n      }),\n    [context.registerItem, disabled, groupId, id, keywords, onSelect, value],\n  );\n\n  if (!visible) {\n    return <div aria-hidden=\"true\" hidden ref={ref} data-slot=\"command-item\" />;\n  }\n\n  return (\n    <div\n      {...props}\n      ref={(node) => {\n        context.setItemElement(id, node);\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) ref.current = node;\n      }}\n      aria-disabled={disabled || undefined}\n      aria-selected={context.highlighted === id}\n      className={cx(command().item, className)}\n      data-disabled={disabled || undefined}\n      data-highlighted={context.highlighted === id || undefined}\n      data-slot=\"command-item\"\n      id={id}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && !disabled) context.selectItem(id);\n      }}\n      onMouseEnter={(event) => {\n        onMouseEnter?.(event);\n        if (!disabled) context.setHighlighted(id);\n      }}\n      onKeyDown={(event) => {\n        if ((event.key === \"Enter\" || event.key === \" \") && !disabled) {\n          event.preventDefault();\n          context.selectItem(id);\n        }\n      }}\n      role=\"option\"\n      tabIndex={-1}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport type CommandItemIndicatorProps = ComponentPropsWithoutRef<\"span\">;\nexport const CommandItemIndicator = forwardRef<HTMLSpanElement, CommandItemIndicatorProps>(\n  function CommandItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(command().itemIndicator, className)}\n        data-slot=\"command-item-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport type CommandEmptyProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandEmpty = forwardRef<HTMLDivElement, CommandEmptyProps>(function CommandEmpty(\n  { className, ...props },\n  ref,\n) {\n  const context = useCommandContext();\n  if (context.loading || context.items.some((item) => !item.disabled && context.matches(item)))\n    return null;\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(command().empty, className)}\n      aria-live=\"polite\"\n      aria-disabled=\"true\"\n      data-slot=\"command-empty\"\n      role=\"option\"\n      tabIndex={-1}\n    />\n  );\n});\n\nexport type CommandLoadingProps = ComponentPropsWithoutRef<\"div\">;\nexport const CommandLoading = forwardRef<HTMLDivElement, CommandLoadingProps>(\n  function CommandLoading({ className, ...props }, ref) {\n    const context = useCommandContext();\n    if (!context.loading) return null;\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(command().loading, className)}\n        aria-live=\"polite\"\n        aria-disabled=\"true\"\n        data-slot=\"command-loading\"\n        role=\"option\"\n        tabIndex={-1}\n      />\n    );\n  },\n);\n\nexport type CommandSeparatorProps = ComponentPropsWithoutRef<\"hr\">;\nexport const CommandSeparator = forwardRef<HTMLHRElement, CommandSeparatorProps>(\n  function CommandSeparator({ className, ...props }, ref) {\n    return (\n      <hr\n        {...props}\n        ref={ref}\n        role=\"presentation\"\n        className={cx(command().separator, className)}\n        data-slot=\"command-separator\"\n      />\n    );\n  },\n);\n\nexport const Command = {\n  Root: CommandRoot,\n  Input: CommandInput,\n  List: CommandList,\n  Group: CommandGroup,\n  Item: CommandItem,\n  ItemIndicator: CommandItemIndicator,\n  Empty: CommandEmpty,\n  Loading: CommandLoading,\n  Separator: CommandSeparator,\n};\n"],"mappings":"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"}

package/dist/components/download-trigger/download-trigger.cjs

@@ -0,0 +1,25 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_download_trigger = require("../../styled-system/recipes/download-trigger.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/download-trigger/download-trigger.tsx
+const DownloadTrigger = (0, react.forwardRef)(function DownloadTrigger({ className, disabled = false, href, size = "md", variant = "outline", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		...props,
+		"aria-disabled": disabled || void 0,
+		className: require_cx.cx(require_download_trigger.downloadTrigger({
+			size,
+			variant
+		}), className),
+		"data-disabled": disabled || void 0,
+		"data-jaci-component": "download-trigger",
+		"data-slot": "download-trigger",
+		href: disabled ? void 0 : href,
+		ref,
+		tabIndex: disabled ? -1 : props.tabIndex
+	});
+});
+//#endregion
+exports.DownloadTrigger = DownloadTrigger;
+
+//# sourceMappingURL=download-trigger.cjs.map

package/dist/components/download-trigger/download-trigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"download-trigger.cjs","names":["cx","downloadTrigger"],"sources":["../../../src/components/download-trigger/download-trigger.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { downloadTrigger } from \"../../styled-system/recipes\";\n\nexport interface DownloadTriggerProps extends ComponentPropsWithoutRef<\"a\"> {\n  href: string;\n  variant?: \"solid\" | \"outline\" | \"ghost\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  disabled?: boolean;\n}\n\nexport const DownloadTrigger = forwardRef<HTMLAnchorElement, DownloadTriggerProps>(\n  function DownloadTrigger(\n    { className, disabled = false, href, size = \"md\", variant = \"outline\", ...props },\n    ref,\n  ) {\n    return (\n      <a\n        {...props}\n        aria-disabled={disabled || undefined}\n        className={cx(downloadTrigger({ size, variant }), className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"download-trigger\"\n        data-slot=\"download-trigger\"\n        href={disabled ? undefined : href}\n        ref={ref}\n        tabIndex={disabled ? -1 : props.tabIndex}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;AAaA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBACP,EAAE,WAAW,WAAW,OAAO,MAAM,OAAO,MAAM,UAAU,WAAW,GAAG,SAC1E,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,GAAI;EACJ,iBAAe,YAAY,KAAA;EAC3B,WAAWA,WAAAA,GAAGC,yBAAAA,gBAAgB;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EAC3D,iBAAe,YAAY,KAAA;EAC3B,uBAAoB;EACpB,aAAU;EACV,MAAM,WAAW,KAAA,IAAY;EACxB;EACL,UAAU,WAAW,KAAK,MAAM;CACjC,CAAA;AAEL,CACF"}

package/dist/components/download-trigger/download-trigger.d.cts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/download-trigger/download-trigger.d.ts
+interface DownloadTriggerProps extends ComponentPropsWithoutRef<"a"> {
+  href: string;
+  variant?: "solid" | "outline" | "ghost";
+  size?: "sm" | "md" | "lg";
+  disabled?: boolean;
+}
+declare const DownloadTrigger: import("react").ForwardRefExoticComponent<DownloadTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { DownloadTrigger, DownloadTriggerProps };
+//# sourceMappingURL=download-trigger.d.cts.map

package/dist/components/download-trigger/download-trigger.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/download-trigger/download-trigger.d.ts
+interface DownloadTriggerProps extends ComponentPropsWithoutRef<"a"> {
+  href: string;
+  variant?: "solid" | "outline" | "ghost";
+  size?: "sm" | "md" | "lg";
+  disabled?: boolean;
+}
+declare const DownloadTrigger: import("react").ForwardRefExoticComponent<DownloadTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { DownloadTrigger, DownloadTriggerProps };
+//# sourceMappingURL=download-trigger.d.ts.map

package/dist/components/download-trigger/download-trigger.js

@@ -0,0 +1,25 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { downloadTrigger } from "../../styled-system/recipes/download-trigger.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/download-trigger/download-trigger.tsx
+const DownloadTrigger = forwardRef(function DownloadTrigger({ className, disabled = false, href, size = "md", variant = "outline", ...props }, ref) {
+	return /* @__PURE__ */ jsx("a", {
+		...props,
+		"aria-disabled": disabled || void 0,
+		className: cx(downloadTrigger({
+			size,
+			variant
+		}), className),
+		"data-disabled": disabled || void 0,
+		"data-jaci-component": "download-trigger",
+		"data-slot": "download-trigger",
+		href: disabled ? void 0 : href,
+		ref,
+		tabIndex: disabled ? -1 : props.tabIndex
+	});
+});
+//#endregion
+export { DownloadTrigger };
+
+//# sourceMappingURL=download-trigger.js.map

package/dist/components/download-trigger/download-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"download-trigger.js","names":[],"sources":["../../../src/components/download-trigger/download-trigger.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { downloadTrigger } from \"../../styled-system/recipes\";\n\nexport interface DownloadTriggerProps extends ComponentPropsWithoutRef<\"a\"> {\n  href: string;\n  variant?: \"solid\" | \"outline\" | \"ghost\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  disabled?: boolean;\n}\n\nexport const DownloadTrigger = forwardRef<HTMLAnchorElement, DownloadTriggerProps>(\n  function DownloadTrigger(\n    { className, disabled = false, href, size = \"md\", variant = \"outline\", ...props },\n    ref,\n  ) {\n    return (\n      <a\n        {...props}\n        aria-disabled={disabled || undefined}\n        className={cx(downloadTrigger({ size, variant }), className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"download-trigger\"\n        data-slot=\"download-trigger\"\n        href={disabled ? undefined : href}\n        ref={ref}\n        tabIndex={disabled ? -1 : props.tabIndex}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;AAaA,MAAa,kBAAkB,WAC7B,SAAS,gBACP,EAAE,WAAW,WAAW,OAAO,MAAM,OAAO,MAAM,UAAU,WAAW,GAAG,SAC1E,KACA;CACA,OACE,oBAAC,KAAD;EACE,GAAI;EACJ,iBAAe,YAAY,KAAA;EAC3B,WAAW,GAAG,gBAAgB;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EAC3D,iBAAe,YAAY,KAAA;EAC3B,uBAAoB;EACpB,aAAU;EACV,MAAM,WAAW,KAAA,IAAY;EACxB;EACL,UAAU,WAAW,KAAK,MAAM;CACjC,CAAA;AAEL,CACF"}

package/dist/components/download-trigger/index.d.cts

@@ -0,0 +1,2 @@
+import { DownloadTrigger, DownloadTriggerProps } from "./download-trigger.cjs";
+export { DownloadTrigger, type DownloadTriggerProps };

package/dist/components/download-trigger/index.d.ts

@@ -0,0 +1,2 @@
+import { DownloadTrigger, DownloadTriggerProps } from "./download-trigger.js";
+export { DownloadTrigger, type DownloadTriggerProps };

package/dist/components/qr-code/index.d.cts

@@ -0,0 +1,2 @@
+import { QRCode, QRCodeErrorCorrectionLevel, QRCodeProps } from "./qr-code.cjs";
+export { QRCode, type QRCodeErrorCorrectionLevel, type QRCodeProps };

package/dist/components/qr-code/index.d.ts

@@ -0,0 +1,2 @@
+import { QRCode, QRCodeErrorCorrectionLevel, QRCodeProps } from "./qr-code.js";
+export { QRCode, type QRCodeErrorCorrectionLevel, type QRCodeProps };

package/dist/components/qr-code/qr-code.cjs

@@ -0,0 +1,118 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_qr_code = require("../../styled-system/recipes/qr-code.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let qrcode = require("qrcode");
+qrcode = require_runtime.__toESM(qrcode, 1);
+//#region src/components/qr-code/qr-code.tsx
+function isFinderCell(row, column, size) {
+	return row < 7 && column < 7 || row < 7 && column >= size - 7 || row >= size - 7 && column < 7;
+}
+function Finder({ x, y, color, background }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+		"data-slot": "qr-code-eye",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				fill: color,
+				height: "7",
+				rx: "1",
+				width: "7",
+				x,
+				y
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				fill: background,
+				height: "5",
+				rx: "0.75",
+				width: "5",
+				x: x + 1,
+				y: y + 1
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+				fill: color,
+				height: "3",
+				rx: "0.5",
+				width: "3",
+				x: x + 2,
+				y: y + 2
+			})
+		]
+	});
+}
+const QRCode = (0, react.forwardRef)(function QRCode({ background = "transparent", className, errorCorrectionLevel = "Q", fallback, foreground = "currentColor", label = "QR code", margin = 2, size = 192, style, value, ...props }, ref) {
+	const safeSize = Number.isFinite(size) && size > 0 ? size : 192;
+	const safeMargin = Number.isFinite(margin) && margin >= 0 ? Math.floor(margin) : 2;
+	const finderBackground = background === "transparent" ? "white" : background;
+	try {
+		const code = qrcode.create(value, { errorCorrectionLevel });
+		const moduleCount = code.modules.size;
+		const viewBoxSize = moduleCount + safeMargin * 2;
+		const modules = [];
+		for (let row = 0; row < moduleCount; row += 1) for (let column = 0; column < moduleCount; column += 1) if (code.modules.get(row, column) && !isFinderCell(row, column, moduleCount)) modules.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: safeMargin + column + .5,
+			cy: safeMargin + row + .5,
+			"data-slot": "qr-code-dot",
+			fill: foreground,
+			r: "0.43"
+		}, `${row}-${column}`));
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			...props,
+			ref,
+			"aria-label": label,
+			className: require_cx.cx(require_qr_code.qrCode(), className),
+			"data-dot-shape": "circle",
+			"data-eye-shape": "rounded-square",
+			"data-jaci-component": "qr-code",
+			"data-slot": "qr-code",
+			height: safeSize,
+			role: "img",
+			style,
+			viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`,
+			width: safeSize,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: label }),
+				background !== "transparent" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					fill: background,
+					height: viewBoxSize,
+					width: viewBoxSize,
+					x: "0",
+					y: "0"
+				}) : null,
+				modules,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Finder, {
+					background: finderBackground,
+					color: foreground,
+					x: safeMargin,
+					y: safeMargin
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Finder, {
+					background: finderBackground,
+					color: foreground,
+					x: safeMargin + moduleCount - 7,
+					y: safeMargin
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Finder, {
+					background: finderBackground,
+					color: foreground,
+					x: safeMargin,
+					y: safeMargin + moduleCount - 7
+				})
+			]
+		});
+	} catch {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			"aria-label": label,
+			className: require_cx.cx(require_qr_code.qrCode(), className),
+			"data-jaci-component": "qr-code",
+			"data-slot": "qr-code",
+			"data-status": "error",
+			role: "img",
+			children: fallback ?? "Unable to generate QR code"
+		});
+	}
+});
+//#endregion
+exports.QRCode = QRCode;
+
+//# sourceMappingURL=qr-code.cjs.map

package/dist/components/qr-code/qr-code.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.cjs","names":["QRCodeEncoder","cx","qrCode"],"sources":["../../../src/components/qr-code/qr-code.tsx"],"sourcesContent":["import * as QRCodeEncoder from \"qrcode\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { qrCode } from \"../../styled-system/recipes\";\n\nexport type QRCodeErrorCorrectionLevel = \"L\" | \"M\" | \"Q\" | \"H\";\n\nexport interface QRCodeProps extends Omit<ComponentPropsWithoutRef<\"svg\">, \"children\"> {\n  value: string;\n  size?: number;\n  margin?: number;\n  errorCorrectionLevel?: QRCodeErrorCorrectionLevel;\n  foreground?: string;\n  background?: string;\n  label?: string;\n  fallback?: ReactNode;\n}\n\nfunction isFinderCell(row: number, column: number, size: number) {\n  return (\n    (row < 7 && column < 7) || (row < 7 && column >= size - 7) || (row >= size - 7 && column < 7)\n  );\n}\n\nfunction Finder({\n  x,\n  y,\n  color,\n  background,\n}: {\n  x: number;\n  y: number;\n  color: string;\n  background: string;\n}) {\n  return (\n    <g data-slot=\"qr-code-eye\">\n      <rect fill={color} height=\"7\" rx=\"1\" width=\"7\" x={x} y={y} />\n      <rect fill={background} height=\"5\" rx=\"0.75\" width=\"5\" x={x + 1} y={y + 1} />\n      <rect fill={color} height=\"3\" rx=\"0.5\" width=\"3\" x={x + 2} y={y + 2} />\n    </g>\n  );\n}\n\nexport const QRCode = forwardRef<SVGSVGElement, QRCodeProps>(function QRCode(\n  {\n    background = \"transparent\",\n    className,\n    errorCorrectionLevel = \"Q\",\n    fallback,\n    foreground = \"currentColor\",\n    label = \"QR code\",\n    margin = 2,\n    size = 192,\n    style,\n    value,\n    ...props\n  },\n  ref,\n) {\n  const safeSize = Number.isFinite(size) && size > 0 ? size : 192;\n  const safeMargin = Number.isFinite(margin) && margin >= 0 ? Math.floor(margin) : 2;\n  // Finder patterns need a contrasting quiet area between the frame and the\n  // eyeball. Keep the overall SVG transparent by default, but use a white\n  // cutout when no background was supplied so the code remains scannable.\n  const finderBackground = background === \"transparent\" ? \"white\" : background;\n\n  try {\n    const code = QRCodeEncoder.create(value, { errorCorrectionLevel });\n    const moduleCount = code.modules.size;\n    const viewBoxSize = moduleCount + safeMargin * 2;\n    const modules: ReactNode[] = [];\n\n    for (let row = 0; row < moduleCount; row += 1) {\n      for (let column = 0; column < moduleCount; column += 1) {\n        if (code.modules.get(row, column) && !isFinderCell(row, column, moduleCount)) {\n          modules.push(\n            <circle\n              cx={safeMargin + column + 0.5}\n              cy={safeMargin + row + 0.5}\n              data-slot=\"qr-code-dot\"\n              fill={foreground}\n              key={`${row}-${column}`}\n              r=\"0.43\"\n            />,\n          );\n        }\n      }\n    }\n\n    return (\n      <svg\n        {...props}\n        ref={ref}\n        aria-label={label}\n        className={cx(qrCode(), className)}\n        data-dot-shape=\"circle\"\n        data-eye-shape=\"rounded-square\"\n        data-jaci-component=\"qr-code\"\n        data-slot=\"qr-code\"\n        height={safeSize}\n        role=\"img\"\n        style={style}\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        width={safeSize}\n      >\n        <title>{label}</title>\n        {background !== \"transparent\" ? (\n          <rect fill={background} height={viewBoxSize} width={viewBoxSize} x=\"0\" y=\"0\" />\n        ) : null}\n        {modules}\n        <Finder background={finderBackground} color={foreground} x={safeMargin} y={safeMargin} />\n        <Finder\n          background={finderBackground}\n          color={foreground}\n          x={safeMargin + moduleCount - 7}\n          y={safeMargin}\n        />\n        <Finder\n          background={finderBackground}\n          color={foreground}\n          x={safeMargin}\n          y={safeMargin + moduleCount - 7}\n        />\n      </svg>\n    );\n  } catch {\n    return (\n      <span\n        aria-label={label}\n        className={cx(qrCode(), className)}\n        data-jaci-component=\"qr-code\"\n        data-slot=\"qr-code\"\n        data-status=\"error\"\n        role=\"img\"\n      >\n        {fallback ?? \"Unable to generate QR code\"}\n      </span>\n    );\n  }\n});\n"],"mappings":"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"}

package/dist/components/qr-code/qr-code.d.cts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/qr-code/qr-code.d.ts
+type QRCodeErrorCorrectionLevel = "L" | "M" | "Q" | "H";
+interface QRCodeProps extends Omit<ComponentPropsWithoutRef<"svg">, "children"> {
+  value: string;
+  size?: number;
+  margin?: number;
+  errorCorrectionLevel?: QRCodeErrorCorrectionLevel;
+  foreground?: string;
+  background?: string;
+  label?: string;
+  fallback?: ReactNode;
+}
+declare const QRCode: import("react").ForwardRefExoticComponent<QRCodeProps & import("react").RefAttributes<SVGSVGElement>>;
+//#endregion
+export { QRCode, QRCodeErrorCorrectionLevel, QRCodeProps };
+//# sourceMappingURL=qr-code.d.cts.map

package/dist/components/qr-code/qr-code.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/qr-code/qr-code.d.ts
+type QRCodeErrorCorrectionLevel = "L" | "M" | "Q" | "H";
+interface QRCodeProps extends Omit<ComponentPropsWithoutRef<"svg">, "children"> {
+  value: string;
+  size?: number;
+  margin?: number;
+  errorCorrectionLevel?: QRCodeErrorCorrectionLevel;
+  foreground?: string;
+  background?: string;
+  label?: string;
+  fallback?: ReactNode;
+}
+declare const QRCode: import("react").ForwardRefExoticComponent<QRCodeProps & import("react").RefAttributes<SVGSVGElement>>;
+//#endregion
+export { QRCode, QRCodeErrorCorrectionLevel, QRCodeProps };
+//# sourceMappingURL=qr-code.d.ts.map