@beautinique/frontend-components 1.0.8 → 1.0.9

package/dist/hierarchy-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/dropdown-position.ts","../../src/lib/scrollRowIntoView.ts","../../src/lib/typeahead.ts","../../src/lib/useAnchoredBox.ts","../../src/lib/useDismiss.ts","../../src/lib/icon-registry.ts","../../src/hierarchy-select/hierarchy-select-icons.ts","../../src/hierarchy-select/tree.ts","../../src/hierarchy-select/HierarchySelect.tsx"],"names":["useLayoutEffect","useState","useRef","useEffect"],"mappings":"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","file":"index.js","sourcesContent":["export type TDropdownPlacement = 'top' | 'bottom';\n\nexport interface IDropdownRect {\n  top: number;\n  bottom: number;\n  left: number;\n  width: number;\n}\n\n/** The gap between the field and the list. */\nexport const DROPDOWN_GAP = 8;\n\n/**\n * Where a list that opens from a field goes: where the app asked (`desired`), unless that side of the\n * field has not room for the list and the other one has more. A list that fits on neither stays\n * where it was asked to open.\n *\n * @param needed how tall the list is, or the most it can be (its `max-height`).\n */\nexport const getDropdownPlacement = ({\n  rect,\n  viewportHeight,\n  desired,\n  needed,\n}: {\n  rect: Pick<IDropdownRect, 'top' | 'bottom'>;\n  viewportHeight: number;\n  desired: TDropdownPlacement;\n  needed: number;\n}): TDropdownPlacement => {\n  const below = viewportHeight - rect.bottom - DROPDOWN_GAP;\n  const above = rect.top - DROPDOWN_GAP;\n  const room = desired === 'bottom' ? below : above;\n  const other = desired === 'bottom' ? above : below;\n\n  if (room >= needed || other <= room) return desired;\n\n  return desired === 'bottom' ? 'top' : 'bottom';\n};\n\n/** The `style` of a list that is `position: fixed` under or over the field, as wide as it is. */\nexport const getDropdownStyle = (\n  rect: IDropdownRect,\n  placement: TDropdownPlacement,\n  viewportHeight: number,\n) => ({\n  left: rect.left,\n  width: rect.width,\n  ...(placement === 'top'\n    ? { bottom: viewportHeight - rect.top + DROPDOWN_GAP }\n    : { top: rect.bottom + DROPDOWN_GAP }),\n});\n","/**\n * Scrolls `list` just enough to show `row` (an element inside it), and nothing else: the page is not\n * moved, as `scrollIntoView()` would do, and it works where that function does not exist. `list`\n * must be the `offsetParent` of the row (give it `position: relative`).\n */\nexport const scrollRowIntoView = (list: HTMLElement, row: HTMLElement) => {\n  const top = row.offsetTop;\n  const bottom = top + row.offsetHeight;\n\n  if (top < list.scrollTop) list.scrollTop = top;\n  else if (bottom > list.scrollTop + list.clientHeight) list.scrollTop = bottom - list.clientHeight;\n};\n","/**\n * The option a person reaches by typing, for a list of options (a select, a menu): the next one whose\n * label starts with what was typed, looking from `fromIndex` on and starting over at the top.\n *\n * - Typing a letter that was just typed again (`\"aaa\"`) goes through the options that start with it,\n *   one at a time, as pressing the same key does in a native select.\n * - Several different letters (`\"ban\"`) look for an option that starts with all of them, beginning\n *   at the current one, so the choice does not leave it while it still matches.\n * - Options that cannot be chosen (`disabled`) are skipped.\n *\n * @returns the index of the option, or -1 when none matches.\n */\nexport const findTypeaheadMatch = (\n  options: readonly { label: string; disabled?: boolean }[],\n  typed: string,\n  fromIndex: number,\n) => {\n  const text = typed.toLowerCase();\n\n  if (!text || options.length === 0) return -1;\n\n  const isRepeat = text.length > 1 && new Set(text).size === 1;\n  const query = isRepeat ? text.slice(0, 1) : text;\n  // one more letter of the same key: start after the current option, so it is not found again\n  const start = isRepeat ? fromIndex + 1 : fromIndex;\n\n  for (let step = 0; step < options.length; step += 1) {\n    const index = (((start + step) % options.length) + options.length) % options.length;\n    const option = options.at(index);\n\n    if (option && !option.disabled && option.label.toLowerCase().startsWith(query)) return index;\n  }\n\n  return -1;\n};\n\n/** The next option that can be chosen from `from` going `step` (1 or -1), or -1 at the end of the list. */\nexport const findEnabledIndex = (\n  options: readonly { disabled?: boolean }[],\n  from: number,\n  step: 1 | -1,\n) => {\n  for (let index = from + step; index >= 0 && index < options.length; index += step) {\n    if (!options[index]?.disabled) return index;\n  }\n\n  return -1;\n};\n","import { type RefObject, useLayoutEffect, useState } from 'react';\n\nimport {\n  getDropdownPlacement,\n  type IDropdownRect,\n  type TDropdownPlacement,\n} from './dropdown-position.js';\n\nexport interface IAnchoredBox {\n  /** Where the anchor is on the screen. */\n  rect: IDropdownRect;\n  /** The side of the anchor the box goes on. */\n  placement: TDropdownPlacement;\n}\n\nexport interface IAnchoredBoxOptions {\n  /** The box is open: it is only measured (and followed) while it is. */\n  isOpen: boolean;\n  /** The element the box opens from. */\n  anchorRef: RefObject<HTMLElement | null>;\n  /** The side the app asked for. */\n  position: TDropdownPlacement;\n  /** How tall the box is, or the most it can be. */\n  needed: number;\n}\n\n/**\n * Where a box that opens from an element (a list, a picker) goes: under or over it, on the side with\n * room. It is measured before the browser paints, so the box never shows in the wrong place for a\n * moment, and again whenever the page scrolls or the window is resized. It is `null` until the first\n * measure; use it with `getDropdownStyle()`.\n */\nexport const useAnchoredBox = ({\n  isOpen,\n  anchorRef,\n  position,\n  needed,\n}: IAnchoredBoxOptions): IAnchoredBox | null => {\n  const [box, setBox] = useState<IAnchoredBox | null>(null);\n\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n\n    const update = () => {\n      const anchor = anchorRef.current;\n\n      if (!anchor) return;\n\n      const rect = anchor.getBoundingClientRect();\n\n      setBox({\n        rect,\n        placement: getDropdownPlacement({\n          rect,\n          viewportHeight: window.innerHeight,\n          desired: position,\n          needed,\n        }),\n      });\n    };\n\n    update();\n    window.addEventListener('scroll', update, true);\n    window.addEventListener('resize', update);\n\n    return () => {\n      window.removeEventListener('scroll', update, true);\n      window.removeEventListener('resize', update);\n    };\n  }, [isOpen, anchorRef, position, needed]);\n\n  return box;\n};\n","import { type RefObject, useEffect, useLayoutEffect, useRef } from 'react';\n\nexport type TDismissReason = 'outside' | 'escape';\n\nexport interface IDismissOptions {\n  /** Turn the listeners off (e.g. while a popup is closed). @default true */\n  enabled?: boolean;\n  /**\n   * Elements that count as inside although they are not inside the element in the DOM: a popup that\n   * is rendered with `createPortal()` into `document.body`. A press on one of them (or on anything in\n   * it) is not \"outside\". Refs that are not attached are skipped. The list is read when the press\n   * happens, so a new array on every render is fine.\n   */\n  ignore?: readonly RefObject<Element | null>[];\n  /** Dismiss when the user presses outside the element. @default true */\n  outside?: boolean;\n  /** Dismiss when the user presses Escape. @default true */\n  escape?: boolean;\n}\n\n// The popups that are open, the last one on top. Escape closes the one on top only: a select that is\n// open inside a dialog closes first, and the dialog stays until the next Escape.\nconst openStack: symbol[] = [];\n\n/**\n * Closes a popup (a select, a dialog, a menu) the way people expect: a press (mouse, touch or pen)\n * anywhere outside it, or Escape.\n *\n * - The press is listened for on `document` in the capture phase, so an inner `stopPropagation()`\n *   cannot hide it, and \"inside\" is decided from the path the event took (`composedPath()`), which\n *   stays right when the pressed node is removed by another listener first.\n * - A popup portalled out of the element is not inside it in the DOM: list its ref in `ignore`.\n * - Escape only reaches the popup that opened last, and not an Escape that something else already\n *   handled (`defaultPrevented`).\n * - The listeners are added once and only when `enabled` changes: the latest `onDismiss` and `ignore`\n *   are used, so passing new ones on every render costs nothing.\n *\n * @returns the ref to put on the popup (or on its trigger, when the popup is portalled).\n */\nexport const useDismiss = <T extends HTMLElement>(\n  onDismiss: (reason: TDismissReason, event: Event) => void,\n  { enabled = true, ignore, outside = true, escape = true }: IDismissOptions = {},\n): RefObject<T | null> => {\n  const ref = useRef<T | null>(null);\n  const onDismissRef = useRef(onDismiss);\n  const ignoreRef = useRef(ignore);\n\n  // Updated as soon as a render commits, so the listeners below never need them as dependencies.\n  useLayoutEffect(() => {\n    onDismissRef.current = onDismiss;\n    ignoreRef.current = ignore;\n  });\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const token = Symbol('dismissable');\n\n    // a popup that does not listen for Escape is not in the stack: it must not hide the ones below it\n    if (escape) openStack.push(token);\n\n    const handlePress = (event: PointerEvent) => {\n      const element = ref.current;\n\n      if (!outside || !element) return;\n\n      const path = event.composedPath();\n      const isInside =\n        path.includes(element) ||\n        (ignoreRef.current ?? []).some(({ current }) => current !== null && path.includes(current));\n\n      if (!isInside) onDismissRef.current('outside', event);\n    };\n\n    const handleKey = (event: KeyboardEvent) => {\n      if (!escape || event.key !== 'Escape' || event.defaultPrevented) return;\n      if (openStack.at(-1) !== token) return;\n\n      onDismissRef.current('escape', event);\n    };\n\n    document.addEventListener('pointerdown', handlePress, true);\n    document.addEventListener('keydown', handleKey);\n\n    return () => {\n      document.removeEventListener('pointerdown', handlePress, true);\n      document.removeEventListener('keydown', handleKey);\n\n      const index = openStack.indexOf(token);\n\n      if (index !== -1) openStack.splice(index, 1);\n    };\n  }, [enabled, outside, escape]);\n\n  return ref;\n};\n","import { addCollection, type IconifyJSON } from '@iconify/react';\n\n/**\n * Makes the registration of a bundled icon set: `register` puts the sets in Iconify (once, calling it\n * again does nothing) and `names` lists every icon, e.g. `solar:info-circle-linear`.\n *\n * A component calls `register` when it renders, not when its file is imported: an app that never\n * renders the component never runs it, and nothing depends on the bundler keeping an import that is\n * only there for its effect (the build says \"ignored-bare-import\" for those).\n */\nexport const createIconRegistry = (sets: readonly IconifyJSON[]) => {\n  let registered = false;\n\n  return {\n    register: () => {\n      if (registered) return;\n\n      for (const set of sets) addCollection(set);\n      registered = true;\n    },\n    names: sets.flatMap(({ prefix, icons, aliases }) =>\n      [...Object.keys(icons), ...Object.keys(aliases ?? {})].map((name) => `${prefix}:${name}`),\n    ),\n  };\n};\n","import type { IconifyJSON } from '@iconify/react';\n\nimport { createIconRegistry } from '../lib/icon-registry.js';\n\n/*\n * The icons of the tree of the hierarchy select and its search, bundled so they show without a network and without waiting for the\n * Iconify API (see `toast/toast-icons.ts`). The data is what\n * `https://api.iconify.design/<prefix>.json?icons=<name>` answers.\n */\nconst ICON_SETS: IconifyJSON[] = [\n  {\n    prefix: 'solar',\n    width: 24,\n    height: 24,\n    icons: {\n      'alt-arrow-down-linear': {\n        body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19 9L12 15L5 9\"/>',\n      },\n      'alt-arrow-right-linear': {\n        body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 5L15 12L9 19\"/>',\n      },\n      'folder-open-linear': {\n        body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path d=\"M4 11.5V5.71231C4 5.05041 4 4.71946 4.05548 4.44379C4.29971 3.23023 5.31225 2.28098 6.60671 2.05201C6.90076 2 7.25377 2 7.9598 2C8.26914 2 8.42381 2 8.57246 2.01303C9.21332 2.06921 9.82122 2.30528 10.3168 2.69039C10.4317 2.77971 10.5411 2.88224 10.7598 3.08731L11.2 3.5C11.8526 4.11183 12.1789 4.41775 12.5697 4.62157C12.7844 4.73353 13.012 4.82195 13.2483 4.88508C13.6783 5 14.1398 5 15.0627 5H15.3617C17.4676 5 18.5205 5 19.2049 5.5771C19.2679 5.63018 19.3278 5.68635 19.3844 5.74537C20 6.38701 20 7.37415 20 9.34843V11.5\"/><path d=\"M10 17H14\"/><path d=\"M3.47674 17.4839C2.99958 14.7678 2.761 13.4097 3.33908 12.433C3.4866 12.1838 3.66852 11.9582 3.87908 11.7634C4.7042 11 6.0379 11 8.7053 11H15.2947C17.9621 11 19.2958 11 20.1209 11.7634C20.3315 11.9582 20.5134 12.1838 20.6609 12.433C21.239 13.4097 21.0004 14.7678 20.5233 17.4839C20.1798 19.4391 20.008 20.4167 19.4129 21.0655C19.2585 21.2338 19.0858 21.383 18.8982 21.5101C18.175 22 17.2149 22 15.2947 22H8.70531C6.7851 22 5.825 22 5.10183 21.5101C4.9142 21.383 4.74145 21.2338 4.58706 21.0655C3.99198 20.4167 3.82024 19.4391 3.47674 17.4839Z\"/></g>',\n      },\n      'folder-linear': {\n        body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path d=\"M18 10L13 10\"/><path d=\"M2 6.94975C2 6.06722 2 5.62595 2.06935 5.25839C2.37464 3.64031 3.64031 2.37464 5.25839 2.06935C5.62595 2 6.06722 2 6.94975 2C7.33642 2 7.52976 2 7.71557 2.01738C8.51665 2.09229 9.27652 2.40704 9.89594 2.92051C10.0396 3.03961 10.1763 3.17633 10.4497 3.44975L11 4C11.8158 4.81578 12.2237 5.22367 12.7121 5.49543C12.9804 5.64471 13.2651 5.7626 13.5604 5.84678C14.0979 6 14.6747 6 15.8284 6H16.2021C18.8345 6 20.1506 6 21.0062 6.76946C21.0849 6.84024 21.1598 6.91514 21.2305 6.99383C22 7.84935 22 9.16554 22 11.7979V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V6.94975Z\"/></g>',\n      },\n      'file-linear': {\n        body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path d=\"M13 2.2627V5.0003C13 7.35732 13 8.53583 13.7322 9.26806C14.4645 10.0003 15.643 10.0003 18 10.0003H21.58\"/><path stroke-linejoin=\"round\" d=\"M3.17139 3.17157C4.34296 2 6.23851 2 10.0296 2C11.5546 2 12.3173 2.00011 13.0093 2.26562C13.7012 2.53114 14.2651 3.03857 15.3929 4.05365L19.3516 7.61621C20.6558 8.78998 21.3078 9.3774 21.6538 10.1543C21.9998 10.9312 22 11.8079 22 13.5625V14C22 17.7712 22 19.6566 20.8284 20.8281C19.6569 21.9997 17.7712 22 14 22L9.9969 21.9997C6.22761 21.9997 4.34284 21.9997 3.17157 20.8284C2 19.6569 2 17.7712 2 14V9.9982C2 6.22817 2 4.34296 3.17139 3.17157Z\"/></g>',\n      },\n      'unread-linear': {\n        body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 12.9L10.1429 16.5L18 7.5\"/>',\n      },\n      'magnifier-linear': {\n        body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><circle cx=\"11.5\" cy=\"11.5\" r=\"9.5\"/><path d=\"M18.2173 18.2178L21.9999 22.0004\"/></g>',\n      },\n    },\n    aliases: {\n      'magnifer-linear': { parent: 'magnifier-linear' },\n    },\n  },\n  {\n    prefix: 'lucide',\n    width: 24,\n    height: 24,\n    icons: {\n      x: {\n        body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 6L6 18M6 6l12 12\"/>',\n      },\n    },\n  },\n];\n\n/**\n * Registers the icons above with Iconify; the components of this entry call it when they render\n * (calling it again is harmless).\n */\nexport const { register: registerHierarchySelectIcons, names: HIERARCHY_SELECT_ICON_NAMES } =\n  createIconRegistry(ICON_SETS);\n","import type { ReactNode } from 'react';\n\nexport type TTreeValue = string | number;\n\n/** What the tree needs of an option; the option of the field has more. */\nexport interface ITreeNode<TNode extends ITreeNode<TNode>> {\n  label: ReactNode;\n  value: TTreeValue;\n  disabled?: boolean;\n  searchLabel?: string;\n  children?: readonly TNode[];\n}\n\n/** A line of the tree as it is shown: a node with where it is. */\nexport interface ITreeRow<TNode> {\n  node: TNode;\n  /** 1 for the top of the tree. */\n  level: number;\n  /** Its place among the nodes that share its parent (from 1) and how many those are. */\n  position: number;\n  size: number;\n  isBranch: boolean;\n  isExpanded: boolean;\n  parent: TTreeValue | undefined;\n}\n\nconst searchTextOf = (node: { label: ReactNode; value: TTreeValue; searchLabel?: string }) =>\n  node.searchLabel ?? (typeof node.label === 'string' ? node.label : String(node.value));\n\n/**\n * The nodes that match `keyword`, and the branches that lead to them. A node that matches keeps all\n * that is under it (the person can browse what they found); a branch that does not match is kept\n * only with the matching nodes under it.\n */\nexport const filterTree = <TNode extends ITreeNode<TNode>>(\n  nodes: readonly TNode[],\n  keyword: string,\n): readonly TNode[] => {\n  const text = keyword.trim().toLowerCase();\n\n  if (!text) return nodes;\n\n  return nodes.flatMap((node) => {\n    if (searchTextOf(node).toLowerCase().includes(text)) return [node];\n\n    const children = node.children ? filterTree(node.children, keyword) : [];\n\n    return children.length > 0 ? [{ ...node, children }] : [];\n  });\n};\n\n/**\n * The lines to draw, from the top: a branch that is expanded (or all of them, with `forceExpanded`) is\n * followed by its own lines.\n */\nexport const buildRows = <TNode extends ITreeNode<TNode>>(\n  nodes: readonly TNode[],\n  expanded: readonly TTreeValue[],\n  forceExpanded: boolean,\n  level = 1,\n  parent?: TTreeValue,\n): ITreeRow<TNode>[] =>\n  nodes.flatMap((node, index) => {\n    const isBranch = !!node.children?.length;\n    const isExpanded = isBranch && (forceExpanded || expanded.includes(node.value));\n    const row: ITreeRow<TNode> = {\n      node,\n      level,\n      position: index + 1,\n      size: nodes.length,\n      isBranch,\n      isExpanded,\n      parent,\n    };\n\n    return isExpanded\n      ? [row, ...buildRows(node.children ?? [], expanded, forceExpanded, level + 1, node.value)]\n      : [row];\n  });\n\n/** The node with this value, wherever it is in the tree. */\nexport const findNode = <TNode extends ITreeNode<TNode>>(\n  nodes: readonly TNode[],\n  value: TTreeValue,\n): TNode | undefined => {\n  for (const node of nodes) {\n    if (node.value === value) return node;\n\n    const found = node.children ? findNode(node.children, value) : undefined;\n\n    if (found) return found;\n  }\n\n  return undefined;\n};\n\n/** The values of the branches above a node (so they can be opened to show it), or `[]` when it is not in the tree. */\nexport const ancestorsOf = <TNode extends ITreeNode<TNode>>(\n  nodes: readonly TNode[],\n  value: TTreeValue,\n  path: readonly TTreeValue[] = [],\n): readonly TTreeValue[] => {\n  for (const node of nodes) {\n    if (node.value === value) return path;\n\n    const found = node.children ? ancestorsOf(node.children, value, [...path, node.value]) : [];\n\n    if (found.length > 0) return found;\n  }\n\n  return [];\n};\n","import { Icon } from '@iconify/react';\nimport {\n  type ChangeEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  type IFieldBase,\n  Input,\n  InputError,\n  InputIcon,\n  InputLabel,\n  type ISelectOption,\n  type ISelectProps,\n  type TInputIcons,\n} from '../inputs/index.js';\nimport { ApiStatus } from '../layout/index.js';\nimport { getDropdownStyle, type TDropdownPlacement } from '../lib/dropdown-position.js';\nimport { scrollRowIntoView } from '../lib/scrollRowIntoView.js';\nimport { findEnabledIndex } from '../lib/typeahead.js';\nimport { useAnchoredBox } from '../lib/useAnchoredBox.js';\nimport { useDismiss } from '../lib/useDismiss.js';\nimport { registerHierarchySelectIcons } from './hierarchy-select-icons.js';\nimport {\n  buildRows,\n  filterTree,\n  findNode,\n  type ITreeRow,\n  type TTreeValue,\n  ancestorsOf,\n} from './tree.js';\n\nexport interface IHierarchySelectOption extends ISelectOption {\n  /**\n   * The options under this one. An option that has some is a branch: it opens and closes, and it is\n   * not chosen itself; only the options without children are.\n   */\n  children?: readonly IHierarchySelectOption[];\n}\n\n/** The words the field says to assistive technology and on the screen. English by default. */\nexport interface IHierarchySelectLabels {\n  /** The name of the list when the field has no `label`. */\n  tree: string;\n  /** The name of the field where the person searches. */\n  search: string;\n  /** What the search field says while it is empty. */\n  searchPlaceholder: string;\n  /** The button that empties the search. */\n  clearSearch: string;\n  noResultsTitle: string;\n  noResultsDescription: string;\n  /** Said when a search changes how many options there are. */\n  results: (count: number) => string;\n}\n\nexport interface IHierarchySelect extends IFieldBase {\n  selectProps: ISelectProps;\n  options: readonly IHierarchySelectOption[];\n  /** An icon at each end of the field. One with an `onClick` is a button and needs a `label`. */\n  icons?: TInputIcons;\n  /** Classes for the box that opens (the search and the options). */\n  optionsClassName?: string;\n  /** Which side of the field it opens on, unless there is no room there. @default 'bottom' */\n  position?: TDropdownPlacement;\n  /**\n   * Attributes of the search field. With a `value` that is text the search is the app's: it shows\n   * that text and says in `onChange` what the person typed (to search on a server, for example).\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  labels?: Partial<IHierarchySelectLabels>;\n}\n\nconst LABELS: IHierarchySelectLabels = {\n  tree: 'Options',\n  search: 'Search options',\n  searchPlaceholder: 'Search here...',\n  clearSearch: 'Clear search',\n  noResultsTitle: 'No matching options found',\n  noResultsDescription: 'Try searching with a different keyword or clear the search.',\n  results: (count) => `${String(count)} ${count === 1 ? 'option' : 'options'} found`,\n};\n\n// The tallest the box gets: the search (~60) and the list (`max-h-60`) with their frames.\nconst POPUP_MAX_HEIGHT = 330;\n\ntype TRow = ITreeRow<IHierarchySelectOption>;\n\n/**\n * A field that opens a tree of options (categories with sub-categories) with a search field above\n * it. Only an option without children can be chosen; the ones with children open and close.\n *\n * - The field is a button that opens a box with a search field and the tree. The focus goes to the\n *   search field and stays there: the arrow keys move through the tree (assistive technology is told\n *   which option is the active one), Right and Left open and close a branch or go to its first\n *   option and to its parent, Enter chooses (or opens/closes a branch), Escape closes it and gives\n *   the focus back to the field, and Tab closes it too.\n * - A search shows the options that match and the branches that lead to them, all open. An option\n *   that matches keeps what is under it.\n * - The box is drawn in `document.body`, so a parent that scrolls or hides what overflows does not\n *   cut it; it opens on the other side when there is no room, and follows the field while the page\n *   scrolls.\n */\nexport const HierarchySelect = ({\n  label = '',\n  className = '',\n  error = '',\n  containerClassName = '',\n  optionsClassName = '',\n  icons,\n  selectProps,\n  options,\n  position = 'bottom',\n  inputProps,\n  labels,\n}: IHierarchySelect) => {\n  registerHierarchySelectIcons();\n\n  const text: IHierarchySelectLabels = {\n    tree: labels?.tree ?? LABELS.tree,\n    search: labels?.search ?? LABELS.search,\n    searchPlaceholder: labels?.searchPlaceholder ?? LABELS.searchPlaceholder,\n    clearSearch: labels?.clearSearch ?? LABELS.clearSearch,\n    noResultsTitle: labels?.noResultsTitle ?? LABELS.noResultsTitle,\n    noResultsDescription: labels?.noResultsDescription ?? LABELS.noResultsDescription,\n    results: labels?.results ?? LABELS.results,\n  };\n  const baseId = useId();\n  const triggerId = selectProps.id ?? `${baseId}-field`;\n  const popupId = `${baseId}-popup`;\n  const treeId = `${baseId}-tree`;\n  const errorId = `${baseId}-error`;\n  const rowId = (index: number) => `${baseId}-row-${String(index)}`;\n\n  const [isOpenState, setIsOpen] = useState(false);\n  const [ownSearch, setOwnSearch] = useState('');\n  const [expanded, setExpanded] = useState<readonly TTreeValue[]>([]);\n  const [activeValue, setActiveValue] = useState<TTreeValue | undefined>(undefined);\n\n  const fieldBoxRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const popupRef = useRef<HTMLDivElement | null>(null);\n  const listRef = useRef<HTMLUListElement | null>(null);\n  const searchRef = useRef<HTMLInputElement | null>(null);\n  const activeRowRef = useRef<HTMLLIElement | null>(null);\n\n  const isSearchControlled = typeof inputProps?.value === 'string';\n  const search = typeof inputProps?.value === 'string' ? inputProps.value : ownSearch;\n  const isSearching = search.trim() !== '';\n  const canOpen = options.length > 0 && !selectProps.disabled;\n  // A field that is disabled (or left without options) while it is open closes, and stays closed\n  // when it is enabled again.\n  if (isOpenState && !canOpen) setIsOpen(false);\n\n  const isOpen = isOpenState && canOpen;\n\n  const selected = findNode(options, selectProps.value);\n  const hasValue = selected !== undefined && selected.value !== '';\n\n  const shown = useMemo(() => filterTree(options, search), [options, search]);\n  const rows = useMemo(\n    () => buildRows(shown, expanded, isSearching),\n    [shown, expanded, isSearching],\n  );\n  const navigable = rows.map((row) => ({ disabled: row.node.disabled }));\n  const foundIndex = rows.findIndex((row) => row.node.value === activeValue);\n  // while searching the first option that can be chosen is the active one, so Enter takes it\n  const firstChoosable = rows.findIndex((row) => !row.isBranch && !row.node.disabled);\n  const activeIndex = foundIndex === -1 && isSearching ? firstChoosable : foundIndex;\n  const activeRow = activeIndex === -1 ? undefined : rows.at(activeIndex);\n\n  const popup = useAnchoredBox({\n    isOpen,\n    anchorRef: fieldBoxRef,\n    position,\n    needed: POPUP_MAX_HEIGHT,\n  });\n\n  const close = (returnFocus: boolean) => {\n    setIsOpen(false);\n\n    if (!isSearchControlled) setOwnSearch('');\n\n    if (returnFocus) triggerRef.current?.focus();\n  };\n\n  const containerRef = useDismiss<HTMLDivElement>(\n    (reason) => {\n      close(reason === 'escape');\n    },\n    { enabled: isOpen, ignore: [popupRef] },\n  );\n\n  const open = () => {\n    if (!canOpen) return;\n\n    // the way to the option that is chosen is open, and the option is the active one\n    setExpanded(selected ? ancestorsOf(options, selected.value) : []);\n    setActiveValue(selected && !selected.disabled ? selected.value : undefined);\n    setIsOpen(true);\n  };\n\n  const toggle = (value: TTreeValue) => {\n    setExpanded((current) =>\n      current.includes(value) ? current.filter((item) => item !== value) : [...current, value],\n    );\n  };\n\n  // A press, or Enter: a branch opens or closes, an option is chosen.\n  const activate = (row: TRow) => {\n    if (row.node.disabled) return;\n\n    setActiveValue(row.node.value);\n\n    if (row.isBranch) {\n      // while searching every branch is open, and stays so\n      if (!isSearching) toggle(row.node.value);\n\n      return;\n    }\n\n    selectProps.onChange(row.node.value);\n    close(true);\n  };\n\n  // The active option stays in view while the arrow keys move it.\n  useEffect(() => {\n    const list = listRef.current;\n    const row = activeRowRef.current;\n\n    if (isOpen && list && row) scrollRowIntoView(list, row);\n  }, [isOpen, activeIndex, popup]);\n\n  const handleSearch = (event: ChangeEvent<HTMLInputElement>) => {\n    inputProps?.onChange?.(event);\n\n    if (!isSearchControlled) setOwnSearch(event.target.value);\n  };\n\n  // The search is emptied as if the person had deleted the text: the field's own `change` event, so\n  // an app that listens to it hears it.\n  const clearSearch = () => {\n    const input = searchRef.current;\n\n    if (!input) return;\n\n    Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set?.call(input, '');\n    input.dispatchEvent(new Event('input', { bubbles: true }));\n    input.focus();\n  };\n\n  const handleSearchKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    inputProps?.onKeyDown?.(event);\n\n    if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) return;\n\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'ArrowUp': {\n        event.preventDefault();\n\n        const next =\n          activeIndex === -1 && event.key === 'ArrowUp'\n            ? findEnabledIndex(navigable, rows.length, -1)\n            : findEnabledIndex(navigable, activeIndex, event.key === 'ArrowDown' ? 1 : -1);\n        const target = next === -1 ? undefined : rows.at(next);\n\n        if (target) setActiveValue(target.node.value);\n\n        return;\n      }\n\n      // Right and Left move the cursor in the text while there is a search: there is nothing to open\n      // or close then, because every branch is open\n      case 'ArrowRight': {\n        if (isSearching || !activeRow?.isBranch) return;\n\n        event.preventDefault();\n\n        const firstChild = rows.at(activeIndex + 1);\n\n        if (!activeRow.isExpanded) toggle(activeRow.node.value);\n        else if (firstChild && !firstChild.node.disabled) setActiveValue(firstChild.node.value);\n\n        return;\n      }\n\n      case 'ArrowLeft': {\n        if (isSearching || !activeRow) return;\n\n        if (activeRow.isExpanded) {\n          event.preventDefault();\n          toggle(activeRow.node.value);\n        } else if (activeRow.parent !== undefined) {\n          event.preventDefault();\n          setActiveValue(activeRow.parent);\n        }\n\n        return;\n      }\n\n      case 'Enter':\n        event.preventDefault();\n\n        if (activeRow) activate(activeRow);\n\n        return;\n\n      case 'Tab':\n        // the focus goes back to the field and the Tab goes on from there, not from the end of the page\n        close(true);\n\n        return;\n    }\n  };\n\n  const handleTriggerKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (isOpen || event.altKey || event.ctrlKey || event.metaKey) return;\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      event.preventDefault();\n      open();\n    }\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className={`flex max-w-full min-w-0 flex-col gap-1.5 ${containerClassName}`}\n    >\n      <div className=\"relative\" ref={fieldBoxRef}>\n        <InputLabel htmlFor={triggerId} className=\"z-2\">\n          {label}\n        </InputLabel>\n        <div\n          data-invalid={error ? '' : undefined}\n          className={`border-primary/10 bg-smoke-eerie focus-within:border-blue-crayola-c data-invalid:border-red-c flex items-center gap-3 overflow-hidden rounded-lg border px-3 ${className}`}\n        >\n          <InputIcon icon={icons?.left} />\n          <button\n            id={triggerId}\n            ref={triggerRef}\n            type=\"button\"\n            aria-haspopup=\"dialog\"\n            aria-expanded={isOpen}\n            aria-controls={isOpen ? popupId : undefined}\n            aria-invalid={error ? true : undefined}\n            aria-describedby={error ? errorId : undefined}\n            disabled={selectProps.disabled}\n            onClick={() => {\n              if (isOpen) close(false);\n              else open();\n            }}\n            onKeyDown={handleTriggerKeyDown}\n            className={`text-primary flex min-w-0 flex-1 items-center justify-between gap-0.5 truncate border-none bg-transparent text-left text-[13px] outline-hidden ${\n              selectProps.disabled ? 'cursor-no-drop' : 'cursor-pointer'\n            }`}\n          >\n            <span\n              className={`flex-1 truncate py-2 first-letter:capitalize xl:py-3 ${hasValue ? '' : 'text-primary/30'}`}\n            >\n              {selected?.label ?? selectProps.placeholder}\n            </span>\n            <Icon\n              icon=\"solar:alt-arrow-down-linear\"\n              className={`size-4 transition-transform motion-reduce:transition-none md:size-5 ${\n                isOpen ? 'rotate-180' : ''\n              } ${hasValue ? 'text-primary' : 'text-primary/30'}`}\n            />\n          </button>\n          <InputIcon icon={icons?.right} />\n        </div>\n      </div>\n      <InputError id={errorId} error={error} />\n      {isOpen &&\n        popup &&\n        createPortal(\n          <div\n            ref={popupRef}\n            id={popupId}\n            role=\"dialog\"\n            aria-label={label || text.tree}\n            className={`border-primary/10 bg-smoke-eerie fixed z-3 overflow-hidden rounded-lg border shadow-md ${optionsClassName}`}\n            style={getDropdownStyle(popup.rect, popup.placement, window.innerHeight)}\n          >\n            <Input\n              needRef\n              ref={searchRef}\n              inputProps={{\n                ...inputProps,\n                value: search,\n                onChange: handleSearch,\n                onKeyDown: handleSearchKeyDown,\n                placeholder: inputProps?.placeholder ?? text.searchPlaceholder,\n                role: 'combobox',\n                'aria-label': inputProps?.['aria-label'] ?? text.search,\n                'aria-expanded': true,\n                'aria-controls': rows.length > 0 ? treeId : undefined,\n                'aria-activedescendant': activeIndex === -1 ? undefined : rowId(activeIndex),\n                'aria-autocomplete': 'list',\n                autoComplete: 'off',\n                className: `py-2! ${inputProps?.className ?? ''}`,\n              }}\n              icons={{\n                right: search\n                  ? {\n                      icon: 'lucide:x',\n                      label: text.clearSearch,\n                      className: 'size-4 text-primary',\n                      onClick: clearSearch,\n                    }\n                  : { icon: 'solar:magnifer-linear', className: 'size-4 text-primary opacity-30' },\n              }}\n              containerClassName=\"p-2 border-b border-b-primary/20\"\n              className=\"bg-silver-jet/8!\"\n            />\n\n            <div role=\"status\" className=\"sr-only\">\n              {isSearching && rows.length > 0 ? text.results(rows.length) : ''}\n            </div>\n\n            {rows.length > 0 ? (\n              <ul\n                ref={listRef}\n                id={treeId}\n                role=\"tree\"\n                aria-label={label || text.tree}\n                // a press on a row must not take the focus from the search field\n                onMouseDown={(event) => {\n                  event.preventDefault();\n                }}\n                className=\"relative flex max-h-60 flex-col gap-0.5 overflow-auto p-1\"\n              >\n                {rows.map((row, index) => {\n                  const isSelected = !row.isBranch && row.node.value === selectProps.value;\n                  const isActive = index === activeIndex;\n                  const isDisabled = !!row.node.disabled;\n\n                  return (\n                    <li\n                      key={String(row.node.value)}\n                      id={rowId(index)}\n                      ref={isActive ? activeRowRef : null}\n                      role=\"treeitem\"\n                      aria-level={row.level}\n                      aria-posinset={row.position}\n                      aria-setsize={row.size}\n                      aria-expanded={row.isBranch ? row.isExpanded : undefined}\n                      aria-selected={isSelected}\n                      aria-disabled={isDisabled ? true : undefined}\n                      style={{ paddingLeft: `${String(8 + (row.level - 1) * 12)}px` }}\n                      className={`text-tertiary flex items-center gap-2 rounded-sm py-1.5 pr-2 text-[13px] ${\n                        isDisabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'\n                      } ${isActive ? 'bg-primary/5' : ''} ${isSelected ? 'bg-primary/8' : ''}`}\n                      onMouseMove={() => {\n                        if (!isDisabled && !isActive) setActiveValue(row.node.value);\n                      }}\n                      onClick={() => {\n                        activate(row);\n                      }}\n                    >\n                      <span\n                        aria-hidden=\"true\"\n                        className=\"flex size-5 shrink-0 items-center justify-center\"\n                      >\n                        {row.isBranch && (\n                          <Icon\n                            icon={\n                              row.isExpanded\n                                ? 'solar:alt-arrow-down-linear'\n                                : 'solar:alt-arrow-right-linear'\n                            }\n                            className=\"size-4\"\n                          />\n                        )}\n                      </span>\n                      <span\n                        aria-hidden=\"true\"\n                        className=\"flex size-5 shrink-0 items-center justify-center\"\n                      >\n                        <Icon\n                          icon={\n                            row.isBranch\n                              ? row.isExpanded\n                                ? 'solar:folder-open-linear'\n                                : 'solar:folder-linear'\n                              : 'solar:file-linear'\n                          }\n                          className=\"size-4\"\n                        />\n                      </span>\n                      <span className=\"flex-1 text-left text-[13px] first-letter:capitalize\">\n                        {row.node.label}\n                      </span>\n                      {isSelected && (\n                        <span\n                          aria-hidden=\"true\"\n                          className=\"flex size-5 shrink-0 items-center justify-center\"\n                        >\n                          <Icon\n                            icon=\"solar:unread-linear\"\n                            className=\"text-primary size-4 md:size-5\"\n                          />\n                        </span>\n                      )}\n                    </li>\n                  );\n                })}\n              </ul>\n            ) : (\n              <ApiStatus\n                status=\"empty\"\n                title={text.noResultsTitle}\n                description={text.noResultsDescription}\n                className=\"min-h-30!\"\n              />\n            )}\n          </div>,\n          document.body,\n        )}\n    </div>\n  );\n};\n"]}

package/dist/hierarchy-select/tree.d.cts

@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react';
+export type TTreeValue = string | number;
+/** What the tree needs of an option; the option of the field has more. */
+export interface ITreeNode<TNode extends ITreeNode<TNode>> {
+    label: ReactNode;
+    value: TTreeValue;
+    disabled?: boolean;
+    searchLabel?: string;
+    children?: readonly TNode[];
+}
+/** A line of the tree as it is shown: a node with where it is. */
+export interface ITreeRow<TNode> {
+    node: TNode;
+    /** 1 for the top of the tree. */
+    level: number;
+    /** Its place among the nodes that share its parent (from 1) and how many those are. */
+    position: number;
+    size: number;
+    isBranch: boolean;
+    isExpanded: boolean;
+    parent: TTreeValue | undefined;
+}
+/**
+ * The nodes that match `keyword`, and the branches that lead to them. A node that matches keeps all
+ * that is under it (the person can browse what they found); a branch that does not match is kept
+ * only with the matching nodes under it.
+ */
+export declare const filterTree: <TNode extends ITreeNode<TNode>>(nodes: readonly TNode[], keyword: string) => readonly TNode[];
+/**
+ * The lines to draw, from the top: a branch that is expanded (or all of them, with `forceExpanded`) is
+ * followed by its own lines.
+ */
+export declare const buildRows: <TNode extends ITreeNode<TNode>>(nodes: readonly TNode[], expanded: readonly TTreeValue[], forceExpanded: boolean, level?: number, parent?: TTreeValue) => ITreeRow<TNode>[];
+/** The node with this value, wherever it is in the tree. */
+export declare const findNode: <TNode extends ITreeNode<TNode>>(nodes: readonly TNode[], value: TTreeValue) => TNode | undefined;
+/** The values of the branches above a node (so they can be opened to show it), or `[]` when it is not in the tree. */
+export declare const ancestorsOf: <TNode extends ITreeNode<TNode>>(nodes: readonly TNode[], value: TTreeValue, path?: readonly TTreeValue[]) => readonly TTreeValue[];
+//# sourceMappingURL=tree.d.cts.map

package/dist/hierarchy-select/tree.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.cts","sourceRoot":"","sources":["../../src/hierarchy-select/tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzC,0EAA0E;AAC1E,MAAM,WAAW,SAAS,CAAC,KAAK,SAAS,SAAS,CAAC,KAAK,CAAC;IACvD,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,KAAK,EAAE,CAAC;CAC7B;AAED,kEAAkE;AAClE,MAAM,WAAW,QAAQ,CAAC,KAAK;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,uFAAuF;IACvF,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,UAAU,GAAG,SAAS,CAAC;CAChC;AAKD;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,SAAS,SAAS,CAAC,KAAK,CAAC,EACvD,OAAO,SAAS,KAAK,EAAE,EACvB,SAAS,MAAM,KACd,SAAS,KAAK,EAYhB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,KAAK,SAAS,SAAS,CAAC,KAAK,CAAC,EACtD,OAAO,SAAS,KAAK,EAAE,EACvB,UAAU,SAAS,UAAU,EAAE,EAC/B,eAAe,OAAO,EACtB,cAAS,EACT,SAAS,UAAU,KAClB,QAAQ,CAAC,KAAK,CAAC,EAiBd,CAAC;AAEL,4DAA4D;AAC5D,eAAO,MAAM,QAAQ,GAAI,KAAK,SAAS,SAAS,CAAC,KAAK,CAAC,EACrD,OAAO,SAAS,KAAK,EAAE,EACvB,OAAO,UAAU,KAChB,KAAK,GAAG,SAUV,CAAC;AAEF,sHAAsH;AACtH,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,SAAS,CAAC,KAAK,CAAC,EACxD,OAAO,SAAS,KAAK,EAAE,EACvB,OAAO,UAAU,EACjB,OAAM,SAAS,UAAU,EAAO,KAC/B,SAAS,UAAU,EAUrB,CAAC"}

package/dist/hierarchy-select/tree.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react';
+export type TTreeValue = string | number;
+/** What the tree needs of an option; the option of the field has more. */
+export interface ITreeNode<TNode extends ITreeNode<TNode>> {
+    label: ReactNode;
+    value: TTreeValue;
+    disabled?: boolean;
+    searchLabel?: string;
+    children?: readonly TNode[];
+}
+/** A line of the tree as it is shown: a node with where it is. */
+export interface ITreeRow<TNode> {
+    node: TNode;
+    /** 1 for the top of the tree. */
+    level: number;
+    /** Its place among the nodes that share its parent (from 1) and how many those are. */
+    position: number;
+    size: number;
+    isBranch: boolean;
+    isExpanded: boolean;
+    parent: TTreeValue | undefined;
+}
+/**
+ * The nodes that match `keyword`, and the branches that lead to them. A node that matches keeps all
+ * that is under it (the person can browse what they found); a branch that does not match is kept
+ * only with the matching nodes under it.
+ */
+export declare const filterTree: <TNode extends ITreeNode<TNode>>(nodes: readonly TNode[], keyword: string) => readonly TNode[];
+/**
+ * The lines to draw, from the top: a branch that is expanded (or all of them, with `forceExpanded`) is
+ * followed by its own lines.
+ */
+export declare const buildRows: <TNode extends ITreeNode<TNode>>(nodes: readonly TNode[], expanded: readonly TTreeValue[], forceExpanded: boolean, level?: number, parent?: TTreeValue) => ITreeRow<TNode>[];
+/** The node with this value, wherever it is in the tree. */
+export declare const findNode: <TNode extends ITreeNode<TNode>>(nodes: readonly TNode[], value: TTreeValue) => TNode | undefined;
+/** The values of the branches above a node (so they can be opened to show it), or `[]` when it is not in the tree. */
+export declare const ancestorsOf: <TNode extends ITreeNode<TNode>>(nodes: readonly TNode[], value: TTreeValue, path?: readonly TTreeValue[]) => readonly TTreeValue[];
+//# sourceMappingURL=tree.d.ts.map

package/dist/hierarchy-select/tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/hierarchy-select/tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzC,0EAA0E;AAC1E,MAAM,WAAW,SAAS,CAAC,KAAK,SAAS,SAAS,CAAC,KAAK,CAAC;IACvD,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,KAAK,EAAE,CAAC;CAC7B;AAED,kEAAkE;AAClE,MAAM,WAAW,QAAQ,CAAC,KAAK;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,uFAAuF;IACvF,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,UAAU,GAAG,SAAS,CAAC;CAChC;AAKD;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,SAAS,SAAS,CAAC,KAAK,CAAC,EACvD,OAAO,SAAS,KAAK,EAAE,EACvB,SAAS,MAAM,KACd,SAAS,KAAK,EAYhB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,KAAK,SAAS,SAAS,CAAC,KAAK,CAAC,EACtD,OAAO,SAAS,KAAK,EAAE,EACvB,UAAU,SAAS,UAAU,EAAE,EAC/B,eAAe,OAAO,EACtB,cAAS,EACT,SAAS,UAAU,KAClB,QAAQ,CAAC,KAAK,CAAC,EAiBd,CAAC;AAEL,4DAA4D;AAC5D,eAAO,MAAM,QAAQ,GAAI,KAAK,SAAS,SAAS,CAAC,KAAK,CAAC,EACrD,OAAO,SAAS,KAAK,EAAE,EACvB,OAAO,UAAU,KAChB,KAAK,GAAG,SAUV,CAAC;AAEF,sHAAsH;AACtH,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,SAAS,CAAC,KAAK,CAAC,EACxD,OAAO,SAAS,KAAK,EAAE,EACvB,OAAO,UAAU,EACjB,OAAM,SAAS,UAAU,EAAO,KAC/B,SAAS,UAAU,EAUrB,CAAC"}

package/dist/index.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var inputs = require('@beautinique/frontend-components/inputs');
 var layout = require('@beautinique/frontend-components/layout');
 var theme = require('@beautinique/frontend-components/theme');
 var toast = require('@beautinique/frontend-components/toast');
@@ -7,6 +8,12 @@ var ui = require('@beautinique/frontend-components/ui');
 
 
 
+Object.keys(inputs).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return inputs[k]; }
+	});
+});
 Object.keys(layout).forEach(function (k) {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,

package/dist/index.d.cts

@@ -1,3 +1,4 @@
+export * from './inputs/index.js';
 export * from './layout/index.js';
 export * from './theme/index.js';
 export * from './toast/index.js';

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,sBAAsB,CAAC;AAC1C,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,sBAAsB,CAAC;AAC1C,cAAc,eAAe,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from './inputs/index.js';
 export * from './layout/index.js';
 export * from './theme/index.js';
 export * from './toast/index.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,sBAAsB,CAAC;AAC1C,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,sBAAsB,CAAC;AAC1C,cAAc,eAAe,CAAC"}

package/dist/index.js

@@ -1,3 +1,4 @@
+export * from '@beautinique/frontend-components/inputs';
 export * from '@beautinique/frontend-components/layout';
 export * from '@beautinique/frontend-components/theme';
 export * from '@beautinique/frontend-components/toast';

package/dist/inputs/Checkbox.d.cts

@@ -0,0 +1,21 @@
+import { type InputHTMLAttributes, type ReactNode, type Ref } from 'react';
+import type { ITooltip } from '../types/component.js';
+import type { IFieldBase, IFieldRegistration } from './types.js';
+export interface ICheckbox extends Omit<IFieldBase, 'label'> {
+    /** The words next to the switch. They are its label: pressing them switches it, a screen reader reads them. */
+    content?: ReactNode;
+    /** Any attribute of the `<input>` except `type`: `name`, `checked`, `onChange`, `disabled`... */
+    checkboxProps: Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>;
+    /** What `register('name')` of React Hook Form gives back. */
+    register?: IFieldRegistration;
+    /** A tooltip on the switch (it shows when `required` is true). */
+    tooltip?: Pick<ITooltip, 'required' | 'description' | 'title' | 'placement'>;
+    /** The `<input>` itself, e.g. to move the focus to it. */
+    ref?: Ref<HTMLInputElement>;
+}
+/**
+ * An on / off switch with the words that say what it is for. It is a real checkbox (`role="switch"`),
+ * so it works with the keyboard (Space) and with a form, and a screen reader says "on" or "off".
+ */
+export declare const Checkbox: ({ register, className, content, checkboxProps, containerClassName, error, tooltip, ref, }: ICheckbox) => import("react").JSX.Element;
+//# sourceMappingURL=Checkbox.d.cts.map

package/dist/inputs/Checkbox.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.cts","sourceRoot":"","sources":["../../src/inputs/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACd,KAAK,GAAG,EAET,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGjE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAC1D,+GAA+G;IAC/G,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iGAAiG;IACjG,aAAa,EAAE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;IACnE,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,kEAAkE;IAClE,OAAO,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,aAAa,GAAG,OAAO,GAAG,WAAW,CAAC,CAAC;IAC7E,0DAA0D;IAC1D,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,2FAStB,SAAS,gCAiEX,CAAC"}

package/dist/inputs/Checkbox.d.ts

@@ -0,0 +1,21 @@
+import { type InputHTMLAttributes, type ReactNode, type Ref } from 'react';
+import type { ITooltip } from '../types/component.js';
+import type { IFieldBase, IFieldRegistration } from './types.js';
+export interface ICheckbox extends Omit<IFieldBase, 'label'> {
+    /** The words next to the switch. They are its label: pressing them switches it, a screen reader reads them. */
+    content?: ReactNode;
+    /** Any attribute of the `<input>` except `type`: `name`, `checked`, `onChange`, `disabled`... */
+    checkboxProps: Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>;
+    /** What `register('name')` of React Hook Form gives back. */
+    register?: IFieldRegistration;
+    /** A tooltip on the switch (it shows when `required` is true). */
+    tooltip?: Pick<ITooltip, 'required' | 'description' | 'title' | 'placement'>;
+    /** The `<input>` itself, e.g. to move the focus to it. */
+    ref?: Ref<HTMLInputElement>;
+}
+/**
+ * An on / off switch with the words that say what it is for. It is a real checkbox (`role="switch"`),
+ * so it works with the keyboard (Space) and with a form, and a screen reader says "on" or "off".
+ */
+export declare const Checkbox: ({ register, className, content, checkboxProps, containerClassName, error, tooltip, ref, }: ICheckbox) => import("react").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/inputs/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/inputs/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACd,KAAK,GAAG,EAET,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGjE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IAC1D,+GAA+G;IAC/G,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iGAAiG;IACjG,aAAa,EAAE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;IACnE,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,kEAAkE;IAClE,OAAO,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,aAAa,GAAG,OAAO,GAAG,WAAW,CAAC,CAAC;IAC7E,0DAA0D;IAC1D,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,2FAStB,SAAS,gCAiEX,CAAC"}

package/dist/inputs/Input.d.cts

@@ -0,0 +1,26 @@
+import { type InputHTMLAttributes, type Ref } from 'react';
+import type { IFieldBase, IFieldRegistration, TInputIcons } from './types.js';
+export interface IInput extends IFieldBase {
+    /** Any attribute of an `<input>`: `type`, `name`, `value`, `onChange`, `placeholder`, `disabled`... */
+    inputProps: InputHTMLAttributes<HTMLInputElement>;
+    /** An icon at each end of the field. One with an `onClick` is a button and needs a `label`. */
+    icons?: TInputIcons;
+    /** What `register('name')` of React Hook Form gives back. */
+    register?: IFieldRegistration;
+    /** Puts the cursor in the field when it is shown. */
+    needRef?: boolean;
+    /** The `<input>` itself, e.g. to move the focus to it. */
+    ref?: Ref<HTMLInputElement>;
+}
+/**
+ * A text field (any `type` of `<input>`) with its label on the top border, a message under it, and an
+ * icon at each end.
+ *
+ * - The label is the name of the field: it is tied to it through `id` (the `id` of `inputProps`, or
+ *   its `name`, or one made here), so pressing the label focuses the field and a screen reader reads it.
+ * - While there is an `error` the field is `aria-invalid` and described by the message, which is
+ *   said as soon as it shows up.
+ * - Both `inputProps` and `register` are heard: `onChange` and `onBlur` of each are called.
+ */
+export declare const Input: ({ label, register, className, error, containerClassName, icons, inputProps, needRef, ref, }: IInput) => import("react").JSX.Element;
+//# sourceMappingURL=Input.d.cts.map

package/dist/inputs/Input.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.cts","sourceRoot":"","sources":["../../src/inputs/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,GAAG,EAIT,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG9E,MAAM,WAAW,MAAO,SAAQ,UAAU;IACxC,uGAAuG;IACvG,UAAU,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAClD,+FAA+F;IAC/F,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,GAAI,6FAUnB,MAAM,gCA4DR,CAAC"}

package/dist/inputs/Input.d.ts

@@ -0,0 +1,26 @@
+import { type InputHTMLAttributes, type Ref } from 'react';
+import type { IFieldBase, IFieldRegistration, TInputIcons } from './types.js';
+export interface IInput extends IFieldBase {
+    /** Any attribute of an `<input>`: `type`, `name`, `value`, `onChange`, `placeholder`, `disabled`... */
+    inputProps: InputHTMLAttributes<HTMLInputElement>;
+    /** An icon at each end of the field. One with an `onClick` is a button and needs a `label`. */
+    icons?: TInputIcons;
+    /** What `register('name')` of React Hook Form gives back. */
+    register?: IFieldRegistration;
+    /** Puts the cursor in the field when it is shown. */
+    needRef?: boolean;
+    /** The `<input>` itself, e.g. to move the focus to it. */
+    ref?: Ref<HTMLInputElement>;
+}
+/**
+ * A text field (any `type` of `<input>`) with its label on the top border, a message under it, and an
+ * icon at each end.
+ *
+ * - The label is the name of the field: it is tied to it through `id` (the `id` of `inputProps`, or
+ *   its `name`, or one made here), so pressing the label focuses the field and a screen reader reads it.
+ * - While there is an `error` the field is `aria-invalid` and described by the message, which is
+ *   said as soon as it shows up.
+ * - Both `inputProps` and `register` are heard: `onChange` and `onBlur` of each are called.
+ */
+export declare const Input: ({ label, register, className, error, containerClassName, icons, inputProps, needRef, ref, }: IInput) => import("react").JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

package/dist/inputs/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/inputs/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,GAAG,EAIT,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG9E,MAAM,WAAW,MAAO,SAAQ,UAAU;IACxC,uGAAuG;IACvG,UAAU,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAClD,+FAA+F;IAC/F,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK,GAAI,6FAUnB,MAAM,gCA4DR,CAAC"}

package/dist/inputs/InputError.d.cts

@@ -0,0 +1,11 @@
+import type { ComponentProps } from 'react';
+export interface IInputError extends Omit<ComponentProps<'p'>, 'children'> {
+    /** The message. Nothing is drawn while it is empty. */
+    error?: string;
+}
+/**
+ * The message under a field. It is an alert: a screen reader says it as soon as it appears. Give it an
+ * `id` and put that id in the `aria-describedby` of the field, so the message is read with the field.
+ */
+export declare const InputError: ({ error, className, ...pProps }: IInputError) => import("react").JSX.Element | null;
+//# sourceMappingURL=InputError.d.cts.map

package/dist/inputs/InputError.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputError.d.cts","sourceRoot":"","sources":["../../src/inputs/InputError.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC;IACxE,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,iCAA2C,WAAW,uCAiBhF,CAAC"}

package/dist/inputs/InputError.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps } from 'react';
+export interface IInputError extends Omit<ComponentProps<'p'>, 'children'> {
+    /** The message. Nothing is drawn while it is empty. */
+    error?: string;
+}
+/**
+ * The message under a field. It is an alert: a screen reader says it as soon as it appears. Give it an
+ * `id` and put that id in the `aria-describedby` of the field, so the message is read with the field.
+ */
+export declare const InputError: ({ error, className, ...pProps }: IInputError) => import("react").JSX.Element | null;
+//# sourceMappingURL=InputError.d.ts.map

package/dist/inputs/InputError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputError.d.ts","sourceRoot":"","sources":["../../src/inputs/InputError.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC;IACxE,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,iCAA2C,WAAW,uCAiBhF,CAAC"}

package/dist/inputs/InputIcon.d.cts

@@ -0,0 +1,9 @@
+import type { TInputIcon } from './types.js';
+/**
+ * An icon at one end of a field. An element is drawn as it is. An icon of Iconify is drawn as a
+ * picture, or, when it has an `onClick`, inside a `<button>` that has the `label` as its name.
+ */
+export declare const InputIcon: ({ icon }: {
+    icon?: TInputIcon;
+}) => import("react").JSX.Element | null;
+//# sourceMappingURL=InputIcon.d.cts.map

package/dist/inputs/InputIcon.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputIcon.d.cts","sourceRoot":"","sources":["../../src/inputs/InputIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAK7C;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,UAAU;IAAE,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,uCAwBxD,CAAC"}

package/dist/inputs/InputIcon.d.ts

@@ -0,0 +1,9 @@
+import type { TInputIcon } from './types.js';
+/**
+ * An icon at one end of a field. An element is drawn as it is. An icon of Iconify is drawn as a
+ * picture, or, when it has an `onClick`, inside a `<button>` that has the `label` as its name.
+ */
+export declare const InputIcon: ({ icon }: {
+    icon?: TInputIcon;
+}) => import("react").JSX.Element | null;
+//# sourceMappingURL=InputIcon.d.ts.map

package/dist/inputs/InputIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputIcon.d.ts","sourceRoot":"","sources":["../../src/inputs/InputIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAK7C;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,UAAU;IAAE,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,uCAwBxD,CAAC"}

package/dist/inputs/InputLabel.d.cts

@@ -0,0 +1,8 @@
+import type { ComponentProps } from 'react';
+/**
+ * The label that sits on the top border of a field. It draws nothing when it has no text. Give it
+ * `htmlFor` (the `id` of the field) so that pressing it focuses the field and a screen reader reads it
+ * as the name of the field.
+ */
+export declare const InputLabel: ({ children, className, htmlFor, ...labelProps }: ComponentProps<"label">) => import("react").JSX.Element | null;
+//# sourceMappingURL=InputLabel.d.cts.map

package/dist/inputs/InputLabel.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.d.cts","sourceRoot":"","sources":["../../src/inputs/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,iDAKxB,cAAc,CAAC,OAAO,CAAC,uCAShB,CAAC"}

package/dist/inputs/InputLabel.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps } from 'react';
+/**
+ * The label that sits on the top border of a field. It draws nothing when it has no text. Give it
+ * `htmlFor` (the `id` of the field) so that pressing it focuses the field and a screen reader reads it
+ * as the name of the field.
+ */
+export declare const InputLabel: ({ children, className, htmlFor, ...labelProps }: ComponentProps<"label">) => import("react").JSX.Element | null;
+//# sourceMappingURL=InputLabel.d.ts.map

package/dist/inputs/InputLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../src/inputs/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,iDAKxB,cAAc,CAAC,OAAO,CAAC,uCAShB,CAAC"}

package/dist/inputs/Radio.d.cts

@@ -0,0 +1,25 @@
+import { type ReactNode } from 'react';
+import type { IClassName, IContainerClassName } from '../types/component.js';
+import type { IFieldBase } from './types.js';
+export interface IRadioOption {
+    label: ReactNode;
+    value: string;
+}
+export interface IRadio extends IClassName, IContainerClassName, Pick<IFieldBase, 'error'> {
+    /** The value of the chosen option. A value that is not one of the options chooses none. */
+    value: string;
+    onChange: (value: string) => void;
+    options: IRadioOption[];
+    /** Names the group for assistive technology ("Gender"): the options are its only visible text. */
+    label?: string;
+    /** Groups the radios; one is made when it is not given. */
+    name?: string;
+    disabled?: boolean;
+}
+/**
+ * A group of options of which one is chosen, drawn as a bar with a marker that slides to the chosen
+ * one. It is a real radio group: the arrow keys move the choice, Tab leaves the group, and the
+ * message under it is read with it.
+ */
+export declare const Radio: ({ value, onChange, options, className, containerClassName, error, label, name, disabled, }: IRadio) => import("react").JSX.Element;
+//# sourceMappingURL=Radio.d.cts.map

package/dist/inputs/Radio.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.cts","sourceRoot":"","sources":["../../src/inputs/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,MAAO,SAAQ,UAAU,EAAE,mBAAmB,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IACxF,2FAA2F;IAC3F,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,kGAAkG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,GAAI,4FAUnB,MAAM,gCA0DR,CAAC"}

package/dist/inputs/Radio.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from 'react';
+import type { IClassName, IContainerClassName } from '../types/component.js';
+import type { IFieldBase } from './types.js';
+export interface IRadioOption {
+    label: ReactNode;
+    value: string;
+}
+export interface IRadio extends IClassName, IContainerClassName, Pick<IFieldBase, 'error'> {
+    /** The value of the chosen option. A value that is not one of the options chooses none. */
+    value: string;
+    onChange: (value: string) => void;
+    options: IRadioOption[];
+    /** Names the group for assistive technology ("Gender"): the options are its only visible text. */
+    label?: string;
+    /** Groups the radios; one is made when it is not given. */
+    name?: string;
+    disabled?: boolean;
+}
+/**
+ * A group of options of which one is chosen, drawn as a bar with a marker that slides to the chosen
+ * one. It is a real radio group: the arrow keys move the choice, Tab leaves the group, and the
+ * message under it is read with it.
+ */
+export declare const Radio: ({ value, onChange, options, className, containerClassName, error, label, name, disabled, }: IRadio) => import("react").JSX.Element;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/inputs/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/inputs/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,MAAO,SAAQ,UAAU,EAAE,mBAAmB,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IACxF,2FAA2F;IAC3F,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,kGAAkG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,GAAI,4FAUnB,MAAM,gCA0DR,CAAC"}