@allxsmith/bestax-bulma 5.56.0 → 5.57.1

package/dist/esm/components/Command.js

@@ -1,4 +1,5 @@
 /* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+'use client';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { createContext, forwardRef, useState, useRef, useCallback, useEffect, useContext, useId } from 'react';
 import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';

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

@@ -1 +1 @@
-{"version":3,"file":"Command.js","sources":["../../../src/components/Command.tsx"],"sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport { useClientLayoutEffect } from '../helpers/useClientLayoutEffect';\nimport { useLatestRef } from '../helpers/useLatestRef';\nimport { flattenChildren } from '../helpers/flattenChildren';\nimport { warnOnce } from '../helpers/devWarnings';\nimport { useLocaleMatcher, type TextMatcher } from '../helpers/localeFormat';\nimport { isModalOverlayOpen } from '../helpers/overlayStack';\nimport { StatusRegion, spokenText } from '../helpers/statusRegion';\nimport {\n  ComboboxEngine,\n  useComboboxEngine,\n} from '../helpers/useComboboxEngine';\nimport { Input, InputProps } from '../form/Input';\nimport { Modal } from './Modal';\n\n/** What names a Command that's given no `label`. */\nconst defaultLabel = 'Commands';\n\n/** What a Command given `actions` shows when nothing matches, unless it's given `empty`. */\nconst defaultEmpty = 'No results';\n\n// What the status region announces: the `Command.Empty` content, as the one\n// item it's handed while that content is on screen because of the user's\n// typing.\nconst typedNoMatches = [{ id: 'empty' }];\nconst nothingToAnnounce: Array<{ id: string }> = [];\n\n/** Whether a slot was given something to show. */\nconst isShown = (node: React.ReactNode): boolean =>\n  node !== undefined && node !== null && node !== false && node !== '';\n\n/** One action in a Command's `actions`. */\nexport interface CommandAction {\n  /** Unique within the Command. It's the item's `value`, so `onSelect` hands it back. */\n  id: string;\n  /** What the item shows, and what typing matches first. */\n  label: string;\n  /**\n   * A line under the label, such as what the action does or where it goes.\n   * Typing matches it too, after the labels. A screen reader hears it after\n   * the label, as the item's description.\n   */\n  description?: string;\n  /**\n   * More words typing matches, after the labels, such as `['theme']` for\n   * \"Dark mode\". They aren't shown.\n   */\n  keywords?: string[];\n  /**\n   * The heading the action goes under. Groups show in the order the matches\n   * first name them, so the best match is always on top, and the actions with\n   * no group show together where the first of them is.\n   */\n  group?: string;\n  /** Shown before the label, and hidden from assistive tech. */\n  icon?: React.ReactNode;\n  /**\n   * Shown at the end of the row, such as the action's own keyboard shortcut in\n   * a `Kbd.Group`, or a `Tag`. It only shows: nothing listens for a shortcut\n   * written here. A screen reader hears it after the label, with the\n   * description.\n   */\n  hint?: React.ReactNode;\n  /** Shown, and reached with the arrows so a screen reader user finds it, but never run. */\n  disabled?: boolean;\n  /** Runs the action, when it's picked with Enter or a click, before the Command's `onSelect`. */\n  onSelect?: () => void;\n}\n\n/** What a Command takes whether it's given `actions` or built from parts. */\ninterface CommandBaseProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'onSelect'>,\n    Omit<BulmaClassesProps, 'color'> {\n  /**\n   * What the Command is for, such as \"Commands\" or \"Settings\". It's never\n   * shown: it names the search field and the list for assistive tech, and in\n   * `Command.Dialog` the dialog too. An empty string counts as none.\n   * @defaultValue 'Commands'\n   */\n  label?: string;\n  /**\n   * The search, controlled: the text in the field. Pair it with\n   * `onQueryChange`.\n   */\n  query?: string;\n  /**\n   * The search to start with when uncontrolled.\n   * @defaultValue ''\n   */\n  defaultQuery?: string;\n  /**\n   * Called with the search as the user types it. Built from parts, this is\n   * where the app filters its items.\n   */\n  onQueryChange?: (query: string) => void;\n  /**\n   * Called with the picked item's `value`, an action's `id`, when it's run\n   * with Enter or a click, after the item's own `onSelect`. A disabled item\n   * is never run.\n   */\n  onSelect?: (value: string) => void;\n}\n\n/** Props for a Command given `actions`. */\nexport interface CommandActionsProps extends CommandBaseProps {\n  /**\n   * The actions, for a Command that renders the field, the list, the groups\n   * and the empty message itself. Typing filters them by label, keywords and\n   * description, ignoring case, with label matches first. Inside a\n   * `LocaleProvider` with a `locale`, it ignores accents too where that\n   * language does, so \"cafe\" finds \"Café\". Leave it out to build the\n   * Command from parts.\n   */\n  actions: CommandAction[];\n  /**\n   * Takes over the filtering, with `actions`: it's handed the search as typed\n   * and every action, and returns the ones to show, in the order to show\n   * them, which is how to plug in fuzzy matching or cut the list short. It's\n   * called with an empty search too.\n   */\n  filter?: (query: string, actions: CommandAction[]) => CommandAction[];\n  /** The field's placeholder, with `actions`. */\n  placeholder?: string;\n  /**\n   * What shows in place of the list, with `actions`, when nothing matches.\n   * It's announced the way `Command.Empty` is. `null` shows nothing.\n   * @defaultValue 'No results'\n   */\n  empty?: React.ReactNode;\n  /** @internal With `actions`, the Command renders its own parts. */\n  children?: never;\n}\n\n/** Props for a Command built from parts. */\nexport interface CommandPartsProps extends CommandBaseProps {\n  /**\n   * The parts, in order: `Command.Input`, then `Command.List` while there are\n   * items and `Command.Empty` while there aren't. Nothing filters them, so\n   * render the items that match the search `onQueryChange` reports. With\n   * `actions` there are none to give: children given with it are ignored,\n   * with a warning in development.\n   */\n  children?: React.ReactNode;\n  /** @internal Built from parts, the app renders the items. */\n  actions?: never;\n  /** @internal Built from parts, the app filters. */\n  filter?: never;\n  /** @internal Built from parts, `Command.Input` takes the placeholder. */\n  placeholder?: never;\n  /** @internal Built from parts, `Command.Empty` is the empty message. */\n  empty?: never;\n}\n\n/**\n * Props for the Command component: given `actions`, it renders, filters and\n * groups them itself, and without them it's built from parts. The helper\n * props, the other attributes and the `ref` land on the `div.command` around\n * the field and the list.\n *\n * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the `div.command` around the field and the list.\n */\nexport type CommandProps = CommandActionsProps | CommandPartsProps;\n\n/** What Command.Dialog takes on top of a Command's props. */\ninterface CommandDialogOwnProps {\n  /** Controlled open state. When set, opening and closing only report through `onOpenChange`. */\n  open?: boolean;\n  /**\n   * Initial open state when uncontrolled.\n   * @defaultValue false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Called with the open state asked for: `true` from the `shortcut`, and\n   * `false` from Escape, a click on the background, or a pick while\n   * `closeOnSelect` is on. Fires in controlled and uncontrolled use.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * A key combination that opens the dialog from anywhere on the page, such\n   * as `\"mod+k\"`: modifiers and a key joined by `+`, where `mod` is Ctrl or\n   * ⌘ (either one, on every platform), and the others are `ctrl`, `meta`,\n   * `alt` and `shift`. It's ignored while the user is typing in a text field,\n   * a select or editable content, while an IME is composing, while a modal\n   * overlay is open (a `Modal`, a `Dialog`, a `Sidebar` with its overlay or a\n   * full-page `Loading`), and when something else has already used the key.\n   * It only opens the dialog. Off unless given.\n   */\n  shortcut?: string;\n  /**\n   * Closes the dialog once an item has run. Turn it off for an item that\n   * opens another page of the palette, and close it yourself with `open`.\n   * @defaultValue true\n   */\n  closeOnSelect?: boolean;\n  /**\n   * Clears the search when the dialog closes: an uncontrolled one itself,\n   * and a controlled one through `onQueryChange('')`.\n   * @defaultValue true\n   */\n  clearOnClose?: boolean;\n  /**\n   * Renders the dialog into a portal target instead of inline. Forwarded to\n   * the underlying `Modal`; see its `portal` prop for the accepted values.\n   * @defaultValue false\n   */\n  portal?: boolean | string | HTMLElement;\n}\n\n/** Props for a Command.Dialog given `actions`. */\nexport interface CommandDialogActionsProps\n  extends CommandActionsProps, CommandDialogOwnProps {}\n\n/** Props for a Command.Dialog built from parts. */\nexport interface CommandDialogPartsProps\n  extends CommandPartsProps, CommandDialogOwnProps {}\n\n/**\n * Props for Command.Dialog, the Command in a modal: a Command's props, given\n * `actions` or built from parts, and the dialog's own. The helper props, the\n * other attributes and the `ref` land on the `div.command` that is the\n * dialog.\n *\n * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the `div.command` that is the dialog.\n */\nexport type CommandDialogProps =\n  CommandDialogActionsProps | CommandDialogPartsProps;\n\n/**\n * Props for Command.Input, the search field. It renders `Input`, so its\n * icons, `isLoading` and `color` work as they do there. Its text is the\n * Command's `query`, and it's `autoComplete=\"off\"`, so the browser's own\n * suggestions don't open over the list: neither is yours to set.\n */\nexport type CommandInputProps = Omit<\n  InputProps,\n  // By name, since the docs read only names out of an Omit. The Field props:\n  | 'label'\n  | 'labelSize'\n  | 'labelProps'\n  | 'horizontal'\n  | 'message'\n  | 'messageColor'\n  | 'fieldClassName'\n  // And what the Command sets on the field itself:\n  | 'role'\n  | 'autoComplete'\n  | 'value'\n  | 'defaultValue'\n>;\n\n/**\n * Props for Command.List, the list. Its `id` is the one the field's\n * `aria-controls` names, so it isn't yours to set.\n */\nexport interface CommandListProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'role' | 'id'\n> {\n  /** `Command.Item`s and `Command.Group`s, in the order they're shown. */\n  children?: React.ReactNode;\n}\n\n/** Props for Command.Group, items under a heading. */\nexport interface CommandGroupProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'role'\n> {\n  /**\n   * The heading, which also names the group for assistive tech, unless you\n   * give the group an `aria-label` or `aria-labelledby` of its own.\n   */\n  label: React.ReactNode;\n  /** The group's `Command.Item`s. */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for Command.Item, one thing to do in the list. Its `id` follows from\n * its `value`, since the field's `aria-activedescendant` names it, so it\n * isn't yours to set.\n */\nexport interface CommandItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'role' | 'onSelect' | 'id'\n> {\n  /** What the Command's `onSelect` hands back. Unique within the Command. */\n  value: string;\n  /**\n   * Can't be run. The arrows still reach it, so a screen reader user finds\n   * it, and it's never `aria-selected`.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /** Runs the item, when it's picked with Enter or a click, before the Command's `onSelect`. */\n  onSelect?: () => void;\n  /** Shown before the label, and hidden from assistive tech. */\n  icon?: React.ReactNode;\n  /**\n   * A line under the label. A screen reader hears it after the label, as the\n   * item's description.\n   */\n  description?: React.ReactNode;\n  /**\n   * Shown at the end of the row, such as a keyboard shortcut in a\n   * `Kbd.Group`, or a `Tag`. It only shows. A screen reader hears it after\n   * the label, with the description.\n   */\n  hint?: React.ReactNode;\n  /** The label, which names the item. */\n  children?: React.ReactNode;\n}\n\n/** Props for Command.Empty, the message shown in place of the list. */\nexport interface CommandEmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The message, such as \"No commands match\". Its text is announced when\n   * typing brings it on screen and isn't read again while it stays, so a\n   * message that names the search is heard for the first search only.\n   */\n  children?: React.ReactNode;\n}\n\n/** A handler an item registers, read when it's run. */\ntype ItemHandler = { readonly current: (() => void) | undefined };\n\n/** What the Command hands its parts. */\ninterface CommandContextValue {\n  engine: ComboboxEngine;\n  /** What names the field and the list. */\n  label: string;\n  /** The search. */\n  query: string;\n  /** A change to the field's value, which is the user typing. */\n  onFieldChange: (value: string) => void;\n  /** Tells the Command the field's `isLoading`, which holds the empty message's announcement. */\n  reportLoading: (loading: boolean) => void;\n  /** Records the empty message while it's on screen. Returns the function that forgets it. */\n  reportEmpty: (element: HTMLElement) => () => void;\n  /** Records an item's `onSelect`. Returns the function that forgets it. */\n  registerHandler: (value: string, handler: ItemHandler) => () => void;\n}\n\nconst noop = () => {};\nconst registerNothing = () => noop;\n\n// What a part rendered outside a Command reads: nothing to report to, so it\n// renders its markup and does nothing.\nconst standalone: CommandContextValue = {\n  engine: {\n    open: false,\n    expanded: false,\n    highlighted: null,\n    typed: false,\n    listboxId: '',\n    itemId: () => '',\n    rootRef: { current: null },\n    inputRef: { current: null },\n    listboxRef: { current: null },\n    registerPopup: registerNothing,\n    registerItem: registerNothing,\n    onKeyDown: noop,\n    onChange: noop,\n    onClick: noop,\n    onBlur: noop,\n    hover: noop,\n    pick: noop,\n    keepFocus: noop,\n    markInside: noop,\n  },\n  label: defaultLabel,\n  query: '',\n  onFieldChange: noop,\n  reportLoading: noop,\n  reportEmpty: registerNothing,\n  registerHandler: registerNothing,\n};\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\n\nconst useCommand = () => useContext(CommandContext) ?? standalone;\n\n/** Hands a node to a forwarded ref and to one of the component's own. */\nfunction setRefs<T>(\n  node: T | null,\n  own: React.MutableRefObject<T | null>,\n  forwarded: React.ForwardedRef<T>\n) {\n  own.current = node;\n  if (typeof forwarded === 'function') forwarded(node);\n  else if (forwarded) forwarded.current = node;\n}\n\n/**\n * The default filter: the actions whose label, keywords or description hold\n * the search, ignoring case and the spaces around it, label matches first and\n * the order otherwise kept. An empty search keeps them all. `matchText`, a\n * `LocaleProvider`'s locale-aware matcher, replaces the lowercased\n * comparison when there is one.\n */\nconst filterActions = (\n  query: string,\n  actions: CommandAction[],\n  matchText?: TextMatcher | null\n): CommandAction[] => {\n  const search = query.trim();\n  if (search === '') return actions;\n  const term = search.toLowerCase();\n  const holds = matchText\n    ? (text: string) => matchText(text, search)\n    : (text: string) => text.toLowerCase().includes(term);\n  const byLabel: CommandAction[] = [];\n  const byOther: CommandAction[] = [];\n  for (const action of actions) {\n    if (holds(action.label)) {\n      byLabel.push(action);\n    } else if (\n      (action.description !== undefined && holds(action.description)) ||\n      action.keywords?.some(holds)\n    ) {\n      byOther.push(action);\n    }\n  }\n  return [...byLabel, ...byOther];\n};\n\n/** The search icon at the start of the field. */\nconst SearchIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.75\"\n    strokeLinecap=\"round\"\n    width=\"1em\"\n    height=\"1em\"\n    focusable=\"false\"\n  >\n    <circle cx=\"7\" cy=\"7\" r=\"4.75\" />\n    <path d=\"M10.5 10.5L14 14\" />\n  </svg>\n);\n\n/**\n * The Command built from parts: the field, the list, the keys and the run,\n * with the items and their filtering left to the app.\n */\nconst CommandParts = forwardRef<HTMLDivElement, CommandPartsProps>(\n  (\n    {\n      children,\n      label,\n      query: controlledQuery,\n      defaultQuery = '',\n      onQueryChange,\n      onSelect,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [ownQuery, setOwnQuery] = useState(defaultQuery);\n    const query = controlledQuery ?? ownQuery;\n\n    // Each item's `onSelect`, by value, read when it runs.\n    const handlersRef = useRef(new Map<string, ItemHandler>());\n    const registerHandler = useCallback(\n      (value: string, handler: ItemHandler) => {\n        const handlers = handlersRef.current;\n        handlers.set(value, handler);\n        return () => {\n          if (handlers.get(value) === handler) handlers.delete(value);\n        };\n      },\n      []\n    );\n    const run = (value: string) => {\n      handlersRef.current.get(value)?.current?.();\n      onSelect?.(value);\n    };\n\n    // Inline: the list is always on screen, nothing opens or closes it, and\n    // Escape goes on to what's around it. `keepFirst` keeps the highlight on\n    // the top match, so Enter runs it.\n    const engine = useComboboxEngine({\n      defaultOpen: true,\n      onSelect: run,\n      keepFirst: true,\n      multiple: false,\n      inline: true,\n      deferred: false,\n    });\n    const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n    const rootClass = usePrefixedClassNames('command');\n\n    // A polite status region, in the page from the start so it's there\n    // before anything is written into it, announces `Command.Empty` when the\n    // user's typing leaves it on screen: once each time that happens, not\n    // again on each keystroke while it stays. An empty search isn't a search,\n    // so it stays quiet then, and while the field's `isLoading` says results\n    // are on their way, it waits.\n    const [inputLoading, setInputLoading] = useState(false);\n    const emptyRef = useRef<HTMLElement | null>(null);\n    const [emptyShown, setEmptyShown] = useState(false);\n    const announced =\n      engine.typed && query !== '' && emptyShown && !inputLoading\n        ? typedNoMatches\n        : nothingToAnnounce;\n    // The region reads the text on screen, whatever the message renders.\n    const describeEmpty = useCallback(() => {\n      const node = emptyRef.current;\n      /* istanbul ignore if: it's only announced while it's on screen */\n      if (!node) return null;\n      return spokenText(node);\n    }, []);\n    const reportEmpty = useCallback((element: HTMLElement) => {\n      emptyRef.current = element;\n      setEmptyShown(true);\n      return () => {\n        emptyRef.current = null;\n        setEmptyShown(false);\n      };\n    }, []);\n\n    const onFieldChange = (value: string) => {\n      if (controlledQuery === undefined) setOwnQuery(value);\n      onQueryChange?.(value);\n      engine.onChange();\n    };\n\n    // A new value each render: the engine's state and handlers are, and the\n    // parts read the highlight from it.\n    const context: CommandContextValue = {\n      engine,\n      label: label || defaultLabel,\n      query,\n      onFieldChange,\n      reportLoading: setInputLoading,\n      reportEmpty,\n      registerHandler,\n    };\n\n    const { rootRef } = engine;\n    const rootRefs = useCallback(\n      (node: HTMLDivElement | null) => setRefs(node, rootRef, ref),\n      [rootRef, ref]\n    );\n\n    return (\n      // The ref after the spread, so the element stays the Command's.\n      <div\n        className={classNames(rootClass, bulmaHelperClasses, className)}\n        {...rest}\n        ref={rootRefs}\n      >\n        <CommandContext.Provider value={context}>\n          {children}\n        </CommandContext.Provider>\n        <StatusRegion items={announced} describe={describeEmpty} />\n      </div>\n    );\n  }\n);\nCommandParts.displayName = 'CommandParts';\n\n/**\n * The search field, with the combobox role and the keys, rendered as an `Input` with a search icon.\n *\n * @function\n * @param {CommandInputProps} props - Props for the Command.Input component.\n * @param {React.Ref<HTMLInputElement>} ref - Forwarded ref to the `<input>`.\n * @returns {JSX.Element} The field in its Control.\n */\nexport const CommandInput = forwardRef<HTMLInputElement, CommandInputProps>(\n  (\n    {\n      isLoading,\n      iconLeft,\n      iconLeftName,\n      onKeyDown,\n      onChange,\n      onClick,\n      onBlur,\n      'aria-autocomplete': ariaAutocomplete,\n      ...props\n    },\n    ref\n  ) => {\n    const context = useCommand();\n    const { engine, reportLoading } = context;\n    useClientLayoutEffect(() => {\n      reportLoading(!!isLoading);\n      return () => reportLoading(false);\n    }, [reportLoading, isLoading]);\n    const { inputRef } = engine;\n    const inputRefs = useCallback(\n      (node: HTMLInputElement | null) => setRefs(node, inputRef, ref),\n      [inputRef, ref]\n    );\n    const { expanded, highlighted } = engine;\n    // A name the caller gave the field wins over the Command's `label`.\n    const callerNamed = !!props['aria-label'] || 'aria-labelledby' in props;\n\n    return (\n      // The attributes the Command owns after the caller's, so a stray\n      // `aria-expanded` never wins. A search isn't prose, so the browser's\n      // spelling and autocorrect stay out of it unless the caller asks.\n      <Input\n        autoCorrect=\"off\"\n        spellCheck={false}\n        {...props}\n        ref={inputRefs}\n        value={context.query}\n        iconLeft={\n          iconLeft === undefined && !iconLeftName ? <SearchIcon /> : iconLeft\n        }\n        iconLeftName={iconLeftName}\n        isLoading={isLoading}\n        aria-label={callerNamed ? props['aria-label'] : context.label}\n        role=\"combobox\"\n        aria-autocomplete={ariaAutocomplete ?? 'list'}\n        aria-haspopup=\"listbox\"\n        aria-expanded={expanded}\n        aria-controls={expanded ? engine.listboxId : undefined}\n        aria-activedescendant={\n          expanded && highlighted !== null\n            ? engine.itemId(highlighted)\n            : undefined\n        }\n        autoComplete=\"off\"\n        onKeyDown={event => {\n          onKeyDown?.(event);\n          engine.onKeyDown(event);\n        }}\n        onChange={event => {\n          onChange?.(event);\n          context.onFieldChange(event.target.value);\n        }}\n        onClick={event => {\n          onClick?.(event);\n          if (!event.defaultPrevented) engine.onClick();\n        }}\n        onBlur={event => {\n          onBlur?.(event);\n          engine.onBlur(event);\n        }}\n      />\n    );\n  }\n);\nCommandInput.displayName = 'CommandInput';\n\n/**\n * The list of items, a `listbox` named by the Command's `label`.\n *\n * @function\n * @param {CommandListProps} props - Props for the Command.List component.\n * @returns {JSX.Element} The listbox.\n */\nexport const CommandList: React.FC<CommandListProps> = ({\n  children,\n  className,\n  onMouseDown,\n  ...props\n}) => {\n  const { engine, label } = useCommand();\n  const { listboxRef, listboxId, keepFocus } = engine;\n  const listClass = usePrefixedClassNames('command-list');\n  // A name the caller gave the list wins over the Command's.\n  const callerNamed = !!props['aria-label'] || 'aria-labelledby' in props;\n  return (\n    <div\n      className={classNames(listClass, className)}\n      {...props}\n      ref={listboxRef}\n      id={listboxId || undefined}\n      role=\"listbox\"\n      aria-label={callerNamed ? props['aria-label'] : label}\n      onMouseDown={event => {\n        onMouseDown?.(event);\n        keepFocus(event);\n      }}\n    >\n      {children}\n    </div>\n  );\n};\nCommandList.displayName = 'CommandList';\n\n/**\n * Items under a heading, a `group` named by it.\n *\n * @function\n * @param {CommandGroupProps} props - Props for the Command.Group component.\n * @returns {JSX.Element} The group and its heading.\n */\nexport const CommandGroup: React.FC<CommandGroupProps> = ({\n  label,\n  children,\n  className,\n  ...props\n}) => {\n  const labelId = useId();\n  const groupClass = usePrefixedClassNames('command-group');\n  const labelClass = usePrefixedClassNames('command-group-label');\n  // A name the caller gave the group wins over its heading's, as on the list.\n  const callerNamed = !!props['aria-label'] || 'aria-labelledby' in props;\n  return (\n    <div\n      className={classNames(groupClass, className)}\n      {...props}\n      role=\"group\"\n      aria-labelledby={callerNamed ? props['aria-labelledby'] : labelId}\n    >\n      <div className={labelClass} id={labelId}>\n        {label}\n      </div>\n      {children}\n    </div>\n  );\n};\nCommandGroup.displayName = 'CommandGroup';\n\n/**\n * One thing to do in the list, named by its label and described by its description and hint.\n *\n * @function\n * @param {CommandItemProps} props - Props for the Command.Item component.\n * @returns {JSX.Element} The item.\n */\nexport const CommandItem: React.FC<CommandItemProps> = ({\n  value,\n  disabled = false,\n  onSelect,\n  icon,\n  description,\n  hint,\n  children,\n  className,\n  onClick,\n  onPointerMove,\n  ...props\n}) => {\n  const { engine, registerHandler } = useCommand();\n  const itemRef = useRef<HTMLDivElement>(null);\n  const { registerItem } = engine;\n  useClientLayoutEffect(\n    () =>\n      registerItem(itemRef.current as HTMLDivElement, {\n        value,\n        disabled,\n        checked: false,\n      }),\n    [registerItem, value, disabled]\n  );\n  const onSelectRef = useLatestRef(onSelect);\n  useClientLayoutEffect(\n    () => registerHandler(value, onSelectRef),\n    [registerHandler, value, onSelectRef]\n  );\n  const highlighted = engine.highlighted === value;\n  const itemClass = usePrefixedClassNames('command-item', {\n    'is-active': highlighted,\n    'is-disabled': disabled,\n  });\n  const iconClass = usePrefixedClassNames('command-item-icon');\n  const bodyClass = usePrefixedClassNames('command-item-body');\n  const labelClass = usePrefixedClassNames('command-item-label');\n  const descriptionClass = usePrefixedClassNames('command-item-description');\n  const hintClass = usePrefixedClassNames('command-item-hint');\n\n  // Named by its label alone, so a screen reader says what it does before\n  // the rest, and described by the description and the hint.\n  const baseId = useId();\n  const labelId = `${baseId}label`;\n  const descriptionId = isShown(description)\n    ? `${baseId}description`\n    : undefined;\n  const hintId = isShown(hint) ? `${baseId}hint` : undefined;\n  const describedBy =\n    [descriptionId, hintId].filter(Boolean).join(' ') || undefined;\n  const callerNamed = !!props['aria-label'] || 'aria-labelledby' in props;\n\n  return (\n    <div\n      className={classNames(itemClass, className)}\n      aria-describedby={describedBy}\n      {...props}\n      ref={itemRef}\n      id={engine.itemId(value) || undefined}\n      role=\"option\"\n      // The highlighted option, as the ARIA Authoring Practices' combobox\n      // has it, and no attribute on the rest. Never a disabled option.\n      aria-selected={disabled ? undefined : highlighted || undefined}\n      aria-disabled={disabled || undefined}\n      aria-labelledby={callerNamed ? props['aria-labelledby'] : labelId}\n      onClick={event => {\n        onClick?.(event);\n        if (!disabled && !event.defaultPrevented) engine.pick(value);\n      }}\n      onPointerMove={event => {\n        onPointerMove?.(event);\n        if (!disabled && !highlighted) engine.hover(value);\n      }}\n    >\n      {isShown(icon) && (\n        <span className={iconClass} aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      <span className={bodyClass}>\n        <span className={labelClass} id={labelId}>\n          {children}\n        </span>\n        {descriptionId && (\n          <span className={descriptionClass} id={descriptionId}>\n            {description}\n          </span>\n        )}\n      </span>\n      {hintId && (\n        <span className={hintClass} id={hintId}>\n          {hint}\n        </span>\n      )}\n    </div>\n  );\n};\nCommandItem.displayName = 'CommandItem';\n\n/**\n * The message shown in place of the list when nothing matches, announced when typing brings it on screen.\n *\n * @function\n * @param {CommandEmptyProps} props - Props for the Command.Empty component.\n * @returns {JSX.Element} The message.\n */\nexport const CommandEmpty: React.FC<CommandEmptyProps> = ({\n  children,\n  className,\n  onMouseDown,\n  ...props\n}) => {\n  const { engine, reportEmpty } = useCommand();\n  const emptyRef = useRef<HTMLDivElement>(null);\n  useClientLayoutEffect(\n    () => reportEmpty(emptyRef.current as HTMLDivElement),\n    [reportEmpty]\n  );\n  const emptyClass = usePrefixedClassNames('command-empty');\n  return (\n    <div\n      className={classNames(emptyClass, className)}\n      {...props}\n      ref={emptyRef}\n      onMouseDown={event => {\n        onMouseDown?.(event);\n        engine.keepFocus(event);\n      }}\n    >\n      {children}\n    </div>\n  );\n};\nCommandEmpty.displayName = 'CommandEmpty';\n\n/** What a Command given `actions` renders inside its parts root. */\ninterface CommandActionsContentProps {\n  actions: CommandAction[];\n  filter: CommandActionsProps['filter'];\n  placeholder: string | undefined;\n  empty: React.ReactNode;\n}\n\n/**\n * The field, and the actions that match the search, grouped, or the empty\n * message. The search is the parts root's, read from its context.\n */\nconst CommandActionsContent = ({\n  actions,\n  filter,\n  placeholder,\n  empty,\n}: CommandActionsContentProps) => {\n  const { query } = useCommand();\n  const matchText = useLocaleMatcher();\n  const shown = filter\n    ? filter(query, actions)\n    : filterActions(query, actions, matchText);\n\n  // Each group where the matches first name it, and the actions with none\n  // together where the first of them is, so the best match stays on top.\n  const sections = new Map<string, CommandAction[]>();\n  for (const action of shown) {\n    const group = action.group ?? '';\n    sections.set(group, [...(sections.get(group) ?? []), action]);\n  }\n  const renderItem = (action: CommandAction) => (\n    <CommandItem\n      key={action.id}\n      value={action.id}\n      disabled={action.disabled}\n      icon={action.icon}\n      description={action.description}\n      hint={action.hint}\n      onSelect={action.onSelect}\n    >\n      {action.label}\n    </CommandItem>\n  );\n\n  return (\n    <>\n      <CommandInput placeholder={placeholder} />\n      {shown.length > 0 ? (\n        <CommandList>\n          {Array.from(sections, ([group, members]) =>\n            group ? (\n              <CommandGroup key={group} label={group}>\n                {members.map(renderItem)}\n              </CommandGroup>\n            ) : (\n              members.map(renderItem)\n            )\n          )}\n        </CommandList>\n      ) : isShown(empty) ? (\n        <CommandEmpty>{empty}</CommandEmpty>\n      ) : null}\n    </>\n  );\n};\n\n/**\n * The Command given `actions`. It renders the parts itself and filters the\n * actions as the user types, so a run goes through the same parts, keys and\n * ARIA as one built by hand.\n */\nconst CommandFromActions = forwardRef<HTMLDivElement, CommandActionsProps>(\n  (\n    { actions, filter, placeholder, empty = defaultEmpty, children, ...rest },\n    ref\n  ) => {\n    if (flattenChildren(children).length > 0) {\n      warnOnce(\n        'Command:actions-children',\n        '[bestax-bulma] <Command actions> renders its own field and items, ' +\n          'so its children are ignored. Give it actions or build it from ' +\n          'parts, not both.'\n      );\n    }\n    return (\n      <CommandParts {...rest} ref={ref}>\n        <CommandActionsContent\n          actions={actions}\n          filter={filter}\n          placeholder={placeholder}\n          empty={empty}\n        />\n      </CommandParts>\n    );\n  }\n);\nCommandFromActions.displayName = 'CommandFromActions';\n\n/**\n * The `Command` component is a search field over a list of things to do, which narrows as you type and runs the top match on Enter: inline by default, and a command palette in a modal as `Command.Dialog`.\n *\n * Given `actions`, it's one element. It renders the field, the list, the\n * groups and the empty message, and filters the actions by label, keywords\n * and description as the user types, with label matches first. `filter`\n * takes over the matching, for fuzzy search.\n *\n * Built from parts, the app owns the items: what's in the list and how it's\n * filtered, from the search `onQueryChange` reports. Nothing filters them,\n * so a server's answer shows as it came.\n *\n * Either way, focus stays in the field, and the highlighted item is its\n * `aria-activedescendant`. The first enabled item is highlighted whenever\n * the items change, so Enter runs the top match. Running an item calls its\n * own `onSelect`, then the Command's.\n *\n * When typing leaves the empty message on screen, its text is announced\n * through a polite status region, once, after any loading ends. Result\n * counts aren't announced: a screen reader reads the list's size from the\n * markup, and a count on every keystroke talks over the typing.\n *\n * @function\n * @param {CommandProps} props - Props for the Command component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the `div.command`.\n * @returns {JSX.Element} The field and its list.\n *\n * @example\n * <Command\n *   label=\"Settings\"\n *   placeholder=\"Search settings\"\n *   actions={[\n *     { id: 'profile', label: 'Edit profile', onSelect: openProfile },\n *     { id: 'theme', label: 'Dark mode', keywords: ['theme'], onSelect: toggleTheme },\n *   ]}\n * />\n *\n * @example\n * <Command label=\"People\" onQueryChange={setQuery} onSelect={openProfile}>\n *   <Command.Input placeholder=\"Find a person\" />\n *   {matches.length > 0 ? (\n *     <Command.List>\n *       {matches.map(person => (\n *         <Command.Item key={person.id} value={person.id}>\n *           {person.name}\n *         </Command.Item>\n *       ))}\n *     </Command.List>\n *   ) : (\n *     <Command.Empty>No one matches</Command.Empty>\n *   )}\n * </Command>\n */\nconst CommandRoot = forwardRef<HTMLDivElement, CommandProps>((props, ref) =>\n  props.actions === undefined ? (\n    <CommandParts {...props} ref={ref} />\n  ) : (\n    <CommandFromActions {...props} ref={ref} />\n  )\n);\n\n/** A key combination, read from a `shortcut` string. */\ninterface ParsedShortcut {\n  /** The key, lowercased, as `KeyboardEvent.key` names it. */\n  key: string;\n  mod: boolean;\n  ctrl: boolean;\n  meta: boolean;\n  alt: boolean;\n  shift: boolean;\n}\n\n/** Other names a key goes by in a `shortcut`, for the ones `key` spells otherwise. */\nconst keyAliases: Record<string, string> = {\n  space: ' ',\n  esc: 'escape',\n};\n\n/**\n * Reads a `shortcut` such as `\"mod+k\"` or `\"ctrl + shift + p\"`.\n *\n * @param shortcut - Modifiers and a key, joined by `+`.\n * @returns The combination, or `null` when it doesn't read as one.\n */\nconst parseShortcut = (shortcut: string): ParsedShortcut | null => {\n  const parts = shortcut\n    .toLowerCase()\n    .split('+')\n    .map(part => part.trim());\n  const key = parts.pop() as string;\n  if (key === '') return null;\n  const parsed: ParsedShortcut = {\n    key: keyAliases[key] ?? key,\n    mod: false,\n    ctrl: false,\n    meta: false,\n    alt: false,\n    shift: false,\n  };\n  for (const part of parts) {\n    if (part === 'mod') parsed.mod = true;\n    else if (part === 'ctrl' || part === 'control') parsed.ctrl = true;\n    else if (part === 'meta' || part === 'cmd' || part === 'command')\n      parsed.meta = true;\n    else if (part === 'alt' || part === 'option') parsed.alt = true;\n    else if (part === 'shift') parsed.shift = true;\n    else return null;\n  }\n  return parsed;\n};\n\n/**\n * Whether a keydown is the combination. `mod` takes Ctrl or ⌘, and any other\n * modifier has to be as the combination says, so `mod+k` isn't\n * `mod+shift+k`. A letter or digit is matched by its key, and by where it\n * sits on the keyboard only when the key isn't a Latin letter or digit at\n * all, as on a Cyrillic layout or with Option held on a Mac, so another\n * Latin layout's own letters keep their own shortcuts.\n */\nconst matchesShortcut = (\n  event: KeyboardEvent,\n  shortcut: ParsedShortcut\n): boolean => {\n  if (event.altKey !== shortcut.alt) return false;\n  // A symbol such as `?` already says whether Shift was down, and which key\n  // takes Shift to type it depends on the layout, so Shift is only checked\n  // for a letter, a digit or a named key, unless the combination names it.\n  const shiftMatters =\n    shortcut.shift ||\n    shortcut.key.length > 1 ||\n    /^[a-z0-9]$/.test(shortcut.key);\n  if (shiftMatters && event.shiftKey !== shortcut.shift) return false;\n  if (shortcut.mod) {\n    if (!event.ctrlKey && !event.metaKey) return false;\n  } else if (\n    event.ctrlKey !== shortcut.ctrl ||\n    event.metaKey !== shortcut.meta\n  ) {\n    return false;\n  }\n  const key = (event.key ?? '').toLowerCase();\n  if (key === shortcut.key) return true;\n  if (/^[a-z0-9]$/.test(key)) return false;\n  if (/^[a-z]$/.test(shortcut.key)) {\n    return event.code === `Key${shortcut.key.toUpperCase()}`;\n  }\n  if (/^[0-9]$/.test(shortcut.key)) {\n    return event.code === `Digit${shortcut.key}`;\n  }\n  return false;\n};\n\n/** Input types that take no typing, so a shortcut pressed in one still counts. */\nconst untypedInputs = new Set([\n  'button',\n  'checkbox',\n  'color',\n  'file',\n  'hidden',\n  'image',\n  'radio',\n  'range',\n  'reset',\n  'submit',\n]);\n\n/**\n * Whether a keydown happened while the user was typing: in a text field, a\n * text area, a select, or editable content. The composed path's first entry\n * is the element itself, even inside a shadow root.\n */\nconst isTyping = (event: KeyboardEvent): boolean => {\n  const target = event.composedPath()[0] as Partial<Element> | undefined;\n  if (typeof target?.closest !== 'function') return false;\n  const element = target as Element;\n  const editable = element.closest('[contenteditable]');\n  if (editable && editable.getAttribute('contenteditable') !== 'false') {\n    return true;\n  }\n  const tag = element.tagName;\n  if (tag === 'TEXTAREA' || tag === 'SELECT') return true;\n  return (\n    tag === 'INPUT' &&\n    !untypedInputs.has((element as HTMLInputElement).type.toLowerCase())\n  );\n};\n\n/**\n * The Command in a modal, a command palette, opened by its `shortcut` or by `open`, that closes once an item has run.\n *\n * It renders nothing while it's closed. Open, it's a `Modal` with a\n * background and the Command's box as the `dialog`, named by `label`:\n * focus goes to the search field, Tab stays inside, Escape and a click on\n * the background close it, the page behind it doesn't scroll, and focus goes\n * back to where it was when it closes.\n *\n * @function\n * @param {CommandDialogProps} props - Props for the Command.Dialog component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the `div.command` that is the dialog.\n * @returns {JSX.Element | null} The dialog, or nothing while it's closed.\n */\nexport const CommandDialog = forwardRef<HTMLDivElement, CommandDialogProps>(\n  (\n    {\n      open: controlledOpen,\n      defaultOpen = false,\n      onOpenChange,\n      shortcut,\n      closeOnSelect = true,\n      clearOnClose = true,\n      portal,\n      label,\n      query: controlledQuery,\n      defaultQuery = '',\n      onQueryChange,\n      onSelect,\n      className,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      ...props\n    },\n    ref\n  ) => {\n    const [ownOpen, setOwnOpen] = useState(defaultOpen);\n    const open = controlledOpen ?? ownOpen;\n    // Only ever asked for the other state: the shortcut listens while it's\n    // closed, and everything that closes it is there while it's open.\n    const setOpen = (next: boolean) => {\n      if (controlledOpen === undefined) setOwnOpen(next);\n      onOpenChange?.(next);\n    };\n\n    // The search is held here rather than in the Command, which is only\n    // mounted while the dialog is open, so it can outlive a close when\n    // `clearOnClose` is off.\n    const [ownQuery, setOwnQuery] = useState(defaultQuery);\n    const query = controlledQuery ?? ownQuery;\n    const setQuery = (next: string) => {\n      if (controlledQuery === undefined) setOwnQuery(next);\n      onQueryChange?.(next);\n    };\n    // Closing clears the search, however the dialog closed. Our own is\n    // cleared during render, React's pattern for adjusting state when other\n    // state changes, and a controlled one is asked for after the commit.\n    const [shownOpen, setShownOpen] = useState(open);\n    if (shownOpen !== open) {\n      setShownOpen(open);\n      if (!open && clearOnClose && controlledQuery === undefined) {\n        setOwnQuery('');\n      }\n    }\n    const wasOpenRef = useRef(open);\n    const clearRef = useLatestRef(() => {\n      if (clearOnClose && controlledQuery !== undefined && query !== '') {\n        onQueryChange?.('');\n      }\n    });\n    useEffect(() => {\n      const wasOpen = wasOpenRef.current;\n      wasOpenRef.current = open;\n      if (wasOpen && !open) clearRef.current();\n    }, [open, clearRef]);\n\n    if (controlledOpen === undefined && !defaultOpen && !shortcut) {\n      warnOnce(\n        'Command.Dialog:no-opener',\n        '[bestax-bulma] <Command.Dialog> has no way to open. Give it a ' +\n          'shortcut, or open and onOpenChange.'\n      );\n    }\n    if (shortcut && !parseShortcut(shortcut)) {\n      warnOnce(\n        `Command.Dialog:shortcut:${shortcut}`,\n        `[bestax-bulma] <Command.Dialog> can't read the shortcut ` +\n          `\"${shortcut}\". Write modifiers and a key joined by +, such as ` +\n          `\"mod+k\", where the modifiers are mod, ctrl, meta, alt and shift.`\n      );\n    }\n\n    const openFromShortcut = useLatestRef(() => setOpen(true));\n    useEffect(() => {\n      const combination = shortcut ? parseShortcut(shortcut) : null;\n      if (!combination || open) return undefined;\n      const onKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.defaultPrevented ||\n          event.isComposing ||\n          event.keyCode === 229 ||\n          !matchesShortcut(event, combination) ||\n          isTyping(event) ||\n          // A Modal, a Dialog, a Sidebar with its overlay or a full-page\n          // Loading has the page shut off, so the key isn't the page's. A\n          // Sidebar without one leaves the page in use, so it still opens.\n          isModalOverlayOpen()\n        ) {\n          return;\n        }\n        // The browser's own use of the combination, such as Ctrl+K's search\n        // in the address bar, doesn't happen as well.\n        event.preventDefault();\n        openFromShortcut.current();\n      };\n      // On `window`, where a keydown arrives last, so anything on the page\n      // that used the key first has said so with `preventDefault()`.\n      window.addEventListener('keydown', onKeyDown);\n      return () => window.removeEventListener('keydown', onKeyDown);\n    }, [shortcut, open, openFromShortcut]);\n\n    const dialogClass = usePrefixedClassNames('command-dialog');\n\n    if (!open) return null;\n\n    const close = () => setOpen(false);\n    const run = (value: string) => {\n      onSelect?.(value);\n      if (closeOnSelect) close();\n    };\n\n    return (\n      <Modal isActive onClose={close} role=\"presentation\" portal={portal}>\n        <Modal.Background onClick={close} />\n        <CommandRoot\n          {...(props as CommandProps)}\n          ref={ref}\n          className={classNames(dialogClass, className)}\n          label={label}\n          query={query}\n          onQueryChange={setQuery}\n          onSelect={run}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={\n            ariaLabelledBy === undefined\n              ? ariaLabel || label || defaultLabel\n              : ariaLabel\n          }\n          aria-labelledby={ariaLabelledBy}\n        />\n      </Modal>\n    );\n  }\n);\nCommandDialog.displayName = 'CommandDialog';\n\n/** Command with Input, List, Group, Item, Empty and Dialog sub-components. */\nexport const Command = withSubComponents(\n  CommandRoot,\n  {\n    Input: CommandInput,\n    List: CommandList,\n    Group: CommandGroup,\n    Item: CommandItem,\n    Empty: CommandEmpty,\n    Dialog: CommandDialog,\n  },\n  'Command'\n);\n\nexport default Command;\n"],"names":["typedNoMatches","nothingToAnnounce","isShown","noop","registerNothing","standalone","setRefs","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Command.js","sources":["../../../src/components/Command.tsx"],"sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport { useClientLayoutEffect } from '../helpers/useClientLayoutEffect';\nimport { useLatestRef } from '../helpers/useLatestRef';\nimport { flattenChildren } from '../helpers/flattenChildren';\nimport { warnOnce } from '../helpers/devWarnings';\nimport { useLocaleMatcher, type TextMatcher } from '../helpers/localeFormat';\nimport { isModalOverlayOpen } from '../helpers/overlayStack';\nimport { StatusRegion, spokenText } from '../helpers/statusRegion';\nimport {\n  ComboboxEngine,\n  useComboboxEngine,\n} from '../helpers/useComboboxEngine';\nimport { Input, InputProps } from '../form/Input';\nimport { Modal } from './Modal';\n\n/** What names a Command that's given no `label`. */\nconst defaultLabel = 'Commands';\n\n/** What a Command given `actions` shows when nothing matches, unless it's given `empty`. */\nconst defaultEmpty = 'No results';\n\n// What the status region announces: the `Command.Empty` content, as the one\n// item it's handed while that content is on screen because of the user's\n// typing.\nconst typedNoMatches = [{ id: 'empty' }];\nconst nothingToAnnounce: Array<{ id: string }> = [];\n\n/** Whether a slot was given something to show. */\nconst isShown = (node: React.ReactNode): boolean =>\n  node !== undefined && node !== null && node !== false && node !== '';\n\n/** One action in a Command's `actions`. */\nexport interface CommandAction {\n  /** Unique within the Command. It's the item's `value`, so `onSelect` hands it back. */\n  id: string;\n  /** What the item shows, and what typing matches first. */\n  label: string;\n  /**\n   * A line under the label, such as what the action does or where it goes.\n   * Typing matches it too, after the labels. A screen reader hears it after\n   * the label, as the item's description.\n   */\n  description?: string;\n  /**\n   * More words typing matches, after the labels, such as `['theme']` for\n   * \"Dark mode\". They aren't shown.\n   */\n  keywords?: string[];\n  /**\n   * The heading the action goes under. Groups show in the order the matches\n   * first name them, so the best match is always on top, and the actions with\n   * no group show together where the first of them is.\n   */\n  group?: string;\n  /** Shown before the label, and hidden from assistive tech. */\n  icon?: React.ReactNode;\n  /**\n   * Shown at the end of the row, such as the action's own keyboard shortcut in\n   * a `Kbd.Group`, or a `Tag`. It only shows: nothing listens for a shortcut\n   * written here. A screen reader hears it after the label, with the\n   * description.\n   */\n  hint?: React.ReactNode;\n  /** Shown, and reached with the arrows so a screen reader user finds it, but never run. */\n  disabled?: boolean;\n  /** Runs the action, when it's picked with Enter or a click, before the Command's `onSelect`. */\n  onSelect?: () => void;\n}\n\n/** What a Command takes whether it's given `actions` or built from parts. */\ninterface CommandBaseProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'onSelect'>,\n    Omit<BulmaClassesProps, 'color'> {\n  /**\n   * What the Command is for, such as \"Commands\" or \"Settings\". It's never\n   * shown: it names the search field and the list for assistive tech, and in\n   * `Command.Dialog` the dialog too. An empty string counts as none.\n   * @defaultValue 'Commands'\n   */\n  label?: string;\n  /**\n   * The search, controlled: the text in the field. Pair it with\n   * `onQueryChange`.\n   */\n  query?: string;\n  /**\n   * The search to start with when uncontrolled.\n   * @defaultValue ''\n   */\n  defaultQuery?: string;\n  /**\n   * Called with the search as the user types it. Built from parts, this is\n   * where the app filters its items.\n   */\n  onQueryChange?: (query: string) => void;\n  /**\n   * Called with the picked item's `value`, an action's `id`, when it's run\n   * with Enter or a click, after the item's own `onSelect`. A disabled item\n   * is never run.\n   */\n  onSelect?: (value: string) => void;\n}\n\n/** Props for a Command given `actions`. */\nexport interface CommandActionsProps extends CommandBaseProps {\n  /**\n   * The actions, for a Command that renders the field, the list, the groups\n   * and the empty message itself. Typing filters them by label, keywords and\n   * description, ignoring case, with label matches first. Inside a\n   * `LocaleProvider` with a `locale`, it ignores accents too where that\n   * language does, so \"cafe\" finds \"Café\". Leave it out to build the\n   * Command from parts.\n   */\n  actions: CommandAction[];\n  /**\n   * Takes over the filtering, with `actions`: it's handed the search as typed\n   * and every action, and returns the ones to show, in the order to show\n   * them, which is how to plug in fuzzy matching or cut the list short. It's\n   * called with an empty search too.\n   */\n  filter?: (query: string, actions: CommandAction[]) => CommandAction[];\n  /** The field's placeholder, with `actions`. */\n  placeholder?: string;\n  /**\n   * What shows in place of the list, with `actions`, when nothing matches.\n   * It's announced the way `Command.Empty` is. `null` shows nothing.\n   * @defaultValue 'No results'\n   */\n  empty?: React.ReactNode;\n  /** @internal With `actions`, the Command renders its own parts. */\n  children?: never;\n}\n\n/** Props for a Command built from parts. */\nexport interface CommandPartsProps extends CommandBaseProps {\n  /**\n   * The parts, in order: `Command.Input`, then `Command.List` while there are\n   * items and `Command.Empty` while there aren't. Nothing filters them, so\n   * render the items that match the search `onQueryChange` reports. With\n   * `actions` there are none to give: children given with it are ignored,\n   * with a warning in development.\n   */\n  children?: React.ReactNode;\n  /** @internal Built from parts, the app renders the items. */\n  actions?: never;\n  /** @internal Built from parts, the app filters. */\n  filter?: never;\n  /** @internal Built from parts, `Command.Input` takes the placeholder. */\n  placeholder?: never;\n  /** @internal Built from parts, `Command.Empty` is the empty message. */\n  empty?: never;\n}\n\n/**\n * Props for the Command component: given `actions`, it renders, filters and\n * groups them itself, and without them it's built from parts. The helper\n * props, the other attributes and the `ref` land on the `div.command` around\n * the field and the list.\n *\n * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the `div.command` around the field and the list.\n */\nexport type CommandProps = CommandActionsProps | CommandPartsProps;\n\n/** What Command.Dialog takes on top of a Command's props. */\ninterface CommandDialogOwnProps {\n  /** Controlled open state. When set, opening and closing only report through `onOpenChange`. */\n  open?: boolean;\n  /**\n   * Initial open state when uncontrolled.\n   * @defaultValue false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Called with the open state asked for: `true` from the `shortcut`, and\n   * `false` from Escape, a click on the background, or a pick while\n   * `closeOnSelect` is on. Fires in controlled and uncontrolled use.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * A key combination that opens the dialog from anywhere on the page, such\n   * as `\"mod+k\"`: modifiers and a key joined by `+`, where `mod` is Ctrl or\n   * ⌘ (either one, on every platform), and the others are `ctrl`, `meta`,\n   * `alt` and `shift`. It's ignored while the user is typing in a text field,\n   * a select or editable content, while an IME is composing, while a modal\n   * overlay is open (a `Modal`, a `Dialog`, a `Sidebar` with its overlay or a\n   * full-page `Loading`), and when something else has already used the key.\n   * It only opens the dialog. Off unless given.\n   */\n  shortcut?: string;\n  /**\n   * Closes the dialog once an item has run. Turn it off for an item that\n   * opens another page of the palette, and close it yourself with `open`.\n   * @defaultValue true\n   */\n  closeOnSelect?: boolean;\n  /**\n   * Clears the search when the dialog closes: an uncontrolled one itself,\n   * and a controlled one through `onQueryChange('')`.\n   * @defaultValue true\n   */\n  clearOnClose?: boolean;\n  /**\n   * Renders the dialog into a portal target instead of inline. Forwarded to\n   * the underlying `Modal`; see its `portal` prop for the accepted values.\n   * @defaultValue false\n   */\n  portal?: boolean | string | HTMLElement;\n}\n\n/** Props for a Command.Dialog given `actions`. */\nexport interface CommandDialogActionsProps\n  extends CommandActionsProps, CommandDialogOwnProps {}\n\n/** Props for a Command.Dialog built from parts. */\nexport interface CommandDialogPartsProps\n  extends CommandPartsProps, CommandDialogOwnProps {}\n\n/**\n * Props for Command.Dialog, the Command in a modal: a Command's props, given\n * `actions` or built from parts, and the dialog's own. The helper props, the\n * other attributes and the `ref` land on the `div.command` that is the\n * dialog.\n *\n * @extraProp {React.Ref<HTMLDivElement>} [ref] - Ref forwarded to the `div.command` that is the dialog.\n */\nexport type CommandDialogProps =\n  CommandDialogActionsProps | CommandDialogPartsProps;\n\n/**\n * Props for Command.Input, the search field. It renders `Input`, so its\n * icons, `isLoading` and `color` work as they do there. Its text is the\n * Command's `query`, and it's `autoComplete=\"off\"`, so the browser's own\n * suggestions don't open over the list: neither is yours to set.\n */\nexport type CommandInputProps = Omit<\n  InputProps,\n  // By name, since the docs read only names out of an Omit. The Field props:\n  | 'label'\n  | 'labelSize'\n  | 'labelProps'\n  | 'horizontal'\n  | 'message'\n  | 'messageColor'\n  | 'fieldClassName'\n  // And what the Command sets on the field itself:\n  | 'role'\n  | 'autoComplete'\n  | 'value'\n  | 'defaultValue'\n>;\n\n/**\n * Props for Command.List, the list. Its `id` is the one the field's\n * `aria-controls` names, so it isn't yours to set.\n */\nexport interface CommandListProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'role' | 'id'\n> {\n  /** `Command.Item`s and `Command.Group`s, in the order they're shown. */\n  children?: React.ReactNode;\n}\n\n/** Props for Command.Group, items under a heading. */\nexport interface CommandGroupProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'role'\n> {\n  /**\n   * The heading, which also names the group for assistive tech, unless you\n   * give the group an `aria-label` or `aria-labelledby` of its own.\n   */\n  label: React.ReactNode;\n  /** The group's `Command.Item`s. */\n  children?: React.ReactNode;\n}\n\n/**\n * Props for Command.Item, one thing to do in the list. Its `id` follows from\n * its `value`, since the field's `aria-activedescendant` names it, so it\n * isn't yours to set.\n */\nexport interface CommandItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'role' | 'onSelect' | 'id'\n> {\n  /** What the Command's `onSelect` hands back. Unique within the Command. */\n  value: string;\n  /**\n   * Can't be run. The arrows still reach it, so a screen reader user finds\n   * it, and it's never `aria-selected`.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /** Runs the item, when it's picked with Enter or a click, before the Command's `onSelect`. */\n  onSelect?: () => void;\n  /** Shown before the label, and hidden from assistive tech. */\n  icon?: React.ReactNode;\n  /**\n   * A line under the label. A screen reader hears it after the label, as the\n   * item's description.\n   */\n  description?: React.ReactNode;\n  /**\n   * Shown at the end of the row, such as a keyboard shortcut in a\n   * `Kbd.Group`, or a `Tag`. It only shows. A screen reader hears it after\n   * the label, with the description.\n   */\n  hint?: React.ReactNode;\n  /** The label, which names the item. */\n  children?: React.ReactNode;\n}\n\n/** Props for Command.Empty, the message shown in place of the list. */\nexport interface CommandEmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * The message, such as \"No commands match\". Its text is announced when\n   * typing brings it on screen and isn't read again while it stays, so a\n   * message that names the search is heard for the first search only.\n   */\n  children?: React.ReactNode;\n}\n\n/** A handler an item registers, read when it's run. */\ntype ItemHandler = { readonly current: (() => void) | undefined };\n\n/** What the Command hands its parts. */\ninterface CommandContextValue {\n  engine: ComboboxEngine;\n  /** What names the field and the list. */\n  label: string;\n  /** The search. */\n  query: string;\n  /** A change to the field's value, which is the user typing. */\n  onFieldChange: (value: string) => void;\n  /** Tells the Command the field's `isLoading`, which holds the empty message's announcement. */\n  reportLoading: (loading: boolean) => void;\n  /** Records the empty message while it's on screen. Returns the function that forgets it. */\n  reportEmpty: (element: HTMLElement) => () => void;\n  /** Records an item's `onSelect`. Returns the function that forgets it. */\n  registerHandler: (value: string, handler: ItemHandler) => () => void;\n}\n\nconst noop = () => {};\nconst registerNothing = () => noop;\n\n// What a part rendered outside a Command reads: nothing to report to, so it\n// renders its markup and does nothing.\nconst standalone: CommandContextValue = {\n  engine: {\n    open: false,\n    expanded: false,\n    highlighted: null,\n    typed: false,\n    listboxId: '',\n    itemId: () => '',\n    rootRef: { current: null },\n    inputRef: { current: null },\n    listboxRef: { current: null },\n    registerPopup: registerNothing,\n    registerItem: registerNothing,\n    onKeyDown: noop,\n    onChange: noop,\n    onClick: noop,\n    onBlur: noop,\n    hover: noop,\n    pick: noop,\n    keepFocus: noop,\n    markInside: noop,\n  },\n  label: defaultLabel,\n  query: '',\n  onFieldChange: noop,\n  reportLoading: noop,\n  reportEmpty: registerNothing,\n  registerHandler: registerNothing,\n};\n\nconst CommandContext = createContext<CommandContextValue | null>(null);\n\nconst useCommand = () => useContext(CommandContext) ?? standalone;\n\n/** Hands a node to a forwarded ref and to one of the component's own. */\nfunction setRefs<T>(\n  node: T | null,\n  own: React.MutableRefObject<T | null>,\n  forwarded: React.ForwardedRef<T>\n) {\n  own.current = node;\n  if (typeof forwarded === 'function') forwarded(node);\n  else if (forwarded) forwarded.current = node;\n}\n\n/**\n * The default filter: the actions whose label, keywords or description hold\n * the search, ignoring case and the spaces around it, label matches first and\n * the order otherwise kept. An empty search keeps them all. `matchText`, a\n * `LocaleProvider`'s locale-aware matcher, replaces the lowercased\n * comparison when there is one.\n */\nconst filterActions = (\n  query: string,\n  actions: CommandAction[],\n  matchText?: TextMatcher | null\n): CommandAction[] => {\n  const search = query.trim();\n  if (search === '') return actions;\n  const term = search.toLowerCase();\n  const holds = matchText\n    ? (text: string) => matchText(text, search)\n    : (text: string) => text.toLowerCase().includes(term);\n  const byLabel: CommandAction[] = [];\n  const byOther: CommandAction[] = [];\n  for (const action of actions) {\n    if (holds(action.label)) {\n      byLabel.push(action);\n    } else if (\n      (action.description !== undefined && holds(action.description)) ||\n      action.keywords?.some(holds)\n    ) {\n      byOther.push(action);\n    }\n  }\n  return [...byLabel, ...byOther];\n};\n\n/** The search icon at the start of the field. */\nconst SearchIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.75\"\n    strokeLinecap=\"round\"\n    width=\"1em\"\n    height=\"1em\"\n    focusable=\"false\"\n  >\n    <circle cx=\"7\" cy=\"7\" r=\"4.75\" />\n    <path d=\"M10.5 10.5L14 14\" />\n  </svg>\n);\n\n/**\n * The Command built from parts: the field, the list, the keys and the run,\n * with the items and their filtering left to the app.\n */\nconst CommandParts = forwardRef<HTMLDivElement, CommandPartsProps>(\n  (\n    {\n      children,\n      label,\n      query: controlledQuery,\n      defaultQuery = '',\n      onQueryChange,\n      onSelect,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [ownQuery, setOwnQuery] = useState(defaultQuery);\n    const query = controlledQuery ?? ownQuery;\n\n    // Each item's `onSelect`, by value, read when it runs.\n    const handlersRef = useRef(new Map<string, ItemHandler>());\n    const registerHandler = useCallback(\n      (value: string, handler: ItemHandler) => {\n        const handlers = handlersRef.current;\n        handlers.set(value, handler);\n        return () => {\n          if (handlers.get(value) === handler) handlers.delete(value);\n        };\n      },\n      []\n    );\n    const run = (value: string) => {\n      handlersRef.current.get(value)?.current?.();\n      onSelect?.(value);\n    };\n\n    // Inline: the list is always on screen, nothing opens or closes it, and\n    // Escape goes on to what's around it. `keepFirst` keeps the highlight on\n    // the top match, so Enter runs it.\n    const engine = useComboboxEngine({\n      defaultOpen: true,\n      onSelect: run,\n      keepFirst: true,\n      multiple: false,\n      inline: true,\n      deferred: false,\n    });\n    const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n    const rootClass = usePrefixedClassNames('command');\n\n    // A polite status region, in the page from the start so it's there\n    // before anything is written into it, announces `Command.Empty` when the\n    // user's typing leaves it on screen: once each time that happens, not\n    // again on each keystroke while it stays. An empty search isn't a search,\n    // so it stays quiet then, and while the field's `isLoading` says results\n    // are on their way, it waits.\n    const [inputLoading, setInputLoading] = useState(false);\n    const emptyRef = useRef<HTMLElement | null>(null);\n    const [emptyShown, setEmptyShown] = useState(false);\n    const announced =\n      engine.typed && query !== '' && emptyShown && !inputLoading\n        ? typedNoMatches\n        : nothingToAnnounce;\n    // The region reads the text on screen, whatever the message renders.\n    const describeEmpty = useCallback(() => {\n      const node = emptyRef.current;\n      /* istanbul ignore if: it's only announced while it's on screen */\n      if (!node) return null;\n      return spokenText(node);\n    }, []);\n    const reportEmpty = useCallback((element: HTMLElement) => {\n      emptyRef.current = element;\n      setEmptyShown(true);\n      return () => {\n        emptyRef.current = null;\n        setEmptyShown(false);\n      };\n    }, []);\n\n    const onFieldChange = (value: string) => {\n      if (controlledQuery === undefined) setOwnQuery(value);\n      onQueryChange?.(value);\n      engine.onChange();\n    };\n\n    // A new value each render: the engine's state and handlers are, and the\n    // parts read the highlight from it.\n    const context: CommandContextValue = {\n      engine,\n      label: label || defaultLabel,\n      query,\n      onFieldChange,\n      reportLoading: setInputLoading,\n      reportEmpty,\n      registerHandler,\n    };\n\n    const { rootRef } = engine;\n    const rootRefs = useCallback(\n      (node: HTMLDivElement | null) => setRefs(node, rootRef, ref),\n      [rootRef, ref]\n    );\n\n    return (\n      // The ref after the spread, so the element stays the Command's.\n      <div\n        className={classNames(rootClass, bulmaHelperClasses, className)}\n        {...rest}\n        ref={rootRefs}\n      >\n        <CommandContext.Provider value={context}>\n          {children}\n        </CommandContext.Provider>\n        <StatusRegion items={announced} describe={describeEmpty} />\n      </div>\n    );\n  }\n);\nCommandParts.displayName = 'CommandParts';\n\n/**\n * The search field, with the combobox role and the keys, rendered as an `Input` with a search icon.\n *\n * @function\n * @param {CommandInputProps} props - Props for the Command.Input component.\n * @param {React.Ref<HTMLInputElement>} ref - Forwarded ref to the `<input>`.\n * @returns {JSX.Element} The field in its Control.\n */\nexport const CommandInput = forwardRef<HTMLInputElement, CommandInputProps>(\n  (\n    {\n      isLoading,\n      iconLeft,\n      iconLeftName,\n      onKeyDown,\n      onChange,\n      onClick,\n      onBlur,\n      'aria-autocomplete': ariaAutocomplete,\n      ...props\n    },\n    ref\n  ) => {\n    const context = useCommand();\n    const { engine, reportLoading } = context;\n    useClientLayoutEffect(() => {\n      reportLoading(!!isLoading);\n      return () => reportLoading(false);\n    }, [reportLoading, isLoading]);\n    const { inputRef } = engine;\n    const inputRefs = useCallback(\n      (node: HTMLInputElement | null) => setRefs(node, inputRef, ref),\n      [inputRef, ref]\n    );\n    const { expanded, highlighted } = engine;\n    // A name the caller gave the field wins over the Command's `label`.\n    const callerNamed = !!props['aria-label'] || 'aria-labelledby' in props;\n\n    return (\n      // The attributes the Command owns after the caller's, so a stray\n      // `aria-expanded` never wins. A search isn't prose, so the browser's\n      // spelling and autocorrect stay out of it unless the caller asks.\n      <Input\n        autoCorrect=\"off\"\n        spellCheck={false}\n        {...props}\n        ref={inputRefs}\n        value={context.query}\n        iconLeft={\n          iconLeft === undefined && !iconLeftName ? <SearchIcon /> : iconLeft\n        }\n        iconLeftName={iconLeftName}\n        isLoading={isLoading}\n        aria-label={callerNamed ? props['aria-label'] : context.label}\n        role=\"combobox\"\n        aria-autocomplete={ariaAutocomplete ?? 'list'}\n        aria-haspopup=\"listbox\"\n        aria-expanded={expanded}\n        aria-controls={expanded ? engine.listboxId : undefined}\n        aria-activedescendant={\n          expanded && highlighted !== null\n            ? engine.itemId(highlighted)\n            : undefined\n        }\n        autoComplete=\"off\"\n        onKeyDown={event => {\n          onKeyDown?.(event);\n          engine.onKeyDown(event);\n        }}\n        onChange={event => {\n          onChange?.(event);\n          context.onFieldChange(event.target.value);\n        }}\n        onClick={event => {\n          onClick?.(event);\n          if (!event.defaultPrevented) engine.onClick();\n        }}\n        onBlur={event => {\n          onBlur?.(event);\n          engine.onBlur(event);\n        }}\n      />\n    );\n  }\n);\nCommandInput.displayName = 'CommandInput';\n\n/**\n * The list of items, a `listbox` named by the Command's `label`.\n *\n * @function\n * @param {CommandListProps} props - Props for the Command.List component.\n * @returns {JSX.Element} The listbox.\n */\nexport const CommandList: React.FC<CommandListProps> = ({\n  children,\n  className,\n  onMouseDown,\n  ...props\n}) => {\n  const { engine, label } = useCommand();\n  const { listboxRef, listboxId, keepFocus } = engine;\n  const listClass = usePrefixedClassNames('command-list');\n  // A name the caller gave the list wins over the Command's.\n  const callerNamed = !!props['aria-label'] || 'aria-labelledby' in props;\n  return (\n    <div\n      className={classNames(listClass, className)}\n      {...props}\n      ref={listboxRef}\n      id={listboxId || undefined}\n      role=\"listbox\"\n      aria-label={callerNamed ? props['aria-label'] : label}\n      onMouseDown={event => {\n        onMouseDown?.(event);\n        keepFocus(event);\n      }}\n    >\n      {children}\n    </div>\n  );\n};\nCommandList.displayName = 'CommandList';\n\n/**\n * Items under a heading, a `group` named by it.\n *\n * @function\n * @param {CommandGroupProps} props - Props for the Command.Group component.\n * @returns {JSX.Element} The group and its heading.\n */\nexport const CommandGroup: React.FC<CommandGroupProps> = ({\n  label,\n  children,\n  className,\n  ...props\n}) => {\n  const labelId = useId();\n  const groupClass = usePrefixedClassNames('command-group');\n  const labelClass = usePrefixedClassNames('command-group-label');\n  // A name the caller gave the group wins over its heading's, as on the list.\n  const callerNamed = !!props['aria-label'] || 'aria-labelledby' in props;\n  return (\n    <div\n      className={classNames(groupClass, className)}\n      {...props}\n      role=\"group\"\n      aria-labelledby={callerNamed ? props['aria-labelledby'] : labelId}\n    >\n      <div className={labelClass} id={labelId}>\n        {label}\n      </div>\n      {children}\n    </div>\n  );\n};\nCommandGroup.displayName = 'CommandGroup';\n\n/**\n * One thing to do in the list, named by its label and described by its description and hint.\n *\n * @function\n * @param {CommandItemProps} props - Props for the Command.Item component.\n * @returns {JSX.Element} The item.\n */\nexport const CommandItem: React.FC<CommandItemProps> = ({\n  value,\n  disabled = false,\n  onSelect,\n  icon,\n  description,\n  hint,\n  children,\n  className,\n  onClick,\n  onPointerMove,\n  ...props\n}) => {\n  const { engine, registerHandler } = useCommand();\n  const itemRef = useRef<HTMLDivElement>(null);\n  const { registerItem } = engine;\n  useClientLayoutEffect(\n    () =>\n      registerItem(itemRef.current as HTMLDivElement, {\n        value,\n        disabled,\n        checked: false,\n      }),\n    [registerItem, value, disabled]\n  );\n  const onSelectRef = useLatestRef(onSelect);\n  useClientLayoutEffect(\n    () => registerHandler(value, onSelectRef),\n    [registerHandler, value, onSelectRef]\n  );\n  const highlighted = engine.highlighted === value;\n  const itemClass = usePrefixedClassNames('command-item', {\n    'is-active': highlighted,\n    'is-disabled': disabled,\n  });\n  const iconClass = usePrefixedClassNames('command-item-icon');\n  const bodyClass = usePrefixedClassNames('command-item-body');\n  const labelClass = usePrefixedClassNames('command-item-label');\n  const descriptionClass = usePrefixedClassNames('command-item-description');\n  const hintClass = usePrefixedClassNames('command-item-hint');\n\n  // Named by its label alone, so a screen reader says what it does before\n  // the rest, and described by the description and the hint.\n  const baseId = useId();\n  const labelId = `${baseId}label`;\n  const descriptionId = isShown(description)\n    ? `${baseId}description`\n    : undefined;\n  const hintId = isShown(hint) ? `${baseId}hint` : undefined;\n  const describedBy =\n    [descriptionId, hintId].filter(Boolean).join(' ') || undefined;\n  const callerNamed = !!props['aria-label'] || 'aria-labelledby' in props;\n\n  return (\n    <div\n      className={classNames(itemClass, className)}\n      aria-describedby={describedBy}\n      {...props}\n      ref={itemRef}\n      id={engine.itemId(value) || undefined}\n      role=\"option\"\n      // The highlighted option, as the ARIA Authoring Practices' combobox\n      // has it, and no attribute on the rest. Never a disabled option.\n      aria-selected={disabled ? undefined : highlighted || undefined}\n      aria-disabled={disabled || undefined}\n      aria-labelledby={callerNamed ? props['aria-labelledby'] : labelId}\n      onClick={event => {\n        onClick?.(event);\n        if (!disabled && !event.defaultPrevented) engine.pick(value);\n      }}\n      onPointerMove={event => {\n        onPointerMove?.(event);\n        if (!disabled && !highlighted) engine.hover(value);\n      }}\n    >\n      {isShown(icon) && (\n        <span className={iconClass} aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      <span className={bodyClass}>\n        <span className={labelClass} id={labelId}>\n          {children}\n        </span>\n        {descriptionId && (\n          <span className={descriptionClass} id={descriptionId}>\n            {description}\n          </span>\n        )}\n      </span>\n      {hintId && (\n        <span className={hintClass} id={hintId}>\n          {hint}\n        </span>\n      )}\n    </div>\n  );\n};\nCommandItem.displayName = 'CommandItem';\n\n/**\n * The message shown in place of the list when nothing matches, announced when typing brings it on screen.\n *\n * @function\n * @param {CommandEmptyProps} props - Props for the Command.Empty component.\n * @returns {JSX.Element} The message.\n */\nexport const CommandEmpty: React.FC<CommandEmptyProps> = ({\n  children,\n  className,\n  onMouseDown,\n  ...props\n}) => {\n  const { engine, reportEmpty } = useCommand();\n  const emptyRef = useRef<HTMLDivElement>(null);\n  useClientLayoutEffect(\n    () => reportEmpty(emptyRef.current as HTMLDivElement),\n    [reportEmpty]\n  );\n  const emptyClass = usePrefixedClassNames('command-empty');\n  return (\n    <div\n      className={classNames(emptyClass, className)}\n      {...props}\n      ref={emptyRef}\n      onMouseDown={event => {\n        onMouseDown?.(event);\n        engine.keepFocus(event);\n      }}\n    >\n      {children}\n    </div>\n  );\n};\nCommandEmpty.displayName = 'CommandEmpty';\n\n/** What a Command given `actions` renders inside its parts root. */\ninterface CommandActionsContentProps {\n  actions: CommandAction[];\n  filter: CommandActionsProps['filter'];\n  placeholder: string | undefined;\n  empty: React.ReactNode;\n}\n\n/**\n * The field, and the actions that match the search, grouped, or the empty\n * message. The search is the parts root's, read from its context.\n */\nconst CommandActionsContent = ({\n  actions,\n  filter,\n  placeholder,\n  empty,\n}: CommandActionsContentProps) => {\n  const { query } = useCommand();\n  const matchText = useLocaleMatcher();\n  const shown = filter\n    ? filter(query, actions)\n    : filterActions(query, actions, matchText);\n\n  // Each group where the matches first name it, and the actions with none\n  // together where the first of them is, so the best match stays on top.\n  const sections = new Map<string, CommandAction[]>();\n  for (const action of shown) {\n    const group = action.group ?? '';\n    sections.set(group, [...(sections.get(group) ?? []), action]);\n  }\n  const renderItem = (action: CommandAction) => (\n    <CommandItem\n      key={action.id}\n      value={action.id}\n      disabled={action.disabled}\n      icon={action.icon}\n      description={action.description}\n      hint={action.hint}\n      onSelect={action.onSelect}\n    >\n      {action.label}\n    </CommandItem>\n  );\n\n  return (\n    <>\n      <CommandInput placeholder={placeholder} />\n      {shown.length > 0 ? (\n        <CommandList>\n          {Array.from(sections, ([group, members]) =>\n            group ? (\n              <CommandGroup key={group} label={group}>\n                {members.map(renderItem)}\n              </CommandGroup>\n            ) : (\n              members.map(renderItem)\n            )\n          )}\n        </CommandList>\n      ) : isShown(empty) ? (\n        <CommandEmpty>{empty}</CommandEmpty>\n      ) : null}\n    </>\n  );\n};\n\n/**\n * The Command given `actions`. It renders the parts itself and filters the\n * actions as the user types, so a run goes through the same parts, keys and\n * ARIA as one built by hand.\n */\nconst CommandFromActions = forwardRef<HTMLDivElement, CommandActionsProps>(\n  (\n    { actions, filter, placeholder, empty = defaultEmpty, children, ...rest },\n    ref\n  ) => {\n    if (flattenChildren(children).length > 0) {\n      warnOnce(\n        'Command:actions-children',\n        '[bestax-bulma] <Command actions> renders its own field and items, ' +\n          'so its children are ignored. Give it actions or build it from ' +\n          'parts, not both.'\n      );\n    }\n    return (\n      <CommandParts {...rest} ref={ref}>\n        <CommandActionsContent\n          actions={actions}\n          filter={filter}\n          placeholder={placeholder}\n          empty={empty}\n        />\n      </CommandParts>\n    );\n  }\n);\nCommandFromActions.displayName = 'CommandFromActions';\n\n/**\n * The `Command` component is a search field over a list of things to do, which narrows as you type and runs the top match on Enter: inline by default, and a command palette in a modal as `Command.Dialog`.\n *\n * Given `actions`, it's one element. It renders the field, the list, the\n * groups and the empty message, and filters the actions by label, keywords\n * and description as the user types, with label matches first. `filter`\n * takes over the matching, for fuzzy search.\n *\n * Built from parts, the app owns the items: what's in the list and how it's\n * filtered, from the search `onQueryChange` reports. Nothing filters them,\n * so a server's answer shows as it came.\n *\n * Either way, focus stays in the field, and the highlighted item is its\n * `aria-activedescendant`. The first enabled item is highlighted whenever\n * the items change, so Enter runs the top match. Running an item calls its\n * own `onSelect`, then the Command's.\n *\n * When typing leaves the empty message on screen, its text is announced\n * through a polite status region, once, after any loading ends. Result\n * counts aren't announced: a screen reader reads the list's size from the\n * markup, and a count on every keystroke talks over the typing.\n *\n * @function\n * @param {CommandProps} props - Props for the Command component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the `div.command`.\n * @returns {JSX.Element} The field and its list.\n *\n * @example\n * <Command\n *   label=\"Settings\"\n *   placeholder=\"Search settings\"\n *   actions={[\n *     { id: 'profile', label: 'Edit profile', onSelect: openProfile },\n *     { id: 'theme', label: 'Dark mode', keywords: ['theme'], onSelect: toggleTheme },\n *   ]}\n * />\n *\n * @example\n * <Command label=\"People\" onQueryChange={setQuery} onSelect={openProfile}>\n *   <Command.Input placeholder=\"Find a person\" />\n *   {matches.length > 0 ? (\n *     <Command.List>\n *       {matches.map(person => (\n *         <Command.Item key={person.id} value={person.id}>\n *           {person.name}\n *         </Command.Item>\n *       ))}\n *     </Command.List>\n *   ) : (\n *     <Command.Empty>No one matches</Command.Empty>\n *   )}\n * </Command>\n */\nconst CommandRoot = forwardRef<HTMLDivElement, CommandProps>((props, ref) =>\n  props.actions === undefined ? (\n    <CommandParts {...props} ref={ref} />\n  ) : (\n    <CommandFromActions {...props} ref={ref} />\n  )\n);\n\n/** A key combination, read from a `shortcut` string. */\ninterface ParsedShortcut {\n  /** The key, lowercased, as `KeyboardEvent.key` names it. */\n  key: string;\n  mod: boolean;\n  ctrl: boolean;\n  meta: boolean;\n  alt: boolean;\n  shift: boolean;\n}\n\n/** Other names a key goes by in a `shortcut`, for the ones `key` spells otherwise. */\nconst keyAliases: Record<string, string> = {\n  space: ' ',\n  esc: 'escape',\n};\n\n/**\n * Reads a `shortcut` such as `\"mod+k\"` or `\"ctrl + shift + p\"`.\n *\n * @param shortcut - Modifiers and a key, joined by `+`.\n * @returns The combination, or `null` when it doesn't read as one.\n */\nconst parseShortcut = (shortcut: string): ParsedShortcut | null => {\n  const parts = shortcut\n    .toLowerCase()\n    .split('+')\n    .map(part => part.trim());\n  const key = parts.pop() as string;\n  if (key === '') return null;\n  const parsed: ParsedShortcut = {\n    key: keyAliases[key] ?? key,\n    mod: false,\n    ctrl: false,\n    meta: false,\n    alt: false,\n    shift: false,\n  };\n  for (const part of parts) {\n    if (part === 'mod') parsed.mod = true;\n    else if (part === 'ctrl' || part === 'control') parsed.ctrl = true;\n    else if (part === 'meta' || part === 'cmd' || part === 'command')\n      parsed.meta = true;\n    else if (part === 'alt' || part === 'option') parsed.alt = true;\n    else if (part === 'shift') parsed.shift = true;\n    else return null;\n  }\n  return parsed;\n};\n\n/**\n * Whether a keydown is the combination. `mod` takes Ctrl or ⌘, and any other\n * modifier has to be as the combination says, so `mod+k` isn't\n * `mod+shift+k`. A letter or digit is matched by its key, and by where it\n * sits on the keyboard only when the key isn't a Latin letter or digit at\n * all, as on a Cyrillic layout or with Option held on a Mac, so another\n * Latin layout's own letters keep their own shortcuts.\n */\nconst matchesShortcut = (\n  event: KeyboardEvent,\n  shortcut: ParsedShortcut\n): boolean => {\n  if (event.altKey !== shortcut.alt) return false;\n  // A symbol such as `?` already says whether Shift was down, and which key\n  // takes Shift to type it depends on the layout, so Shift is only checked\n  // for a letter, a digit or a named key, unless the combination names it.\n  const shiftMatters =\n    shortcut.shift ||\n    shortcut.key.length > 1 ||\n    /^[a-z0-9]$/.test(shortcut.key);\n  if (shiftMatters && event.shiftKey !== shortcut.shift) return false;\n  if (shortcut.mod) {\n    if (!event.ctrlKey && !event.metaKey) return false;\n  } else if (\n    event.ctrlKey !== shortcut.ctrl ||\n    event.metaKey !== shortcut.meta\n  ) {\n    return false;\n  }\n  const key = (event.key ?? '').toLowerCase();\n  if (key === shortcut.key) return true;\n  if (/^[a-z0-9]$/.test(key)) return false;\n  if (/^[a-z]$/.test(shortcut.key)) {\n    return event.code === `Key${shortcut.key.toUpperCase()}`;\n  }\n  if (/^[0-9]$/.test(shortcut.key)) {\n    return event.code === `Digit${shortcut.key}`;\n  }\n  return false;\n};\n\n/** Input types that take no typing, so a shortcut pressed in one still counts. */\nconst untypedInputs = new Set([\n  'button',\n  'checkbox',\n  'color',\n  'file',\n  'hidden',\n  'image',\n  'radio',\n  'range',\n  'reset',\n  'submit',\n]);\n\n/**\n * Whether a keydown happened while the user was typing: in a text field, a\n * text area, a select, or editable content. The composed path's first entry\n * is the element itself, even inside a shadow root.\n */\nconst isTyping = (event: KeyboardEvent): boolean => {\n  const target = event.composedPath()[0] as Partial<Element> | undefined;\n  if (typeof target?.closest !== 'function') return false;\n  const element = target as Element;\n  const editable = element.closest('[contenteditable]');\n  if (editable && editable.getAttribute('contenteditable') !== 'false') {\n    return true;\n  }\n  const tag = element.tagName;\n  if (tag === 'TEXTAREA' || tag === 'SELECT') return true;\n  return (\n    tag === 'INPUT' &&\n    !untypedInputs.has((element as HTMLInputElement).type.toLowerCase())\n  );\n};\n\n/**\n * The Command in a modal, a command palette, opened by its `shortcut` or by `open`, that closes once an item has run.\n *\n * It renders nothing while it's closed. Open, it's a `Modal` with a\n * background and the Command's box as the `dialog`, named by `label`:\n * focus goes to the search field, Tab stays inside, Escape and a click on\n * the background close it, the page behind it doesn't scroll, and focus goes\n * back to where it was when it closes.\n *\n * @function\n * @param {CommandDialogProps} props - Props for the Command.Dialog component.\n * @param {React.Ref<HTMLDivElement>} ref - Forwarded ref to the `div.command` that is the dialog.\n * @returns {JSX.Element | null} The dialog, or nothing while it's closed.\n */\nexport const CommandDialog = forwardRef<HTMLDivElement, CommandDialogProps>(\n  (\n    {\n      open: controlledOpen,\n      defaultOpen = false,\n      onOpenChange,\n      shortcut,\n      closeOnSelect = true,\n      clearOnClose = true,\n      portal,\n      label,\n      query: controlledQuery,\n      defaultQuery = '',\n      onQueryChange,\n      onSelect,\n      className,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      ...props\n    },\n    ref\n  ) => {\n    const [ownOpen, setOwnOpen] = useState(defaultOpen);\n    const open = controlledOpen ?? ownOpen;\n    // Only ever asked for the other state: the shortcut listens while it's\n    // closed, and everything that closes it is there while it's open.\n    const setOpen = (next: boolean) => {\n      if (controlledOpen === undefined) setOwnOpen(next);\n      onOpenChange?.(next);\n    };\n\n    // The search is held here rather than in the Command, which is only\n    // mounted while the dialog is open, so it can outlive a close when\n    // `clearOnClose` is off.\n    const [ownQuery, setOwnQuery] = useState(defaultQuery);\n    const query = controlledQuery ?? ownQuery;\n    const setQuery = (next: string) => {\n      if (controlledQuery === undefined) setOwnQuery(next);\n      onQueryChange?.(next);\n    };\n    // Closing clears the search, however the dialog closed. Our own is\n    // cleared during render, React's pattern for adjusting state when other\n    // state changes, and a controlled one is asked for after the commit.\n    const [shownOpen, setShownOpen] = useState(open);\n    if (shownOpen !== open) {\n      setShownOpen(open);\n      if (!open && clearOnClose && controlledQuery === undefined) {\n        setOwnQuery('');\n      }\n    }\n    const wasOpenRef = useRef(open);\n    const clearRef = useLatestRef(() => {\n      if (clearOnClose && controlledQuery !== undefined && query !== '') {\n        onQueryChange?.('');\n      }\n    });\n    useEffect(() => {\n      const wasOpen = wasOpenRef.current;\n      wasOpenRef.current = open;\n      if (wasOpen && !open) clearRef.current();\n    }, [open, clearRef]);\n\n    if (controlledOpen === undefined && !defaultOpen && !shortcut) {\n      warnOnce(\n        'Command.Dialog:no-opener',\n        '[bestax-bulma] <Command.Dialog> has no way to open. Give it a ' +\n          'shortcut, or open and onOpenChange.'\n      );\n    }\n    if (shortcut && !parseShortcut(shortcut)) {\n      warnOnce(\n        `Command.Dialog:shortcut:${shortcut}`,\n        `[bestax-bulma] <Command.Dialog> can't read the shortcut ` +\n          `\"${shortcut}\". Write modifiers and a key joined by +, such as ` +\n          `\"mod+k\", where the modifiers are mod, ctrl, meta, alt and shift.`\n      );\n    }\n\n    const openFromShortcut = useLatestRef(() => setOpen(true));\n    useEffect(() => {\n      const combination = shortcut ? parseShortcut(shortcut) : null;\n      if (!combination || open) return undefined;\n      const onKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.defaultPrevented ||\n          event.isComposing ||\n          event.keyCode === 229 ||\n          !matchesShortcut(event, combination) ||\n          isTyping(event) ||\n          // A Modal, a Dialog, a Sidebar with its overlay or a full-page\n          // Loading has the page shut off, so the key isn't the page's. A\n          // Sidebar without one leaves the page in use, so it still opens.\n          isModalOverlayOpen()\n        ) {\n          return;\n        }\n        // The browser's own use of the combination, such as Ctrl+K's search\n        // in the address bar, doesn't happen as well.\n        event.preventDefault();\n        openFromShortcut.current();\n      };\n      // On `window`, where a keydown arrives last, so anything on the page\n      // that used the key first has said so with `preventDefault()`.\n      window.addEventListener('keydown', onKeyDown);\n      return () => window.removeEventListener('keydown', onKeyDown);\n    }, [shortcut, open, openFromShortcut]);\n\n    const dialogClass = usePrefixedClassNames('command-dialog');\n\n    if (!open) return null;\n\n    const close = () => setOpen(false);\n    const run = (value: string) => {\n      onSelect?.(value);\n      if (closeOnSelect) close();\n    };\n\n    return (\n      <Modal isActive onClose={close} role=\"presentation\" portal={portal}>\n        <Modal.Background onClick={close} />\n        <CommandRoot\n          {...(props as CommandProps)}\n          ref={ref}\n          className={classNames(dialogClass, className)}\n          label={label}\n          query={query}\n          onQueryChange={setQuery}\n          onSelect={run}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={\n            ariaLabelledBy === undefined\n              ? ariaLabel || label || defaultLabel\n              : ariaLabel\n          }\n          aria-labelledby={ariaLabelledBy}\n        />\n      </Modal>\n    );\n  }\n);\nCommandDialog.displayName = 'CommandDialog';\n\n/** Command with Input, List, Group, Item, Empty and Dialog sub-components. */\nexport const Command = withSubComponents(\n  CommandRoot,\n  {\n    Input: CommandInput,\n    List: CommandList,\n    Group: CommandGroup,\n    Item: CommandItem,\n    Empty: CommandEmpty,\n    Dialog: CommandDialog,\n  },\n  'Command'\n);\n\nexport default Command;\n"],"names":["typedNoMatches","nothingToAnnounce","isShown","noop","registerNothing","standalone","setRefs","_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/ContextMenu.js

@@ -1,4 +1,5 @@
 /* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, cloneElement } from 'react';
 import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../src/components/ContextMenu.tsx"],"sourcesContent":["import React, { cloneElement, useEffect, useRef, useState } from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport { Portal } from '../helpers/portal';\nimport { useConfig } from '../helpers/Config';\nimport { useClientLayoutEffect } from '../helpers/useClientLayoutEffect';\nimport { getDeepestActiveElement, isEventInside } from '../helpers/shadowDom';\nimport { warnOnce } from '../helpers/devWarnings';\nimport {\n  useContextMenuTrigger,\n  type ContextMenuPoint,\n  type ContextMenuTriggerHandlers,\n} from '../helpers/useContextMenuTrigger';\nimport {\n  enabledMenuItems,\n  isEnabledMenuItem,\n  MENU_ITEM_SELECTOR,\n  useMenuKeys,\n} from '../helpers/useMenuKeys';\nimport { DropdownDivider, DropdownItem } from './Dropdown';\n\n/**\n * Props for the ContextMenu component. `className`, `id`, `aria-label`, the\n * other HTML attributes and the helper props land on the menu\n * (`role=\"menu\"`). The trigger keeps its own.\n * @extraProp {string} [aria-label] - The menu's accessible name, such as \"Actions for report.pdf\". There's no button to borrow a name from, so pass this or `aria-labelledby`, and a development build warns when the menu opens with neither.\n * @extraProp {string} [className] - Additional classes for the menu (`role=\"menu\"`). The trigger keeps its own.\n */\nexport interface ContextMenuProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'children'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /**\n   * The element a right-click, Shift+F10, the context menu key or a long\n   * press opens the menu from: a table row, a card, an image. It's cloned,\n   * not wrapped, so a row stays a row, which means it has to be a single\n   * element that passes `className` and the `onContextMenu`,\n   * `onPointerDown`, `onPointerMove`, `onPointerUp`, `onPointerCancel` and\n   * `onTouchEnd` handlers to its DOM node. Its own handlers for those run\n   * first, and one that calls `preventDefault()` on `contextmenu` keeps the\n   * menu closed. A `ContextMenu` inside it opens instead of this one.\n   *\n   * It gets no ARIA and no tab stop, since it can be any element and a\n   * right-click isn't an activation. Keyboard users reach it through\n   * something focusable inside it, such as the row's own `Dropdown` button,\n   * or a `tabIndex={0}` you give it, and press Shift+F10 or the context menu\n   * key there. It gets `-webkit-touch-callout: none`, so iOS doesn't put its\n   * own callout for a link or an image over the menu. A long press still\n   * selects text the way it does anywhere, so give a region where it\n   * shouldn't `interaction=\"unselectable\"`.\n   */\n  trigger: React.ReactElement;\n  /**\n   * The menu's items: `ContextMenu.Item` and `ContextMenu.Divider`, the same\n   * components as `Dropdown.Item` and `Dropdown.Divider`. Every action in it\n   * needs a visible way in as well, such as a `Dropdown` on the same row:\n   * nothing tells a screen reader user the menu is there, and on macOS only\n   * VoiceOver opens it from the keyboard.\n   */\n  children: React.ReactNode;\n  /**\n   * Called with `true` when the menu opens and `false` when it closes,\n   * whatever closed it, such as for highlighting the row whose menu is open.\n   * Nothing fires after ContextMenu unmounts. There's no `open` prop to go\n   * with it: a menu opened from code has no point to open at.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Close the menu when an item is clicked, or activated with Enter or\n   * Space. A click on a divider or between items leaves it open either way.\n   */\n  closeOnClick?: boolean;\n  /**\n   * Leave the trigger to the browser: a right-click shows the browser's own\n   * menu, a long press does what it does anywhere, and an open menu closes.\n   */\n  disabled?: boolean;\n}\n\n/** Where the menu goes once it's measured. */\ninterface Placement {\n  /** The box's corner in the viewport, which the menu hangs from. */\n  top: number;\n  left: number;\n  /** The menu sits above the box rather than below it. */\n  up: boolean;\n  /** The menu sits to the left of the box rather than to its right. */\n  right: boolean;\n}\n\n/** An open menu. */\ninterface OpenMenu {\n  point: ContextMenuPoint;\n  /** The trigger's document, where presses and scrolling are watched. */\n  doc: Document;\n  /** Unset until the menu is measured, which happens before it paints. */\n  placed?: Placement;\n}\n\n/**\n * Where the menu goes along one axis, from the point at `at`: after it when\n * there's room, before it when there's room there instead, and otherwise\n * moved in until it fits in `room`.\n */\nfunction placeAlong(\n  at: number,\n  size: number,\n  room: number\n): { start: number; flip: boolean } {\n  if (at + size <= room) return { start: at, flip: false };\n  if (at - size >= 0) return { start: at, flip: true };\n  return { start: Math.max(0, room - size), flip: false };\n}\n\n/** Runs the trigger's own handler, then the context menu's. */\nfunction chain<E>(\n  own: ((event: E) => void) | undefined,\n  ours: (event: E) => void\n): (event: E) => void {\n  return event => {\n    own?.(event);\n    ours(event);\n  };\n}\n\n/**\n * The `ContextMenu` component opens a menu of actions where you right-click an element, such as a table row or a card, or long press it on a touch screen.\n *\n * Shift+F10 and the context menu key open it too, where the browser fires\n * `contextmenu` for them, which Windows and Linux do. The menu is Dropdown's\n * markup, portaled into the `portalContainer` a `ConfigProvider` sets, or\n * the end of the trigger's own document's `<body>`, so it never has server\n * markup. It opens below and to the right of the point, flips above or to\n * the left where there's no room, moves in where it fits neither way, and\n * scrolls inside when it's taller than the viewport. It doesn't follow the\n * trigger, since scrolling closes it. Inside a `Modal` or a shadow root,\n * point `portalContainer` inside it, so screen readers that honor\n * `aria-modal` reach the menu and the shadow root's styles apply.\n *\n * Opening moves focus to the first enabled item. The arrow keys, Home, End\n * and typing move between items, and Enter and Space activate one. Escape,\n * Tab, an item, a press outside, scrolling, resizing and the window losing\n * focus close it, handing focus back to what had it unless an item moved it\n * somewhere else. For a menu opened from a button use `Dropdown`.\n *\n * @function\n * @param {ContextMenuProps} props - Props for the ContextMenu component.\n * @returns {JSX.Element} The trigger, and the menu while open.\n *\n * @example\n * <ContextMenu\n *   aria-label=\"Actions for report.pdf\"\n *   trigger={<Box>report.pdf</Box>}\n * >\n *   <ContextMenu.Item as=\"button\">Rename</ContextMenu.Item>\n *   <ContextMenu.Divider />\n *   <ContextMenu.Item as=\"button\">Delete</ContextMenu.Item>\n * </ContextMenu>\n */\nconst ContextMenuComponent: React.FC<ContextMenuProps> = ({\n  trigger,\n  children,\n  onOpenChange,\n  closeOnClick = true,\n  disabled = false,\n  className,\n  onKeyDown,\n  onClick,\n  onContextMenu,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n  const { portalContainer } = useConfig();\n  const [menu, setMenu] = useState<OpenMenu | null>(null);\n  // Turning `disabled` on closes it.\n  if (disabled && menu) setMenu(null);\n  const open = menu !== null;\n  const doc = menu?.doc;\n  const placed = menu?.placed;\n\n  const boxRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const openerRef = useRef<Element | null>(null);\n  const reportedRef = useRef(false);\n  const menuKeys = useMenuKeys();\n  const named = Boolean(props['aria-label'] || props['aria-labelledby']);\n\n  const handlers = useContextMenuTrigger({\n    disabled,\n    onOpen: (point, triggerNode) => {\n      const ownerDoc = triggerNode.ownerDocument;\n      openerRef.current = getDeepestActiveElement(ownerDoc);\n      setMenu({ point, doc: ownerDoc });\n    },\n  });\n\n  // Measured once per opening, before it paints, against what a fixed box\n  // resolves against: the root element's client area, which leaves out a\n  // classic scrollbar. `useAnchoredPosition` and Tooltip read innerWidth and\n  // innerHeight, which count it. A menu pinned to the viewport's edge would\n  // sit under the scrollbar by that much, so this reads the narrower box.\n  useClientLayoutEffect(() => {\n    const menuNode = menuRef.current;\n    if (!menu || menu.placed || !menuNode) return;\n    const root = menuNode.ownerDocument.documentElement;\n    const { width, height } = menuNode.getBoundingClientRect();\n    const x = placeAlong(menu.point.x, width, root.clientWidth);\n    const y = placeAlong(menu.point.y, height, root.clientHeight);\n    setMenu({\n      ...menu,\n      placed: { left: x.start, top: y.start, right: x.flip, up: y.flip },\n    });\n  }, [menu]);\n  const isPlaced = Boolean(placed);\n\n  // What closes it while it's open, and focus back on closing. Nothing\n  // listens while it's closed.\n  useEffect(() => {\n    const box = boxRef.current;\n    const menuNode = menuRef.current;\n    if (!doc || !box || !menuNode) return undefined;\n    const view = doc.defaultView as Window;\n    // What had focus when it opened. This runs once per opening, so opening\n    // again at a new point while it's open keeps it.\n    const opener = openerRef.current as HTMLElement | null;\n    const close = () => setMenu(null);\n    const closeOutside = (event: Event) => {\n      if (!isEventInside(event, box)) close();\n    };\n    doc.addEventListener('pointerdown', closeOutside, true);\n    view.addEventListener('resize', close);\n    view.addEventListener('blur', close);\n    return () => {\n      doc.removeEventListener('pointerdown', closeOutside, true);\n      view.removeEventListener('resize', close);\n      view.removeEventListener('blur', close);\n      // Back to what had focus while the menu still has it, or it dropped to\n      // <body> when the menu left. An item that put it somewhere else, such\n      // as a Modal or a rename field, keeps it there.\n      const now = getDeepestActiveElement(doc);\n      if (!now || now === doc.body || menuNode.contains(now)) opener?.focus();\n    };\n  }, [doc]);\n\n  // Focus in, and closing on scroll, once it's placed. Placed, it's inside\n  // the viewport, so its first item has nothing to scroll into view, and\n  // `preventScroll` makes sure: a scroll the focus caused would close it as\n  // it opened. Opening again at a new point places it again, and leaves\n  // focus where it is in the menu.\n  useEffect(() => {\n    const box = boxRef.current;\n    const menuNode = menuRef.current;\n    if (!doc || !isPlaced || !box || !menuNode) return undefined;\n    if (!menuNode.contains(getDeepestActiveElement(doc))) {\n      menuKeys.reset();\n      (enabledMenuItems(menuNode)[0] ?? menuNode).focus({\n        preventScroll: true,\n      });\n    }\n    const closeOutside = (event: Event) => {\n      if (!isEventInside(event, box)) setMenu(null);\n    };\n    doc.addEventListener('scroll', closeOutside, true);\n    return () => doc.removeEventListener('scroll', closeOutside, true);\n  }, [doc, isPlaced, menuKeys]);\n\n  // Before paint, so what the caller does with it, such as highlighting the\n  // row, shows with the menu rather than a frame behind it.\n  useClientLayoutEffect(() => {\n    if (open === reportedRef.current) return;\n    reportedRef.current = open;\n    onOpenChange?.(open);\n  });\n\n  useEffect(() => {\n    if (open && !named) {\n      warnOnce(\n        'ContextMenu:unnamed',\n        '[bestax-bulma] <ContextMenu> opened a menu with no accessible ' +\n          'name. Pass aria-label or aria-labelledby.'\n      );\n    }\n  }, [open, named]);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    // The menu has the keyboard while focus is in it. React brings its keys\n    // up the tree to wherever the ContextMenu sits, where a table that moves\n    // between rows on the arrow keys, or a Popover or a Modal waiting for\n    // Escape, would take them too.\n    event.stopPropagation();\n    if (event.key === 'Escape' || event.key === 'Tab') {\n      // Tab would go on from the end of <body>, past the rest of the page.\n      event.preventDefault();\n      setMenu(null);\n      return;\n    }\n    menuKeys.onKeyDown(event);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    onClick?.(event);\n    if (!closeOnClick) return;\n    const item = (event.target as Element).closest(MENU_ITEM_SELECTOR);\n    if (item && isEnabledMenuItem(item)) setMenu(null);\n  };\n\n  const handleContextMenu = (event: React.MouseEvent<HTMLDivElement>) => {\n    onContextMenu?.(event);\n    // No other menu over this one: not the browser's, and not a trigger's\n    // that React brings the event up to.\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const own = trigger.props as Partial<ContextMenuTriggerHandlers> & {\n    className?: string;\n  };\n  const triggerClass = usePrefixedClassNames('context-menu');\n  const clonedTrigger = cloneElement(\n    trigger as React.ReactElement<Record<string, unknown>>,\n    {\n      className:\n        classNames(own.className, !disabled && triggerClass) || undefined,\n      onContextMenu: chain(own.onContextMenu, handlers.onContextMenu),\n      onPointerDown: chain(own.onPointerDown, handlers.onPointerDown),\n      onPointerMove: chain(own.onPointerMove, handlers.onPointerMove),\n      onPointerUp: chain(own.onPointerUp, handlers.onPointerUp),\n      onPointerCancel: chain(own.onPointerCancel, handlers.onPointerCancel),\n      onTouchEnd: chain(own.onTouchEnd, handlers.onTouchEnd),\n    }\n  );\n\n  const boxClasses = usePrefixedClassNames('context-menu-content', 'dropdown', {\n    'is-active': true,\n    'is-up': placed?.up,\n    'is-right': placed?.right,\n  });\n  const menuClasses = classNames(\n    usePrefixedClassNames('dropdown-menu'),\n    bulmaHelperClasses,\n    className\n  );\n  const contentClasses = usePrefixedClassNames('dropdown-content');\n\n  return (\n    <>\n      {clonedTrigger}\n      {menu && (\n        <Portal container={portalContainer || menu.doc.body}>\n          <div\n            ref={boxRef}\n            className={boxClasses}\n            style={{\n              top: placed?.top ?? menu.point.y,\n              left: placed?.left ?? menu.point.x,\n            }}\n          >\n            <div\n              {...rest}\n              ref={menuRef}\n              role=\"menu\"\n              tabIndex={-1}\n              className={menuClasses}\n              onKeyDown={handleKeyDown}\n              onClick={handleClick}\n              onContextMenu={handleContextMenu}\n            >\n              <div className={contentClasses}>{children}</div>\n            </div>\n          </div>\n        </Portal>\n      )}\n    </>\n  );\n};\n\n/**\n * ContextMenu with Item and Divider sub-components, which are `Dropdown.Item`\n * and `Dropdown.Divider`, so items written for a Dropdown work here\n * unchanged.\n */\nexport const ContextMenu = withSubComponents(\n  ContextMenuComponent,\n  {\n    Item: DropdownItem,\n    Divider: DropdownDivider,\n  },\n  'ContextMenu'\n);\n\nexport default ContextMenu;\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;AAoGA;;;;AAIG;AACH,SAAS,UAAU,CACjB,EAAU,EACV,IAAY,EACZ,IAAY,EAAA;AAEZ,IAAA,IAAI,EAAE,GAAG,IAAI,IAAI,IAAI;QAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;AACxD,IAAA,IAAI,EAAE,GAAG,IAAI,IAAI,CAAC;QAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;AACpD,IAAA,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;AACzD;AAEA;AACA,SAAS,KAAK,CACZ,GAAqC,EACrC,IAAwB,EAAA;IAExB,OAAO,KAAK,IAAG;AACb,QAAA,GAAG,GAAG,KAAK,CAAC;QACZ,IAAI,CAAC,KAAK,CAAC;AACb,IAAA,CAAC;AACH;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCG;AACH,MAAM,oBAAoB,GAA+B,CAAC,EACxD,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,SAAS,EACT,OAAO,EACP,aAAa,EACb,GAAG,KAAK,EACT,KAAI;IACH,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC;AAC3D,IAAA,MAAM,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE;IACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC;;IAEvD,IAAI,QAAQ,IAAI,IAAI;QAAE,OAAO,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,IAAI,GAAG,IAAI,KAAK,IAAI;AAC1B,IAAA,MAAM,GAAG,GAAG,IAAI,EAAE,GAAG;AACrB,IAAA,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM;AAE3B,IAAA,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC3C,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC5C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC9C,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;AACjC,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;AAC9B,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAEtE,MAAM,QAAQ,GAAG,qBAAqB,CAAC;QACrC,QAAQ;AACR,QAAA,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAI;AAC7B,YAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,aAAa;AAC1C,YAAA,SAAS,CAAC,OAAO,GAAG,uBAAuB,CAAC,QAAQ,CAAC;YACrD,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;QACnC,CAAC;AACF,KAAA,CAAC;;;;;;IAOF,qBAAqB,CAAC,MAAK;AACzB,QAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO;QAChC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ;YAAE;AACvC,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe;QACnD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,qBAAqB,EAAE;AAC1D,QAAA,MAAM,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;AAC3D,QAAA,MAAM,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC;AAC7D,QAAA,OAAO,CAAC;AACN,YAAA,GAAG,IAAI;YACP,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE;AACnE,SAAA,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AACV,IAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC;;;IAIhC,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO;AAC1B,QAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO;AAChC,QAAA,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,SAAS;AAC/C,QAAA,MAAM,IAAI,GAAG,GAAG,CAAC,WAAqB;;;AAGtC,QAAA,MAAM,MAAM,GAAG,SAAS,CAAC,OAA6B;QACtD,MAAM,KAAK,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC;AACjC,QAAA,MAAM,YAAY,GAAG,CAAC,KAAY,KAAI;AACpC,YAAA,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC;AAAE,gBAAA,KAAK,EAAE;AACzC,QAAA,CAAC;QACD,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,IAAI,CAAC;AACvD,QAAA,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC;AACtC,QAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC;AACpC,QAAA,OAAO,MAAK;YACV,GAAG,CAAC,mBAAmB,CAAC,aAAa,EAAE,YAAY,EAAE,IAAI,CAAC;AAC1D,YAAA,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC;AACzC,YAAA,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC;;;;AAIvC,YAAA,MAAM,GAAG,GAAG,uBAAuB,CAAC,GAAG,CAAC;AACxC,YAAA,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,GAAG,CAAC,IAAI,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC;gBAAE,MAAM,EAAE,KAAK,EAAE;AACzE,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;;;;;;IAOT,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO;AAC1B,QAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO;QAChC,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,SAAS;QAC5D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,EAAE;YACpD,QAAQ,CAAC,KAAK,EAAE;AAChB,YAAA,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,EAAE,KAAK,CAAC;AAChD,gBAAA,aAAa,EAAE,IAAI;AACpB,aAAA,CAAC;QACJ;AACA,QAAA,MAAM,YAAY,GAAG,CAAC,KAAY,KAAI;AACpC,YAAA,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC;gBAAE,OAAO,CAAC,IAAI,CAAC;AAC/C,QAAA,CAAC;QACD,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC;AAClD,QAAA,OAAO,MAAM,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC;IACpE,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;;;IAI7B,qBAAqB,CAAC,MAAK;AACzB,QAAA,IAAI,IAAI,KAAK,WAAW,CAAC,OAAO;YAAE;AAClC,QAAA,WAAW,CAAC,OAAO,GAAG,IAAI;AAC1B,QAAA,YAAY,GAAG,IAAI,CAAC;AACtB,IAAA,CAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;YAClB,QAAQ,CACN,qBAAqB,EACrB,gEAAgE;AAC9D,gBAAA,2CAA2C,CAC9C;QACH;AACF,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAEjB,IAAA,MAAM,aAAa,GAAG,CAAC,KAA0C,KAAI;AACnE,QAAA,SAAS,GAAG,KAAK,CAAC;;;;;QAKlB,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;;YAEjD,KAAK,CAAC,cAAc,EAAE;YACtB,OAAO,CAAC,IAAI,CAAC;YACb;QACF;AACA,QAAA,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;AAC3B,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,KAAuC,KAAI;AAC9D,QAAA,OAAO,GAAG,KAAK,CAAC;AAChB,QAAA,IAAI,CAAC,YAAY;YAAE;QACnB,MAAM,IAAI,GAAI,KAAK,CAAC,MAAkB,CAAC,OAAO,CAAC,kBAAkB,CAAC;AAClE,QAAA,IAAI,IAAI,IAAI,iBAAiB,CAAC,IAAI,CAAC;YAAE,OAAO,CAAC,IAAI,CAAC;AACpD,IAAA,CAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAAuC,KAAI;AACpE,QAAA,aAAa,GAAG,KAAK,CAAC;;;QAGtB,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;AACzB,IAAA,CAAC;AAED,IAAA,MAAM,GAAG,GAAG,OAAO,CAAC,KAEnB;AACD,IAAA,MAAM,YAAY,GAAG,qBAAqB,CAAC,cAAc,CAAC;AAC1D,IAAA,MAAM,aAAa,GAAG,YAAY,CAChC,OAAsD,EACtD;AACE,QAAA,SAAS,EACP,UAAU,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,SAAS;QACnE,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC;QAC/D,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC;QAC/D,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC;QAC/D,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC;QACzD,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,EAAE,QAAQ,CAAC,eAAe,CAAC;QACrE,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC;AACvD,KAAA,CACF;AAED,IAAA,MAAM,UAAU,GAAG,qBAAqB,CAAC,sBAAsB,EAAE,UAAU,EAAE;AAC3E,QAAA,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,MAAM,EAAE,EAAE;QACnB,UAAU,EAAE,MAAM,EAAE,KAAK;AAC1B,KAAA,CAAC;AACF,IAAA,MAAM,WAAW,GAAG,UAAU,CAC5B,qBAAqB,CAAC,eAAe,CAAC,EACtC,kBAAkB,EAClB,SAAS,CACV;AACD,IAAA,MAAM,cAAc,GAAG,qBAAqB,CAAC,kBAAkB,CAAC;AAEhE,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,aAAa,EACb,IAAI,KACHC,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAE,eAAe,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,EAAA,QAAA,EACjDA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE;wBACL,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;wBAChC,IAAI,EAAE,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;qBACnC,EAAA,QAAA,EAEDA,GAAA,CAAA,KAAA,EAAA,EAAA,GACM,IAAI,EACR,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,iBAAiB,YAEhCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,cAAc,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,EAAA,CAC5C,GACF,EAAA,CACC,CACV,CAAA,EAAA,CACA;AAEP,CAAC;AAED;;;;AAIG;AACI,MAAM,WAAW,GAAG,iBAAiB,CAC1C,oBAAoB,EACpB;AACE,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,eAAe;CACzB,EACD,aAAa;;"}
+{"version":3,"file":"ContextMenu.js","sources":["../../../src/components/ContextMenu.tsx"],"sourcesContent":["import React, { cloneElement, useEffect, useRef, useState } from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { withSubComponents } from '../helpers/withSubComponents';\nimport { Portal } from '../helpers/portal';\nimport { useConfig } from '../helpers/Config';\nimport { useClientLayoutEffect } from '../helpers/useClientLayoutEffect';\nimport { getDeepestActiveElement, isEventInside } from '../helpers/shadowDom';\nimport { warnOnce } from '../helpers/devWarnings';\nimport {\n  useContextMenuTrigger,\n  type ContextMenuPoint,\n  type ContextMenuTriggerHandlers,\n} from '../helpers/useContextMenuTrigger';\nimport {\n  enabledMenuItems,\n  isEnabledMenuItem,\n  MENU_ITEM_SELECTOR,\n  useMenuKeys,\n} from '../helpers/useMenuKeys';\nimport { DropdownDivider, DropdownItem } from './Dropdown';\n\n/**\n * Props for the ContextMenu component. `className`, `id`, `aria-label`, the\n * other HTML attributes and the helper props land on the menu\n * (`role=\"menu\"`). The trigger keeps its own.\n * @extraProp {string} [aria-label] - The menu's accessible name, such as \"Actions for report.pdf\". There's no button to borrow a name from, so pass this or `aria-labelledby`, and a development build warns when the menu opens with neither.\n * @extraProp {string} [className] - Additional classes for the menu (`role=\"menu\"`). The trigger keeps its own.\n */\nexport interface ContextMenuProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'children'>,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {\n  /**\n   * The element a right-click, Shift+F10, the context menu key or a long\n   * press opens the menu from: a table row, a card, an image. It's cloned,\n   * not wrapped, so a row stays a row, which means it has to be a single\n   * element that passes `className` and the `onContextMenu`,\n   * `onPointerDown`, `onPointerMove`, `onPointerUp`, `onPointerCancel` and\n   * `onTouchEnd` handlers to its DOM node. Its own handlers for those run\n   * first, and one that calls `preventDefault()` on `contextmenu` keeps the\n   * menu closed. A `ContextMenu` inside it opens instead of this one.\n   *\n   * It gets no ARIA and no tab stop, since it can be any element and a\n   * right-click isn't an activation. Keyboard users reach it through\n   * something focusable inside it, such as the row's own `Dropdown` button,\n   * or a `tabIndex={0}` you give it, and press Shift+F10 or the context menu\n   * key there. It gets `-webkit-touch-callout: none`, so iOS doesn't put its\n   * own callout for a link or an image over the menu. A long press still\n   * selects text the way it does anywhere, so give a region where it\n   * shouldn't `interaction=\"unselectable\"`.\n   */\n  trigger: React.ReactElement;\n  /**\n   * The menu's items: `ContextMenu.Item` and `ContextMenu.Divider`, the same\n   * components as `Dropdown.Item` and `Dropdown.Divider`. Every action in it\n   * needs a visible way in as well, such as a `Dropdown` on the same row:\n   * nothing tells a screen reader user the menu is there, and on macOS only\n   * VoiceOver opens it from the keyboard.\n   */\n  children: React.ReactNode;\n  /**\n   * Called with `true` when the menu opens and `false` when it closes,\n   * whatever closed it, such as for highlighting the row whose menu is open.\n   * Nothing fires after ContextMenu unmounts. There's no `open` prop to go\n   * with it: a menu opened from code has no point to open at.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Close the menu when an item is clicked, or activated with Enter or\n   * Space. A click on a divider or between items leaves it open either way.\n   */\n  closeOnClick?: boolean;\n  /**\n   * Leave the trigger to the browser: a right-click shows the browser's own\n   * menu, a long press does what it does anywhere, and an open menu closes.\n   */\n  disabled?: boolean;\n}\n\n/** Where the menu goes once it's measured. */\ninterface Placement {\n  /** The box's corner in the viewport, which the menu hangs from. */\n  top: number;\n  left: number;\n  /** The menu sits above the box rather than below it. */\n  up: boolean;\n  /** The menu sits to the left of the box rather than to its right. */\n  right: boolean;\n}\n\n/** An open menu. */\ninterface OpenMenu {\n  point: ContextMenuPoint;\n  /** The trigger's document, where presses and scrolling are watched. */\n  doc: Document;\n  /** Unset until the menu is measured, which happens before it paints. */\n  placed?: Placement;\n}\n\n/**\n * Where the menu goes along one axis, from the point at `at`: after it when\n * there's room, before it when there's room there instead, and otherwise\n * moved in until it fits in `room`.\n */\nfunction placeAlong(\n  at: number,\n  size: number,\n  room: number\n): { start: number; flip: boolean } {\n  if (at + size <= room) return { start: at, flip: false };\n  if (at - size >= 0) return { start: at, flip: true };\n  return { start: Math.max(0, room - size), flip: false };\n}\n\n/** Runs the trigger's own handler, then the context menu's. */\nfunction chain<E>(\n  own: ((event: E) => void) | undefined,\n  ours: (event: E) => void\n): (event: E) => void {\n  return event => {\n    own?.(event);\n    ours(event);\n  };\n}\n\n/**\n * The `ContextMenu` component opens a menu of actions where you right-click an element, such as a table row or a card, or long press it on a touch screen.\n *\n * Shift+F10 and the context menu key open it too, where the browser fires\n * `contextmenu` for them, which Windows and Linux do. The menu is Dropdown's\n * markup, portaled into the `portalContainer` a `ConfigProvider` sets, or\n * the end of the trigger's own document's `<body>`, so it never has server\n * markup. It opens below and to the right of the point, flips above or to\n * the left where there's no room, moves in where it fits neither way, and\n * scrolls inside when it's taller than the viewport. It doesn't follow the\n * trigger, since scrolling closes it. Inside a `Modal` or a shadow root,\n * point `portalContainer` inside it, so screen readers that honor\n * `aria-modal` reach the menu and the shadow root's styles apply.\n *\n * Opening moves focus to the first enabled item. The arrow keys, Home, End\n * and typing move between items, and Enter and Space activate one. Escape,\n * Tab, an item, a press outside, scrolling, resizing and the window losing\n * focus close it, handing focus back to what had it unless an item moved it\n * somewhere else. For a menu opened from a button use `Dropdown`.\n *\n * @function\n * @param {ContextMenuProps} props - Props for the ContextMenu component.\n * @returns {JSX.Element} The trigger, and the menu while open.\n *\n * @example\n * <ContextMenu\n *   aria-label=\"Actions for report.pdf\"\n *   trigger={<Box>report.pdf</Box>}\n * >\n *   <ContextMenu.Item as=\"button\">Rename</ContextMenu.Item>\n *   <ContextMenu.Divider />\n *   <ContextMenu.Item as=\"button\">Delete</ContextMenu.Item>\n * </ContextMenu>\n */\nconst ContextMenuComponent: React.FC<ContextMenuProps> = ({\n  trigger,\n  children,\n  onOpenChange,\n  closeOnClick = true,\n  disabled = false,\n  className,\n  onKeyDown,\n  onClick,\n  onContextMenu,\n  ...props\n}) => {\n  const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n  const { portalContainer } = useConfig();\n  const [menu, setMenu] = useState<OpenMenu | null>(null);\n  // Turning `disabled` on closes it.\n  if (disabled && menu) setMenu(null);\n  const open = menu !== null;\n  const doc = menu?.doc;\n  const placed = menu?.placed;\n\n  const boxRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const openerRef = useRef<Element | null>(null);\n  const reportedRef = useRef(false);\n  const menuKeys = useMenuKeys();\n  const named = Boolean(props['aria-label'] || props['aria-labelledby']);\n\n  const handlers = useContextMenuTrigger({\n    disabled,\n    onOpen: (point, triggerNode) => {\n      const ownerDoc = triggerNode.ownerDocument;\n      openerRef.current = getDeepestActiveElement(ownerDoc);\n      setMenu({ point, doc: ownerDoc });\n    },\n  });\n\n  // Measured once per opening, before it paints, against what a fixed box\n  // resolves against: the root element's client area, which leaves out a\n  // classic scrollbar. `useAnchoredPosition` and Tooltip read innerWidth and\n  // innerHeight, which count it. A menu pinned to the viewport's edge would\n  // sit under the scrollbar by that much, so this reads the narrower box.\n  useClientLayoutEffect(() => {\n    const menuNode = menuRef.current;\n    if (!menu || menu.placed || !menuNode) return;\n    const root = menuNode.ownerDocument.documentElement;\n    const { width, height } = menuNode.getBoundingClientRect();\n    const x = placeAlong(menu.point.x, width, root.clientWidth);\n    const y = placeAlong(menu.point.y, height, root.clientHeight);\n    setMenu({\n      ...menu,\n      placed: { left: x.start, top: y.start, right: x.flip, up: y.flip },\n    });\n  }, [menu]);\n  const isPlaced = Boolean(placed);\n\n  // What closes it while it's open, and focus back on closing. Nothing\n  // listens while it's closed.\n  useEffect(() => {\n    const box = boxRef.current;\n    const menuNode = menuRef.current;\n    if (!doc || !box || !menuNode) return undefined;\n    const view = doc.defaultView as Window;\n    // What had focus when it opened. This runs once per opening, so opening\n    // again at a new point while it's open keeps it.\n    const opener = openerRef.current as HTMLElement | null;\n    const close = () => setMenu(null);\n    const closeOutside = (event: Event) => {\n      if (!isEventInside(event, box)) close();\n    };\n    doc.addEventListener('pointerdown', closeOutside, true);\n    view.addEventListener('resize', close);\n    view.addEventListener('blur', close);\n    return () => {\n      doc.removeEventListener('pointerdown', closeOutside, true);\n      view.removeEventListener('resize', close);\n      view.removeEventListener('blur', close);\n      // Back to what had focus while the menu still has it, or it dropped to\n      // <body> when the menu left. An item that put it somewhere else, such\n      // as a Modal or a rename field, keeps it there.\n      const now = getDeepestActiveElement(doc);\n      if (!now || now === doc.body || menuNode.contains(now)) opener?.focus();\n    };\n  }, [doc]);\n\n  // Focus in, and closing on scroll, once it's placed. Placed, it's inside\n  // the viewport, so its first item has nothing to scroll into view, and\n  // `preventScroll` makes sure: a scroll the focus caused would close it as\n  // it opened. Opening again at a new point places it again, and leaves\n  // focus where it is in the menu.\n  useEffect(() => {\n    const box = boxRef.current;\n    const menuNode = menuRef.current;\n    if (!doc || !isPlaced || !box || !menuNode) return undefined;\n    if (!menuNode.contains(getDeepestActiveElement(doc))) {\n      menuKeys.reset();\n      (enabledMenuItems(menuNode)[0] ?? menuNode).focus({\n        preventScroll: true,\n      });\n    }\n    const closeOutside = (event: Event) => {\n      if (!isEventInside(event, box)) setMenu(null);\n    };\n    doc.addEventListener('scroll', closeOutside, true);\n    return () => doc.removeEventListener('scroll', closeOutside, true);\n  }, [doc, isPlaced, menuKeys]);\n\n  // Before paint, so what the caller does with it, such as highlighting the\n  // row, shows with the menu rather than a frame behind it.\n  useClientLayoutEffect(() => {\n    if (open === reportedRef.current) return;\n    reportedRef.current = open;\n    onOpenChange?.(open);\n  });\n\n  useEffect(() => {\n    if (open && !named) {\n      warnOnce(\n        'ContextMenu:unnamed',\n        '[bestax-bulma] <ContextMenu> opened a menu with no accessible ' +\n          'name. Pass aria-label or aria-labelledby.'\n      );\n    }\n  }, [open, named]);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    // The menu has the keyboard while focus is in it. React brings its keys\n    // up the tree to wherever the ContextMenu sits, where a table that moves\n    // between rows on the arrow keys, or a Popover or a Modal waiting for\n    // Escape, would take them too.\n    event.stopPropagation();\n    if (event.key === 'Escape' || event.key === 'Tab') {\n      // Tab would go on from the end of <body>, past the rest of the page.\n      event.preventDefault();\n      setMenu(null);\n      return;\n    }\n    menuKeys.onKeyDown(event);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    onClick?.(event);\n    if (!closeOnClick) return;\n    const item = (event.target as Element).closest(MENU_ITEM_SELECTOR);\n    if (item && isEnabledMenuItem(item)) setMenu(null);\n  };\n\n  const handleContextMenu = (event: React.MouseEvent<HTMLDivElement>) => {\n    onContextMenu?.(event);\n    // No other menu over this one: not the browser's, and not a trigger's\n    // that React brings the event up to.\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const own = trigger.props as Partial<ContextMenuTriggerHandlers> & {\n    className?: string;\n  };\n  const triggerClass = usePrefixedClassNames('context-menu');\n  const clonedTrigger = cloneElement(\n    trigger as React.ReactElement<Record<string, unknown>>,\n    {\n      className:\n        classNames(own.className, !disabled && triggerClass) || undefined,\n      onContextMenu: chain(own.onContextMenu, handlers.onContextMenu),\n      onPointerDown: chain(own.onPointerDown, handlers.onPointerDown),\n      onPointerMove: chain(own.onPointerMove, handlers.onPointerMove),\n      onPointerUp: chain(own.onPointerUp, handlers.onPointerUp),\n      onPointerCancel: chain(own.onPointerCancel, handlers.onPointerCancel),\n      onTouchEnd: chain(own.onTouchEnd, handlers.onTouchEnd),\n    }\n  );\n\n  const boxClasses = usePrefixedClassNames('context-menu-content', 'dropdown', {\n    'is-active': true,\n    'is-up': placed?.up,\n    'is-right': placed?.right,\n  });\n  const menuClasses = classNames(\n    usePrefixedClassNames('dropdown-menu'),\n    bulmaHelperClasses,\n    className\n  );\n  const contentClasses = usePrefixedClassNames('dropdown-content');\n\n  return (\n    <>\n      {clonedTrigger}\n      {menu && (\n        <Portal container={portalContainer || menu.doc.body}>\n          <div\n            ref={boxRef}\n            className={boxClasses}\n            style={{\n              top: placed?.top ?? menu.point.y,\n              left: placed?.left ?? menu.point.x,\n            }}\n          >\n            <div\n              {...rest}\n              ref={menuRef}\n              role=\"menu\"\n              tabIndex={-1}\n              className={menuClasses}\n              onKeyDown={handleKeyDown}\n              onClick={handleClick}\n              onContextMenu={handleContextMenu}\n            >\n              <div className={contentClasses}>{children}</div>\n            </div>\n          </div>\n        </Portal>\n      )}\n    </>\n  );\n};\n\n/**\n * ContextMenu with Item and Divider sub-components, which are `Dropdown.Item`\n * and `Dropdown.Divider`, so items written for a Dropdown work here\n * unchanged.\n */\nexport const ContextMenu = withSubComponents(\n  ContextMenuComponent,\n  {\n    Item: DropdownItem,\n    Divider: DropdownDivider,\n  },\n  'ContextMenu'\n);\n\nexport default ContextMenu;\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/esm/components/DataTable.js

@@ -1,4 +1,5 @@
 /* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useId, useEffect, useState } from 'react';
 import { classNames, usePrefixedClassNames } from '../helpers/classNames.js';