@neo4j-ndl/react 4.23.3 → 4.23.5

package/lib/esm/combobox/combobox-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-types.js","sourceRoot":"","sources":["../../../src/combobox/combobox-types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\ntype ComboboxOption = {\n  label: string;\n  value: string;\n  /** If the option is disabled */\n  isDisabled?: boolean;\n  /** A visual element to display before the label. Incompatible with multi select. */\n  leadingVisual?: React.ReactNode;\n  /** A description to display below the label. */\n  description?: string;\n};\n\ntype ComboboxOptionGroup<TOption extends ComboboxOption = ComboboxOption> = {\n  label: string;\n  options: TOption[];\n};\n\ntype ComboboxFilterOption<TOption extends ComboboxOption = ComboboxOption> =\n  | ((option: TOption, searchValue: string) => boolean)\n  | false;\n\ntype ComboboxSize = 'small' | 'medium' | 'large';\n\n/**\n * A row at the end of the panel that acts instead of selecting.\n *\n * @remarks\n * Deliberately not a `ComboboxOption`, since an action never becomes part of\n * the value. Use it for something that leads out of the selection, such as a\n * link into a create flow.\n */\ntype ComboboxAction = {\n  /** Text of the row. */\n  label: string;\n  /**\n   * Called when the row is activated, with the current search value so the\n   * action can carry the query with it. The selection is left untouched.\n   */\n  onSelect: (context: { searchValue: string }) => void;\n  /** A description to display below the label. */\n  description?: string;\n  /** A visual element to display before the label. */\n  leadingVisual?: React.ReactNode;\n  /** If the action is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Whether a divider is rendered above the action, separating it from the\n   * action before it. Ignored on the first action, which already sits below\n   * the divider that separates actions from options.\n   */\n  hasDivider?: boolean;\n};\n\ntype ComboboxBaseProps<TOption extends ComboboxOption = ComboboxOption> = {\n  /** Accessible label for the combobox. Rendered above the control. */\n  label: string;\n  /**\n   * Name used to submit the selected option value through a native form.\n   * Above 300 options, only the selection is mirrored to the form, so browser\n   * autofill no longer offers the option list.\n   */\n  name?: string;\n  /** Id of the form the combobox belongs to when it is outside that form. */\n  formId?: string;\n  /** Hint for browser autofill on the native form control. */\n  autoComplete?: string;\n  /** Ref to the focusable combobox trigger. */\n  triggerRef?: React.Ref<HTMLElement>;\n  /** Whether the label is clipped out of the layout, leaving it to screen readers only. */\n  hasVisuallyHiddenLabel?: boolean;\n  /** Assistive text below the control. Replaced by `errorText` while there is an error. */\n  helpText?: React.ReactNode;\n  /** Error message below the control. Puts the control in its error state. */\n  errorText?: React.ReactNode;\n  /**\n   * Whether a selection is required. Sets `aria-required` and, when `name` is\n   * provided, enables native form validation.\n   */\n  isRequired?: boolean;\n  /** Whether Required or Optional is shown at the end of the label row, based on the `isRequired` prop */\n  hasRequiredIndicator?: boolean;\n  /** The options to display in the combobox. Either an array of options or an array of option groups. */\n  options: TOption[] | ComboboxOptionGroup<TOption>[];\n  /**\n   * Whether a search input is rendered inside the panel. On by default; turn\n   * it off for a short list (roughly 10 options or fewer) where filtering\n   * adds nothing.\n   */\n  isSearchable?: boolean;\n  /** The search value in controlled mode. */\n  searchValue?: string;\n  /** The initial search value in uncontrolled mode. */\n  defaultSearchValue?: string;\n  /** Called when the search value changes. */\n  onSearchChange?: (searchValue: string) => void;\n  /**\n   * How options are matched against the search value. Defaults to a\n   * case-insensitive match on the option label. Pass `false` to skip internal\n   * filtering when the options are already filtered, such as when searching\n   * server side.\n   */\n  filterOption?: ComboboxFilterOption<TOption>;\n  /** Placeholder for the search input, which also names it. */\n  searchPlaceholder?: string;\n  /**\n   * Whether the panel is waiting for options. Replaces the empty message while\n   * there are no options.\n   */\n  isLoading?: boolean;\n  /** Text of the loading status. Defaults to `Loading...`. */\n  loadingMessage?: React.ReactNode;\n  /**\n   * Whether the search value can be turned into a new option, shown as an extra\n   * row at the end of the list. Requires `isSearchable`.\n   */\n  isCreatable?: boolean;\n  /**\n   * Called after a created option has been selected, so it can be persisted\n   * into `options`. Created options are not added to `options` by the combobox.\n   */\n  onCreateOption?: (option: TOption) => void;\n  /**\n   * Builds the option to create from the search value. Defaults to using the\n   * search value as both label and value, which is only enough when the options\n   * carry no fields of their own beyond `ComboboxOption`.\n   */\n  createOption?: (searchValue: string) => TOption;\n  /** Text of the create row. Defaults to `Create \"<search value>\"`. */\n  formatCreateLabel?: (searchValue: string) => React.ReactNode;\n  /**\n   * Whether the search value can become a new option. Defaults to requiring a\n   * non-blank value that does not exactly match an existing option or a\n   * currently selected one.\n   */\n  isValidNewOption?: (searchValue: string, options: TOption[]) => boolean;\n  /**\n   * Rows that act instead of selecting, pinned below the scrolling options\n   * after a divider so they stay visible however long the list is. They are\n   * always shown, never filtered by the search value, and never part of the\n   * selection.\n   */\n  actions?: ComboboxAction[];\n  /** Whether the panel is controlled open. */\n  isOpen?: boolean;\n  /** Called when the panel opens or closes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether a button for clearing the selection is rendered in the trigger. */\n  isClearable?: boolean;\n  /** Text shown in the trigger while nothing is selected. */\n  placeholder?: string;\n  /** Whether the combobox is disabled. */\n  isDisabled?: boolean;\n  /** Size of the combobox control. */\n  size?: ComboboxSize;\n  /** Whether the combobox fills the available width. */\n  isFluid?: boolean;\n  /** Whether the control hugs its content without a background or resting outline. */\n  isClean?: boolean;\n  /** Whether the panel is wrapped in a floating portal. Defaults to true outside a dialog. */\n  isPortaled?: boolean;\n  /** Portal target element. Defaults to `document.body`. */\n  portalTarget?: HTMLElement | null;\n  /** Positioning strategy used by Floating UI. */\n  floatingStrategy?: 'absolute' | 'fixed';\n  /**\n   * Replaces the built-in trigger. Spread `triggerProps` onto the focusable\n   * element that should open the panel; the panel is anchored to it. No root\n   * element is rendered, so the trigger is a direct child of whatever contains\n   * the combobox. `isFluid`, `isClean`, `size`, `className`, `style`,\n   * `htmlAttributes` and `ref` are ignored; use `triggerRef` to reach the\n   * trigger element.\n   */\n  renderTrigger?: (\n    triggerProps: ComboboxTriggerProps,\n    state: ComboboxTriggerState<TOption>,\n  ) => React.ReactNode;\n  /**\n   * Replaces how selected values and option labels are presented, keeping the\n   * behavior and the ARIA of the combobox.\n   */\n  components?: ComboboxComponents<TOption>;\n};\n\n/**\n * Presentation overrides for the parts of the combobox that show an option.\n *\n * @remarks\n * Each override is handed the option itself, so widening the option type is\n * what gives them typed access to fields of your own, such as a color. Only\n * presentation is replaced; selection, filtering, keyboard interaction and the\n * ARIA of the surrounding elements stay with the combobox. Use `renderTrigger`\n * instead to replace the control as a whole.\n */\ntype ComboboxComponents<TOption extends ComboboxOption = ComboboxOption> = {\n  /** Replaces the tag rendered per selected option in multi select. */\n  MultiValue?: React.ComponentType<ComboboxMultiValueProps<TOption>>;\n  /** Replaces the value shown in the trigger in single select. Must be non-interactive. */\n  SingleValue?: React.ComponentType<ComboboxSingleValueProps<TOption>>;\n  /** Replaces the label of an option. The selection and description chrome stays. */\n  OptionLabel?: React.ComponentType<ComboboxOptionLabelProps<TOption>>;\n};\n\n/** Props of a `MultiValue` override, rendered once per selected option. */\ntype ComboboxMultiValueProps<TOption extends ComboboxOption = ComboboxOption> =\n  {\n    option: TOption;\n    /** Position of the option in the selection. */\n    index: number;\n    isDisabled: boolean;\n    size: ComboboxSize;\n    /**\n     * Deselects this option. Nothing calls it unless the override renders an\n     * affordance for it, which also makes focus after the removal its own\n     * responsibility.\n     */\n    remove: () => void;\n  };\n\n/** Props of a `SingleValue` override, rendered inside the trigger. */\ntype ComboboxSingleValueProps<TOption extends ComboboxOption = ComboboxOption> =\n  {\n    option: TOption;\n    isDisabled: boolean;\n    size: ComboboxSize;\n  };\n\n/** Props of an `OptionLabel` override, rendered inside each option. */\ntype ComboboxOptionLabelProps<TOption extends ComboboxOption = ComboboxOption> =\n  {\n    option: TOption;\n    isSelected: boolean;\n    isDisabled: boolean;\n    /** Whether the option currently holds virtual focus. */\n    isFocused: boolean;\n    isMulti: boolean;\n    size: ComboboxSize;\n  };\n\n/**\n * Props that must be spread onto a custom trigger element. Includes the\n * Floating UI reference props, so the element it lands on becomes the anchor\n * the panel is positioned against.\n */\ntype ComboboxTriggerProps = React.HTMLAttributes<HTMLElement> & {\n  ref: React.Ref<HTMLElement>;\n  role: 'combobox';\n  'aria-haspopup': 'dialog' | 'listbox';\n  // These are DOM attribute names, so the boolean naming convention cannot apply.\n  /* eslint-disable @typescript-eslint/naming-convention */\n  'aria-expanded': boolean;\n  'aria-disabled': boolean | undefined;\n  'aria-invalid': boolean | undefined;\n  'aria-required': boolean | undefined;\n  /* eslint-enable @typescript-eslint/naming-convention */\n  'aria-controls': string | undefined;\n  'aria-activedescendant': string | undefined;\n  'aria-describedby': string | undefined;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n};\n\n/**\n * The label, help text, and error text of the combobox, for rendering them from\n * a custom trigger.\n *\n * @remarks\n * A custom trigger is named through `aria-label` and carries the\n * `aria-describedby` of whichever message is currently shown, so it has to\n * render that message with the id it is handed here.\n */\ntype ComboboxFieldState = {\n  label: string;\n  hasVisuallyHiddenLabel: boolean;\n  helpText?: React.ReactNode;\n  errorText?: React.ReactNode;\n  hasError: boolean;\n  isRequired: boolean;\n  hasRequiredIndicator: boolean;\n  /** Id the trigger's `aria-labelledby` points at when the label is rendered. */\n  labelId: string;\n  /** Id of the trigger, so a rendered `<label>` can point at it with `htmlFor`. */\n  triggerId: string;\n  /** Ids the trigger's `aria-describedby` points at. Only one is used at a time. */\n  helpTextId: string;\n  errorTextId: string;\n};\n\n/** Current combobox state, for rendering a custom trigger. */\ntype ComboboxTriggerState<TOption extends ComboboxOption = ComboboxOption> = {\n  isOpen: boolean;\n  isMulti: boolean;\n  isDisabled: boolean;\n  /** The selected options, as a list in both single and multi select. */\n  selectedOptions: TOption[];\n  /** Clears the whole selection. */\n  clear: () => void;\n  /** Deselects a single option. */\n  remove: (option: TOption) => void;\n  /** The label and messages of the combobox, so a custom trigger can present them. */\n  field: ComboboxFieldState;\n};\n\ntype ComboboxSingleProps<TOption extends ComboboxOption = ComboboxOption> = {\n  /** The selected option in controlled mode. */\n  value?: TOption | null;\n  /** The initially selected option in uncontrolled mode. */\n  defaultValue?: TOption | null;\n  /** Called when the selected option changes. `null` when the selection is cleared. */\n  onChange?: (value: TOption | null) => void;\n  /** Whether multiple options can be selected. */\n  isMulti?: false;\n  maxRows?: never;\n};\n\ntype ComboboxMultiProps<TOption extends ComboboxOption = ComboboxOption> = {\n  /** The selected options in controlled mode. */\n  value?: TOption[];\n  /** The initially selected options in uncontrolled mode. */\n  defaultValue?: TOption[];\n  /** Called when the selected options change. */\n  onChange?: (value: TOption[]) => void;\n  /** Whether multiple options can be selected. */\n  isMulti: true;\n  /**\n   * Maximum number of rows the selected tags may wrap into, a single row by\n   * default. Tags that do not fit are collapsed into a read-only counter tag,\n   * such as `+4`, at the end of the last row. Pass `null` to let the control\n   * grow with the selection.\n   */\n  maxRows?: number | null;\n};\n\ntype ComboboxProps<TOption extends ComboboxOption = ComboboxOption> =\n  ComboboxBaseProps<TOption> &\n    (ComboboxSingleProps<TOption> | ComboboxMultiProps<TOption>);\n\ntype ComboboxPanelProps = {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n  id?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  /**\n   * Set when the panel is a dialog popup, which is the case while the search\n   * input inside it holds DOM focus.\n   */\n  ariaLabel?: string;\n  isDialog?: boolean;\n} & Record<string, unknown>;\n\ntype ComboboxControlProps<TOption extends ComboboxOption = ComboboxOption> = {\n  triggerProps: ComboboxTriggerProps;\n  state: ComboboxTriggerState<TOption>;\n  field: ComboboxFieldState;\n  placeholder: string;\n  isClearable: boolean;\n  isClean: boolean;\n  size: ComboboxSize;\n  /** Maximum number of rows the selected tags may wrap into in multi select. `null` is unlimited. */\n  maxRows?: number | null;\n  components: ComboboxComponents<TOption>;\n  /** Floating UI reference props, so clicking anywhere in the control opens the panel. */\n  referenceProps: React.HTMLAttributes<HTMLDivElement>;\n  referenceRef: React.Ref<HTMLDivElement>;\n};\n\ntype ComboboxEmptyStateProps = {\n  children?: React.ReactNode;\n};\n\ntype ComboboxInputProps = {\n  ref?: React.Ref<HTMLInputElement>;\n  ariaLabel: string;\n  value: string;\n  onValueChange: (searchValue: string) => void;\n  placeholder?: string;\n  /** Id of the listbox the input controls, when the listbox is rendered. */\n  listboxId?: string;\n  /** Id of the virtually focused option, when one is active. */\n  activeOptionId?: string;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n};\n\ntype ComboboxListBoxProps = {\n  ariaLabel: string;\n  children?: React.ReactNode;\n  isMulti?: boolean;\n  id?: string;\n  /** Ids of the pinned action rows the listbox owns without containing. */\n  ownsIds?: string;\n};\n\ntype ComboboxGroupProps = {\n  children?: React.ReactNode;\n  label: string;\n};\n\ntype ComboboxOptionProps = {\n  children?: React.ReactNode;\n  /** Left out on rows that cannot be selected, which drops `aria-selected`. */\n  isSelected?: boolean;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  /** Whether the option is the row that creates a new option from the search value. */\n  isCreate?: boolean;\n  /** Whether the option is an action row, which acts instead of selecting. */\n  isAction?: boolean;\n  id?: string;\n  onClick?: () => void;\n  /** Called when the pointer moves over the option, so hover can drive virtual focus. */\n  onHover?: () => void;\n  /**\n   * One-based position in the full list. Only set while the listbox is\n   * virtualized, where the DOM no longer holds every option.\n   */\n  posInSet?: number;\n  /** Total options in the full list. Only set while the listbox is virtualized. */\n  setSize?: number;\n};\n\ntype ComboboxOptionContentProps = {\n  label: string;\n  /**\n   * Replaces the label text. Rendered in place of the label typography rather\n   * than inside it, so it can be any element rather than inline text.\n   */\n  customLabel?: React.ReactNode;\n  description?: string;\n  leadingVisual?: React.ReactNode;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n  isMulti?: boolean;\n};\n\nexport type {\n  ComboboxProps,\n  ComboboxAction,\n  ComboboxComponents,\n  ComboboxControlProps,\n  ComboboxFieldState,\n  ComboboxMultiValueProps,\n  ComboboxOptionLabelProps,\n  ComboboxSingleValueProps,\n  ComboboxTriggerProps,\n  ComboboxTriggerState,\n  ComboboxPanelProps,\n  ComboboxEmptyStateProps,\n  ComboboxFilterOption,\n  ComboboxInputProps,\n  ComboboxListBoxProps,\n  ComboboxGroupProps,\n  ComboboxOptionProps,\n  ComboboxOptionContentProps,\n  ComboboxOption,\n  ComboboxOptionGroup,\n  ComboboxSize,\n};\n"]}
+{"version":3,"file":"combobox-types.js","sourceRoot":"","sources":["../../../src/combobox/combobox-types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\ntype ComboboxOption = {\n  label: string;\n  value: string;\n  /** If the option is disabled */\n  isDisabled?: boolean;\n  /** A visual element to display before the label. Incompatible with multi select. */\n  leadingVisual?: React.ReactNode;\n  /** A description to display below the label. */\n  description?: string;\n};\n\ntype ComboboxOptionGroup<TOption extends ComboboxOption = ComboboxOption> = {\n  label: string;\n  options: TOption[];\n};\n\ntype ComboboxFilterOption<TOption extends ComboboxOption = ComboboxOption> =\n  | ((option: TOption, searchValue: string) => boolean)\n  | false;\n\ntype ComboboxSize = 'small' | 'medium' | 'large';\n\n/**\n * A row at the end of the panel that acts instead of selecting.\n *\n * @remarks\n * Deliberately not a `ComboboxOption`, since an action never becomes part of\n * the value. Use it for something that leads out of the selection, such as a\n * link into a create flow.\n */\ntype ComboboxAction = {\n  /** Text of the row. */\n  label: string;\n  /**\n   * Called when the row is activated, with the current search value so the\n   * action can carry the query with it. The selection is left untouched.\n   */\n  onSelect: (context: { searchValue: string }) => void;\n  /** A description to display below the label. */\n  description?: string;\n  /** A visual element to display before the label. */\n  leadingVisual?: React.ReactNode;\n  /** If the action is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Whether a divider is rendered above the action, separating it from the\n   * action before it. Ignored on the first action, which already sits below\n   * the divider that separates actions from options.\n   */\n  hasDivider?: boolean;\n};\n\ntype ComboboxBaseProps<TOption extends ComboboxOption = ComboboxOption> = {\n  /** Accessible label for the combobox. Rendered above the control. */\n  label: string;\n  /**\n   * Name used to submit the selected option value through a native form.\n   * Above 300 options, only the selection is mirrored to the form, so browser\n   * autofill no longer offers the option list.\n   */\n  name?: string;\n  /** Id of the form the combobox belongs to when it is outside that form. */\n  formId?: string;\n  /** Hint for browser autofill on the native form control. */\n  autoComplete?: string;\n  /** Ref to the focusable combobox trigger. */\n  triggerRef?: React.Ref<HTMLElement>;\n  /** Whether the label is clipped out of the layout, leaving it to screen readers only. */\n  hasVisuallyHiddenLabel?: boolean;\n  /** Assistive text below the control. Replaced by `errorText` while there is an error. */\n  helpText?: React.ReactNode;\n  /** Error message below the control. Puts the control in its error state. */\n  errorText?: React.ReactNode;\n  /**\n   * Whether a selection is required. Sets `aria-required` and, when `name` is\n   * provided, enables native form validation.\n   */\n  isRequired?: boolean;\n  /** Whether Required or Optional is shown at the end of the label row, based on the `isRequired` prop */\n  hasRequiredIndicator?: boolean;\n  /** The options to display in the combobox. Either an array of options or an array of option groups. */\n  options: TOption[] | ComboboxOptionGroup<TOption>[];\n  /**\n   * Whether a search input is rendered inside the panel. On by default; turn\n   * it off for a short list (roughly 10 options or fewer) where filtering\n   * adds nothing.\n   */\n  isSearchable?: boolean;\n  /** The search value in controlled mode. */\n  searchValue?: string;\n  /** The initial search value in uncontrolled mode. */\n  defaultSearchValue?: string;\n  /** Called when the search value changes. */\n  onSearchChange?: (searchValue: string) => void;\n  /**\n   * How options are matched against the search value. Defaults to a\n   * case-insensitive match on the option label. Pass `false` to skip internal\n   * filtering when the options are already filtered, such as when searching\n   * server side.\n   */\n  filterOption?: ComboboxFilterOption<TOption>;\n  /** Placeholder for the search input, which also names it. */\n  searchPlaceholder?: string;\n  /**\n   * Whether the panel is waiting for options. Replaces the empty message while\n   * there are no options.\n   */\n  isLoading?: boolean;\n  /** Text of the loading status. Defaults to `Loading...`. */\n  loadingMessage?: React.ReactNode;\n  /**\n   * Whether the search value can be turned into a new option, shown as an extra\n   * row at the end of the list. Requires `isSearchable`.\n   */\n  isCreatable?: boolean;\n  /**\n   * Called after a created option has been selected, so it can be persisted\n   * into `options`. Created options are not added to `options` by the combobox.\n   */\n  onCreateOption?: (option: TOption) => void;\n  /**\n   * Builds the option to create from the search value. Defaults to using the\n   * search value as both label and value, which is only enough when the options\n   * carry no fields of their own beyond `ComboboxOption`.\n   */\n  createOption?: (searchValue: string) => TOption;\n  /** Text of the create row. Defaults to `Create \"<search value>\"`. */\n  formatCreateLabel?: (searchValue: string) => React.ReactNode;\n  /**\n   * Whether the search value can become a new option. Defaults to requiring a\n   * non-blank value that does not exactly match an existing option or a\n   * currently selected one.\n   */\n  isValidNewOption?: (searchValue: string, options: TOption[]) => boolean;\n  /**\n   * Rows that act instead of selecting, pinned below the scrolling options\n   * after a divider so they stay visible however long the list is. They are\n   * always shown, never filtered by the search value, and never part of the\n   * selection.\n   */\n  actions?: ComboboxAction[];\n  /** Whether the panel is controlled open. */\n  isOpen?: boolean;\n  /** Called when the panel opens or closes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether a button for clearing the selection is rendered in the trigger. */\n  isClearable?: boolean;\n  /** Text shown in the trigger while nothing is selected. */\n  placeholder?: string;\n  /** Whether the combobox is disabled. */\n  isDisabled?: boolean;\n  /** Size of the combobox control. */\n  size?: ComboboxSize;\n  /** Whether the combobox fills the available width. */\n  isFluid?: boolean;\n  /** Whether the control hugs its content without a background or resting outline. */\n  isClean?: boolean;\n  /** Whether the panel is wrapped in a floating portal. Defaults to true outside a dialog. */\n  isPortaled?: boolean;\n  /** Portal target element. Defaults to `document.body`. */\n  portalTarget?: HTMLElement | null;\n  /** Positioning strategy used by Floating UI. */\n  floatingStrategy?: 'absolute' | 'fixed';\n  /**\n   * Replaces the built-in trigger. Spread `triggerProps` onto the focusable\n   * element that should open the panel; the panel is anchored to it. No root\n   * element is rendered, so the trigger is a direct child of whatever contains\n   * the combobox. `isFluid`, `isClean`, `size`, `className`, `style`,\n   * `htmlAttributes` and `ref` are ignored; use `triggerRef` to reach the\n   * trigger element.\n   */\n  renderTrigger?: (\n    triggerProps: ComboboxTriggerProps,\n    state: ComboboxTriggerState<TOption>,\n  ) => React.ReactNode;\n  /**\n   * Replaces how selected values and option labels are presented, keeping the\n   * behavior and the ARIA of the combobox.\n   */\n  components?: ComboboxComponents<TOption>;\n};\n\n/**\n * Presentation overrides for the parts of the combobox that show an option.\n *\n * @remarks\n * Each override is handed the option itself, so widening the option type is\n * what gives them typed access to fields of your own, such as a color. Only\n * presentation is replaced; selection, filtering, keyboard interaction and the\n * ARIA of the surrounding elements stay with the combobox. Use `renderTrigger`\n * instead to replace the control as a whole.\n */\ntype ComboboxComponents<TOption extends ComboboxOption = ComboboxOption> = {\n  /** Replaces the tag rendered per selected option in multi select. */\n  MultiValue?: React.ComponentType<ComboboxMultiValueProps<TOption>>;\n  /** Replaces the value shown in the trigger in single select. Must be non-interactive. */\n  SingleValue?: React.ComponentType<ComboboxSingleValueProps<TOption>>;\n  /** Replaces the label of an option. The selection and description chrome stays. */\n  OptionLabel?: React.ComponentType<ComboboxOptionLabelProps<TOption>>;\n};\n\n/** Props of a `MultiValue` override, rendered once per selected option. */\ntype ComboboxMultiValueProps<TOption extends ComboboxOption = ComboboxOption> =\n  {\n    option: TOption;\n    /** Position of the option in the selection. */\n    index: number;\n    isDisabled: boolean;\n    size: ComboboxSize;\n    /**\n     * Deselects this option. Nothing calls it unless the override renders an\n     * affordance for it, which also makes focus after the removal its own\n     * responsibility.\n     */\n    remove: () => void;\n  };\n\n/** Props of a `SingleValue` override, rendered inside the trigger. */\ntype ComboboxSingleValueProps<TOption extends ComboboxOption = ComboboxOption> =\n  {\n    option: TOption;\n    isDisabled: boolean;\n    size: ComboboxSize;\n  };\n\n/** Props of an `OptionLabel` override, rendered inside each option. */\ntype ComboboxOptionLabelProps<TOption extends ComboboxOption = ComboboxOption> =\n  {\n    option: TOption;\n    isSelected: boolean;\n    isDisabled: boolean;\n    /** Whether the option currently holds virtual focus. */\n    isFocused: boolean;\n    isMulti: boolean;\n    size: ComboboxSize;\n  };\n\n/**\n * Props that must be spread onto a custom trigger element. Includes the\n * Floating UI reference props, so the element it lands on becomes the anchor\n * the panel is positioned against.\n */\ntype ComboboxTriggerProps = React.HTMLAttributes<HTMLElement> & {\n  ref: React.Ref<HTMLElement>;\n  role: 'combobox';\n  'aria-haspopup': 'dialog' | 'listbox';\n  // These are DOM attribute names, so the boolean naming convention cannot apply.\n  /* eslint-disable @typescript-eslint/naming-convention */\n  'aria-expanded': boolean;\n  'aria-disabled': boolean | undefined;\n  'aria-invalid': boolean | undefined;\n  'aria-required': boolean | undefined;\n  /* eslint-enable @typescript-eslint/naming-convention */\n  'aria-controls': string | undefined;\n  'aria-activedescendant': string | undefined;\n  'aria-describedby': string | undefined;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n};\n\n/**\n * The label, help text, and error text of the combobox, for rendering them from\n * a custom trigger.\n *\n * @remarks\n * A custom trigger is named through `aria-label` and carries the\n * `aria-describedby` of whichever message is currently shown, so it has to\n * render that message with the id it is handed here.\n */\ntype ComboboxFieldState = {\n  label: string;\n  hasVisuallyHiddenLabel: boolean;\n  helpText?: React.ReactNode;\n  errorText?: React.ReactNode;\n  hasError: boolean;\n  isRequired: boolean;\n  hasRequiredIndicator: boolean;\n  /** Id the trigger's `aria-labelledby` points at when the label is rendered. */\n  labelId: string;\n  /** Id of the trigger, so a rendered `<label>` can point at it with `htmlFor`. */\n  triggerId: string;\n  /** Ids the trigger's `aria-describedby` points at. Only one is used at a time. */\n  helpTextId: string;\n  errorTextId: string;\n};\n\n/** Current combobox state, for rendering a custom trigger. */\ntype ComboboxTriggerState<TOption extends ComboboxOption = ComboboxOption> = {\n  isOpen: boolean;\n  isMulti: boolean;\n  isDisabled: boolean;\n  /** The selected options, as a list in both single and multi select. */\n  selectedOptions: TOption[];\n  /** Clears the whole selection. */\n  clear: () => void;\n  /** Deselects a single option. */\n  remove: (option: TOption) => void;\n  /** The label and messages of the combobox, so a custom trigger can present them. */\n  field: ComboboxFieldState;\n};\n\ntype ComboboxSingleProps<TOption extends ComboboxOption = ComboboxOption> = {\n  /** The selected option in controlled mode. */\n  value?: TOption | null;\n  /** The initially selected option in uncontrolled mode. */\n  defaultValue?: TOption | null;\n  /** Called when the selected option changes. `null` when the selection is cleared. */\n  onChange?: (value: TOption | null) => void;\n  /** Whether multiple options can be selected. */\n  isMulti?: false;\n  maxRows?: never;\n};\n\ntype ComboboxMultiProps<TOption extends ComboboxOption = ComboboxOption> = {\n  /** The selected options in controlled mode. */\n  value?: TOption[];\n  /** The initially selected options in uncontrolled mode. */\n  defaultValue?: TOption[];\n  /** Called when the selected options change. */\n  onChange?: (value: TOption[]) => void;\n  /** Whether multiple options can be selected. */\n  isMulti: true;\n  /**\n   * Maximum number of rows the selected tags may wrap into, a single row by\n   * default. Tags that do not fit are collapsed into a read-only counter tag,\n   * such as `+4`, at the end of the last row. Pass `null` to let the control\n   * grow with the selection.\n   */\n  maxRows?: number | null;\n};\n\ntype ComboboxProps<TOption extends ComboboxOption = ComboboxOption> =\n  ComboboxBaseProps<TOption> &\n    (ComboboxSingleProps<TOption> | ComboboxMultiProps<TOption>);\n\ntype ComboboxPanelProps = {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n  id?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  /**\n   * Set when the panel is a dialog popup, which is the case while the search\n   * input inside it holds DOM focus.\n   */\n  ariaLabel?: string;\n  isDialog?: boolean;\n} & Record<string, unknown>;\n\ntype ComboboxControlProps<TOption extends ComboboxOption = ComboboxOption> = {\n  triggerProps: ComboboxTriggerProps;\n  state: ComboboxTriggerState<TOption>;\n  field: ComboboxFieldState;\n  placeholder: string;\n  isClearable: boolean;\n  isClean: boolean;\n  size: ComboboxSize;\n  /** Maximum number of rows the selected tags may wrap into in multi select. `null` is unlimited. */\n  maxRows?: number | null;\n  components: ComboboxComponents<TOption>;\n  /** Floating UI reference props, so clicking anywhere in the control opens the panel. */\n  referenceProps: React.HTMLAttributes<HTMLDivElement>;\n  referenceRef: React.Ref<HTMLDivElement>;\n};\n\ntype ComboboxEmptyStateProps = {\n  children?: React.ReactNode;\n};\n\ntype ComboboxInputProps = {\n  ref?: React.Ref<HTMLInputElement>;\n  ariaLabel: string;\n  value: string;\n  onValueChange: (searchValue: string) => void;\n  placeholder?: string;\n  /** Id of the listbox the input controls, when the listbox is rendered. */\n  listboxId?: string;\n  /** Id of the virtually focused option, when one is active. */\n  activeOptionId?: string;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n};\n\ntype ComboboxListBoxProps = {\n  ariaLabel: string;\n  children?: React.ReactNode;\n  isMulti?: boolean;\n  id?: string;\n  /** Ids of the pinned action rows the listbox owns without containing. */\n  ownsIds?: string;\n};\n\ntype ComboboxGroupProps = {\n  children?: React.ReactNode;\n  label: string;\n};\n\ntype ComboboxOptionProps = {\n  children?: React.ReactNode;\n  /** Left out on rows that cannot be selected, which drops `aria-selected`. */\n  isSelected?: boolean;\n  isDisabled?: boolean;\n  isFocused?: boolean;\n  /** Whether the option is the row that creates a new option from the search value. */\n  isCreate?: boolean;\n  /** Whether the option is an action row, which acts instead of selecting. */\n  isAction?: boolean;\n  id?: string;\n  onClick?: () => void;\n  /** Called when the pointer moves over the option, so hover can drive virtual focus. */\n  onHover?: () => void;\n  /**\n   * One-based position in the full list. Only set while the listbox is\n   * virtualized, where the DOM no longer holds every option.\n   */\n  posInSet?: number;\n  /** Total options in the full list. Only set while the listbox is virtualized. */\n  setSize?: number;\n};\n\ntype ComboboxOptionContentProps = {\n  label: string;\n  /**\n   * Replaces the label text. Rendered in place of the label typography rather\n   * than inside it, so it can be any element rather than inline text.\n   */\n  customLabel?: React.ReactNode;\n  description?: string;\n  leadingVisual?: React.ReactNode;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n  isMulti?: boolean;\n};\n\nexport type {\n  ComboboxProps,\n  ComboboxAction,\n  ComboboxComponents,\n  ComboboxControlProps,\n  ComboboxFieldState,\n  ComboboxMultiValueProps,\n  ComboboxOptionLabelProps,\n  ComboboxSingleValueProps,\n  ComboboxTriggerProps,\n  ComboboxTriggerState,\n  ComboboxPanelProps,\n  ComboboxEmptyStateProps,\n  ComboboxFilterOption,\n  ComboboxInputProps,\n  ComboboxListBoxProps,\n  ComboboxGroupProps,\n  ComboboxOptionProps,\n  ComboboxOptionContentProps,\n  ComboboxOption,\n  ComboboxOptionGroup,\n  ComboboxSize,\n};\n"]}

package/lib/esm/combobox/combobox-utils.js

@@ -1,4 +1,4 @@
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/combobox-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-utils.js","sourceRoot":"","sources":["../../../src/combobox/combobox-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  type ComboboxAction,\n  type ComboboxFilterOption,\n  type ComboboxOption,\n  type ComboboxOptionGroup,\n} from './combobox-types';\n\ntype ComboboxOptions<TOption extends ComboboxOption> =\n  | TOption[]\n  | ComboboxOptionGroup<TOption>[];\n\nconst isOptionGroup = <TOption extends ComboboxOption>(\n  item: TOption | ComboboxOptionGroup<TOption>,\n): item is ComboboxOptionGroup<TOption> => 'options' in item;\n\nconst matchesLabel = (option: ComboboxOption, searchValue: string) =>\n  option.label.toLowerCase().includes(searchValue.toLowerCase());\n\n/**\n * Filters options against the search value, keeping the grouped or flat shape\n * of the input. Groups that end up without matches are dropped.\n */\nconst filterComboboxOptions = <TOption extends ComboboxOption>(\n  options: ComboboxOptions<TOption>,\n  searchValue: string,\n  filterOption?: ComboboxFilterOption<TOption>,\n): ComboboxOptions<TOption> => {\n  if (filterOption === false || searchValue.trim() === '') {\n    return options;\n  }\n\n  const matches = filterOption ?? matchesLabel;\n\n  if (options.every(isOptionGroup)) {\n    return options\n      .map((group) => ({\n        ...group,\n        options: group.options.filter((option) => matches(option, searchValue)),\n      }))\n      .filter((group) => group.options.length > 0);\n  }\n\n  return (options as TOption[]).filter((option) =>\n    matches(option, searchValue),\n  );\n};\n\n/** Flattens grouped options into the visual order used for option ids. */\nconst flattenComboboxOptions = <TOption extends ComboboxOption>(\n  options: (TOption | ComboboxOptionGroup<TOption>)[],\n): TOption[] =>\n  options.flatMap((item) => (isOptionGroup(item) ? item.options : item));\n\n// A symbol keeps the marker out of consumer data and out of anything that walks\n// option keys, so the create row travels through the list as a normal option.\nconst CREATE_MARKER = Symbol('ndlComboboxCreateOption');\n\ntype ComboboxCreateOption<TOption extends ComboboxOption> = TOption & {\n  readonly [CREATE_MARKER]: true;\n};\n\nconst isCreateOption = <TOption extends ComboboxOption>(\n  option: TOption,\n): option is ComboboxCreateOption<TOption> => CREATE_MARKER in option;\n\n/** Tags an option as the create row, so activating it creates instead of selects. */\nconst asCreateOption = <TOption extends ComboboxOption>(\n  option: TOption,\n): ComboboxCreateOption<TOption> => ({\n  ...option,\n  [CREATE_MARKER]: true,\n});\n\n/**\n * The default way to build the option to create. It can only fill in the fields\n * of `ComboboxOption`, so an option type with more required fields of its own\n * has to supply `createOption`.\n */\nconst buildCreateOption = <TOption extends ComboboxOption>(\n  searchValue: string,\n): TOption =>\n  ({\n    label: searchValue,\n    value: searchValue,\n  }) as TOption;\n\nconst formatCreateOptionLabel = (searchValue: string) =>\n  `Create \"${searchValue}\"`;\n\n// Actions travel through the list as rows, which is what gives them virtual\n// focus, an option id and keyboard activation. They cannot be options, since an\n// option type with fields of its own is the consumer's to build, so they are\n// their own row shape marked the same way as the create row.\nconst ACTION_MARKER = Symbol('ndlComboboxAction');\n\ntype ComboboxActionRow = ComboboxOption & {\n  readonly [ACTION_MARKER]: ComboboxAction;\n};\n\n/** A row of the rendered list, which is either an option or an action. */\ntype ComboboxRow<TOption extends ComboboxOption> = TOption | ComboboxActionRow;\n\nconst isActionRow = <TOption extends ComboboxOption>(\n  row: ComboboxRow<TOption>,\n): row is ComboboxActionRow => ACTION_MARKER in row;\n\n/**\n * Wraps an action as a list row. The position in `actions` gives the row a\n * stable value, which keeps the active row from being reset every render.\n */\nconst asActionRow = (\n  action: ComboboxAction,\n  index: number,\n): ComboboxActionRow => ({\n  isDisabled: action.isDisabled,\n  label: action.label,\n  value: `ndl-combobox-action-${index}`,\n  [ACTION_MARKER]: action,\n});\n\nconst getAction = (row: ComboboxActionRow) => row[ACTION_MARKER];\n\nconst matchesExactly = (option: ComboboxOption, searchValue: string) => {\n  const normalized = searchValue.trim().toLowerCase();\n\n  return (\n    option.label.toLowerCase() === normalized ||\n    option.value.toLowerCase() === normalized\n  );\n};\n\n/**\n * A created option is never added to `options`, so the current selection is\n * checked too. Without that, retyping a created value would offer to create it\n * again and toggle the existing selection back off in multi select.\n */\nconst isValidNewComboboxOption = (\n  searchValue: string,\n  options: ComboboxOption[],\n) =>\n  searchValue.trim() !== '' &&\n  !options.some((option) => matchesExactly(option, searchValue));\n\n/**\n * Disabled options are deliberately included in keyboard navigation, following\n * the APG guidance on the focusability of disabled controls: skipping them\n * would make them undiscoverable to screen reader users. Activation is what\n * ignores them instead.\n */\nconst getFirstOptionIndex = (options: ComboboxOption[]) =>\n  options.length > 0 ? 0 : -1;\n\nconst getLastOptionIndex = (options: ComboboxOption[]) => options.length - 1;\n\n/**\n * Steps one option in the given direction, clamping at the ends of the list\n * as the combobox pattern permits.\n */\nconst getNextOptionIndex = (\n  options: ComboboxOption[],\n  fromIndex: number,\n  direction: 1 | -1,\n) => Math.min(Math.max(fromIndex + direction, 0), options.length - 1);\n\ntype ComboboxValue<TOption extends ComboboxOption> = TOption | TOption[] | null;\n\nconst getInitialValue = <TOption extends ComboboxOption>(\n  value: ComboboxValue<TOption> | undefined,\n  defaultValue: ComboboxValue<TOption> | undefined,\n  isMulti: boolean,\n): ComboboxValue<TOption> => {\n  if (value !== undefined) {\n    return value;\n  }\n\n  if (defaultValue !== undefined) {\n    return defaultValue;\n  }\n\n  if (isMulti) {\n    return [];\n  }\n\n  return null;\n};\n\nexport {\n  asActionRow,\n  asCreateOption,\n  buildCreateOption,\n  filterComboboxOptions,\n  flattenComboboxOptions,\n  formatCreateOptionLabel,\n  getAction,\n  getFirstOptionIndex,\n  getLastOptionIndex,\n  getNextOptionIndex,\n  isActionRow,\n  isCreateOption,\n  isOptionGroup,\n  isValidNewComboboxOption,\n  getInitialValue,\n};\nexport type { ComboboxActionRow, ComboboxRow, ComboboxValue };\n"]}
+{"version":3,"file":"combobox-utils.js","sourceRoot":"","sources":["../../../src/combobox/combobox-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  type ComboboxAction,\n  type ComboboxFilterOption,\n  type ComboboxOption,\n  type ComboboxOptionGroup,\n} from './combobox-types';\n\ntype ComboboxOptions<TOption extends ComboboxOption> =\n  | TOption[]\n  | ComboboxOptionGroup<TOption>[];\n\nconst isOptionGroup = <TOption extends ComboboxOption>(\n  item: TOption | ComboboxOptionGroup<TOption>,\n): item is ComboboxOptionGroup<TOption> => 'options' in item;\n\nconst matchesLabel = (option: ComboboxOption, searchValue: string) =>\n  option.label.toLowerCase().includes(searchValue.toLowerCase());\n\n/**\n * Filters options against the search value, keeping the grouped or flat shape\n * of the input. Groups that end up without matches are dropped.\n */\nconst filterComboboxOptions = <TOption extends ComboboxOption>(\n  options: ComboboxOptions<TOption>,\n  searchValue: string,\n  filterOption?: ComboboxFilterOption<TOption>,\n): ComboboxOptions<TOption> => {\n  if (filterOption === false || searchValue.trim() === '') {\n    return options;\n  }\n\n  const matches = filterOption ?? matchesLabel;\n\n  if (options.every(isOptionGroup)) {\n    return options\n      .map((group) => ({\n        ...group,\n        options: group.options.filter((option) => matches(option, searchValue)),\n      }))\n      .filter((group) => group.options.length > 0);\n  }\n\n  return (options as TOption[]).filter((option) =>\n    matches(option, searchValue),\n  );\n};\n\n/** Flattens grouped options into the visual order used for option ids. */\nconst flattenComboboxOptions = <TOption extends ComboboxOption>(\n  options: (TOption | ComboboxOptionGroup<TOption>)[],\n): TOption[] =>\n  options.flatMap((item) => (isOptionGroup(item) ? item.options : item));\n\n// A symbol keeps the marker out of consumer data and out of anything that walks\n// option keys, so the create row travels through the list as a normal option.\nconst CREATE_MARKER = Symbol('ndlComboboxCreateOption');\n\ntype ComboboxCreateOption<TOption extends ComboboxOption> = TOption & {\n  readonly [CREATE_MARKER]: true;\n};\n\nconst isCreateOption = <TOption extends ComboboxOption>(\n  option: TOption,\n): option is ComboboxCreateOption<TOption> => CREATE_MARKER in option;\n\n/** Tags an option as the create row, so activating it creates instead of selects. */\nconst asCreateOption = <TOption extends ComboboxOption>(\n  option: TOption,\n): ComboboxCreateOption<TOption> => ({\n  ...option,\n  [CREATE_MARKER]: true,\n});\n\n/**\n * The default way to build the option to create. It can only fill in the fields\n * of `ComboboxOption`, so an option type with more required fields of its own\n * has to supply `createOption`.\n */\nconst buildCreateOption = <TOption extends ComboboxOption>(\n  searchValue: string,\n): TOption =>\n  ({\n    label: searchValue,\n    value: searchValue,\n  }) as TOption;\n\nconst formatCreateOptionLabel = (searchValue: string) =>\n  `Create \"${searchValue}\"`;\n\n// Actions travel through the list as rows, which is what gives them virtual\n// focus, an option id and keyboard activation. They cannot be options, since an\n// option type with fields of its own is the consumer's to build, so they are\n// their own row shape marked the same way as the create row.\nconst ACTION_MARKER = Symbol('ndlComboboxAction');\n\ntype ComboboxActionRow = ComboboxOption & {\n  readonly [ACTION_MARKER]: ComboboxAction;\n};\n\n/** A row of the rendered list, which is either an option or an action. */\ntype ComboboxRow<TOption extends ComboboxOption> = TOption | ComboboxActionRow;\n\nconst isActionRow = <TOption extends ComboboxOption>(\n  row: ComboboxRow<TOption>,\n): row is ComboboxActionRow => ACTION_MARKER in row;\n\n/**\n * Wraps an action as a list row. The position in `actions` gives the row a\n * stable value, which keeps the active row from being reset every render.\n */\nconst asActionRow = (\n  action: ComboboxAction,\n  index: number,\n): ComboboxActionRow => ({\n  isDisabled: action.isDisabled,\n  label: action.label,\n  value: `ndl-combobox-action-${index}`,\n  [ACTION_MARKER]: action,\n});\n\nconst getAction = (row: ComboboxActionRow) => row[ACTION_MARKER];\n\nconst matchesExactly = (option: ComboboxOption, searchValue: string) => {\n  const normalized = searchValue.trim().toLowerCase();\n\n  return (\n    option.label.toLowerCase() === normalized ||\n    option.value.toLowerCase() === normalized\n  );\n};\n\n/**\n * A created option is never added to `options`, so the current selection is\n * checked too. Without that, retyping a created value would offer to create it\n * again and toggle the existing selection back off in multi select.\n */\nconst isValidNewComboboxOption = (\n  searchValue: string,\n  options: ComboboxOption[],\n) =>\n  searchValue.trim() !== '' &&\n  !options.some((option) => matchesExactly(option, searchValue));\n\n/**\n * Disabled options are deliberately included in keyboard navigation, following\n * the APG guidance on the focusability of disabled controls: skipping them\n * would make them undiscoverable to screen reader users. Activation is what\n * ignores them instead.\n */\nconst getFirstOptionIndex = (options: ComboboxOption[]) =>\n  options.length > 0 ? 0 : -1;\n\nconst getLastOptionIndex = (options: ComboboxOption[]) => options.length - 1;\n\n/**\n * Steps one option in the given direction, clamping at the ends of the list\n * as the combobox pattern permits.\n */\nconst getNextOptionIndex = (\n  options: ComboboxOption[],\n  fromIndex: number,\n  direction: 1 | -1,\n) => Math.min(Math.max(fromIndex + direction, 0), options.length - 1);\n\ntype ComboboxValue<TOption extends ComboboxOption> = TOption | TOption[] | null;\n\nconst getInitialValue = <TOption extends ComboboxOption>(\n  value: ComboboxValue<TOption> | undefined,\n  defaultValue: ComboboxValue<TOption> | undefined,\n  isMulti: boolean,\n): ComboboxValue<TOption> => {\n  if (value !== undefined) {\n    return value;\n  }\n\n  if (defaultValue !== undefined) {\n    return defaultValue;\n  }\n\n  if (isMulti) {\n    return [];\n  }\n\n  return null;\n};\n\nexport {\n  asActionRow,\n  asCreateOption,\n  buildCreateOption,\n  filterComboboxOptions,\n  flattenComboboxOptions,\n  formatCreateOptionLabel,\n  getAction,\n  getFirstOptionIndex,\n  getLastOptionIndex,\n  getNextOptionIndex,\n  isActionRow,\n  isCreateOption,\n  isOptionGroup,\n  isValidNewComboboxOption,\n  getInitialValue,\n};\nexport type { ComboboxActionRow, ComboboxRow, ComboboxValue };\n"]}

package/lib/esm/combobox/index.js

@@ -1,4 +1,4 @@
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/combobox/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { Combobox } from './Combobox';\nexport type {\n  ComboboxAction,\n  ComboboxComponents,\n  ComboboxMultiValueProps,\n  ComboboxOption,\n  ComboboxOptionGroup,\n  ComboboxOptionLabelProps,\n  ComboboxSingleValueProps,\n  ComboboxSize,\n  ComboboxTriggerProps,\n  ComboboxTriggerState,\n} from './combobox-types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/combobox/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { Combobox } from './Combobox';\nexport type {\n  ComboboxAction,\n  ComboboxComponents,\n  ComboboxMultiValueProps,\n  ComboboxOption,\n  ComboboxOptionGroup,\n  ComboboxOptionLabelProps,\n  ComboboxSingleValueProps,\n  ComboboxSize,\n  ComboboxTriggerProps,\n  ComboboxTriggerState,\n} from './combobox-types';\n"]}

package/lib/esm/combobox/stories/combobox-action-on-select.story.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-action-on-select.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-action-on-select.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-action-on-select.story.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,QAAQ,GAAG;IACf;QACE,WAAW,EAAE,gCAAgC;QAC7C,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,6BAA6B;KACrC;IACD;QACE,WAAW,EAAE,mDAAmD;QAChE,KAAK,EAAE,kBAAkB;QACzB,KAAK,EAAE,gCAAgC;KACxC;IACD;QACE,WAAW,EAAE,gDAAgD;QAC7D,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,cAAc;KACtB;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACtD,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,QAAQ,IACP,GAAG,EAAE,WAAW,EAChB,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,aAAa,EACpB,cAAc,EAAE;oBACd,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;oBACzD,IAAI,EAAE,CAAC;iBACR,EACD,QAAQ,EAAC,+CAA+C,GACxD,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,QAAQ,EACjB,iBAAiB,EAAC,iBAAiB,EACnC,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc;gBAC9B,kEAAkE;gBAClE,yEAAyE;gBACzE,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;;oBACpB,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;wBACrB,OAAO;oBACT,CAAC;oBAED,gBAAgB,CAAC,CAAC,YAAY,EAAE,EAAE,CAChC,YAAY,KAAK,EAAE;wBACjB,CAAC,CAAC,OAAO,CAAC,KAAK;wBACf,CAAC,CAAC,GAAG,YAAY,KAAK,OAAO,CAAC,KAAK,EAAE,CACxC,CAAC;oBACF,cAAc,CAAC,EAAE,CAAC,CAAC;oBACnB,MAAA,WAAW,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;gBAC/B,CAAC,EACD,aAAa,EAAE,CAAC,EAAwB,EAAE,EAAE;wBAA5B,EAAE,GAAG,OAAmB,EAAd,YAAY,cAAtB,OAAwB,CAAF;oBAAO,OAAA,CAC3C,KAAC,UAAU,IACT,GAAG,EAAE,GAAmC,EACxC,WAAW,EAAC,gBAAgB,EAC5B,cAAc,EAAE,YAAY,YAE5B,KAAC,sBAAsB,KAAG,GACf,CACd,CAAA;iBAAA,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox, IconButton, TextArea } from '@neo4j-ndl/react';\nimport { CommandLineIconOutline } from '@neo4j-ndl/react/icons';\nimport { useRef, useState } from 'react';\n\nconst commands = [\n  {\n    description: 'Return a small sample of nodes',\n    label: 'Match nodes',\n    value: 'MATCH (n) RETURN n LIMIT 25',\n  },\n  {\n    description: 'Show the labels and relationships in the database',\n    label: 'Visualize schema',\n    value: 'CALL db.schema.visualization()',\n  },\n  {\n    description: 'List the indexes available to the current user',\n    label: 'Show indexes',\n    value: 'SHOW INDEXES',\n  },\n];\n\nconst Component = () => {\n  const [terminalValue, setTerminalValue] = useState('');\n  const [searchValue, setSearchValue] = useState('');\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  return (\n    <div className=\"n-flex n-gap-token-2 n-items-center\">\n      <TextArea\n        ref={textAreaRef}\n        label=\"Command input\"\n        value={terminalValue}\n        htmlAttributes={{\n          onChange: (event) => setTerminalValue(event.target.value),\n          rows: 5,\n        }}\n        helpText=\"Use the button below to search for a command.\"\n      />\n      <Combobox\n        label=\"Insert command\"\n        options={commands}\n        searchPlaceholder=\"Search commands\"\n        searchValue={searchValue}\n        onSearchChange={setSearchValue}\n        // The picker activates an option but never keeps it as its value.\n        // Keeping the controlled value empty avoids a persistent selected state.\n        value={null}\n        onChange={(command) => {\n          if (command === null) {\n            return;\n          }\n\n          setTerminalValue((currentValue) =>\n            currentValue === ''\n              ? command.value\n              : `${currentValue}\\n${command.value}`,\n          );\n          setSearchValue('');\n          textAreaRef.current?.focus();\n        }}\n        renderTrigger={({ ref, ...triggerProps }) => (\n          <IconButton\n            ref={ref as React.Ref<HTMLButtonElement>}\n            description=\"Insert command\"\n            htmlAttributes={triggerProps}\n          >\n            <CommandLineIconOutline />\n          </IconButton>\n        )}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-action-on-select.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-action-on-select.story.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,QAAQ,GAAG;IACf;QACE,WAAW,EAAE,gCAAgC;QAC7C,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,6BAA6B;KACrC;IACD;QACE,WAAW,EAAE,mDAAmD;QAChE,KAAK,EAAE,kBAAkB;QACzB,KAAK,EAAE,gCAAgC;KACxC;IACD;QACE,WAAW,EAAE,gDAAgD;QAC7D,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,cAAc;KACtB;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACtD,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,QAAQ,IACP,GAAG,EAAE,WAAW,EAChB,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,aAAa,EACpB,cAAc,EAAE;oBACd,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;oBACzD,IAAI,EAAE,CAAC;iBACR,EACD,QAAQ,EAAC,+CAA+C,GACxD,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,QAAQ,EACjB,iBAAiB,EAAC,iBAAiB,EACnC,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc;gBAC9B,kEAAkE;gBAClE,yEAAyE;gBACzE,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;;oBACpB,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;wBACrB,OAAO;oBACT,CAAC;oBAED,gBAAgB,CAAC,CAAC,YAAY,EAAE,EAAE,CAChC,YAAY,KAAK,EAAE;wBACjB,CAAC,CAAC,OAAO,CAAC,KAAK;wBACf,CAAC,CAAC,GAAG,YAAY,KAAK,OAAO,CAAC,KAAK,EAAE,CACxC,CAAC;oBACF,cAAc,CAAC,EAAE,CAAC,CAAC;oBACnB,MAAA,WAAW,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;gBAC/B,CAAC,EACD,aAAa,EAAE,CAAC,EAAwB,EAAE,EAAE;wBAA5B,EAAE,GAAG,OAAmB,EAAd,YAAY,cAAtB,OAAwB,CAAF;oBAAO,OAAA,CAC3C,KAAC,UAAU,IACT,GAAG,EAAE,GAAmC,EACxC,WAAW,EAAC,gBAAgB,EAC5B,cAAc,EAAE,YAAY,YAE5B,KAAC,sBAAsB,KAAG,GACf,CACd,CAAA;iBAAA,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox, IconButton, TextArea } from '@neo4j-ndl/react';\nimport { CommandLineIconOutline } from '@neo4j-ndl/react/icons';\nimport { useRef, useState } from 'react';\n\nconst commands = [\n  {\n    description: 'Return a small sample of nodes',\n    label: 'Match nodes',\n    value: 'MATCH (n) RETURN n LIMIT 25',\n  },\n  {\n    description: 'Show the labels and relationships in the database',\n    label: 'Visualize schema',\n    value: 'CALL db.schema.visualization()',\n  },\n  {\n    description: 'List the indexes available to the current user',\n    label: 'Show indexes',\n    value: 'SHOW INDEXES',\n  },\n];\n\nconst Component = () => {\n  const [terminalValue, setTerminalValue] = useState('');\n  const [searchValue, setSearchValue] = useState('');\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  return (\n    <div className=\"n-flex n-gap-token-2 n-items-center\">\n      <TextArea\n        ref={textAreaRef}\n        label=\"Command input\"\n        value={terminalValue}\n        htmlAttributes={{\n          onChange: (event) => setTerminalValue(event.target.value),\n          rows: 5,\n        }}\n        helpText=\"Use the button below to search for a command.\"\n      />\n      <Combobox\n        label=\"Insert command\"\n        options={commands}\n        searchPlaceholder=\"Search commands\"\n        searchValue={searchValue}\n        onSearchChange={setSearchValue}\n        // The picker activates an option but never keeps it as its value.\n        // Keeping the controlled value empty avoids a persistent selected state.\n        value={null}\n        onChange={(command) => {\n          if (command === null) {\n            return;\n          }\n\n          setTerminalValue((currentValue) =>\n            currentValue === ''\n              ? command.value\n              : `${currentValue}\\n${command.value}`,\n          );\n          setSearchValue('');\n          textAreaRef.current?.focus();\n        }}\n        renderTrigger={({ ref, ...triggerProps }) => (\n          <IconButton\n            ref={ref as React.Ref<HTMLButtonElement>}\n            description=\"Insert command\"\n            htmlAttributes={triggerProps}\n          >\n            <CommandLineIconOutline />\n          </IconButton>\n        )}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-actions.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-actions.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-actions.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-actions.story.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\nimport { PlusIconOutline } from '@neo4j-ndl/react/icons';\n\nconst options = [\n  { label: 'Movie recommendations', value: 'movie-recommendations' },\n  { label: 'Fraud detection', value: 'fraud-detection' },\n  { label: 'Supply chain', value: 'supply-chain' },\n  { label: 'Customer 360', value: 'customer-360' },\n  { label: 'Knowledge graph', value: 'knowledge-graph' },\n  { label: 'Network topology', value: 'network-topology' },\n  { label: 'Identity resolution', value: 'identity-resolution' },\n  { label: 'Master data management', value: 'master-data-management' },\n  { label: 'Social network analysis', value: 'social-network-analysis' },\n  { label: 'Route optimization', value: 'route-optimization' },\n  { label: 'Recommendation engine', value: 'recommendation-engine' },\n  { label: 'Access control', value: 'access-control' },\n  { label: 'Data lineage', value: 'data-lineage' },\n  { label: 'Entity resolution', value: 'entity-resolution' },\n  { label: 'Bill of materials', value: 'bill-of-materials' },\n  { label: 'Impact analysis', value: 'impact-analysis' },\n  { label: 'Anti money laundering', value: 'anti-money-laundering' },\n  { label: 'Dependency mapping', value: 'dependency-mapping' },\n  { label: 'Patient journey', value: 'patient-journey' },\n  { label: 'Content personalization', value: 'content-personalization' },\n  { label: 'Risk assessment', value: 'risk-assessment' },\n  { label: 'Churn prediction', value: 'churn-prediction' },\n  { label: 'Inventory tracking', value: 'inventory-tracking' },\n  { label: 'Semantic search', value: 'semantic-search' },\n  { label: 'Digital twin', value: 'digital-twin' },\n];\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-4\">\n      <Combobox\n        label=\"Project\"\n        placeholder=\"Select project\"\n        searchPlaceholder=\"Search projects\"\n        options={options}\n        // An action never becomes part of the value. It runs, the panel closes,\n        // and the selection is left as it was, which is what makes it usable for\n        // leaving the combobox entirely.\n        actions={[\n          {\n            label: 'All projects',\n            onSelect: () => console.info('all projects'),\n          },\n          {\n            // A divider above the action separates it from the actions before\n            // it. The first action never needs one: it already sits below the\n            // divider that separates actions from options.\n            hasDivider: true,\n            label: 'Create project',\n            leadingVisual: <PlusIconOutline />,\n            // The search value comes along, so an unmatched query can prefill\n            // the flow the action leads to.\n            onSelect: ({ searchValue }) =>\n              console.info('create project with search value', searchValue),\n          },\n        ]}\n        helpText=\"actions stay pinned below the scrolling options, and are exempt from searching\"\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-actions.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-actions.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,uBAAuB,EAAE;IAClE,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;IAChD,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;IAChD,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,kBAAkB,EAAE;IACxD,EAAE,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAE,qBAAqB,EAAE;IAC9D,EAAE,KAAK,EAAE,wBAAwB,EAAE,KAAK,EAAE,wBAAwB,EAAE;IACpE,EAAE,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,yBAAyB,EAAE;IACtE,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC5D,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,uBAAuB,EAAE;IAClE,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACpD,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;IAChD,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAC1D,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,mBAAmB,EAAE;IAC1D,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,uBAAuB,EAAE;IAClE,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC5D,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,yBAAyB,EAAE;IACtE,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,kBAAkB,EAAE;IACxD,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,oBAAoB,EAAE;IAC5D,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;CACjD,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,gBAAgB,EAC5B,iBAAiB,EAAC,iBAAiB,EACnC,OAAO,EAAE,OAAO;YAChB,wEAAwE;YACxE,yEAAyE;YACzE,iCAAiC;YACjC,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,cAAc;oBACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;iBAC7C;gBACD;oBACE,kEAAkE;oBAClE,kEAAkE;oBAClE,+CAA+C;oBAC/C,UAAU,EAAE,IAAI;oBAChB,KAAK,EAAE,gBAAgB;oBACvB,aAAa,EAAE,KAAC,eAAe,KAAG;oBAClC,kEAAkE;oBAClE,gCAAgC;oBAChC,QAAQ,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAC5B,OAAO,CAAC,IAAI,CAAC,kCAAkC,EAAE,WAAW,CAAC;iBAChE;aACF,EACD,QAAQ,EAAC,gFAAgF,GACzF,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\nimport { PlusIconOutline } from '@neo4j-ndl/react/icons';\n\nconst options = [\n  { label: 'Movie recommendations', value: 'movie-recommendations' },\n  { label: 'Fraud detection', value: 'fraud-detection' },\n  { label: 'Supply chain', value: 'supply-chain' },\n  { label: 'Customer 360', value: 'customer-360' },\n  { label: 'Knowledge graph', value: 'knowledge-graph' },\n  { label: 'Network topology', value: 'network-topology' },\n  { label: 'Identity resolution', value: 'identity-resolution' },\n  { label: 'Master data management', value: 'master-data-management' },\n  { label: 'Social network analysis', value: 'social-network-analysis' },\n  { label: 'Route optimization', value: 'route-optimization' },\n  { label: 'Recommendation engine', value: 'recommendation-engine' },\n  { label: 'Access control', value: 'access-control' },\n  { label: 'Data lineage', value: 'data-lineage' },\n  { label: 'Entity resolution', value: 'entity-resolution' },\n  { label: 'Bill of materials', value: 'bill-of-materials' },\n  { label: 'Impact analysis', value: 'impact-analysis' },\n  { label: 'Anti money laundering', value: 'anti-money-laundering' },\n  { label: 'Dependency mapping', value: 'dependency-mapping' },\n  { label: 'Patient journey', value: 'patient-journey' },\n  { label: 'Content personalization', value: 'content-personalization' },\n  { label: 'Risk assessment', value: 'risk-assessment' },\n  { label: 'Churn prediction', value: 'churn-prediction' },\n  { label: 'Inventory tracking', value: 'inventory-tracking' },\n  { label: 'Semantic search', value: 'semantic-search' },\n  { label: 'Digital twin', value: 'digital-twin' },\n];\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-4\">\n      <Combobox\n        label=\"Project\"\n        placeholder=\"Select project\"\n        searchPlaceholder=\"Search projects\"\n        options={options}\n        // An action never becomes part of the value. It runs, the panel closes,\n        // and the selection is left as it was, which is what makes it usable for\n        // leaving the combobox entirely.\n        actions={[\n          {\n            label: 'All projects',\n            onSelect: () => console.info('all projects'),\n          },\n          {\n            // A divider above the action separates it from the actions before\n            // it. The first action never needs one: it already sits below the\n            // divider that separates actions from options.\n            hasDivider: true,\n            label: 'Create project',\n            leadingVisual: <PlusIconOutline />,\n            // The search value comes along, so an unmatched query can prefill\n            // the flow the action leads to.\n            onSelect: ({ searchValue }) =>\n              console.info('create project with search value', searchValue),\n          },\n        ]}\n        helpText=\"actions stay pinned below the scrolling options, and are exempt from searching\"\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-async.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-async.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-async.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-async.story.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox, Typography } from '@neo4j-ndl/react';\nimport { useEffect, useState } from 'react';\n\nconst catalog = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n  { label: 'Browser', value: 'browser' },\n  { label: 'Cypher', value: 'cypher' },\n  { label: 'Data Importer', value: 'data-importer' },\n  { label: 'GraphQL', value: 'graphql' },\n];\n\nconst SEARCH_DELAY_MS = 600;\n\nconst Component = () => {\n  const [searchValue, setSearchValue] = useState('');\n  const [options, setOptions] = useState<typeof catalog>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [hasOpened, setHasOpened] = useState(false);\n\n  useEffect(() => {\n    if (!hasOpened) {\n      return;\n    }\n\n    let isCancelled = false;\n    const query = searchValue.trim().toLowerCase();\n\n    setIsLoading(true);\n    setOptions([]);\n\n    const timeoutId = window.setTimeout(() => {\n      if (isCancelled) {\n        return;\n      }\n\n      setOptions(\n        query === ''\n          ? catalog\n          : catalog.filter((option) =>\n              option.label.toLowerCase().includes(query),\n            ),\n      );\n      setIsLoading(false);\n    }, SEARCH_DELAY_MS);\n\n    return () => {\n      isCancelled = true;\n      window.clearTimeout(timeoutId);\n    };\n  }, [hasOpened, searchValue]);\n\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-4\">\n      <Combobox\n        label=\"Products\"\n        // The consumer supplies already-filtered options, so internal\n        // filtering must be disabled.\n        filterOption={false}\n        searchValue={searchValue}\n        onSearchChange={setSearchValue}\n        onOpenChange={(isOpen) => {\n          if (isOpen) {\n            setIsLoading(true);\n            setHasOpened(true);\n          }\n        }}\n        options={options}\n        isLoading={isLoading}\n        searchPlaceholder=\"Search products\"\n      />\n      <Typography variant=\"body-small\" className=\"n-text-neutral-text-weak\">\n        The consumer clears, fetches, and filters options after a short delay.\n        The loading state is shown while each request is in flight.\n      </Typography>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-async.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-async.story.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox, Typography } from '@neo4j-ndl/react';\nimport { useEffect, useState } from 'react';\n\nconst catalog = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n  { label: 'Browser', value: 'browser' },\n  { label: 'Cypher', value: 'cypher' },\n  { label: 'Data Importer', value: 'data-importer' },\n  { label: 'GraphQL', value: 'graphql' },\n];\n\nconst SEARCH_DELAY_MS = 600;\n\nconst Component = () => {\n  const [searchValue, setSearchValue] = useState('');\n  const [options, setOptions] = useState<typeof catalog>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [hasOpened, setHasOpened] = useState(false);\n\n  useEffect(() => {\n    if (!hasOpened) {\n      return;\n    }\n\n    let isCancelled = false;\n    const query = searchValue.trim().toLowerCase();\n\n    setIsLoading(true);\n    setOptions([]);\n\n    const timeoutId = window.setTimeout(() => {\n      if (isCancelled) {\n        return;\n      }\n\n      setOptions(\n        query === ''\n          ? catalog\n          : catalog.filter((option) =>\n              option.label.toLowerCase().includes(query),\n            ),\n      );\n      setIsLoading(false);\n    }, SEARCH_DELAY_MS);\n\n    return () => {\n      isCancelled = true;\n      window.clearTimeout(timeoutId);\n    };\n  }, [hasOpened, searchValue]);\n\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-4\">\n      <Combobox\n        label=\"Products\"\n        // The consumer supplies already-filtered options, so internal\n        // filtering must be disabled.\n        filterOption={false}\n        searchValue={searchValue}\n        onSearchChange={setSearchValue}\n        onOpenChange={(isOpen) => {\n          if (isOpen) {\n            setIsLoading(true);\n            setHasOpened(true);\n          }\n        }}\n        options={options}\n        isLoading={isLoading}\n        searchPlaceholder=\"Search products\"\n      />\n      <Typography variant=\"body-small\" className=\"n-text-neutral-text-weak\">\n        The consumer clears, fetches, and filters options after a short delay.\n        The loading state is shown while each request is in flight.\n      </Typography>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-clean.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-clean.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-clean.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-clean.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG;QACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QAClC,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;KACjE,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,SAAS;QACf,mEAAmE;QACnE,sBAAsB,QACtB,OAAO,QACP,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  const options = [\n    { label: 'Neo4j', value: 'neo4j' },\n    { label: 'Aura', value: 'aura' },\n    { label: 'Bloom', value: 'bloom' },\n    { isDisabled: true, label: 'Unavailable', value: 'unavailable' },\n  ];\n\n  return (\n    <Combobox\n      label=\"Product\"\n      // A clean combobox sits inline, next to whatever already names it.\n      hasVisuallyHiddenLabel\n      isClean\n      options={options}\n      defaultValue={options[0]}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-clean.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-clean.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG;QACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QAClC,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;KACjE,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,SAAS;QACf,mEAAmE;QACnE,sBAAsB,QACtB,OAAO,QACP,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  const options = [\n    { label: 'Neo4j', value: 'neo4j' },\n    { label: 'Aura', value: 'aura' },\n    { label: 'Bloom', value: 'bloom' },\n    { isDisabled: true, label: 'Unavailable', value: 'unavailable' },\n  ];\n\n  return (\n    <Combobox\n      label=\"Product\"\n      // A clean combobox sits inline, next to whatever already names it.\n      hasVisuallyHiddenLabel\n      isClean\n      options={options}\n      defaultValue={options[0]}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-creatable.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-creatable.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-creatable.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-creatable.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOjC,MAAM,eAAe,GAAa;IAChC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;CACvD,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEjD,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,WAAW,EACjB,WAAW,EAAC,kBAAkB,EAC9B,iBAAiB,EAAC,0BAA0B,EAC5C,OAAO,QACP,WAAW,QACX,WAAW,QACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,0EAA0E;QAC1E,6DAA6D;QAC7D,cAAc,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC,GACzE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\ntype Option = {\n  label: string;\n  value: string;\n};\n\nconst INITIAL_OPTIONS: Option[] = [\n  { label: 'Recommendations', value: 'recommendations' },\n  { label: 'Fraud detection', value: 'fraud-detection' },\n  { label: 'Knowledge graph', value: 'knowledge-graph' },\n];\n\nconst Component = () => {\n  const [options, setOptions] = useState(INITIAL_OPTIONS);\n  const [value, setValue] = useState<Option[]>([]);\n\n  return (\n    <Combobox\n      label=\"Use cases\"\n      placeholder=\"Select use cases\"\n      searchPlaceholder=\"Search or add a use case\"\n      isMulti\n      isCreatable\n      isClearable\n      options={options}\n      value={value}\n      onChange={(nextValue) => setValue(nextValue)}\n      // Created options are not added to `options` by the Combobox, so they are\n      // appended here to keep them available for later selections.\n      onCreateOption={(option) => setOptions((current) => [...current, option])}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-creatable.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-creatable.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOjC,MAAM,eAAe,GAAa;IAChC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;CACvD,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEjD,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,WAAW,EACjB,WAAW,EAAC,kBAAkB,EAC9B,iBAAiB,EAAC,0BAA0B,EAC5C,OAAO,QACP,WAAW,QACX,WAAW,QACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,0EAA0E;QAC1E,6DAA6D;QAC7D,cAAc,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC,GACzE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\ntype Option = {\n  label: string;\n  value: string;\n};\n\nconst INITIAL_OPTIONS: Option[] = [\n  { label: 'Recommendations', value: 'recommendations' },\n  { label: 'Fraud detection', value: 'fraud-detection' },\n  { label: 'Knowledge graph', value: 'knowledge-graph' },\n];\n\nconst Component = () => {\n  const [options, setOptions] = useState(INITIAL_OPTIONS);\n  const [value, setValue] = useState<Option[]>([]);\n\n  return (\n    <Combobox\n      label=\"Use cases\"\n      placeholder=\"Select use cases\"\n      searchPlaceholder=\"Search or add a use case\"\n      isMulti\n      isCreatable\n      isClearable\n      options={options}\n      value={value}\n      onChange={(nextValue) => setValue(nextValue)}\n      // Created options are not added to `options` by the Combobox, so they are\n      // appended here to keep them available for later selections.\n      onCreateOption={(option) => setOptions((current) => [...current, option])}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-custom-multi.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-custom-multi.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-custom-multi.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-custom-multi.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUjC,MAAM,OAAO,GAAsB;IACjC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC9D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IAClE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CAChE,CAAC;AAEF,6EAA6E;AAC7E,gFAAgF;AAChF,wCAAwC;AACxC,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,EACN,UAAU,GAIX,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,IACT,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,UAAU,EAAE,UAAU,YAErB,MAAM,CAAC,KAAK,GACF,CACd,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoB,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAE3E,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,4CAA4C,EACrD,OAAO,QACP,WAAW,QACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,GAC7D,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { tokens } from '@neo4j-ndl/base';\nimport { Combobox, GraphLabel } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\n// The option type is free to carry fields of its own. Passing these options to\n// the combobox is what types `option` inside the overrides below.\ntype NodeLabelOption = {\n  label: string;\n  value: string;\n  color: string;\n};\n\nconst options: NodeLabelOption[] = [\n  { color: tokens.graph['1'], label: 'Person', value: 'person' },\n  { color: tokens.graph['2'], label: 'Movie', value: 'movie' },\n  { color: tokens.graph['3'], label: 'Director', value: 'director' },\n  { color: tokens.graph['4'], label: 'Actor', value: 'actor' },\n  { color: tokens.graph['7'], label: 'Genre', value: 'genre' },\n  { color: tokens.graph['12'], label: 'Studio', value: 'studio' },\n];\n\n// One presentation for the selected values and for the options, so both read\n// the same. `as=\"span\"` keeps it non-interactive, which leaves the list and the\n// clear button as the ways to deselect.\nconst NodeLabel = ({\n  option,\n  isDisabled,\n}: {\n  option: NodeLabelOption;\n  isDisabled: boolean;\n}) => (\n  <GraphLabel\n    as=\"span\"\n    type=\"node\"\n    size=\"small\"\n    color={option.color}\n    isDisabled={isDisabled}\n  >\n    {option.label}\n  </GraphLabel>\n);\n\nconst Component = () => {\n  const [value, setValue] = useState<NodeLabelOption[]>(options.slice(0, 2));\n\n  return (\n    <Combobox\n      label=\"Node labels\"\n      helpText=\"Deselect a label in the list to remove it.\"\n      isMulti\n      isClearable\n      options={options}\n      value={value}\n      onChange={setValue}\n      components={{ MultiValue: NodeLabel, OptionLabel: NodeLabel }}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-custom-multi.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-custom-multi.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUjC,MAAM,OAAO,GAAsB;IACjC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC9D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IAClE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CAChE,CAAC;AAEF,6EAA6E;AAC7E,gFAAgF;AAChF,wCAAwC;AACxC,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,EACN,UAAU,GAIX,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,IACT,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,UAAU,EAAE,UAAU,YAErB,MAAM,CAAC,KAAK,GACF,CACd,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoB,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAE3E,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,4CAA4C,EACrD,OAAO,QACP,WAAW,QACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,GAC7D,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { tokens } from '@neo4j-ndl/base';\nimport { Combobox, GraphLabel } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\n// The option type is free to carry fields of its own. Passing these options to\n// the combobox is what types `option` inside the overrides below.\ntype NodeLabelOption = {\n  label: string;\n  value: string;\n  color: string;\n};\n\nconst options: NodeLabelOption[] = [\n  { color: tokens.graph['1'], label: 'Person', value: 'person' },\n  { color: tokens.graph['2'], label: 'Movie', value: 'movie' },\n  { color: tokens.graph['3'], label: 'Director', value: 'director' },\n  { color: tokens.graph['4'], label: 'Actor', value: 'actor' },\n  { color: tokens.graph['7'], label: 'Genre', value: 'genre' },\n  { color: tokens.graph['12'], label: 'Studio', value: 'studio' },\n];\n\n// One presentation for the selected values and for the options, so both read\n// the same. `as=\"span\"` keeps it non-interactive, which leaves the list and the\n// clear button as the ways to deselect.\nconst NodeLabel = ({\n  option,\n  isDisabled,\n}: {\n  option: NodeLabelOption;\n  isDisabled: boolean;\n}) => (\n  <GraphLabel\n    as=\"span\"\n    type=\"node\"\n    size=\"small\"\n    color={option.color}\n    isDisabled={isDisabled}\n  >\n    {option.label}\n  </GraphLabel>\n);\n\nconst Component = () => {\n  const [value, setValue] = useState<NodeLabelOption[]>(options.slice(0, 2));\n\n  return (\n    <Combobox\n      label=\"Node labels\"\n      helpText=\"Deselect a label in the list to remove it.\"\n      isMulti\n      isClearable\n      options={options}\n      value={value}\n      onChange={setValue}\n      components={{ MultiValue: NodeLabel, OptionLabel: NodeLabel }}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-custom-single.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-custom-single.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-custom-single.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-custom-single.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUjC,MAAM,OAAO,GAAsB;IACjC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC9D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IAClE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CAChE,CAAC;AAEF,4EAA4E;AAC5E,yDAAyD;AACzD,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,EACN,UAAU,GAIX,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,IACT,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,UAAU,EAAE,UAAU,YAErB,MAAM,CAAC,KAAK,GACF,CACd,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAyB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,YAAY,EAClB,WAAW,QACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,GAC9D,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { tokens } from '@neo4j-ndl/base';\nimport { Combobox, GraphLabel } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\n// The option type is free to carry fields of its own. Passing these options to\n// the combobox is what types `option` inside the overrides below.\ntype NodeLabelOption = {\n  label: string;\n  value: string;\n  color: string;\n};\n\nconst options: NodeLabelOption[] = [\n  { color: tokens.graph['1'], label: 'Person', value: 'person' },\n  { color: tokens.graph['2'], label: 'Movie', value: 'movie' },\n  { color: tokens.graph['3'], label: 'Director', value: 'director' },\n  { color: tokens.graph['4'], label: 'Actor', value: 'actor' },\n  { color: tokens.graph['7'], label: 'Genre', value: 'genre' },\n  { color: tokens.graph['12'], label: 'Studio', value: 'studio' },\n];\n\n// One presentation for the selected value and for the options, so both read\n// the same. `as=\"span\"` keeps the label non-interactive.\nconst NodeLabel = ({\n  option,\n  isDisabled,\n}: {\n  option: NodeLabelOption;\n  isDisabled: boolean;\n}) => (\n  <GraphLabel\n    as=\"span\"\n    type=\"node\"\n    size=\"small\"\n    color={option.color}\n    isDisabled={isDisabled}\n  >\n    {option.label}\n  </GraphLabel>\n);\n\nconst Component = () => {\n  const [value, setValue] = useState<NodeLabelOption | null>(options[0]);\n\n  return (\n    <Combobox\n      label=\"Node label\"\n      isClearable\n      options={options}\n      value={value}\n      onChange={setValue}\n      components={{ OptionLabel: NodeLabel, SingleValue: NodeLabel }}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-custom-single.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-custom-single.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUjC,MAAM,OAAO,GAAsB;IACjC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC9D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;IAClE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC5D,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CAChE,CAAC;AAEF,4EAA4E;AAC5E,yDAAyD;AACzD,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,EACN,UAAU,GAIX,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,IACT,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,UAAU,EAAE,UAAU,YAErB,MAAM,CAAC,KAAK,GACF,CACd,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAyB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,YAAY,EAClB,WAAW,QACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,GAC9D,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { tokens } from '@neo4j-ndl/base';\nimport { Combobox, GraphLabel } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\n// The option type is free to carry fields of its own. Passing these options to\n// the combobox is what types `option` inside the overrides below.\ntype NodeLabelOption = {\n  label: string;\n  value: string;\n  color: string;\n};\n\nconst options: NodeLabelOption[] = [\n  { color: tokens.graph['1'], label: 'Person', value: 'person' },\n  { color: tokens.graph['2'], label: 'Movie', value: 'movie' },\n  { color: tokens.graph['3'], label: 'Director', value: 'director' },\n  { color: tokens.graph['4'], label: 'Actor', value: 'actor' },\n  { color: tokens.graph['7'], label: 'Genre', value: 'genre' },\n  { color: tokens.graph['12'], label: 'Studio', value: 'studio' },\n];\n\n// One presentation for the selected value and for the options, so both read\n// the same. `as=\"span\"` keeps the label non-interactive.\nconst NodeLabel = ({\n  option,\n  isDisabled,\n}: {\n  option: NodeLabelOption;\n  isDisabled: boolean;\n}) => (\n  <GraphLabel\n    as=\"span\"\n    type=\"node\"\n    size=\"small\"\n    color={option.color}\n    isDisabled={isDisabled}\n  >\n    {option.label}\n  </GraphLabel>\n);\n\nconst Component = () => {\n  const [value, setValue] = useState<NodeLabelOption | null>(options[0]);\n\n  return (\n    <Combobox\n      label=\"Node label\"\n      isClearable\n      options={options}\n      value={value}\n      onChange={setValue}\n      components={{ OptionLabel: NodeLabel, SingleValue: NodeLabel }}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-custom-trigger.story.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-custom-trigger.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-custom-trigger.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-custom-trigger.story.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,gCAAgC,EAAE,MAAM,wBAAwB,CAAC;AAE1E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG;QACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;KACnC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ;IACP,0EAA0E;IAC1E,+BAA+B;;QAD/B,0EAA0E;QAC1E,+BAA+B;QAC/B,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAC,iBAAiB;QACnC,qEAAqE;QACrE,2DAA2D;QAC3D,aAAa,EAAE,CAAC,EAAwB,EAAE,KAAK,EAAE,EAAE;;gBAAnC,EAAE,GAAG,OAAmB,EAAd,YAAY,cAAtB,OAAwB,CAAF;YAAc,OAAA,CAClD,KAAC,cAAc,IACb,GAAG,EAAE,GAAmC,EACxC,cAAc,EAAE,YAAY,EAC5B,aAAa,EAAE,KAAC,gCAAgC,KAAG,YAElD,MAAA,MAAA,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,0CAAE,KAAK,mCAAI,gBAAgB,GACrC,CAClB,CAAA;SAAA,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox, OutlinedButton } from '@neo4j-ndl/react';\nimport { AdjustmentsHorizontalIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  const options = [\n    { label: 'Neo4j', value: 'neo4j' },\n    { label: 'Aura', value: 'aura' },\n    { label: 'Bloom', value: 'bloom' },\n  ];\n\n  return (\n    <Combobox\n      // The custom trigger renders no label of its own, so the label reaches it\n      // as its accessible name only.\n      label=\"Product\"\n      options={options}\n      searchPlaceholder=\"Search products\"\n      // The panel anchors to whichever element the props land on, and that\n      // element becomes the combobox, so it has to be focusable.\n      renderTrigger={({ ref, ...triggerProps }, state) => (\n        <OutlinedButton\n          ref={ref as React.Ref<HTMLButtonElement>}\n          htmlAttributes={triggerProps}\n          leadingVisual={<AdjustmentsHorizontalIconOutline />}\n        >\n          {state.selectedOptions[0]?.label ?? 'Pick a product'}\n        </OutlinedButton>\n      )}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-custom-trigger.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-custom-trigger.story.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,gCAAgC,EAAE,MAAM,wBAAwB,CAAC;AAE1E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG;QACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;KACnC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ;IACP,0EAA0E;IAC1E,+BAA+B;;QAD/B,0EAA0E;QAC1E,+BAA+B;QAC/B,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAC,iBAAiB;QACnC,qEAAqE;QACrE,2DAA2D;QAC3D,aAAa,EAAE,CAAC,EAAwB,EAAE,KAAK,EAAE,EAAE;;gBAAnC,EAAE,GAAG,OAAmB,EAAd,YAAY,cAAtB,OAAwB,CAAF;YAAc,OAAA,CAClD,KAAC,cAAc,IACb,GAAG,EAAE,GAAmC,EACxC,cAAc,EAAE,YAAY,EAC5B,aAAa,EAAE,KAAC,gCAAgC,KAAG,YAElD,MAAA,MAAA,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,0CAAE,KAAK,mCAAI,gBAAgB,GACrC,CAClB,CAAA;SAAA,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox, OutlinedButton } from '@neo4j-ndl/react';\nimport { AdjustmentsHorizontalIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  const options = [\n    { label: 'Neo4j', value: 'neo4j' },\n    { label: 'Aura', value: 'aura' },\n    { label: 'Bloom', value: 'bloom' },\n  ];\n\n  return (\n    <Combobox\n      // The custom trigger renders no label of its own, so the label reaches it\n      // as its accessible name only.\n      label=\"Product\"\n      options={options}\n      searchPlaceholder=\"Search products\"\n      // The panel anchors to whichever element the props land on, and that\n      // element becomes the combobox, so it has to be focusable.\n      renderTrigger={({ ref, ...triggerProps }, state) => (\n        <OutlinedButton\n          ref={ref as React.Ref<HTMLButtonElement>}\n          htmlAttributes={triggerProps}\n          leadingVisual={<AdjustmentsHorizontalIconOutline />}\n        >\n          {state.selectedOptions[0]?.label ?? 'Pick a product'}\n        </OutlinedButton>\n      )}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-default.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-default.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-default.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,IAAI,OAAO,GAAG;QACZ;YACE,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,UAAU;SAClB;QACD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;QACxC;YACE,KAAK,EAAE,2DAA2D;YAClE,KAAK,EAAE,UAAU;SAClB;QACD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;KAC3D,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CAC1E,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  let options = [\n    {\n      label: 'Option 1 ',\n      value: 'option-1',\n    },\n    { label: 'Option 2', value: 'option-2' },\n    {\n      label: 'Option 3 has a really, really, really, really, long label',\n      value: 'option-3',\n    },\n    { isDisabled: true, label: 'Option 4', value: 'option-4' },\n  ];\n\n  return (\n    <Combobox label=\"Products\" options={options} defaultValue={options[0]} />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-default.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,IAAI,OAAO,GAAG;QACZ;YACE,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,UAAU;SAClB;QACD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;QACxC;YACE,KAAK,EAAE,2DAA2D;YAClE,KAAK,EAAE,UAAU;SAClB;QACD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;KAC3D,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CAC1E,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  let options = [\n    {\n      label: 'Option 1 ',\n      value: 'option-1',\n    },\n    { label: 'Option 2', value: 'option-2' },\n    {\n      label: 'Option 3 has a really, really, really, really, long label',\n      value: 'option-3',\n    },\n    { isDisabled: true, label: 'Option 4', value: 'option-4' },\n  ];\n\n  return (\n    <Combobox label=\"Products\" options={options} defaultValue={options[0]} />\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-descriptions.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-descriptions.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-descriptions.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-descriptions.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,OAAO,GAAG;IACd;QACE,WAAW,EAAE,wCAAwC;QACrD,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,WAAW,EAAE,wCAAwC;QACrD,KAAK,EAAE,oBAAoB;QAC3B,KAAK,EAAE,oBAAoB;KAC5B;IACD;QACE,WAAW,EAAE,sCAAsC;QACnD,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,aAAa;KACrB;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,KAAC,QAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAC,gBAAgB,GAAG,CAC7E,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst options = [\n  {\n    description: 'A fully managed graph database service',\n    label: 'AuraDB',\n    value: 'auradb',\n  },\n  {\n    description: 'Graph analytics and data science tools',\n    label: 'Graph Data Science',\n    value: 'graph-data-science',\n  },\n  {\n    description: 'Explore and visualize connected data',\n    label: 'Neo4j Bloom',\n    value: 'neo4j-bloom',\n  },\n];\n\nconst Component = () => (\n  <Combobox label=\"Products\" options={options} placeholder=\"Select product\" />\n);\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-descriptions.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-descriptions.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,OAAO,GAAG;IACd;QACE,WAAW,EAAE,wCAAwC;QACrD,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,WAAW,EAAE,wCAAwC;QACrD,KAAK,EAAE,oBAAoB;QAC3B,KAAK,EAAE,oBAAoB;KAC5B;IACD;QACE,WAAW,EAAE,sCAAsC;QACnD,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,aAAa;KACrB;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,KAAC,QAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAC,gBAAgB,GAAG,CAC7E,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst options = [\n  {\n    description: 'A fully managed graph database service',\n    label: 'AuraDB',\n    value: 'auradb',\n  },\n  {\n    description: 'Graph analytics and data science tools',\n    label: 'Graph Data Science',\n    value: 'graph-data-science',\n  },\n  {\n    description: 'Explore and visualize connected data',\n    label: 'Neo4j Bloom',\n    value: 'neo4j-bloom',\n  },\n];\n\nconst Component = () => (\n  <Combobox label=\"Products\" options={options} placeholder=\"Select product\" />\n);\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-disabled.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-disabled.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-disabled.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-disabled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;CACnD,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,QAAQ,IACP,KAAK,EAAC,wBAAwB,EAC9B,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,EACxB,UAAU,QACV,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,uBAAuB,EAC7B,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EACjC,UAAU,QACV,OAAO,QACP,OAAO,EAAE,OAAO,GAChB,IACE,CACP,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst options = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n  { label: 'Data Importer', value: 'data-importer' },\n];\n\nconst Component = () => (\n  <div className=\"n-flex n-flex-col n-items-start n-gap-token-16\">\n    <Combobox\n      label=\"Disabled single select\"\n      defaultValue={options[0]}\n      isDisabled\n      options={options}\n    />\n    <Combobox\n      label=\"Disabled multi select\"\n      defaultValue={options.slice(0, 3)}\n      isDisabled\n      isMulti\n      options={options}\n    />\n  </div>\n);\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-disabled.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-disabled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;CACnD,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,eAAK,SAAS,EAAC,gDAAgD,aAC7D,KAAC,QAAQ,IACP,KAAK,EAAC,wBAAwB,EAC9B,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,EACxB,UAAU,QACV,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,uBAAuB,EAC7B,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EACjC,UAAU,QACV,OAAO,QACP,OAAO,EAAE,OAAO,GAChB,IACE,CACP,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst options = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n  { label: 'Data Importer', value: 'data-importer' },\n];\n\nconst Component = () => (\n  <div className=\"n-flex n-flex-col n-items-start n-gap-token-16\">\n    <Combobox\n      label=\"Disabled single select\"\n      defaultValue={options[0]}\n      isDisabled\n      options={options}\n    />\n    <Combobox\n      label=\"Disabled multi select\"\n      defaultValue={options.slice(0, 3)}\n      isDisabled\n      isMulti\n      options={options}\n    />\n  </div>\n);\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-fluid.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-fluid.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-fluid.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-fluid.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;CACnD,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,8CAA8C,EACvD,WAAW,QACX,OAAO,QACP,OAAO,EAAE,OAAO,GAChB,GACE,CACP,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst options = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n  { label: 'Data Importer', value: 'data-importer' },\n];\n\nconst Component = () => (\n  <div className=\"n-w-full\">\n    <Combobox\n      label=\"Product\"\n      helpText=\"This combobox fills the width of its parent.\"\n      isClearable\n      isFluid\n      options={options}\n    />\n  </div>\n);\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-fluid.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-fluid.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;CACnD,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,8CAA8C,EACvD,WAAW,QACX,OAAO,QACP,OAAO,EAAE,OAAO,GAChB,GACE,CACP,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst options = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n  { label: 'Data Importer', value: 'data-importer' },\n];\n\nconst Component = () => (\n  <div className=\"n-w-full\">\n    <Combobox\n      label=\"Product\"\n      helpText=\"This combobox fills the width of its parent.\"\n      isClearable\n      isFluid\n      options={options}\n    />\n  </div>\n);\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-groups.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-groups.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-groups.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-groups.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,IAAI,OAAO,GAAG;QACZ;YACE,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;aACzC;SACF;QACD;YACE,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBAC1D,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;aACzC;SACF;KACF,CAAC;IAEF,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,OAAO,GAAI,CAAC;AACrE,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  let options = [\n    {\n      label: 'Group 1',\n      options: [\n        { label: 'Option 1', value: 'option-1' },\n        { label: 'Option 2', value: 'option-2' },\n        { label: 'Option 3', value: 'option-3' },\n      ],\n    },\n    {\n      label: 'Group 2',\n      options: [\n        { label: 'Option 4', value: 'option-4' },\n        { isDisabled: true, label: 'Option 5', value: 'option-5' },\n        { label: 'Option 6', value: 'option-6' },\n        { label: 'Option 7', value: 'option-7' },\n      ],\n    },\n  ];\n\n  return <Combobox label=\"Products by category\" options={options} />;\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-groups.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-groups.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,IAAI,OAAO,GAAG;QACZ;YACE,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;aACzC;SACF;QACD;YACE,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBAC1D,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;aACzC;SACF;KACF,CAAC;IAEF,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,OAAO,GAAI,CAAC;AACrE,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  let options = [\n    {\n      label: 'Group 1',\n      options: [\n        { label: 'Option 1', value: 'option-1' },\n        { label: 'Option 2', value: 'option-2' },\n        { label: 'Option 3', value: 'option-3' },\n      ],\n    },\n    {\n      label: 'Group 2',\n      options: [\n        { label: 'Option 4', value: 'option-4' },\n        { isDisabled: true, label: 'Option 5', value: 'option-5' },\n        { label: 'Option 6', value: 'option-6' },\n        { label: 'Option 7', value: 'option-7' },\n      ],\n    },\n  ];\n\n  return <Combobox label=\"Products by category\" options={options} />;\n};\n\nexport default Component;\n"]}

package/lib/esm/combobox/stories/combobox-hidden-label.story.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/esm/combobox/stories/combobox-hidden-label.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-hidden-label.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-hidden-label.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;CACnC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,0CAAuC,EACxE,KAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,sBAAsB,QACtB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAC,cAAc,GAC1B,IACE,CACP,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox, Typography } from '@neo4j-ndl/react';\n\nconst options = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n];\n\nconst Component = () => (\n  <div className=\"n-flex n-flex-col n-gap-token-4\">\n    <Typography variant=\"body-medium\">Filter results by product</Typography>\n    <Combobox\n      label=\"Product\"\n      hasVisuallyHiddenLabel\n      options={options}\n      placeholder=\"All products\"\n    />\n  </div>\n);\n\nexport default Component;\n"]}
+{"version":3,"file":"combobox-hidden-label.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-hidden-label.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;CACnC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,0CAAuC,EACxE,KAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,sBAAsB,QACtB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAC,cAAc,GAC1B,IACE,CACP,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox, Typography } from '@neo4j-ndl/react';\n\nconst options = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n];\n\nconst Component = () => (\n  <div className=\"n-flex n-flex-col n-gap-token-4\">\n    <Typography variant=\"body-medium\">Filter results by product</Typography>\n    <Combobox\n      label=\"Product\"\n      hasVisuallyHiddenLabel\n      options={options}\n      placeholder=\"All products\"\n    />\n  </div>\n);\n\nexport default Component;\n"]}