@nergora/ui 0.0.0-stage → 1.0.9

package/dist/esm/components/combobox/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sourceRoot":"","sources":["../../../../src/components/combobox/combobox.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { Check, ChevronDownMini, XMarkMini } from \"@nergora/icons\"\nimport * as React from \"react\"\n\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n} from \"@/components/input-group\"\nimport { clx } from \"@/utils/clx\"\n\ntype ComboboxContextValue = {\n  value: string\n  selectValue: (value: string, textValue?: string) => void\n  open: boolean\n  setOpen: (open: boolean) => void\n  inputValue: string\n  setInputValue: (value: string) => void\n  activeValue: string\n  setActiveValue: (value: string) => void\n  registerItem: (value: string, textValue: string) => () => void\n  itemValues: () => string[]\n  contentId: string\n}\n\ninterface ComboboxProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  inputValue?: string\n  defaultInputValue?: string\n  onInputValueChange?: (value: string) => void\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n}\n\nconst ComboboxContext = React.createContext<ComboboxContextValue | null>(null)\n\nfunction useComboboxContext() {\n  const context = React.useContext(ComboboxContext)\n  if (!context) {\n    throw new Error(\"Combobox components must be used within <Combobox />\")\n  }\n  return context\n}\n\nfunction Combobox({\n  value,\n  defaultValue = \"\",\n  onValueChange,\n  inputValue,\n  defaultInputValue,\n  onInputValueChange,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  className,\n  ...props\n}: ComboboxProps) {\n  const [localValue, setLocalValue] = React.useState(defaultValue)\n  const [localOpen, setLocalOpen] = React.useState(defaultOpen)\n  const [localInputValue, setLocalInputValue] = React.useState(\n    defaultInputValue ?? value ?? defaultValue\n  )\n  const [activeValue, setActiveValue] = React.useState(\"\")\n  const itemsRef = React.useRef(new Map<string, string>())\n  const contentId = React.useId()\n  const currentValue = value ?? localValue\n  const currentOpen = open ?? localOpen\n  const currentInputValue = inputValue ?? localInputValue\n\n  const setInputValue = React.useCallback(\n    (nextInputValue: string) => {\n      if (inputValue === undefined) setLocalInputValue(nextInputValue)\n      onInputValueChange?.(nextInputValue)\n    },\n    [inputValue, onInputValueChange]\n  )\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (open === undefined) setLocalOpen(nextOpen)\n      onOpenChange?.(nextOpen)\n    },\n    [open, onOpenChange]\n  )\n\n  const selectValue = React.useCallback(\n    (nextValue: string, textValue?: string) => {\n      if (value === undefined) setLocalValue(nextValue)\n      setInputValue(textValue ?? itemsRef.current.get(nextValue) ?? nextValue)\n      setActiveValue(nextValue)\n      onValueChange?.(nextValue)\n    },\n    [setInputValue, value, onValueChange]\n  )\n\n  const registerItem = React.useCallback((itemValue: string, textValue: string) => {\n    itemsRef.current.set(itemValue, textValue)\n    return () => itemsRef.current.delete(itemValue)\n  }, [])\n\n  const itemValues = React.useCallback(() => [...itemsRef.current.keys()], [])\n\n  React.useEffect(() => {\n    if (inputValue !== undefined || !currentValue) return\n    const selectedText = itemsRef.current.get(currentValue)\n    if (selectedText) setLocalInputValue(selectedText)\n  }, [currentOpen, currentValue, inputValue])\n\n  return (\n    <ComboboxContext.Provider\n      value={{\n        value: currentValue,\n        selectValue,\n        open: currentOpen,\n        setOpen,\n        inputValue: currentInputValue,\n        setInputValue,\n        activeValue,\n        setActiveValue,\n        registerItem,\n        itemValues,\n        contentId,\n      }}\n    >\n      <div\n        data-slot=\"combobox\"\n        className={clx(\"relative w-full\", className)}\n        {...props}\n      />\n    </ComboboxContext.Provider>\n  )\n}\n\nfunction ComboboxValue({ className, ...props }: React.ComponentProps<\"span\">) {\n  const { value } = useComboboxContext()\n  return (\n    <span\n      data-slot=\"combobox-value\"\n      className={clx(\"text-ui-fg-base\", className)}\n      {...props}\n    >\n      {props.children ?? value}\n    </span>\n  )\n}\n\nfunction ComboboxTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof InputGroupButton>) {\n  const { open, setOpen } = useComboboxContext()\n  return (\n    <InputGroupButton\n      data-slot=\"combobox-trigger\"\n      size=\"icon-xs\"\n      variant=\"ghost\"\n      className={className}\n      aria-label=\"Toggle options\"\n      aria-expanded={open}\n      onClick={() => setOpen(!open)}\n      {...props}\n    >\n      {children ?? <ChevronDownMini className=\"text-ui-fg-muted\" />}\n    </InputGroupButton>\n  )\n}\n\nfunction ComboboxClear({\n  className,\n  ...props\n}: React.ComponentProps<typeof InputGroupButton>) {\n  const { selectValue } = useComboboxContext()\n  return (\n    <InputGroupButton\n      data-slot=\"combobox-clear\"\n      size=\"icon-xs\"\n      variant=\"ghost\"\n      className={className}\n      aria-label=\"Clear selection\"\n      onClick={() => {\n        selectValue(\"\", \"\")\n      }}\n      {...props}\n    >\n      <XMarkMini />\n    </InputGroupButton>\n  )\n}\n\nfunction ComboboxInput({\n  className,\n  disabled = false,\n  showTrigger = true,\n  showClear = false,\n  children,\n  ...props\n}: React.ComponentProps<typeof InputGroupInput> & {\n  showTrigger?: boolean\n  showClear?: boolean\n}) {\n  const {\n    inputValue,\n    setInputValue,\n    setOpen,\n    open,\n    activeValue,\n    setActiveValue,\n    selectValue,\n    itemValues,\n    contentId,\n  } = useComboboxContext()\n  const moveActive = (direction: 1 | -1) => {\n    const values = itemValues()\n    if (!values.length) return\n    const currentIndex = values.indexOf(activeValue)\n    const nextIndex = currentIndex < 0\n      ? direction === 1 ? 0 : values.length - 1\n      : (currentIndex + direction + values.length) % values.length\n    setActiveValue(values[nextIndex] ?? \"\")\n  }\n  return (\n    <InputGroup className={clx(\"w-full min-w-0\", className)}>\n      <InputGroupInput\n        {...props}\n        disabled={disabled}\n        value={inputValue}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={open}\n        aria-controls={contentId}\n        aria-activedescendant={activeValue ? `${contentId}-${encodeURIComponent(activeValue)}` : undefined}\n        onChange={(event) => {\n          setInputValue(event.target.value)\n          setOpen(true)\n          props.onChange?.(event)\n        }}\n        onKeyDown={(event) => {\n          if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n            event.preventDefault()\n            setOpen(true)\n            moveActive(event.key === \"ArrowDown\" ? 1 : -1)\n          } else if (event.key === \"Enter\" && open && activeValue) {\n            event.preventDefault()\n            selectValue(activeValue)\n            setOpen(false)\n          } else if (event.key === \"Escape\" && open) {\n            event.preventDefault()\n            setOpen(false)\n          }\n          props.onKeyDown?.(event)\n        }}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        {showTrigger && <ComboboxTrigger disabled={disabled} />}\n        {showClear && <ComboboxClear disabled={disabled} />}\n      </InputGroupAddon>\n      {children}\n    </InputGroup>\n  )\n}\n\nfunction ComboboxContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { open, contentId } = useComboboxContext()\n  return (\n    <div\n      id={contentId}\n      data-slot=\"combobox-content\"\n      data-state={open ? \"open\" : \"closed\"}\n      hidden={!open}\n      className={clx(\n        \"absolute z-50 mt-1 max-h-72 w-full min-w-0 max-w-[calc(100vw-2rem)] overflow-hidden rounded-lg bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxList({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"combobox-list\"\n      role=\"listbox\"\n      className={clx(\n        \"max-h-64 overflow-y-auto overscroll-contain p-1\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxItem({\n  className,\n  value,\n  textValue,\n  children,\n  onClick,\n  onMouseMove,\n  ...props\n}: React.ComponentProps<\"button\"> & { value: string; textValue?: string }) {\n  const context = useComboboxContext()\n  const selected = context.value === value\n  const resolvedTextValue = textValue ?? (typeof children === \"string\" ? children : value)\n  React.useEffect(\n    () => context.registerItem(value, resolvedTextValue),\n    [context.registerItem, resolvedTextValue, value]\n  )\n  return (\n    <button\n      {...props}\n      id={`${context.contentId}-${encodeURIComponent(value)}`}\n      type=\"button\"\n      role=\"option\"\n      aria-selected={selected}\n      data-slot=\"combobox-item\"\n      data-value={value}\n      data-selected={selected}\n      data-highlighted={context.activeValue === value}\n      className={clx(\n        \"txt-compact-small relative flex w-full min-w-0 cursor-default items-center gap-2 rounded-md py-1 pl-1.5 pr-8 text-left outline-none hover:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover data-[highlighted=true]:bg-ui-bg-base-hover disabled:pointer-events-none disabled:opacity-50 [&>*]:min-w-0 [&>*]:truncate\",\n        className\n      )}\n      onMouseMove={(event) => {\n        context.setActiveValue(value)\n        onMouseMove?.(event)\n      }}\n      onClick={(event) => {\n        context.selectValue(value, resolvedTextValue)\n        context.setOpen(false)\n        onClick?.(event)\n      }}\n    >\n      {children}\n      {selected && (\n        <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\">\n          <Check />\n        </span>\n      )}\n    </button>\n  )\n}\n\nfunction ComboboxGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"combobox-group\" className={className} {...props} />\n}\n\nfunction ComboboxLabel({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"combobox-label\"\n      className={clx(\n        \"txt-compact-xsmall-plus px-2 py-1.5 text-ui-fg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxCollection(props: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"combobox-collection\" {...props} />\n}\n\nfunction ComboboxEmpty({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"combobox-empty\"\n      className={clx(\n        \"txt-compact-small py-2 text-center text-ui-fg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxSeparator({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"combobox-separator\"\n      className={clx(\"-mx-1 my-1 h-px bg-ui-border-base\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxChips({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"combobox-chips\"\n      className={clx(\n        \"flex min-h-8 flex-wrap items-center gap-1 rounded-md bg-ui-bg-field px-2.5 py-1 shadow-borders-base focus-within:shadow-borders-interactive-with-active\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxChip({\n  className,\n  children,\n  showRemove = true,\n  ...props\n}: React.ComponentProps<\"span\"> & { showRemove?: boolean }) {\n  return (\n    <span\n      data-slot=\"combobox-chip\"\n      className={clx(\n        \"txt-compact-xsmall-plus flex h-5 w-fit items-center justify-center gap-1 rounded bg-ui-bg-subtle px-1.5 text-ui-fg-base\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showRemove && (\n        <button\n          type=\"button\"\n          className=\"-mr-1 rounded text-ui-fg-muted hover:text-ui-fg-base\"\n          data-slot=\"combobox-chip-remove\"\n        >\n          <XMarkMini />\n        </button>\n      )}\n    </span>\n  )\n}\n\nfunction ComboboxChipsInput({\n  className,\n  ...props\n}: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      data-slot=\"combobox-chip-input\"\n      className={clx(\n        \"txt-compact-small min-w-16 flex-1 bg-transparent text-ui-fg-base outline-none placeholder:text-ui-fg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction useComboboxAnchor() {\n  return React.useRef<HTMLDivElement | null>(null)\n}\n\nconst ComboboxRoot = Object.assign(Combobox, {\n  Value: ComboboxValue,\n  Trigger: ComboboxTrigger,\n  Clear: ComboboxClear,\n  Input: ComboboxInput,\n  Content: ComboboxContent,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  Group: ComboboxGroup,\n  Label: ComboboxLabel,\n  Collection: ComboboxCollection,\n  Empty: ComboboxEmpty,\n  Separator: ComboboxSeparator,\n  Chips: ComboboxChips,\n  Chip: ComboboxChip,\n  ChipsInput: ComboboxChipsInput,\n})\n\nexport {\n  ComboboxRoot as Combobox,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxChip,\n  ComboboxClear,\n  ComboboxCollection,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxGroup,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxLabel,\n  ComboboxList,\n  ComboboxSeparator,\n  ComboboxTrigger,\n  ComboboxValue,\n  useComboboxAnchor,\n}\n"]}

package/dist/esm/components/combobox/index.d.ts

@@ -0,0 +1,2 @@
+export { Combobox, ComboboxChips, ComboboxChipsInput, ComboboxChip, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor, } from "./combobox";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,aAAa,EACb,aAAa,EACb,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,iBAAiB,GAClB,MAAM,YAAY,CAAA"}

package/dist/esm/components/combobox/index.js

@@ -0,0 +1,2 @@
+export { Combobox, ComboboxChips, ComboboxChipsInput, ComboboxChip, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor, } from "./combobox";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,aAAa,EACb,aAAa,EACb,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,iBAAiB,GAClB,MAAM,YAAY,CAAA","sourcesContent":["export {\n  Combobox,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxChip,\n  ComboboxClear,\n  ComboboxCollection,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxGroup,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxLabel,\n  ComboboxList,\n  ComboboxSeparator,\n  ComboboxTrigger,\n  ComboboxValue,\n  useComboboxAnchor,\n} from \"./combobox\"\n"]}

package/dist/esm/components/command/command.d.ts

@@ -0,0 +1,202 @@
+import { Command as CommandPrimitive } from "cmdk";
+import { Dialog as RadixDialog } from "radix-ui";
+import * as React from "react";
+declare const CommandRoot: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface CommandDialogProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Root> {
+    title?: string;
+    description?: string;
+    className?: string;
+    children?: React.ReactNode;
+    showCloseButton?: boolean;
+    isLoading?: boolean;
+    showFooter?: boolean;
+    commandProps?: React.ComponentPropsWithoutRef<typeof CommandRoot>;
+    contentProps?: Omit<React.ComponentPropsWithoutRef<typeof RadixDialog.Content>, "children">;
+    overlayProps?: React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay>;
+    portalProps?: React.ComponentPropsWithoutRef<typeof RadixDialog.Portal>;
+}
+declare const CommandDialog: {
+    ({ title, description, children, className, showCloseButton, isLoading, showFooter, commandProps, contentProps, overlayProps, portalProps, ...props }: CommandDialogProps): React.JSX.Element;
+    displayName: string;
+};
+type CommandAreaOption = {
+    value: string;
+    label: React.ReactNode;
+};
+interface CommandInputProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> {
+    isFetching?: boolean;
+    onBack?: () => void;
+    clearable?: boolean;
+    clearLabel?: string;
+    area?: string;
+    areas?: CommandAreaOption[];
+    onAreaChange?: (area: string) => void;
+    areaSeparatorAfter?: string[];
+    areaSeparatorBefore?: string[];
+}
+declare const CommandInput: React.ForwardRefExoticComponent<CommandInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    q?: string;
+    title?: string;
+    description?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    progress?: number;
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Dialog: {
+        ({ title, description, children, className, showCloseButton, isLoading, showFooter, commandProps, contentProps, overlayProps, portalProps, ...props }: CommandDialogProps): React.JSX.Element;
+        displayName: string;
+    };
+    Input: React.ForwardRefExoticComponent<CommandInputProps & React.RefAttributes<HTMLInputElement>>;
+    List: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode;
+    } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement>;
+    } & {
+        asChild?: boolean;
+    }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+        label?: string;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Empty: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode;
+    } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement>;
+    } & {
+        asChild?: boolean;
+    }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        q?: string;
+        title?: string;
+        description?: string;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Loading: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode;
+    } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement>;
+    } & {
+        asChild?: boolean;
+    }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+        progress?: number;
+        label?: string;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode;
+    } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement>;
+    } & {
+        asChild?: boolean;
+    }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+        heading?: React.ReactNode;
+        value?: string;
+        forceMount?: boolean;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<{
+        children?: React.ReactNode;
+    } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement>;
+    } & {
+        asChild?: boolean;
+    }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
+        disabled?: boolean;
+        onSelect?: (value: string) => void;
+        value?: string;
+        keywords?: string[];
+        forceMount?: boolean;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Shortcut: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement>;
+    } & {
+        asChild?: boolean;
+    }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+        alwaysRender?: boolean;
+    } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandLoading, CommandList, CommandSeparator, CommandShortcut, type CommandAreaOption, };
+//# sourceMappingURL=command.d.ts.map

package/dist/esm/components/command/command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/command/command.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAA;AAClD,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;sFAef,CAAA;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CACjE,OAAO,WAAW,CAAC,IAAI,CACxB;IACC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,CAAA;IACjE,YAAY,CAAC,EAAE,IAAI,CACjB,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,EAC1D,UAAU,CACX,CAAA;IACD,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,CAAA;IACzE,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAA;CACxE;AAED,QAAA,MAAM,aAAa;2JAahB,kBAAkB;;CA4EpB,CAAA;AAGD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAChE,OAAO,gBAAgB,CAAC,KAAK,CAC9B;IACC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC3B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC/B;AAED,QAAA,MAAM,YAAY,4FAwHjB,CAAA;AAGD,QAAA,MAAM,WAAW;;;;;;;;sFAef,CAAA;AAGF,QAAA,MAAM,YAAY;;;;;;;QAGV,MAAM;YACF,MAAM;kBACA,MAAM;wCAqCvB,CAAA;AAGD,QAAA,MAAM,cAAc;;;;;;;;;sFAyBlB,CAAA;AAGF,QAAA,MAAM,YAAY;;;;;;;;;;sFAehB,CAAA;AAGF,QAAA,MAAM,gBAAgB;;;;;;sFAYpB,CAAA;AAGF,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAiBf,CAAA;AAGF,QAAA,MAAM,eAAe,0MAenB,CAAA;AAGF,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;+JA/XV,kBAAkB;;;;;;;;;;;;;;;;;;;;YAkPb,MAAM;gBACF,MAAM;sBACA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqJtB,CAAA;AAEF,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,KAAK,iBAAiB,GACvB,CAAA"}

package/dist/esm/components/command/command.js

@@ -0,0 +1,130 @@
+"use client";
+import { ArrowUturnLeft, MagnifyingGlass, Spinner as SpinnerIcon, TriangleDownMini, XMark, } from "@nergora/icons";
+import { Command as CommandPrimitive } from "cmdk";
+import { Dialog as RadixDialog } from "radix-ui";
+import * as React from "react";
+import { Badge } from "../badge/index.js";
+import { Button } from "../button/index.js";
+import { DropdownMenu } from "../dropdown-menu/index.js";
+import { IconButton } from "../icon-button/index.js";
+import { Kbd } from "../kbd/index.js";
+import { Skeleton } from "../skeleton/index.js";
+import { clx } from "../../utils/clx.js";
+const CommandRoot = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(CommandPrimitive, { ref: ref, "data-slot": "command", className: clx("bg-ui-bg-base text-ui-fg-base flex size-full flex-col overflow-hidden rounded-lg p-1", className), ...props }));
+});
+CommandRoot.displayName = "Command";
+const CommandDialog = ({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = false, isLoading = false, showFooter = true, commandProps, contentProps, overlayProps, portalProps, ...props }) => {
+    const { className: contentClassName, ...contentRest } = contentProps !== null && contentProps !== void 0 ? contentProps : {};
+    const { className: overlayClassName, ...overlayRest } = overlayProps !== null && overlayProps !== void 0 ? overlayProps : {};
+    const { className: commandClassName, ...commandRest } = commandProps !== null && commandProps !== void 0 ? commandProps : {};
+    const preserveHeight = isLoading && React.Children.count(children) === 0;
+    return (React.createElement(RadixDialog.Root, { ...props },
+        React.createElement(RadixDialog.Portal, { ...portalProps },
+            React.createElement(RadixDialog.Overlay, { className: clx("z-admin-overlay bg-ui-bg-overlay fixed inset-0", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", overlayClassName), ...overlayRest }),
+            React.createElement(RadixDialog.Content, { className: clx("z-admin-dialog bg-ui-bg-base shadow-elevation-modal fixed left-1/2 top-1/2 flex max-h-[calc(100%-16px)] w-[calc(100%-16px)] max-w-2xl -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl p-0 outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200", preserveHeight && "h-[300px]", className, contentClassName), ...contentRest },
+                React.createElement(RadixDialog.Title, { className: "sr-only" }, title),
+                React.createElement(RadixDialog.Description, { className: "sr-only" }, description),
+                showCloseButton ? (React.createElement(RadixDialog.Close, { asChild: true },
+                    React.createElement(IconButton, { className: "absolute right-2 top-2 z-10", size: "small", type: "button", variant: "transparent" },
+                        React.createElement(XMark, null)))) : null,
+                React.createElement(CommandRoot, { className: clx("flex h-full flex-col overflow-hidden rounded-none p-0", "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0", commandClassName), shouldFilter: false, ...commandRest }, children),
+                showFooter ? (React.createElement("div", { className: "bg-ui-bg-field text-ui-fg-subtle flex items-center justify-end border-t px-4 py-3" },
+                    React.createElement("div", { className: "flex items-center gap-x-3" },
+                        React.createElement("div", { className: "flex items-center gap-x-2" },
+                            React.createElement("span", { className: "txt-compact-xsmall" }, "Navigate"),
+                            React.createElement("div", { className: "flex items-center gap-x-1" },
+                                React.createElement(Kbd, { className: "bg-ui-bg-field-component" }, "\u2193"),
+                                React.createElement(Kbd, { className: "bg-ui-bg-field-component" }, "\u2191"))),
+                        React.createElement("div", { className: "bg-ui-border-strong h-3 w-px" }),
+                        React.createElement("div", { className: "flex items-center gap-x-2" },
+                            React.createElement("span", { className: "txt-compact-xsmall" }, "Open result"),
+                            React.createElement(Kbd, { className: "bg-ui-bg-field-component" }, "\u21B5"))))) : null))));
+};
+CommandDialog.displayName = "Command.Dialog";
+const CommandInput = React.forwardRef(({ className, value, onValueChange, isFetching = false, onBack, clearable = true, clearLabel = "Clear", area, areas, onAreaChange, areaSeparatorAfter = ["all"], areaSeparatorBefore = ["command"], ...props }, ref) => {
+    var _a;
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const hasValue = typeof value === "string" && value.length > 0;
+    const selectedArea = areas === null || areas === void 0 ? void 0 : areas.find((option) => option.value === area);
+    const showAreaSelect = Boolean(area && (areas === null || areas === void 0 ? void 0 : areas.length) && onAreaChange);
+    return (React.createElement("div", { className: "flex flex-col border-b" },
+        showAreaSelect ? (React.createElement("div", { className: "px-4 pt-4" },
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenu.Trigger, { asChild: true },
+                    React.createElement(Badge, { size: "2xsmall", className: "hover:bg-ui-bg-base-pressed transition-fg cursor-pointer" }, (_a = selectedArea === null || selectedArea === void 0 ? void 0 : selectedArea.label) !== null && _a !== void 0 ? _a : area,
+                        React.createElement(TriangleDownMini, { className: "text-ui-fg-muted" }))),
+                React.createElement(DropdownMenu.Content, { align: "start", className: "h-full max-h-[360px] overflow-auto", onCloseAutoFocus: (event) => {
+                        var _a;
+                        event.preventDefault();
+                        (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    } },
+                    React.createElement(DropdownMenu.RadioGroup, { value: area, onValueChange: onAreaChange }, areas === null || areas === void 0 ? void 0 : areas.map((option) => (React.createElement(React.Fragment, { key: option.value },
+                        areaSeparatorBefore.includes(option.value) ? (React.createElement(DropdownMenu.Separator, null)) : null,
+                        React.createElement(DropdownMenu.RadioItem, { value: option.value }, option.label),
+                        areaSeparatorAfter.includes(option.value) ? (React.createElement(DropdownMenu.Separator, null)) : null)))))))) : null,
+        React.createElement("div", { className: "relative flex items-center gap-x-2 px-4 py-3" },
+            onBack ? (React.createElement(IconButton, { type: "button", size: "small", variant: "transparent", onClick: onBack },
+                React.createElement(ArrowUturnLeft, { className: "text-ui-fg-muted" }))) : null,
+            React.createElement(CommandPrimitive.Input, { ref: innerRef, "data-slot": "command-input", value: value, onValueChange: onValueChange, className: clx("placeholder:text-ui-fg-muted flex !h-6 w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50", (isFetching || (clearable && hasValue)) && "pr-20", className), ...props }),
+            React.createElement("div", { className: "absolute end-4 top-1/2 flex -translate-y-1/2 items-center justify-end gap-x-2" },
+                isFetching ? (React.createElement(SpinnerIcon, { className: "text-ui-fg-muted size-4 animate-spin" })) : null,
+                clearable && hasValue ? (React.createElement(Button, { variant: "transparent", size: "small", className: "text-ui-fg-muted hover:text-ui-fg-subtle", type: "button", onClick: () => {
+                        var _a;
+                        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange("");
+                        (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    } }, clearLabel)) : null))));
+});
+CommandInput.displayName = "Command.Input";
+const CommandList = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(CommandPrimitive.List, { ref: ref, "data-slot": "command-list", className: clx("max-h-[300px] flex-1 overflow-y-auto overflow-x-hidden px-2 pb-4 outline-none", className), ...props }));
+});
+CommandList.displayName = "Command.List";
+const CommandEmpty = React.forwardRef(({ className, children, q, title = q ? "No results found" : "Start searching", description = q
+    ? "Try changing your query or search scope."
+    : "Type to search across commands and results.", ...props }, ref) => {
+    return (React.createElement(CommandPrimitive.Empty, { ref: ref, "data-slot": "command-empty", className: clx("py-6 text-center text-sm", className), ...props }, children !== null && children !== void 0 ? children : (React.createElement("div", { className: "text-ui-fg-subtle flex min-h-[236px] flex-col items-center justify-center gap-y-3" },
+        React.createElement(MagnifyingGlass, { className: "text-ui-fg-subtle" }),
+        React.createElement("div", { className: "flex flex-col items-center justify-center gap-y-1" },
+            React.createElement("span", { className: "txt-compact-small-plus text-ui-fg-subtle" }, title),
+            React.createElement("span", { className: "txt-small text-ui-fg-muted" }, description))))));
+});
+CommandEmpty.displayName = "Command.Empty";
+const CommandLoading = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (React.createElement(CommandPrimitive.Loading, { ref: ref, "data-slot": "command-loading", className: clx("bg-ui-bg-base flex flex-col", className), ...props }, children !== null && children !== void 0 ? children : (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "w-full px-2 pb-1 pt-3" },
+            React.createElement(Skeleton, { className: "h-5 w-10" })),
+        Array.from({ length: 7 }).map((_, index) => (React.createElement("div", { key: index, className: "w-full p-2" },
+            React.createElement(Skeleton, { className: "h-5 w-full" }))))))));
+});
+CommandLoading.displayName = "Command.Loading";
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(CommandPrimitive.Group, { ref: ref, "data-slot": "command-group", className: clx("text-ui-fg-base overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:pt-3 [&_[cmdk-group-heading]]:txt-compact-xsmall-plus [&_[cmdk-group-heading]]:text-ui-fg-muted [&_[cmdk-item]]:py-2", className), ...props }));
+});
+CommandGroup.displayName = "Command.Group";
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(CommandPrimitive.Separator, { ref: ref, "data-slot": "command-separator", className: clx("bg-ui-border-base -mx-1 h-px", className), ...props }));
+});
+CommandSeparator.displayName = "Command.Separator";
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(CommandPrimitive.Item, { ref: ref, "data-slot": "command-item", className: clx("group/command-item aria-selected:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover txt-compact-small text-ui-fg-base [&>svg]:text-ui-fg-subtle relative flex cursor-pointer select-none items-center gap-x-3 rounded-md p-2 outline-none transition-fg", "aria-selected:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[selected=true]:bg-ui-bg-base-hover data-[selected=true]:text-ui-fg-base", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+});
+CommandItem.displayName = "Command.Item";
+const CommandShortcut = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(Kbd, { ref: ref, "data-slot": "command-shortcut", className: clx("ml-auto group-data-[selected=true]/command-item:text-ui-fg-subtle", className), ...props }));
+});
+CommandShortcut.displayName = "Command.Shortcut";
+const Command = Object.assign(CommandRoot, {
+    Dialog: CommandDialog,
+    Input: CommandInput,
+    List: CommandList,
+    Empty: CommandEmpty,
+    Loading: CommandLoading,
+    Group: CommandGroup,
+    Item: CommandItem,
+    Shortcut: CommandShortcut,
+    Separator: CommandSeparator,
+});
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandLoading, CommandList, CommandSeparator, CommandShortcut, };
+//# sourceMappingURL=command.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../../src/components/command/command.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  ArrowUturnLeft,\n  MagnifyingGlass,\n  Spinner as SpinnerIcon,\n  TriangleDownMini,\n  XMark,\n} from \"@nergora/icons\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { Dialog as RadixDialog } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { Badge } from \"@/components/badge\"\nimport { Button } from \"@/components/button\"\nimport { DropdownMenu } from \"@/components/dropdown-menu\"\nimport { IconButton } from \"@/components/icon-button\"\nimport { Kbd } from \"@/components/kbd\"\nimport { Skeleton } from \"@/components/skeleton\"\nimport { clx } from \"@/utils/clx\"\n\nconst CommandRoot = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => {\n  return (\n    <CommandPrimitive\n      ref={ref}\n      data-slot=\"command\"\n      className={clx(\n        \"bg-ui-bg-base text-ui-fg-base flex size-full flex-col overflow-hidden rounded-lg p-1\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCommandRoot.displayName = \"Command\"\n\ninterface CommandDialogProps extends React.ComponentPropsWithoutRef<\n  typeof RadixDialog.Root\n> {\n  title?: string\n  description?: string\n  className?: string\n  children?: React.ReactNode\n  showCloseButton?: boolean\n  isLoading?: boolean\n  showFooter?: boolean\n  commandProps?: React.ComponentPropsWithoutRef<typeof CommandRoot>\n  contentProps?: Omit<\n    React.ComponentPropsWithoutRef<typeof RadixDialog.Content>,\n    \"children\"\n  >\n  overlayProps?: React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay>\n  portalProps?: React.ComponentPropsWithoutRef<typeof RadixDialog.Portal>\n}\n\nconst CommandDialog = ({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  className,\n  showCloseButton = false,\n  isLoading = false,\n  showFooter = true,\n  commandProps,\n  contentProps,\n  overlayProps,\n  portalProps,\n  ...props\n}: CommandDialogProps) => {\n  const { className: contentClassName, ...contentRest } = contentProps ?? {}\n  const { className: overlayClassName, ...overlayRest } = overlayProps ?? {}\n  const { className: commandClassName, ...commandRest } = commandProps ?? {}\n  const preserveHeight = isLoading && React.Children.count(children) === 0\n\n  return (\n    <RadixDialog.Root {...props}>\n      <RadixDialog.Portal {...portalProps}>\n        <RadixDialog.Overlay\n          className={clx(\n            \"z-admin-overlay bg-ui-bg-overlay fixed inset-0\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n            overlayClassName\n          )}\n          {...overlayRest}\n        />\n        <RadixDialog.Content\n          className={clx(\n            \"z-admin-dialog bg-ui-bg-base shadow-elevation-modal fixed left-1/2 top-1/2 flex max-h-[calc(100%-16px)] w-[calc(100%-16px)] max-w-2xl -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-xl p-0 outline-none\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200\",\n            preserveHeight && \"h-[300px]\",\n            className,\n            contentClassName\n          )}\n          {...contentRest}\n        >\n          <RadixDialog.Title className=\"sr-only\">{title}</RadixDialog.Title>\n          <RadixDialog.Description className=\"sr-only\">\n            {description}\n          </RadixDialog.Description>\n          {showCloseButton ? (\n            <RadixDialog.Close asChild>\n              <IconButton\n                className=\"absolute right-2 top-2 z-10\"\n                size=\"small\"\n                type=\"button\"\n                variant=\"transparent\"\n              >\n                <XMark />\n              </IconButton>\n            </RadixDialog.Close>\n          ) : null}\n          <CommandRoot\n            className={clx(\n              \"flex h-full flex-col overflow-hidden rounded-none p-0\",\n              \"[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\",\n              commandClassName\n            )}\n            shouldFilter={false}\n            {...commandRest}\n          >\n            {children}\n          </CommandRoot>\n          {showFooter ? (\n            <div className=\"bg-ui-bg-field text-ui-fg-subtle flex items-center justify-end border-t px-4 py-3\">\n              <div className=\"flex items-center gap-x-3\">\n                <div className=\"flex items-center gap-x-2\">\n                  <span className=\"txt-compact-xsmall\">Navigate</span>\n                  <div className=\"flex items-center gap-x-1\">\n                    <Kbd className=\"bg-ui-bg-field-component\">↓</Kbd>\n                    <Kbd className=\"bg-ui-bg-field-component\">↑</Kbd>\n                  </div>\n                </div>\n                <div className=\"bg-ui-border-strong h-3 w-px\" />\n                <div className=\"flex items-center gap-x-2\">\n                  <span className=\"txt-compact-xsmall\">Open result</span>\n                  <Kbd className=\"bg-ui-bg-field-component\">↵</Kbd>\n                </div>\n              </div>\n            </div>\n          ) : null}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    </RadixDialog.Root>\n  )\n}\nCommandDialog.displayName = \"Command.Dialog\"\n\ntype CommandAreaOption = {\n  value: string\n  label: React.ReactNode\n}\n\ninterface CommandInputProps extends React.ComponentPropsWithoutRef<\n  typeof CommandPrimitive.Input\n> {\n  isFetching?: boolean\n  onBack?: () => void\n  clearable?: boolean\n  clearLabel?: string\n  area?: string\n  areas?: CommandAreaOption[]\n  onAreaChange?: (area: string) => void\n  areaSeparatorAfter?: string[]\n  areaSeparatorBefore?: string[]\n}\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  CommandInputProps\n>(\n  (\n    {\n      className,\n      value,\n      onValueChange,\n      isFetching = false,\n      onBack,\n      clearable = true,\n      clearLabel = \"Clear\",\n      area,\n      areas,\n      onAreaChange,\n      areaSeparatorAfter = [\"all\"],\n      areaSeparatorBefore = [\"command\"],\n      ...props\n    },\n    ref\n  ) => {\n    const innerRef = React.useRef<HTMLInputElement>(null)\n\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLInputElement)\n\n    const hasValue = typeof value === \"string\" && value.length > 0\n    const selectedArea = areas?.find((option) => option.value === area)\n    const showAreaSelect = Boolean(area && areas?.length && onAreaChange)\n\n    return (\n      <div className=\"flex flex-col border-b\">\n        {showAreaSelect ? (\n          <div className=\"px-4 pt-4\">\n            <DropdownMenu>\n              <DropdownMenu.Trigger asChild>\n                <Badge\n                  size=\"2xsmall\"\n                  className=\"hover:bg-ui-bg-base-pressed transition-fg cursor-pointer\"\n                >\n                  {selectedArea?.label ?? area}\n                  <TriangleDownMini className=\"text-ui-fg-muted\" />\n                </Badge>\n              </DropdownMenu.Trigger>\n              <DropdownMenu.Content\n                align=\"start\"\n                className=\"h-full max-h-[360px] overflow-auto\"\n                onCloseAutoFocus={(event) => {\n                  event.preventDefault()\n                  innerRef.current?.focus()\n                }}\n              >\n                <DropdownMenu.RadioGroup\n                  value={area}\n                  onValueChange={onAreaChange}\n                >\n                  {areas?.map((option) => (\n                    <React.Fragment key={option.value}>\n                      {areaSeparatorBefore.includes(option.value) ? (\n                        <DropdownMenu.Separator />\n                      ) : null}\n                      <DropdownMenu.RadioItem value={option.value}>\n                        {option.label}\n                      </DropdownMenu.RadioItem>\n                      {areaSeparatorAfter.includes(option.value) ? (\n                        <DropdownMenu.Separator />\n                      ) : null}\n                    </React.Fragment>\n                  ))}\n                </DropdownMenu.RadioGroup>\n              </DropdownMenu.Content>\n            </DropdownMenu>\n          </div>\n        ) : null}\n        <div className=\"relative flex items-center gap-x-2 px-4 py-3\">\n          {onBack ? (\n            <IconButton\n              type=\"button\"\n              size=\"small\"\n              variant=\"transparent\"\n              onClick={onBack}\n            >\n              <ArrowUturnLeft className=\"text-ui-fg-muted\" />\n            </IconButton>\n          ) : null}\n          <CommandPrimitive.Input\n            ref={innerRef}\n            data-slot=\"command-input\"\n            value={value}\n            onValueChange={onValueChange}\n            className={clx(\n              \"placeholder:text-ui-fg-muted flex !h-6 w-full rounded-md bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n              (isFetching || (clearable && hasValue)) && \"pr-20\",\n              className\n            )}\n            {...props}\n          />\n          <div className=\"absolute end-4 top-1/2 flex -translate-y-1/2 items-center justify-end gap-x-2\">\n            {isFetching ? (\n              <SpinnerIcon className=\"text-ui-fg-muted size-4 animate-spin\" />\n            ) : null}\n            {clearable && hasValue ? (\n              <Button\n                variant=\"transparent\"\n                size=\"small\"\n                className=\"text-ui-fg-muted hover:text-ui-fg-subtle\"\n                type=\"button\"\n                onClick={() => {\n                  onValueChange?.(\"\")\n                  innerRef.current?.focus()\n                }}\n              >\n                {clearLabel}\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\nCommandInput.displayName = \"Command.Input\"\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => {\n  return (\n    <CommandPrimitive.List\n      ref={ref}\n      data-slot=\"command-list\"\n      className={clx(\n        \"max-h-[300px] flex-1 overflow-y-auto overflow-x-hidden px-2 pb-4 outline-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCommandList.displayName = \"Command.List\"\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> & {\n    q?: string\n    title?: string\n    description?: string\n  }\n>(\n  (\n    {\n      className,\n      children,\n      q,\n      title = q ? \"No results found\" : \"Start searching\",\n      description = q\n        ? \"Try changing your query or search scope.\"\n        : \"Type to search across commands and results.\",\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <CommandPrimitive.Empty\n        ref={ref}\n        data-slot=\"command-empty\"\n        className={clx(\"py-6 text-center text-sm\", className)}\n        {...props}\n      >\n        {children ?? (\n          <div className=\"text-ui-fg-subtle flex min-h-[236px] flex-col items-center justify-center gap-y-3\">\n            <MagnifyingGlass className=\"text-ui-fg-subtle\" />\n            <div className=\"flex flex-col items-center justify-center gap-y-1\">\n              <span className=\"txt-compact-small-plus text-ui-fg-subtle\">\n                {title}\n              </span>\n              <span className=\"txt-small text-ui-fg-muted\">{description}</span>\n            </div>\n          </div>\n        )}\n      </CommandPrimitive.Empty>\n    )\n  }\n)\nCommandEmpty.displayName = \"Command.Empty\"\n\nconst CommandLoading = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Loading>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Loading>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <CommandPrimitive.Loading\n      ref={ref}\n      data-slot=\"command-loading\"\n      className={clx(\"bg-ui-bg-base flex flex-col\", className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <div className=\"w-full px-2 pb-1 pt-3\">\n            <Skeleton className=\"h-5 w-10\" />\n          </div>\n          {Array.from({ length: 7 }).map((_, index) => (\n            <div key={index} className=\"w-full p-2\">\n              <Skeleton className=\"h-5 w-full\" />\n            </div>\n          ))}\n        </>\n      )}\n    </CommandPrimitive.Loading>\n  )\n})\nCommandLoading.displayName = \"Command.Loading\"\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => {\n  return (\n    <CommandPrimitive.Group\n      ref={ref}\n      data-slot=\"command-group\"\n      className={clx(\n        \"text-ui-fg-base overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:pb-1 [&_[cmdk-group-heading]]:pt-3 [&_[cmdk-group-heading]]:txt-compact-xsmall-plus [&_[cmdk-group-heading]]:text-ui-fg-muted [&_[cmdk-item]]:py-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCommandGroup.displayName = \"Command.Group\"\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => {\n  return (\n    <CommandPrimitive.Separator\n      ref={ref}\n      data-slot=\"command-separator\"\n      className={clx(\"bg-ui-border-base -mx-1 h-px\", className)}\n      {...props}\n    />\n  )\n})\nCommandSeparator.displayName = \"Command.Separator\"\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <CommandPrimitive.Item\n      ref={ref}\n      data-slot=\"command-item\"\n      className={clx(\n        \"group/command-item aria-selected:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover txt-compact-small text-ui-fg-base [&>svg]:text-ui-fg-subtle relative flex cursor-pointer select-none items-center gap-x-3 rounded-md p-2 outline-none transition-fg\",\n        \"aria-selected:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[selected=true]:bg-ui-bg-base-hover data-[selected=true]:text-ui-fg-base\",\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCommandItem.displayName = \"Command.Item\"\n\nconst CommandShortcut = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<typeof Kbd>\n>(({ className, ...props }, ref) => {\n  return (\n    <Kbd\n      ref={ref}\n      data-slot=\"command-shortcut\"\n      className={clx(\n        \"ml-auto group-data-[selected=true]/command-item:text-ui-fg-subtle\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCommandShortcut.displayName = \"Command.Shortcut\"\n\nconst Command = Object.assign(CommandRoot, {\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Loading: CommandLoading,\n  Group: CommandGroup,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n  Separator: CommandSeparator,\n})\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandLoading,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n  type CommandAreaOption,\n}\n"]}

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

@@ -0,0 +1,2 @@
+export * from "./command";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/command/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/command/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/esm/components/command/index.js

@@ -0,0 +1,2 @@
+export * from "./command";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/command/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA","sourcesContent":["export * from \"./command\"\n"]}

package/dist/esm/components/command-bar/command-bar.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+interface CommandBarProps extends React.PropsWithChildren {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    disableAutoFocus?: boolean;
+}
+interface CommandProps extends Omit<React.ComponentPropsWithoutRef<"button">, "children" | "onClick"> {
+    action: () => void | Promise<void>;
+    label: string;
+    shortcut?: string;
+}
+declare const CommandBar: {
+    ({ open, onOpenChange, defaultOpen, disableAutoFocus, children, }: CommandBarProps): React.JSX.Element;
+    displayName: string;
+} & {
+    Command: React.ForwardRefExoticComponent<CommandProps & React.RefAttributes<HTMLButtonElement>>;
+    Value: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Bar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Seperator: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { CommandBar };
+//# sourceMappingURL=command-bar.d.ts.map

package/dist/esm/components/command-bar/command-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/command-bar/command-bar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,eAAgB,SAAQ,KAAK,CAAC,iBAAiB;IACvD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAmHD,UAAU,YACR,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EACxC,UAAU,GAAG,SAAS,CACvB;IACD,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA6ED,QAAA,MAAM,UAAU;uEAjLb,eAAe;;;;;;;CAsLhB,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,CAAA"}