@keboola/design 14.0.0 → 15.1.0

package/dist/internal/blocks/MultiCombobox.js

@@ -1,11 +1,10 @@
 import { cn } from "../../classNames-DcGnTh2N.js";
-import { Tooltip, TooltipProvider, splitEntry } from "../../utils-LQ4jJA-9.js";
-import { useArgoDesign } from "../../context-U293r3v-.js";
+import { Tooltip, TooltipProvider, splitEntry } from "../../utils-DwC9u0tM.js";
 import { PanelRightClose, PanelRightOpen, Search } from "../../icons-ZIeZXXS7.js";
-import { Button } from "../../Button-D2JqBAq7.js";
+import { Button } from "../../Button-BNkyYU8u.js";
 import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
 import { forwardAccessibleName } from "../utils/accessibleName.js";
-import { Combobox as Combobox$1, ComboboxClearButton, ComboboxOpenButton, ComboboxOptions, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultQueryToCreateLabel, defaultRowLabel, defaultToCreateValue, flatItems, isCreatableItem, isGroupHeaderItem, isSelectAllItem, sanitizeTypedInput, selectAllItem, toEntries, toLabel, useCreatableStringValue, useGroupHeaders, useItemEquality, useQueryReporter, useVirtualList, useWithCreated } from "../../Combobox-CEesMe2M.js";
+import { Combobox as Combobox$1, ComboboxClearButton, ComboboxOpenButton, ComboboxOptions, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultQueryToCreateLabel, defaultRowLabel, defaultToCreateValue, flatItems, isCreatableItem, isGroupHeaderItem, isSelectAllItem, sanitizeTypedInput, selectAllItem, toEntries, toLabel, useCreatableStringValue, useGroupHeaders, useItemEquality, useQueryReporter, useVirtualList, useWithCreated } from "../../Combobox-BLqX-Tdh.js";
 import { useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react/combobox";
@@ -44,7 +43,7 @@ const NO_VALUES = [];
 * @see RECIPES.md#creatable-multi-combobox
 * @see RECIPES.md#filter-toolbar
 */
-const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear = true, name, onBlur, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, className, allowSelectAll = false, empty = "No items", isLoading = false, indicator, virtualized = false, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel = defaultQueryToCreateLabel, createSeparator = ",", itemToDisabled = defaultItemToDisabled, itemToLocked, itemToLabel: itemToLabelProp, itemToIcon = defaultItemToIcon, groupToLabel = defaultGroupToLabel, collapsibleGroups = false, selectableGroups = false, collapseSelectedGroups = false, groupAppearance = "plain", itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, renderAside, asideOpen: asideOpenProp, onAsideOpenChange, defaultOpen = false, onOpenChange, anchor, query: queryProp, maxVisible = 3, ...accessibleName }) => {
+const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, focusVariant, state, placeholder, allowClear = true, name, onBlur, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, className, allowSelectAll = false, empty = "No items", isLoading = false, indicator, virtualized = false, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel = defaultQueryToCreateLabel, createSeparator = ",", itemToDisabled = defaultItemToDisabled, itemToLocked, itemToLabel: itemToLabelProp, itemToIcon = defaultItemToIcon, groupToLabel = defaultGroupToLabel, collapsibleGroups = false, selectableGroups = false, collapseSelectedGroups = false, groupAppearance = "plain", itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, renderAside, asideOpen: asideOpenProp, onAsideOpenChange, defaultOpen = false, onOpenChange, anchor, query: queryProp, maxVisible = 3, ...accessibleName }) => {
 	const itemsProp = _itemsProp ?? NO_ITEMS;
 	const [valueProp, setValueProp] = useControllableState({
 		prop: _valueProp === null ? NO_VALUES : _valueProp,
@@ -52,7 +51,6 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 	});
 	const itemToString = useCallback((item) => itemToStringLabel?.(item) ?? toLabel(item), [itemToStringLabel]);
 	const itemToLabel = itemToLabelProp ?? defaultRowLabel(itemToStringLabel);
-	const chipVariant = useArgoDesign() ? "pill" : "default";
 	const [inputValue, setInputValue] = useState("");
 	const [asideOpen, setAsideOpen] = useControllableState({
 		prop: asideOpenProp,
@@ -293,8 +291,6 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 				children: input
 			}),
 			!anchor && /* @__PURE__ */ jsx(Combobox$1.InputGroup, {
-				variant,
-				sizing,
 				state,
 				focusVariant,
 				className,
@@ -302,7 +298,7 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 					className: "tw:flex tw:min-w-0 tw:flex-1 tw:flex-wrap tw:items-center tw:gap-1.5 tw:px-4 tw:py-1.5",
 					children: [/* @__PURE__ */ jsx(Combobox$1.Chips, {
 						maxVisible,
-						variant: chipVariant,
+						variant: "pill",
 						itemToChipLabel: itemToChipLabel ?? ((item) => itemToLabel(item, "")),
 						itemToChipColor,
 						pinnedChipLabels,

package/dist/internal/blocks/MultiCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiCombobox.js","names":["BaseCombobox","Combobox"],"sources":["../../../src/blocks/MultiCombobox/MultiCombobox.tsx"],"sourcesContent":["import { type ComponentProps, type ReactNode, useCallback, useMemo, useState } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { Button } from '../../components/Button';\nimport { Combobox } from '../../components/Combobox';\nimport { ComboboxClearButton } from '../../components/Combobox/ComboboxClearButton';\nimport { ComboboxOpenButton } from '../../components/Combobox/ComboboxOpenButton';\nimport { ComboboxOptions } from '../../components/Combobox/ComboboxOptions';\nimport { useWithCreated } from '../../components/Combobox/createdItems';\nimport { useGroupHeaders } from '../../components/Combobox/groupHeaders';\nimport { sanitizeTypedInput, useQueryReporter } from '../../components/Combobox/query';\nimport type { Group } from '../../components/Combobox/types';\nimport {\n  createCreatableItem,\n  defaultGroupToLabel,\n  defaultItemToDisabled,\n  defaultItemToIcon,\n  defaultQueryToCreateLabel,\n  defaultRowLabel,\n  defaultToCreateValue,\n  flatItems,\n  isCreatableItem,\n  isGroupHeaderItem,\n  isSelectAllItem,\n  selectAllItem,\n  toEntries,\n  toLabel,\n  useCreatableStringValue,\n  useItemEquality,\n} from '../../components/Combobox/utils';\nimport { useVirtualList, type VirtualizedProps } from '../../components/Combobox/virtualList';\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\nimport { Tooltip, TooltipProvider } from '../../components/Tooltip';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { PanelRightClose, PanelRightOpen, Search } from '../../icons';\nimport { cn, DEFAULT_ENTRY_SEPARATOR, splitEntry } from '../../utils';\nimport { forwardAccessibleName, type WithAccessibleName } from '../../utils/accessibleName';\n\ntype ComboboxProps<Value> = BaseCombobox.Root.Props<Value, true>;\ntype ComboboxInputProps = ComponentProps<typeof Combobox.Input>;\ntype ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;\ntype ComboboxItemProps = ComponentProps<typeof Combobox.Item>;\ntype ComboboxChipsProps<Value> = ComponentProps<typeof Combobox.Chips<Value>>;\n\ntype Indicator = Exclude<NonNullable<ComboboxItemProps['indicator']>, 'none'>;\n\n/** The row the pointer or the arrow keys are on: one of the items, or a group's own row. */\nexport type MultiComboboxHighlighted<Value, GroupShape> =\n  | { kind: 'item'; item: Value }\n  | { kind: 'group'; group: GroupShape }\n  | null;\n\n/** Joins the create row's values with the entry's separator; a `RegExp` uses the default one. */\nconst joinCreateParts = (parts: string[], separator: string | RegExp | null) =>\n  parts.join(`${typeof separator === 'string' ? separator : DEFAULT_ENTRY_SEPARATOR} `);\n\ntype CreatableProps<Value> = {\n  allowCreate?: boolean;\n  /** Words the create row. Receives the values it adds, trimmed and re-joined — not the entry as typed. */\n  queryToCreateLabel?: (query: string) => ReactNode;\n  /** Projects one entered value into an item. Called once per trimmed part of a split entry. */\n  queryToCreateValue?: (query: string) => Value;\n  /** Rejects a value `allowCreate` would mint; values naming an item or already selected skip it. */\n  canCreate?: (query: string) => boolean;\n  /** Splits one entry into several values (default `','`). A `RegExp` must not capture; `null` never splits. */\n  createSeparator?: string | RegExp | null;\n};\n\ntype BaseProps<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<\n  ComboboxInputProps,\n  // Go to the input, which is the `combobox` role; on the group they reach nothing.\n  // - The `aria-*` set links a form field's label, help and error text.\n  // - `onBlur` is the gate `FieldItem` reveals errors on.\n  | 'placeholder'\n  | 'id'\n  | 'name'\n  | 'onBlur'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'aria-invalid'\n  | 'aria-required'\n> &\n  Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> &\n  Pick<\n    ComboboxProps<Value>,\n    | 'disabled'\n    | 'inputRef'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'itemToStringLabel'\n    | 'itemToStringValue'\n    | 'filter'\n    | 'isItemEqualToValue'\n  > &\n  Pick<\n    ComboboxChipsProps<Value>,\n    'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'\n  > &\n  CreatableProps<Value> &\n  VirtualizedProps & {\n    /** Read as immutable: pass a new array to change it; one mutated in place is not re-filtered. */\n    items?: readonly (Value | GroupShape)[];\n\n    // root specific\n    /** Clear-all button, shown only while chips exist. Chips stay removable either way. */\n    allowClear?: boolean;\n    /** \"Select All\" row for the whole set; hidden while a query is active, clears when all are selected. */\n    allowSelectAll?: boolean;\n    empty?: ReactNode;\n    /** Options still arriving; doesn't disable — pass `disabled` where the user must wait. */\n    isLoading?: boolean;\n    indicator?: Indicator;\n\n    // query specific\n    /** Rewrites typed text before filtering and creating. Sees the whole text per keystroke — don't `trim()`. */\n    inputValueSanitizer?: (input: string) => string;\n    /** Reports the sanitized query, on mount too. Notification only — the control owns the text. */\n    onQueryChange?: (query: string) => void;\n\n    // item specific\n    /**\n     * Row and chip content (unless `itemToChipLabel`), `itemToStringLabel` by default.\n     * - `query` is the search text, for `MarkedText`; a chip gets `''`.\n     */\n    itemToLabel?: (item: Value, query: string) => ReactNode;\n    itemToIcon?: (item: Value) => ReactNode;\n    itemToDisabled?: (item: Value) => boolean;\n    /** A selected item no press removes: looks disabled, still highlights for `renderAside`. */\n    itemToLocked?: (item: Value) => boolean;\n\n    // chip specific\n    /** Replaces the default chips; the chip props, `maxVisible` included, are then ignored. */\n    renderChips?: (values: Value[]) => ReactNode;\n\n    // group specific\n    /** Defaults to the group's `label`, as `Select` shows it. */\n    groupToLabel?: (group: GroupShape) => ReactNode;\n    /** A row per group that folds it. A query shows every match regardless; state is keyed by position. */\n    collapsibleGroups?: boolean;\n    /** A group's row selects its matching enabled items. The row itself never enters `value`. */\n    selectableGroups?: boolean;\n    /** Each time the popup opens, a group whose items are all selected starts folded. */\n    collapseSelectedGroups?: boolean;\n    /** `banded`: each group, its row and open items, is a white card on a grey list. */\n    groupAppearance?: 'plain' | 'banded';\n\n    // popup specific\n    /**\n     * An inspector beside the list about the last highlighted row; `null` before any.\n     * Hidden while the popup is under 40rem wide.\n     */\n    renderAside?: (highlighted: MultiComboboxHighlighted<Value, GroupShape>) => ReactNode;\n    /** Whether the inspector shows; a button in the popup toggles it. Uncontrolled, it starts open. */\n    asideOpen?: boolean;\n    onAsideOpenChange?: (open: boolean) => void;\n    /** The popup is open on mount, for a picker shown on demand. */\n    defaultOpen?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    /** No field: the popup opens against this element, its search at the top. Pair with `defaultOpen`. */\n    anchor?: ComponentProps<typeof Combobox.Content>['anchor'];\n    /**\n     * The search text, typed elsewhere (a chat composer): with `anchor`, the popup has no search.\n     * The host forwards ArrowUp, ArrowDown, Enter and Escape to the `combobox` input it renders.\n     */\n    query?: string;\n  };\n\n/**\n * Props for `MultiCombobox`.\n *\n * - Pass `isItemEqualToValue` when a store recreates item objects — Base UI matches by reference.\n */\ntype Props<Value, GroupShape extends Group<Value> = Group<Value>> = WithAccessibleName<\n  BaseProps<Value, GroupShape>\n>;\n\n/**\n * White group cards on a grey list: each group's row and open items sit on one card.\n *\n * - The grey is `--secondary` at 45% over the popover, about 1.10:1 against white.\n * - The gap is space under each card's last row, so a windowed list measures it with the row.\n * - Base UI's `role=\"group\"` wraps a group's row and items in either list.\n * - Rows are square; the card's first and last rows take its corners. Enabled rows show a pointer.\n */\nconst GROUP_BANDED = [\n  'tw:bg-[color-mix(in_oklab,rgb(var(--secondary))_45%,rgb(var(--popover)))]',\n  'tw:[&_[role=listbox]]:bg-[color-mix(in_oklab,rgb(var(--secondary))_45%,rgb(var(--popover)))]',\n  // The card is a layer behind the rows that stops 8px short: the grey below it is the gap.\n  'tw:[&_[role=group]]:relative tw:[&_[role=group]]:isolate',\n  'tw:[&_[role=group]]:before:absolute tw:[&_[role=group]]:before:inset-x-0 tw:[&_[role=group]]:before:top-0',\n  'tw:[&_[role=group]]:before:bottom-2 tw:[&_[role=group]]:before:-z-10',\n  'tw:[&_[role=group]]:before:rounded-lg tw:[&_[role=group]]:before:bg-popover',\n  // The gap itself: below the last row, so a highlighted row never covers it.\n  'tw:[&_[role=group]>[role=option]:last-child]:mb-2 tw:[&_[data-group-last]]:pb-2',\n  'tw:[&_[role=group]_[role=option]]:rounded-none',\n  'tw:[&_[role=group]>:first-child_[role=option]]:rounded-t-lg',\n  'tw:[&_[role=group]>:last-child_[role=option]]:rounded-b-lg',\n  'tw:[&_[role=option]:not([data-disabled]):not([data-locked])]:cursor-pointer',\n  // A row whose name wraps keeps its chevron and checkbox on the first line, beside the name.\n  'tw:[&_[role=option]]:items-start',\n  'tw:[&_[role=option]>:not([data-slot=combobox-item-label]):not([data-slot=combobox-group-toggle])]:mt-0.5',\n  'tw:[&_[role=option]>[data-slot=combobox-group-toggle]]:-mt-0.5',\n].join(' ');\n\nconst NO_ITEMS: readonly never[] = [];\nconst NO_VALUES: never[] = [];\n\n/**\n * Searchable multi-select with chips, built on Base UI Combobox.\n *\n * @see RECIPES.md#creatable-multi-combobox\n * @see RECIPES.md#filter-toolbar\n */\nexport const MultiCombobox = <Value, GroupShape extends Group<Value> = Group<Value>>({\n  // root props\n  items: _itemsProp,\n  value: _valueProp,\n  defaultValue,\n  onValueChange,\n  itemToStringLabel,\n  itemToStringValue,\n  disabled,\n  filter: filterProp,\n  isItemEqualToValue: isItemEqualToValueProp,\n  inputRef,\n\n  // input props\n  variant,\n  sizing,\n  focusVariant,\n  state,\n  placeholder,\n  allowClear = true,\n  name,\n  onBlur,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  className,\n\n  // own props\n  allowSelectAll = false,\n  empty = 'No items',\n  isLoading = false,\n  indicator,\n  virtualized = false,\n\n  // query\n  inputValueSanitizer,\n  onQueryChange,\n\n  // creatable\n  allowCreate,\n  canCreate,\n  queryToCreateValue,\n  queryToCreateLabel = defaultQueryToCreateLabel,\n  createSeparator = DEFAULT_ENTRY_SEPARATOR,\n\n  // own item props\n  itemToDisabled = defaultItemToDisabled,\n  itemToLocked,\n  itemToLabel: itemToLabelProp,\n  itemToIcon = defaultItemToIcon,\n  groupToLabel = defaultGroupToLabel,\n  collapsibleGroups = false,\n  selectableGroups = false,\n  collapseSelectedGroups = false,\n  groupAppearance = 'plain',\n  itemToChipLabel,\n  itemToChipColor,\n  pinnedChipLabels,\n  renderChips,\n  renderAside,\n  asideOpen: asideOpenProp,\n  onAsideOpenChange,\n  defaultOpen = false,\n  onOpenChange,\n  anchor,\n  query: queryProp,\n  // Value editors pass `Infinity` (a chip inside `+N` can't be removed); single-row filters `1`.\n  maxVisible = 3,\n  ...accessibleName\n}: Props<Value, GroupShape>) => {\n  const itemsProp = _itemsProp ?? NO_ITEMS;\n  // Held here while `value` is absent; Base UI always gets the selection as `value`.\n  const [valueProp, setValueProp] = useControllableState<Value[]>({\n    prop: _valueProp === null ? NO_VALUES : _valueProp,\n    defaultProp: defaultValue ?? NO_VALUES,\n  });\n  const itemToString = useCallback(\n    (item: Value) => itemToStringLabel?.(item) ?? toLabel(item),\n    [itemToStringLabel],\n  );\n  const itemToLabel = itemToLabelProp ?? defaultRowLabel(itemToStringLabel);\n  const renderArgo = useArgoDesign();\n  const chipVariant = renderArgo ? 'pill' : 'default';\n\n  const [inputValue, setInputValue] = useState('');\n  const [asideOpen, setAsideOpen] = useControllableState({\n    prop: asideOpenProp,\n    defaultProp: true,\n    onChange: onAsideOpenChange,\n  });\n  const [lastHighlighted, setLastHighlighted] =\n    useState<MultiComboboxHighlighted<Value, GroupShape>>(null);\n  const [createdItems, setCreatedItems] = useState<Value[]>([]);\n  const query = (queryProp ?? inputValue).trim();\n\n  useQueryReporter(query, onQueryChange);\n\n  // `aria-busy` on the input only (list items stay pickable); absent rather than `false`.\n  const busy = isLoading || undefined;\n\n  // Held here only when needed — owning the text re-renders on every keystroke.\n  // - `itemToLabel` needs it: its rows receive the query.\n  const ownsInput = Boolean(\n    queryProp !== undefined ||\n    allowCreate ||\n    inputValueSanitizer ||\n    onQueryChange ||\n    itemToLabelProp ||\n    collapsibleGroups ||\n    selectableGroups,\n  );\n\n  const baseItems = useWithCreated(itemsProp, createdItems);\n\n  const allFlatItems = flatItems(baseItems);\n  const sampleItem = allFlatItems[0];\n  // Otherwise `0 === 0` reads as all selected and puts the row's entry into `value`.\n  const hasSelectAllRow = allowSelectAll && allFlatItems.length > 0;\n  const isAllSelected = hasSelectAllRow && allFlatItems.length === (valueProp?.length ?? 0);\n\n  const defaultFilter = BaseCombobox.useFilter({\n    multiple: true,\n    value: valueProp,\n  });\n\n  // Keeps the control's own rows (create, group header) away from the caller's projection.\n  // Stable while the caller's accessor is: Base UI re-filters on every new identity.\n  const wrappedItemToStringLabel = useMemo<ComboboxProps<Value>['itemToStringLabel']>(() => {\n    // No caller projection keeps Base UI's own accessor.\n    if (!allowCreate && !collapsibleGroups && !selectableGroups) {\n      return itemToStringLabel && itemToString;\n    }\n    return (item) => {\n      if (isCreatableItem(item)) return item.value;\n      if (isGroupHeaderItem(item)) return item.label;\n      return itemToString(item);\n    };\n  }, [allowCreate, collapsibleGroups, selectableGroups, itemToStringLabel, itemToString]);\n\n  const itemFilter: NonNullable<ComboboxProps<Value>['filter']> =\n    filterProp ?? defaultFilter.contains;\n\n  const isItemEqualToValue = useItemEquality(isItemEqualToValueProp);\n\n  const groupHeaders = useGroupHeaders<Value, GroupShape>({\n    items: itemsProp,\n    collapsible: collapsibleGroups,\n    selectable: selectableGroups,\n    query,\n    matches: (item) => itemFilter(item, query, wrappedItemToStringLabel),\n    isItemEqualToValue,\n    // Runs on open, after render: `isSelected` below is in scope by then.\n    startsCollapsed: collapseSelectedGroups\n      ? (group) =>\n          group.items.length > 0 &&\n          // Not `isSelected`: with `defaultOpen` this runs during the first render, before it exists.\n          group.items.every((item) =>\n            valueProp.some((selected) => isItemEqualToValue(item, selected)),\n          )\n      : undefined,\n    startsOpen: defaultOpen,\n  });\n\n  const listItems = useWithCreated(groupHeaders.items, createdItems);\n\n  const virtualList = useVirtualList(baseItems, virtualized);\n\n  const labelKey = (item: Value) => itemToString(item).toLowerCase();\n\n  const createParts = !allowCreate || disabled || !query ? [] : splitEntry(query, createSeparator);\n\n  const selectedKeys = new Set<string>();\n  if (createParts.length > 0) for (const item of valueProp) selectedKeys.add(labelKey(item));\n\n  // A set only when `canCreate` asks per value; otherwise one early-exiting scan is cheaper.\n  const itemKeys = new Set<string>();\n  if (createParts.length > 0 && canCreate) {\n    for (const item of allFlatItems) itemKeys.add(labelKey(item));\n  }\n  const namesAnItem = (key: string) =>\n    canCreate ? itemKeys.has(key) : allFlatItems.some((item) => labelKey(item) === key);\n\n  /**\n   * The entry's values not yet selected, minus those `canCreate` rejects.\n   *\n   * - Both names the create row and is exactly what committing it adds.\n   * - A value naming an existing item counts and bypasses `canCreate` — committing selects it.\n   */\n  const addedCreateParts = createParts.filter((part) => {\n    const key = part.toLowerCase();\n    if (selectedKeys.has(key)) return false;\n    return !canCreate || namesAnItem(key) || canCreate(part);\n  });\n\n  const soleValueKey = createParts.length === 1 ? createParts[0]!.toLowerCase() : undefined;\n\n  // A single value naming an item already has its own row; a split entry matches no row.\n  const showCreateRow =\n    addedCreateParts.length > 0 && (soleValueKey === undefined || !namesAnItem(soleValueKey));\n\n  const items = useMemo(() => {\n    const withSelectAll = hasSelectAllRow\n      ? [...toEntries(listItems, [selectAllItem]), ...listItems]\n      : listItems;\n    return showCreateRow\n      ? [...withSelectAll, ...toEntries(listItems, [createCreatableItem(query)])]\n      : withSelectAll;\n  }, [hasSelectAllRow, showCreateRow, listItems, query]);\n\n  const filterHeader = groupHeaders.enabled ? groupHeaders.filterHeader : undefined;\n  const filter = useCallback(\n    (item: Value, query: string, itemToString?: (value: Value) => string) => {\n      // Select All covers the whole item set, so it exists only while no query narrows the list.\n      if (isSelectAllItem(item)) return query.trim() === '';\n      if (isCreatableItem(item)) return true;\n\n      return filterHeader?.(item) ?? itemFilter(item, query, itemToString);\n    },\n    [filterHeader, itemFilter],\n  );\n\n  const wrappedItemToStringValue = useCreatableStringValue(itemToStringValue, allowCreate);\n\n  const value = isAllSelected ? [...valueProp, selectAllItem as Value] : valueProp;\n\n  // Without a comparer Base UI compares by identity, so a `Set` suffices.\n  const selectedSet = selectableGroups && !isItemEqualToValueProp ? new Set(valueProp) : undefined;\n  const isSelected = (item: Value) =>\n    selectedSet?.has(item) ?? valueProp.some((selected) => isItemEqualToValue(item, selected));\n\n  /** What a group's row selects: the group's items the query matches, the disabled aside. */\n  const groupTargets = (row: unknown) =>\n    groupHeaders\n      .headerOf(row)\n      ?.matching.filter((item) => !itemToDisabled(item) && !itemToLocked?.(item)) ?? [];\n\n  /**\n   * Replaces a pressed group row in `next` with its items.\n   *\n   * - Base UI adds the row to `value` like any unselected item.\n   * - A row whose items are all selected deselects them.\n   */\n  const selectGroupRow = (next: Value[]) => {\n    const row = next.find(isGroupHeaderItem);\n    if (row === undefined) return next;\n\n    const rest = next.filter((item) => item !== row);\n    const targets = groupTargets(row);\n    if (!targets.every(isSelected))\n      return [...rest, ...targets.filter((item) => !isSelected(item))];\n    return rest.filter((item) => !targets.some((target) => isItemEqualToValue(target, item)));\n  };\n\n  const groupRowChecked = (targets: Value[]) => {\n    const selectedCount = targets.filter(isSelected).length;\n    if (selectedCount === 0) return false;\n    return selectedCount === targets.length ? true : 'mixed';\n  };\n\n  const handleInputValueChange: NonNullable<ComboboxProps<Value>['onInputValueChange']> = (\n    next,\n    { reason },\n  ) => {\n    // A host-owned query is not this input's to change.\n    if (queryProp !== undefined) return;\n    setInputValue(sanitizeTypedInput(next, reason, inputValueSanitizer));\n  };\n\n  const handleValueChange: ComboboxProps<Value>['onValueChange'] = (next, event) => {\n    // Base UI clears the text itself only when it owns it.\n    if (ownsInput) setInputValue((prev) => (prev === '' ? prev : ''));\n    // A pinned `value` with no handler: the change lands nowhere, so nothing is minted either.\n    if (!onValueChange && _valueProp !== undefined) return;\n\n    const picked = selectGroupRow(next);\n    const created: Value[] = [];\n    const converted = (() => {\n      if (!allowCreate || !picked.some(isCreatableItem)) return picked;\n\n      // A value naming an item selects it rather than minting a duplicate chip.\n      const itemsByLabel = new Map<string, Value>();\n      for (const item of allFlatItems) itemsByLabel.set(labelKey(item), item);\n\n      return picked.flatMap((item) => {\n        if (!isCreatableItem(item)) return [item];\n\n        return addedCreateParts.map((part) => {\n          const existing = itemsByLabel.get(part.toLowerCase());\n          if (existing !== undefined) return existing;\n\n          const value = defaultToCreateValue(part, sampleItem, queryToCreateValue) as Value;\n          created.push(value);\n          return value;\n        });\n      });\n    })();\n\n    const hasSelectAll = converted.some((item) => isSelectAllItem(item));\n    const newValue = (() => {\n      if (!hasSelectAllRow) return converted;\n      if (!hasSelectAll) return isAllSelected ? [] : converted;\n      return isAllSelected ? converted.filter((item) => !isSelectAllItem(item)) : allFlatItems;\n    })();\n\n    if (allowCreate) {\n      // Filter by `newValue`: `valueProp` lacks values created in this change.\n      const selected = new Set(newValue.map(itemToString));\n      setCreatedItems((prev) =>\n        [...prev, ...created].filter((item) => selected.has(itemToString(item))),\n      );\n    }\n\n    // Locked items stay exactly as selected; a change that touched only them is no change.\n    const kept = itemToLocked\n      ? [\n          ...newValue.filter((item) => !itemToLocked(item) || isSelected(item)),\n          ...valueProp.filter(\n            (item) =>\n              itemToLocked(item) && !newValue.some((picked) => isItemEqualToValue(picked, item)),\n          ),\n        ]\n      : newValue;\n    if (itemToLocked && kept.length === valueProp.length && kept.every(isSelected)) return;\n\n    setValueProp(kept);\n    onValueChange?.(kept, event);\n  };\n\n  // Only items and group rows have a pane; the create and Select All rows keep the last one.\n  const toHighlighted = (item: Value | undefined): MultiComboboxHighlighted<Value, GroupShape> => {\n    if (item === undefined || isCreatableItem(item) || isSelectAllItem(item)) return null;\n    const header = groupHeaders.headerOf(item);\n    if (header) return { kind: 'group', group: header.group };\n    return isGroupHeaderItem(item) ? null : { kind: 'item', item };\n  };\n\n  const options = (\n    <ComboboxOptions<Value, GroupShape>\n      isLoading={isLoading}\n      empty={empty}\n      virtualized={virtualList.enabled}\n      listRef={virtualList.ref}\n      groupHeaders={groupHeaders}\n      groupToLabel={groupToLabel}\n      indicator={indicator}\n      itemToLabel={(item) => itemToLabel(item, query)}\n      itemToIcon={itemToIcon}\n      itemToDisabled={itemToDisabled}\n      itemToLocked={itemToLocked}\n      // Names exactly the values committing the row adds.\n      createLabel={() => queryToCreateLabel(joinCreateParts(addedCreateParts, createSeparator))}\n      groupRowState={\n        selectableGroups\n          ? (row) => {\n              const targets = groupTargets(row);\n              // Its pickable items plus the locked ones already selected, so locked picks still show.\n              const shown = (groupHeaders.headerOf(row)?.matching ?? []).filter(\n                (item) => !itemToDisabled(item) || isSelected(item),\n              );\n              // A group of only locked items locks its row too: it still highlights for the inspector.\n              const locked = targets.length === 0 && shown.some((item) => itemToLocked?.(item));\n              return {\n                checked: groupRowChecked(shown),\n                disabled: targets.length === 0 && !locked,\n                locked,\n              };\n            }\n          : undefined\n      }\n    />\n  );\n\n  const input = (\n    <Combobox.Input\n      {...forwardAccessibleName(accessibleName)}\n      name={name}\n      onBlur={onBlur}\n      aria-describedby={ariaDescribedBy}\n      aria-invalid={ariaInvalid}\n      aria-required={ariaRequired}\n      aria-busy={busy}\n      placeholder={placeholder}\n      disabled={disabled}\n      // Typed elsewhere, the input is hidden: no Tab stop the user can't see.\n      tabIndex={anchor && queryProp !== undefined ? -1 : undefined}\n      onKeyDown={groupHeaders.onInputKeyDown}\n      // Cancels the group's `&_input` padding; the chip row already pads.\n      className={\n        anchor\n          ? 'tw:min-w-0 tw:grow tw:!px-0 tw:!py-0'\n          : 'tw:w-auto tw:min-w-0 tw:grow tw:basis-[120px] tw:!px-0 tw:!py-0'\n      }\n    />\n  );\n\n  // With an `anchor`, the search sits at the top of the popup instead of in a field.\n  const popupSearch =\n    anchor && queryProp === undefined ? (\n      <div className=\"tw:flex tw:items-center tw:gap-2 tw:px-3 tw:pt-2.5 tw:pb-1\">\n        <Combobox.InputGroup className=\"tw:h-9 tw:flex-1 tw:gap-2 tw:bg-background tw:px-3\">\n          <Search className=\"tw:size-4 tw:shrink-0 tw:text-muted-foreground\" />\n          {input}\n        </Combobox.InputGroup>\n      </div>\n    ) : null;\n\n  return (\n    <Combobox.Root<Value, true>\n      multiple\n      // Otherwise Enter after typing selects nothing and closes the popup.\n      autoHighlight\n      items={items}\n      value={value}\n      filter={filter}\n      isItemEqualToValue={isItemEqualToValue}\n      onValueChange={handleValueChange}\n      defaultOpen={defaultOpen}\n      onOpenChange={(open) => {\n        groupHeaders.onOpenChange(open);\n        // Each opening starts the inspector afresh: the rows may have changed since.\n        if (!open) setLastHighlighted(null);\n        onOpenChange?.(open);\n      }}\n      onItemHighlighted={(item, details) => {\n        groupHeaders.onItemHighlighted(item);\n        virtualList.onItemHighlighted(details);\n        const next = renderAside ? toHighlighted(item) : null;\n        if (next) setLastHighlighted(next);\n      }}\n      virtualized={virtualList.enabled}\n      itemToStringLabel={wrappedItemToStringLabel}\n      itemToStringValue={wrappedItemToStringValue}\n      disabled={disabled}\n      inputRef={inputRef}\n      {...(ownsInput\n        ? { inputValue: queryProp ?? inputValue, onInputValueChange: handleInputValueChange }\n        : {})}\n    >\n      {/* Typed elsewhere: Base UI keeps its input, hidden and outside the popup, for the keys it reads. */}\n      {anchor && queryProp !== undefined && <div className=\"tw:sr-only\">{input}</div>}\n      {!anchor && (\n        <Combobox.InputGroup\n          variant={variant}\n          sizing={sizing}\n          state={state}\n          focusVariant={focusVariant}\n          className={className}\n        >\n          {/* Chips plus the input row; its press handler focuses the input, arrows move between chips. */}\n          <BaseCombobox.Chips className=\"tw:flex tw:min-w-0 tw:flex-1 tw:flex-wrap tw:items-center tw:gap-1.5 tw:px-4 tw:py-1.5\">\n            <Combobox.Chips<Value>\n              maxVisible={maxVisible}\n              variant={chipVariant}\n              itemToChipLabel={itemToChipLabel ?? ((item) => itemToLabel(item, ''))}\n              itemToChipColor={itemToChipColor}\n              pinnedChipLabels={pinnedChipLabels}\n            >\n              {renderChips}\n            </Combobox.Chips>\n            {/* Wraps below the chips under 120px; alone on its row it shrinks to keep both buttons inside. */}\n            <div className=\"tw:flex tw:min-w-0 tw:grow tw:items-center tw:gap-1\">\n              {input}\n              {allowClear && <ComboboxClearButton disabled={disabled} />}\n              <ComboboxOpenButton disabled={disabled} isLoading={isLoading} />\n            </div>\n          </BaseCombobox.Chips>\n        </Combobox.InputGroup>\n      )}\n      {renderAside ? (\n        <Combobox.Content\n          anchor={anchor}\n          className={cn(\n            'tw:@container tw:w-[max(var(--anchor-width),48rem)]',\n            // Tall enough for the inspector's details when only a row or two match; none when nothing does.\n            'tw:min-h-[min(var(--available-height),22rem)] tw:data-empty:min-h-0',\n            // Opened against a composer it has no field to stay near, so it keeps to a list's height.\n            anchor && 'tw:max-h-[min(var(--available-height),32rem)]',\n            groupAppearance === 'banded' && GROUP_BANDED,\n          )}\n        >\n          {popupSearch}\n          {/*\n            `0fr` to `1fr` slides the inspector in and narrows the list; under 40rem it stays out.\n            - Nothing matches: the inspector and its button go at once, and the list takes the width.\n          */}\n          <div\n            className={cn(\n              'tw:grid tw:min-h-0 tw:flex-1 tw:grid-rows-[minmax(0,1fr)]',\n              'tw:motion-safe:transition-[grid-template-columns] tw:motion-safe:duration-200 tw:motion-safe:ease-out',\n              asideOpen ? 'tw:grid-cols-[minmax(0,2fr)_1fr]' : 'tw:grid-cols-[minmax(0,2fr)_0fr]',\n              'tw:@max-[40rem]:grid-cols-[minmax(0,2fr)_0fr]',\n            )}\n          >\n            {/* With the inspector hidden its button sits in the corner, so the list ends above it; no button, no room. */}\n            <div\n              className={cn(\n                'tw:flex tw:min-h-0 tw:min-w-0 tw:flex-col tw:group-data-empty/combobox-content:col-span-2',\n                !asideOpen &&\n                  'tw:pb-10 tw:@max-[40rem]:pb-0 tw:group-data-empty/combobox-content:pb-0',\n              )}\n            >\n              {options}\n            </div>\n            <div\n              className={cn(\n                'tw:relative tw:min-w-0 tw:overflow-hidden tw:border-border',\n                'tw:motion-safe:transition-opacity tw:motion-safe:duration-200',\n                asideOpen ? 'tw:border-l tw:opacity-100' : 'tw:opacity-0',\n                'tw:@max-[40rem]:invisible tw:@max-[40rem]:border-l-0 tw:@max-[40rem]:opacity-0',\n                'tw:group-data-empty/combobox-content:hidden',\n              )}\n              data-slot=\"combobox-inspector\"\n              inert={!asideOpen}\n            >\n              {/* Out of flow: the list alone sets the popup's height, the pane scrolls within it. */}\n              <div className=\"tw:absolute tw:inset-y-0 tw:left-0 tw:w-full tw:min-w-60 tw:overflow-y-auto tw:p-4 tw:pb-12\">\n                {renderAside(lastHighlighted)}\n              </div>\n            </div>\n          </div>\n          <div className=\"tw:absolute tw:right-2 tw:bottom-2 tw:@max-[40rem]:hidden tw:group-data-empty/combobox-content:hidden\">\n            <AsideToggle open={asideOpen} onOpenChange={setAsideOpen} />\n          </div>\n        </Combobox.Content>\n      ) : (\n        <Combobox.Content\n          anchor={anchor}\n          className={cn(\n            anchor && 'tw:max-h-[min(var(--available-height),32rem)]',\n            groupAppearance === 'banded' && GROUP_BANDED,\n          )}\n        >\n          {popupSearch}\n          {options}\n        </Combobox.Content>\n      )}\n    </Combobox.Root>\n  );\n};\n\n/**\n * Hides or shows the inspector beside the list, from the popup's bottom-right corner.\n *\n * - Floats over the list while the inspector is hidden; gone with it when the popup is too narrow.\n * - Keeps the input focused, so the popup stays open.\n */\nconst AsideToggle = ({\n  open,\n  onOpenChange,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) => {\n  const label = open ? 'Hide inspector' : 'Show inspector';\n  const Icon = open ? PanelRightClose : PanelRightOpen;\n  return (\n    // Its own provider, so a host without one still renders the inspector.\n    <TooltipProvider>\n      <Tooltip.Root>\n        <Tooltip.Trigger asChild>\n          <Button\n            variant=\"outline\"\n            size=\"icon-xs\"\n            aria-label={label}\n            aria-expanded={open}\n            className=\"tw:bg-popover tw:shadow-sm\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => onOpenChange(!open)}\n          >\n            <Icon />\n          </Button>\n        </Tooltip.Trigger>\n        <Tooltip.Content placement=\"left\">{label}</Tooltip.Content>\n      </Tooltip.Root>\n    </TooltipProvider>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"MultiCombobox.js","names":["BaseCombobox","Combobox"],"sources":["../../../src/blocks/MultiCombobox/MultiCombobox.tsx"],"sourcesContent":["import { type ComponentProps, type ReactNode, useCallback, useMemo, useState } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { Button } from '../../components/Button';\nimport { Combobox } from '../../components/Combobox';\nimport { ComboboxClearButton } from '../../components/Combobox/ComboboxClearButton';\nimport { ComboboxOpenButton } from '../../components/Combobox/ComboboxOpenButton';\nimport { ComboboxOptions } from '../../components/Combobox/ComboboxOptions';\nimport { useWithCreated } from '../../components/Combobox/createdItems';\nimport { useGroupHeaders } from '../../components/Combobox/groupHeaders';\nimport { sanitizeTypedInput, useQueryReporter } from '../../components/Combobox/query';\nimport type { Group } from '../../components/Combobox/types';\nimport {\n  createCreatableItem,\n  defaultGroupToLabel,\n  defaultItemToDisabled,\n  defaultItemToIcon,\n  defaultQueryToCreateLabel,\n  defaultRowLabel,\n  defaultToCreateValue,\n  flatItems,\n  isCreatableItem,\n  isGroupHeaderItem,\n  isSelectAllItem,\n  selectAllItem,\n  toEntries,\n  toLabel,\n  useCreatableStringValue,\n  useItemEquality,\n} from '../../components/Combobox/utils';\nimport { useVirtualList, type VirtualizedProps } from '../../components/Combobox/virtualList';\nimport { Tooltip, TooltipProvider } from '../../components/Tooltip';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { PanelRightClose, PanelRightOpen, Search } from '../../icons';\nimport { cn, DEFAULT_ENTRY_SEPARATOR, splitEntry } from '../../utils';\nimport { forwardAccessibleName, type WithAccessibleName } from '../../utils/accessibleName';\n\ntype ComboboxProps<Value> = BaseCombobox.Root.Props<Value, true>;\ntype ComboboxInputProps = ComponentProps<typeof Combobox.Input>;\ntype ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;\ntype ComboboxItemProps = ComponentProps<typeof Combobox.Item>;\ntype ComboboxChipsProps<Value> = ComponentProps<typeof Combobox.Chips<Value>>;\n\ntype Indicator = Exclude<NonNullable<ComboboxItemProps['indicator']>, 'none'>;\n\n/** The row the pointer or the arrow keys are on: one of the items, or a group's own row. */\nexport type MultiComboboxHighlighted<Value, GroupShape> =\n  | { kind: 'item'; item: Value }\n  | { kind: 'group'; group: GroupShape }\n  | null;\n\n/** Joins the create row's values with the entry's separator; a `RegExp` uses the default one. */\nconst joinCreateParts = (parts: string[], separator: string | RegExp | null) =>\n  parts.join(`${typeof separator === 'string' ? separator : DEFAULT_ENTRY_SEPARATOR} `);\n\ntype CreatableProps<Value> = {\n  allowCreate?: boolean;\n  /** Words the create row. Receives the values it adds, trimmed and re-joined — not the entry as typed. */\n  queryToCreateLabel?: (query: string) => ReactNode;\n  /** Projects one entered value into an item. Called once per trimmed part of a split entry. */\n  queryToCreateValue?: (query: string) => Value;\n  /** Rejects a value `allowCreate` would mint; values naming an item or already selected skip it. */\n  canCreate?: (query: string) => boolean;\n  /** Splits one entry into several values (default `','`). A `RegExp` must not capture; `null` never splits. */\n  createSeparator?: string | RegExp | null;\n};\n\ntype BaseProps<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<\n  ComboboxInputProps,\n  // Go to the input, which is the `combobox` role; on the group they reach nothing.\n  // - The `aria-*` set links a form field's label, help and error text.\n  // - `onBlur` is the gate `FieldItem` reveals errors on.\n  | 'placeholder'\n  | 'id'\n  | 'name'\n  | 'onBlur'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'aria-invalid'\n  | 'aria-required'\n> &\n  Pick<ComboboxInputGroupProps, 'focusVariant' | 'state' | 'className'> &\n  Pick<\n    ComboboxProps<Value>,\n    | 'disabled'\n    | 'inputRef'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'itemToStringLabel'\n    | 'itemToStringValue'\n    | 'filter'\n    | 'isItemEqualToValue'\n  > &\n  Pick<\n    ComboboxChipsProps<Value>,\n    'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'\n  > &\n  CreatableProps<Value> &\n  VirtualizedProps & {\n    /** Read as immutable: pass a new array to change it; one mutated in place is not re-filtered. */\n    items?: readonly (Value | GroupShape)[];\n\n    // root specific\n    /** Clear-all button, shown only while chips exist. Chips stay removable either way. */\n    allowClear?: boolean;\n    /** \"Select All\" row for the whole set; hidden while a query is active, clears when all are selected. */\n    allowSelectAll?: boolean;\n    empty?: ReactNode;\n    /** Options still arriving; doesn't disable — pass `disabled` where the user must wait. */\n    isLoading?: boolean;\n    indicator?: Indicator;\n\n    // query specific\n    /** Rewrites typed text before filtering and creating. Sees the whole text per keystroke — don't `trim()`. */\n    inputValueSanitizer?: (input: string) => string;\n    /** Reports the sanitized query, on mount too. Notification only — the control owns the text. */\n    onQueryChange?: (query: string) => void;\n\n    // item specific\n    /**\n     * Row and chip content (unless `itemToChipLabel`), `itemToStringLabel` by default.\n     * - `query` is the search text, for `MarkedText`; a chip gets `''`.\n     */\n    itemToLabel?: (item: Value, query: string) => ReactNode;\n    itemToIcon?: (item: Value) => ReactNode;\n    itemToDisabled?: (item: Value) => boolean;\n    /** A selected item no press removes: looks disabled, still highlights for `renderAside`. */\n    itemToLocked?: (item: Value) => boolean;\n\n    // chip specific\n    /** Replaces the default chips; the chip props, `maxVisible` included, are then ignored. */\n    renderChips?: (values: Value[]) => ReactNode;\n\n    // group specific\n    /** Defaults to the group's `label`, as `Select` shows it. */\n    groupToLabel?: (group: GroupShape) => ReactNode;\n    /** A row per group that folds it. A query shows every match regardless; state is keyed by position. */\n    collapsibleGroups?: boolean;\n    /** A group's row selects its matching enabled items. The row itself never enters `value`. */\n    selectableGroups?: boolean;\n    /** Each time the popup opens, a group whose items are all selected starts folded. */\n    collapseSelectedGroups?: boolean;\n    /** `banded`: each group, its row and open items, is a white card on a grey list. */\n    groupAppearance?: 'plain' | 'banded';\n\n    // popup specific\n    /**\n     * An inspector beside the list about the last highlighted row; `null` before any.\n     * Hidden while the popup is under 40rem wide.\n     */\n    renderAside?: (highlighted: MultiComboboxHighlighted<Value, GroupShape>) => ReactNode;\n    /** Whether the inspector shows; a button in the popup toggles it. Uncontrolled, it starts open. */\n    asideOpen?: boolean;\n    onAsideOpenChange?: (open: boolean) => void;\n    /** The popup is open on mount, for a picker shown on demand. */\n    defaultOpen?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    /** No field: the popup opens against this element, its search at the top. Pair with `defaultOpen`. */\n    anchor?: ComponentProps<typeof Combobox.Content>['anchor'];\n    /**\n     * The search text, typed elsewhere (a chat composer): with `anchor`, the popup has no search.\n     * The host forwards ArrowUp, ArrowDown, Enter and Escape to the `combobox` input it renders.\n     */\n    query?: string;\n  };\n\n/**\n * Props for `MultiCombobox`.\n *\n * - Pass `isItemEqualToValue` when a store recreates item objects — Base UI matches by reference.\n */\ntype Props<Value, GroupShape extends Group<Value> = Group<Value>> = WithAccessibleName<\n  BaseProps<Value, GroupShape>\n>;\n\n/**\n * White group cards on a grey list: each group's row and open items sit on one card.\n *\n * - The grey is `--secondary` at 45% over the popover, about 1.10:1 against white.\n * - The gap is space under each card's last row, so a windowed list measures it with the row.\n * - Base UI's `role=\"group\"` wraps a group's row and items in either list.\n * - Rows are square; the card's first and last rows take its corners. Enabled rows show a pointer.\n */\nconst GROUP_BANDED = [\n  'tw:bg-[color-mix(in_oklab,rgb(var(--secondary))_45%,rgb(var(--popover)))]',\n  'tw:[&_[role=listbox]]:bg-[color-mix(in_oklab,rgb(var(--secondary))_45%,rgb(var(--popover)))]',\n  // The card is a layer behind the rows that stops 8px short: the grey below it is the gap.\n  'tw:[&_[role=group]]:relative tw:[&_[role=group]]:isolate',\n  'tw:[&_[role=group]]:before:absolute tw:[&_[role=group]]:before:inset-x-0 tw:[&_[role=group]]:before:top-0',\n  'tw:[&_[role=group]]:before:bottom-2 tw:[&_[role=group]]:before:-z-10',\n  'tw:[&_[role=group]]:before:rounded-lg tw:[&_[role=group]]:before:bg-popover',\n  // The gap itself: below the last row, so a highlighted row never covers it.\n  'tw:[&_[role=group]>[role=option]:last-child]:mb-2 tw:[&_[data-group-last]]:pb-2',\n  'tw:[&_[role=group]_[role=option]]:rounded-none',\n  'tw:[&_[role=group]>:first-child_[role=option]]:rounded-t-lg',\n  'tw:[&_[role=group]>:last-child_[role=option]]:rounded-b-lg',\n  'tw:[&_[role=option]:not([data-disabled]):not([data-locked])]:cursor-pointer',\n  // A row whose name wraps keeps its chevron and checkbox on the first line, beside the name.\n  'tw:[&_[role=option]]:items-start',\n  'tw:[&_[role=option]>:not([data-slot=combobox-item-label]):not([data-slot=combobox-group-toggle])]:mt-0.5',\n  'tw:[&_[role=option]>[data-slot=combobox-group-toggle]]:-mt-0.5',\n].join(' ');\n\nconst NO_ITEMS: readonly never[] = [];\nconst NO_VALUES: never[] = [];\n\n/**\n * Searchable multi-select with chips, built on Base UI Combobox.\n *\n * @see RECIPES.md#creatable-multi-combobox\n * @see RECIPES.md#filter-toolbar\n */\nexport const MultiCombobox = <Value, GroupShape extends Group<Value> = Group<Value>>({\n  // root props\n  items: _itemsProp,\n  value: _valueProp,\n  defaultValue,\n  onValueChange,\n  itemToStringLabel,\n  itemToStringValue,\n  disabled,\n  filter: filterProp,\n  isItemEqualToValue: isItemEqualToValueProp,\n  inputRef,\n\n  // input props\n  focusVariant,\n  state,\n  placeholder,\n  allowClear = true,\n  name,\n  onBlur,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  className,\n\n  // own props\n  allowSelectAll = false,\n  empty = 'No items',\n  isLoading = false,\n  indicator,\n  virtualized = false,\n\n  // query\n  inputValueSanitizer,\n  onQueryChange,\n\n  // creatable\n  allowCreate,\n  canCreate,\n  queryToCreateValue,\n  queryToCreateLabel = defaultQueryToCreateLabel,\n  createSeparator = DEFAULT_ENTRY_SEPARATOR,\n\n  // own item props\n  itemToDisabled = defaultItemToDisabled,\n  itemToLocked,\n  itemToLabel: itemToLabelProp,\n  itemToIcon = defaultItemToIcon,\n  groupToLabel = defaultGroupToLabel,\n  collapsibleGroups = false,\n  selectableGroups = false,\n  collapseSelectedGroups = false,\n  groupAppearance = 'plain',\n  itemToChipLabel,\n  itemToChipColor,\n  pinnedChipLabels,\n  renderChips,\n  renderAside,\n  asideOpen: asideOpenProp,\n  onAsideOpenChange,\n  defaultOpen = false,\n  onOpenChange,\n  anchor,\n  query: queryProp,\n  // Value editors pass `Infinity` (a chip inside `+N` can't be removed); single-row filters `1`.\n  maxVisible = 3,\n  ...accessibleName\n}: Props<Value, GroupShape>) => {\n  const itemsProp = _itemsProp ?? NO_ITEMS;\n  // Held here while `value` is absent; Base UI always gets the selection as `value`.\n  const [valueProp, setValueProp] = useControllableState<Value[]>({\n    prop: _valueProp === null ? NO_VALUES : _valueProp,\n    defaultProp: defaultValue ?? NO_VALUES,\n  });\n  const itemToString = useCallback(\n    (item: Value) => itemToStringLabel?.(item) ?? toLabel(item),\n    [itemToStringLabel],\n  );\n  const itemToLabel = itemToLabelProp ?? defaultRowLabel(itemToStringLabel);\n\n  const [inputValue, setInputValue] = useState('');\n  const [asideOpen, setAsideOpen] = useControllableState({\n    prop: asideOpenProp,\n    defaultProp: true,\n    onChange: onAsideOpenChange,\n  });\n  const [lastHighlighted, setLastHighlighted] =\n    useState<MultiComboboxHighlighted<Value, GroupShape>>(null);\n  const [createdItems, setCreatedItems] = useState<Value[]>([]);\n  const query = (queryProp ?? inputValue).trim();\n\n  useQueryReporter(query, onQueryChange);\n\n  // `aria-busy` on the input only (list items stay pickable); absent rather than `false`.\n  const busy = isLoading || undefined;\n\n  // Held here only when needed — owning the text re-renders on every keystroke.\n  // - `itemToLabel` needs it: its rows receive the query.\n  const ownsInput = Boolean(\n    queryProp !== undefined ||\n    allowCreate ||\n    inputValueSanitizer ||\n    onQueryChange ||\n    itemToLabelProp ||\n    collapsibleGroups ||\n    selectableGroups,\n  );\n\n  const baseItems = useWithCreated(itemsProp, createdItems);\n\n  const allFlatItems = flatItems(baseItems);\n  const sampleItem = allFlatItems[0];\n  // Otherwise `0 === 0` reads as all selected and puts the row's entry into `value`.\n  const hasSelectAllRow = allowSelectAll && allFlatItems.length > 0;\n  const isAllSelected = hasSelectAllRow && allFlatItems.length === (valueProp?.length ?? 0);\n\n  const defaultFilter = BaseCombobox.useFilter({\n    multiple: true,\n    value: valueProp,\n  });\n\n  // Keeps the control's own rows (create, group header) away from the caller's projection.\n  // Stable while the caller's accessor is: Base UI re-filters on every new identity.\n  const wrappedItemToStringLabel = useMemo<ComboboxProps<Value>['itemToStringLabel']>(() => {\n    // No caller projection keeps Base UI's own accessor.\n    if (!allowCreate && !collapsibleGroups && !selectableGroups) {\n      return itemToStringLabel && itemToString;\n    }\n    return (item) => {\n      if (isCreatableItem(item)) return item.value;\n      if (isGroupHeaderItem(item)) return item.label;\n      return itemToString(item);\n    };\n  }, [allowCreate, collapsibleGroups, selectableGroups, itemToStringLabel, itemToString]);\n\n  const itemFilter: NonNullable<ComboboxProps<Value>['filter']> =\n    filterProp ?? defaultFilter.contains;\n\n  const isItemEqualToValue = useItemEquality(isItemEqualToValueProp);\n\n  const groupHeaders = useGroupHeaders<Value, GroupShape>({\n    items: itemsProp,\n    collapsible: collapsibleGroups,\n    selectable: selectableGroups,\n    query,\n    matches: (item) => itemFilter(item, query, wrappedItemToStringLabel),\n    isItemEqualToValue,\n    // Runs on open, after render: `isSelected` below is in scope by then.\n    startsCollapsed: collapseSelectedGroups\n      ? (group) =>\n          group.items.length > 0 &&\n          // Not `isSelected`: with `defaultOpen` this runs during the first render, before it exists.\n          group.items.every((item) =>\n            valueProp.some((selected) => isItemEqualToValue(item, selected)),\n          )\n      : undefined,\n    startsOpen: defaultOpen,\n  });\n\n  const listItems = useWithCreated(groupHeaders.items, createdItems);\n\n  const virtualList = useVirtualList(baseItems, virtualized);\n\n  const labelKey = (item: Value) => itemToString(item).toLowerCase();\n\n  const createParts = !allowCreate || disabled || !query ? [] : splitEntry(query, createSeparator);\n\n  const selectedKeys = new Set<string>();\n  if (createParts.length > 0) for (const item of valueProp) selectedKeys.add(labelKey(item));\n\n  // A set only when `canCreate` asks per value; otherwise one early-exiting scan is cheaper.\n  const itemKeys = new Set<string>();\n  if (createParts.length > 0 && canCreate) {\n    for (const item of allFlatItems) itemKeys.add(labelKey(item));\n  }\n  const namesAnItem = (key: string) =>\n    canCreate ? itemKeys.has(key) : allFlatItems.some((item) => labelKey(item) === key);\n\n  /**\n   * The entry's values not yet selected, minus those `canCreate` rejects.\n   *\n   * - Both names the create row and is exactly what committing it adds.\n   * - A value naming an existing item counts and bypasses `canCreate` — committing selects it.\n   */\n  const addedCreateParts = createParts.filter((part) => {\n    const key = part.toLowerCase();\n    if (selectedKeys.has(key)) return false;\n    return !canCreate || namesAnItem(key) || canCreate(part);\n  });\n\n  const soleValueKey = createParts.length === 1 ? createParts[0]!.toLowerCase() : undefined;\n\n  // A single value naming an item already has its own row; a split entry matches no row.\n  const showCreateRow =\n    addedCreateParts.length > 0 && (soleValueKey === undefined || !namesAnItem(soleValueKey));\n\n  const items = useMemo(() => {\n    const withSelectAll = hasSelectAllRow\n      ? [...toEntries(listItems, [selectAllItem]), ...listItems]\n      : listItems;\n    return showCreateRow\n      ? [...withSelectAll, ...toEntries(listItems, [createCreatableItem(query)])]\n      : withSelectAll;\n  }, [hasSelectAllRow, showCreateRow, listItems, query]);\n\n  const filterHeader = groupHeaders.enabled ? groupHeaders.filterHeader : undefined;\n  const filter = useCallback(\n    (item: Value, query: string, itemToString?: (value: Value) => string) => {\n      // Select All covers the whole item set, so it exists only while no query narrows the list.\n      if (isSelectAllItem(item)) return query.trim() === '';\n      if (isCreatableItem(item)) return true;\n\n      return filterHeader?.(item) ?? itemFilter(item, query, itemToString);\n    },\n    [filterHeader, itemFilter],\n  );\n\n  const wrappedItemToStringValue = useCreatableStringValue(itemToStringValue, allowCreate);\n\n  const value = isAllSelected ? [...valueProp, selectAllItem as Value] : valueProp;\n\n  // Without a comparer Base UI compares by identity, so a `Set` suffices.\n  const selectedSet = selectableGroups && !isItemEqualToValueProp ? new Set(valueProp) : undefined;\n  const isSelected = (item: Value) =>\n    selectedSet?.has(item) ?? valueProp.some((selected) => isItemEqualToValue(item, selected));\n\n  /** What a group's row selects: the group's items the query matches, the disabled aside. */\n  const groupTargets = (row: unknown) =>\n    groupHeaders\n      .headerOf(row)\n      ?.matching.filter((item) => !itemToDisabled(item) && !itemToLocked?.(item)) ?? [];\n\n  /**\n   * Replaces a pressed group row in `next` with its items.\n   *\n   * - Base UI adds the row to `value` like any unselected item.\n   * - A row whose items are all selected deselects them.\n   */\n  const selectGroupRow = (next: Value[]) => {\n    const row = next.find(isGroupHeaderItem);\n    if (row === undefined) return next;\n\n    const rest = next.filter((item) => item !== row);\n    const targets = groupTargets(row);\n    if (!targets.every(isSelected))\n      return [...rest, ...targets.filter((item) => !isSelected(item))];\n    return rest.filter((item) => !targets.some((target) => isItemEqualToValue(target, item)));\n  };\n\n  const groupRowChecked = (targets: Value[]) => {\n    const selectedCount = targets.filter(isSelected).length;\n    if (selectedCount === 0) return false;\n    return selectedCount === targets.length ? true : 'mixed';\n  };\n\n  const handleInputValueChange: NonNullable<ComboboxProps<Value>['onInputValueChange']> = (\n    next,\n    { reason },\n  ) => {\n    // A host-owned query is not this input's to change.\n    if (queryProp !== undefined) return;\n    setInputValue(sanitizeTypedInput(next, reason, inputValueSanitizer));\n  };\n\n  const handleValueChange: ComboboxProps<Value>['onValueChange'] = (next, event) => {\n    // Base UI clears the text itself only when it owns it.\n    if (ownsInput) setInputValue((prev) => (prev === '' ? prev : ''));\n    // A pinned `value` with no handler: the change lands nowhere, so nothing is minted either.\n    if (!onValueChange && _valueProp !== undefined) return;\n\n    const picked = selectGroupRow(next);\n    const created: Value[] = [];\n    const converted = (() => {\n      if (!allowCreate || !picked.some(isCreatableItem)) return picked;\n\n      // A value naming an item selects it rather than minting a duplicate chip.\n      const itemsByLabel = new Map<string, Value>();\n      for (const item of allFlatItems) itemsByLabel.set(labelKey(item), item);\n\n      return picked.flatMap((item) => {\n        if (!isCreatableItem(item)) return [item];\n\n        return addedCreateParts.map((part) => {\n          const existing = itemsByLabel.get(part.toLowerCase());\n          if (existing !== undefined) return existing;\n\n          const value = defaultToCreateValue(part, sampleItem, queryToCreateValue) as Value;\n          created.push(value);\n          return value;\n        });\n      });\n    })();\n\n    const hasSelectAll = converted.some((item) => isSelectAllItem(item));\n    const newValue = (() => {\n      if (!hasSelectAllRow) return converted;\n      if (!hasSelectAll) return isAllSelected ? [] : converted;\n      return isAllSelected ? converted.filter((item) => !isSelectAllItem(item)) : allFlatItems;\n    })();\n\n    if (allowCreate) {\n      // Filter by `newValue`: `valueProp` lacks values created in this change.\n      const selected = new Set(newValue.map(itemToString));\n      setCreatedItems((prev) =>\n        [...prev, ...created].filter((item) => selected.has(itemToString(item))),\n      );\n    }\n\n    // Locked items stay exactly as selected; a change that touched only them is no change.\n    const kept = itemToLocked\n      ? [\n          ...newValue.filter((item) => !itemToLocked(item) || isSelected(item)),\n          ...valueProp.filter(\n            (item) =>\n              itemToLocked(item) && !newValue.some((picked) => isItemEqualToValue(picked, item)),\n          ),\n        ]\n      : newValue;\n    if (itemToLocked && kept.length === valueProp.length && kept.every(isSelected)) return;\n\n    setValueProp(kept);\n    onValueChange?.(kept, event);\n  };\n\n  // Only items and group rows have a pane; the create and Select All rows keep the last one.\n  const toHighlighted = (item: Value | undefined): MultiComboboxHighlighted<Value, GroupShape> => {\n    if (item === undefined || isCreatableItem(item) || isSelectAllItem(item)) return null;\n    const header = groupHeaders.headerOf(item);\n    if (header) return { kind: 'group', group: header.group };\n    return isGroupHeaderItem(item) ? null : { kind: 'item', item };\n  };\n\n  const options = (\n    <ComboboxOptions<Value, GroupShape>\n      isLoading={isLoading}\n      empty={empty}\n      virtualized={virtualList.enabled}\n      listRef={virtualList.ref}\n      groupHeaders={groupHeaders}\n      groupToLabel={groupToLabel}\n      indicator={indicator}\n      itemToLabel={(item) => itemToLabel(item, query)}\n      itemToIcon={itemToIcon}\n      itemToDisabled={itemToDisabled}\n      itemToLocked={itemToLocked}\n      // Names exactly the values committing the row adds.\n      createLabel={() => queryToCreateLabel(joinCreateParts(addedCreateParts, createSeparator))}\n      groupRowState={\n        selectableGroups\n          ? (row) => {\n              const targets = groupTargets(row);\n              // Its pickable items plus the locked ones already selected, so locked picks still show.\n              const shown = (groupHeaders.headerOf(row)?.matching ?? []).filter(\n                (item) => !itemToDisabled(item) || isSelected(item),\n              );\n              // A group of only locked items locks its row too: it still highlights for the inspector.\n              const locked = targets.length === 0 && shown.some((item) => itemToLocked?.(item));\n              return {\n                checked: groupRowChecked(shown),\n                disabled: targets.length === 0 && !locked,\n                locked,\n              };\n            }\n          : undefined\n      }\n    />\n  );\n\n  const input = (\n    <Combobox.Input\n      {...forwardAccessibleName(accessibleName)}\n      name={name}\n      onBlur={onBlur}\n      aria-describedby={ariaDescribedBy}\n      aria-invalid={ariaInvalid}\n      aria-required={ariaRequired}\n      aria-busy={busy}\n      placeholder={placeholder}\n      disabled={disabled}\n      // Typed elsewhere, the input is hidden: no Tab stop the user can't see.\n      tabIndex={anchor && queryProp !== undefined ? -1 : undefined}\n      onKeyDown={groupHeaders.onInputKeyDown}\n      // Cancels the group's `&_input` padding; the chip row already pads.\n      className={\n        anchor\n          ? 'tw:min-w-0 tw:grow tw:!px-0 tw:!py-0'\n          : 'tw:w-auto tw:min-w-0 tw:grow tw:basis-[120px] tw:!px-0 tw:!py-0'\n      }\n    />\n  );\n\n  // With an `anchor`, the search sits at the top of the popup instead of in a field.\n  const popupSearch =\n    anchor && queryProp === undefined ? (\n      <div className=\"tw:flex tw:items-center tw:gap-2 tw:px-3 tw:pt-2.5 tw:pb-1\">\n        <Combobox.InputGroup className=\"tw:h-9 tw:flex-1 tw:gap-2 tw:bg-background tw:px-3\">\n          <Search className=\"tw:size-4 tw:shrink-0 tw:text-muted-foreground\" />\n          {input}\n        </Combobox.InputGroup>\n      </div>\n    ) : null;\n\n  return (\n    <Combobox.Root<Value, true>\n      multiple\n      // Otherwise Enter after typing selects nothing and closes the popup.\n      autoHighlight\n      items={items}\n      value={value}\n      filter={filter}\n      isItemEqualToValue={isItemEqualToValue}\n      onValueChange={handleValueChange}\n      defaultOpen={defaultOpen}\n      onOpenChange={(open) => {\n        groupHeaders.onOpenChange(open);\n        // Each opening starts the inspector afresh: the rows may have changed since.\n        if (!open) setLastHighlighted(null);\n        onOpenChange?.(open);\n      }}\n      onItemHighlighted={(item, details) => {\n        groupHeaders.onItemHighlighted(item);\n        virtualList.onItemHighlighted(details);\n        const next = renderAside ? toHighlighted(item) : null;\n        if (next) setLastHighlighted(next);\n      }}\n      virtualized={virtualList.enabled}\n      itemToStringLabel={wrappedItemToStringLabel}\n      itemToStringValue={wrappedItemToStringValue}\n      disabled={disabled}\n      inputRef={inputRef}\n      {...(ownsInput\n        ? { inputValue: queryProp ?? inputValue, onInputValueChange: handleInputValueChange }\n        : {})}\n    >\n      {/* Typed elsewhere: Base UI keeps its input, hidden and outside the popup, for the keys it reads. */}\n      {anchor && queryProp !== undefined && <div className=\"tw:sr-only\">{input}</div>}\n      {!anchor && (\n        <Combobox.InputGroup state={state} focusVariant={focusVariant} className={className}>\n          {/* Chips plus the input row; its press handler focuses the input, arrows move between chips. */}\n          <BaseCombobox.Chips className=\"tw:flex tw:min-w-0 tw:flex-1 tw:flex-wrap tw:items-center tw:gap-1.5 tw:px-4 tw:py-1.5\">\n            <Combobox.Chips<Value>\n              maxVisible={maxVisible}\n              variant=\"pill\"\n              itemToChipLabel={itemToChipLabel ?? ((item) => itemToLabel(item, ''))}\n              itemToChipColor={itemToChipColor}\n              pinnedChipLabels={pinnedChipLabels}\n            >\n              {renderChips}\n            </Combobox.Chips>\n            {/* Wraps below the chips under 120px; alone on its row it shrinks to keep both buttons inside. */}\n            <div className=\"tw:flex tw:min-w-0 tw:grow tw:items-center tw:gap-1\">\n              {input}\n              {allowClear && <ComboboxClearButton disabled={disabled} />}\n              <ComboboxOpenButton disabled={disabled} isLoading={isLoading} />\n            </div>\n          </BaseCombobox.Chips>\n        </Combobox.InputGroup>\n      )}\n      {renderAside ? (\n        <Combobox.Content\n          anchor={anchor}\n          className={cn(\n            'tw:@container tw:w-[max(var(--anchor-width),48rem)]',\n            // Tall enough for the inspector's details when only a row or two match; none when nothing does.\n            'tw:min-h-[min(var(--available-height),22rem)] tw:data-empty:min-h-0',\n            // Opened against a composer it has no field to stay near, so it keeps to a list's height.\n            anchor && 'tw:max-h-[min(var(--available-height),32rem)]',\n            groupAppearance === 'banded' && GROUP_BANDED,\n          )}\n        >\n          {popupSearch}\n          {/*\n            `0fr` to `1fr` slides the inspector in and narrows the list; under 40rem it stays out.\n            - Nothing matches: the inspector and its button go at once, and the list takes the width.\n          */}\n          <div\n            className={cn(\n              'tw:grid tw:min-h-0 tw:flex-1 tw:grid-rows-[minmax(0,1fr)]',\n              'tw:motion-safe:transition-[grid-template-columns] tw:motion-safe:duration-200 tw:motion-safe:ease-out',\n              asideOpen ? 'tw:grid-cols-[minmax(0,2fr)_1fr]' : 'tw:grid-cols-[minmax(0,2fr)_0fr]',\n              'tw:@max-[40rem]:grid-cols-[minmax(0,2fr)_0fr]',\n            )}\n          >\n            {/* With the inspector hidden its button sits in the corner, so the list ends above it; no button, no room. */}\n            <div\n              className={cn(\n                'tw:flex tw:min-h-0 tw:min-w-0 tw:flex-col tw:group-data-empty/combobox-content:col-span-2',\n                !asideOpen &&\n                  'tw:pb-10 tw:@max-[40rem]:pb-0 tw:group-data-empty/combobox-content:pb-0',\n              )}\n            >\n              {options}\n            </div>\n            <div\n              className={cn(\n                'tw:relative tw:min-w-0 tw:overflow-hidden tw:border-border',\n                'tw:motion-safe:transition-opacity tw:motion-safe:duration-200',\n                asideOpen ? 'tw:border-l tw:opacity-100' : 'tw:opacity-0',\n                'tw:@max-[40rem]:invisible tw:@max-[40rem]:border-l-0 tw:@max-[40rem]:opacity-0',\n                'tw:group-data-empty/combobox-content:hidden',\n              )}\n              data-slot=\"combobox-inspector\"\n              inert={!asideOpen}\n            >\n              {/* Out of flow: the list alone sets the popup's height, the pane scrolls within it. */}\n              <div className=\"tw:absolute tw:inset-y-0 tw:left-0 tw:w-full tw:min-w-60 tw:overflow-y-auto tw:p-4 tw:pb-12\">\n                {renderAside(lastHighlighted)}\n              </div>\n            </div>\n          </div>\n          <div className=\"tw:absolute tw:right-2 tw:bottom-2 tw:@max-[40rem]:hidden tw:group-data-empty/combobox-content:hidden\">\n            <AsideToggle open={asideOpen} onOpenChange={setAsideOpen} />\n          </div>\n        </Combobox.Content>\n      ) : (\n        <Combobox.Content\n          anchor={anchor}\n          className={cn(\n            anchor && 'tw:max-h-[min(var(--available-height),32rem)]',\n            groupAppearance === 'banded' && GROUP_BANDED,\n          )}\n        >\n          {popupSearch}\n          {options}\n        </Combobox.Content>\n      )}\n    </Combobox.Root>\n  );\n};\n\n/**\n * Hides or shows the inspector beside the list, from the popup's bottom-right corner.\n *\n * - Floats over the list while the inspector is hidden; gone with it when the popup is too narrow.\n * - Keeps the input focused, so the popup stays open.\n */\nconst AsideToggle = ({\n  open,\n  onOpenChange,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) => {\n  const label = open ? 'Hide inspector' : 'Show inspector';\n  const Icon = open ? PanelRightClose : PanelRightOpen;\n  return (\n    // Its own provider, so a host without one still renders the inspector.\n    <TooltipProvider>\n      <Tooltip.Root>\n        <Tooltip.Trigger asChild>\n          <Button\n            variant=\"outline\"\n            size=\"icon-xs\"\n            aria-label={label}\n            aria-expanded={open}\n            className=\"tw:bg-popover tw:shadow-sm\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => onOpenChange(!open)}\n          >\n            <Icon />\n          </Button>\n        </Tooltip.Trigger>\n        <Tooltip.Content placement=\"left\">{label}</Tooltip.Content>\n      </Tooltip.Root>\n    </TooltipProvider>\n  );\n};\n"],"mappings":"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"}

package/dist/internal/blocks/NumberInput.js

@@ -1,8 +1,8 @@
-import { InputGroup } from "../../InputGroup-Dm014ruw.js";
+import { InputGroup } from "../../InputGroup-CZv_7QlM.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/NumberInput/NumberInput.tsx
 const toNumberOrNull = (event) => Number.isNaN(event.target.valueAsNumber) ? null : event.target.valueAsNumber;
-const NumberInput = ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }) => {
+const NumberInput = ({ ref, state, focusVariant, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }) => {
 	const handleChange = (event) => {
 		onValueChange?.(toNumberOrNull(event));
 		onChange?.(event);
@@ -14,8 +14,6 @@ const NumberInput = ({ ref, state, variant, focusVariant, sizing, className, val
 	const valueProp = value !== void 0 ? { value: value ?? "" } : { defaultValue: defaultValue ?? "" };
 	return /* @__PURE__ */ jsxs(InputGroup, {
 		state,
-		variant,
-		sizing,
 		focusVariant,
 		className,
 		children: [

package/dist/internal/blocks/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":[],"sources":["../../../src/blocks/NumberInput/NumberInput.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  ChangeEventHandler,\n  ComponentProps,\n  FocusEventHandler,\n  ReactNode,\n} from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type' | 'prefix'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: number | null;\n    defaultValue?: number | null;\n    onValueChange?: (value: number | null) => void;\n    onValueBlur?: (value: number | null) => void;\n    prefix?: ReactNode;\n    suffix?: ReactNode;\n  };\n\nconst toNumberOrNull = (event: ChangeEvent<HTMLInputElement>) =>\n  Number.isNaN(event.target.valueAsNumber) ? null : event.target.valueAsNumber;\n\nexport const NumberInput = ({\n  ref,\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  value,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n\n  prefix,\n  suffix,\n\n  ...inputProps\n}: Props) => {\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    onValueChange?.(toNumberOrNull(event));\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    onValueBlur?.(toNumberOrNull(event));\n    onBlur?.(event);\n  };\n\n  const isControlled = value !== undefined;\n  const valueProp = isControlled ? { value: value ?? '' } : { defaultValue: defaultValue ?? '' };\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      {prefix && <InputGroup.Addon align=\"inline-start\">{prefix}</InputGroup.Addon>}\n      <InputGroup.Input\n        {...inputProps}\n        {...valueProp}\n        ref={ref}\n        type=\"number\"\n        onChange={handleChange}\n        onBlur={handleBlur}\n      />\n      {suffix && <InputGroup.Addon align=\"inline-end\">{suffix}</InputGroup.Addon>}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;AA8BA,MAAM,kBAAkB,UACtB,OAAO,MAAM,MAAM,OAAO,aAAa,IAAI,OAAO,MAAM,OAAO;AAEjE,MAAa,eAAe,EAC1B,KACA,OACA,SACA,cACA,QACA,WAEA,OACA,cACA,eACA,aACA,UACA,QAEA,QACA,QAEA,GAAG,iBACQ;CACX,MAAM,gBAAsD,UAAU;EACpE,gBAAgB,eAAe,KAAK,CAAC;EACrC,WAAW,KAAK;CAClB;CAEA,MAAM,cAAmD,UAAU;EACjE,cAAc,eAAe,KAAK,CAAC;EACnC,SAAS,KAAK;CAChB;CAGA,MAAM,YADe,UAAU,KAAA,IACE,EAAE,OAAO,SAAS,GAAG,IAAI,EAAE,cAAc,gBAAgB,GAAG;CAE7F,OACE,qBAAC,YAAD;EACS;EACE;EACD;EACM;EACH;EALb,UAAA;GAOG,UAAU,oBAAC,WAAW,OAAZ;IAAkB,OAAM;IAAgB,UAAA;GAAyB,CAAA;GAC5E,oBAAC,WAAW,OAAZ;IACE,GAAI;IACJ,GAAI;IACC;IACL,MAAK;IACL,UAAU;IACV,QAAQ;GACT,CAAA;GACA,UAAU,oBAAC,WAAW,OAAZ;IAAkB,OAAM;IAAc,UAAA;GAAyB,CAAA;EAChE;;AAEhB"}
+{"version":3,"file":"NumberInput.js","names":[],"sources":["../../../src/blocks/NumberInput/NumberInput.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  ChangeEventHandler,\n  ComponentProps,\n  FocusEventHandler,\n  ReactNode,\n} from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\n\ntype InputGroupProps = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type' | 'prefix'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: number | null;\n    defaultValue?: number | null;\n    onValueChange?: (value: number | null) => void;\n    onValueBlur?: (value: number | null) => void;\n    prefix?: ReactNode;\n    suffix?: ReactNode;\n  };\n\nconst toNumberOrNull = (event: ChangeEvent<HTMLInputElement>) =>\n  Number.isNaN(event.target.valueAsNumber) ? null : event.target.valueAsNumber;\n\nexport const NumberInput = ({\n  ref,\n  state,\n  focusVariant,\n  className,\n\n  value,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n\n  prefix,\n  suffix,\n\n  ...inputProps\n}: Props) => {\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    onValueChange?.(toNumberOrNull(event));\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    onValueBlur?.(toNumberOrNull(event));\n    onBlur?.(event);\n  };\n\n  const isControlled = value !== undefined;\n  const valueProp = isControlled ? { value: value ?? '' } : { defaultValue: defaultValue ?? '' };\n\n  return (\n    <InputGroup state={state} focusVariant={focusVariant} className={className}>\n      {prefix && <InputGroup.Addon align=\"inline-start\">{prefix}</InputGroup.Addon>}\n      <InputGroup.Input\n        {...inputProps}\n        {...valueProp}\n        ref={ref}\n        type=\"number\"\n        onChange={handleChange}\n        onBlur={handleBlur}\n      />\n      {suffix && <InputGroup.Addon align=\"inline-end\">{suffix}</InputGroup.Addon>}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;AA2BA,MAAM,kBAAkB,UACtB,OAAO,MAAM,MAAM,OAAO,aAAa,IAAI,OAAO,MAAM,OAAO;AAEjE,MAAa,eAAe,EAC1B,KACA,OACA,cACA,WAEA,OACA,cACA,eACA,aACA,UACA,QAEA,QACA,QAEA,GAAG,iBACQ;CACX,MAAM,gBAAsD,UAAU;EACpE,gBAAgB,eAAe,KAAK,CAAC;EACrC,WAAW,KAAK;CAClB;CAEA,MAAM,cAAmD,UAAU;EACjE,cAAc,eAAe,KAAK,CAAC;EACnC,SAAS,KAAK;CAChB;CAGA,MAAM,YADe,UAAU,KAAA,IACE,EAAE,OAAO,SAAS,GAAG,IAAI,EAAE,cAAc,gBAAgB,GAAG;CAE7F,OACE,qBAAC,YAAD;EAAmB;EAAqB;EAAyB;EAAjE,UAAA;GACG,UAAU,oBAAC,WAAW,OAAZ;IAAkB,OAAM;IAAgB,UAAA;GAAyB,CAAA;GAC5E,oBAAC,WAAW,OAAZ;IACE,GAAI;IACJ,GAAI;IACC;IACL,MAAK;IACL,UAAU;IACV,QAAQ;GACT,CAAA;GACA,UAAU,oBAAC,WAAW,OAAZ;IAAkB,OAAM;IAAc,UAAA;GAAyB,CAAA;EAChE;;AAEhB"}

package/dist/internal/blocks/PageToolbar.js

@@ -1,2 +1,2 @@
-import { PageToolbar } from "../../PageToolbar-B_e7HGva.js";
+import { PageToolbar } from "../../PageToolbar-LKP6PiP_.js";
 export { PageToolbar };

package/dist/internal/blocks/PasswordInput.js

@@ -1,12 +1,12 @@
-import { createChangeInputEvent } from "../../utils-LQ4jJA-9.js";
+import { createChangeInputEvent } from "../../utils-DwC9u0tM.js";
 import { mergeRefs } from "../utils/mergeRefs.js";
 import { ArrowBigUpDash, Eye, EyeOff, X } from "../../icons-ZIeZXXS7.js";
-import { InputGroup } from "../../InputGroup-Dm014ruw.js";
+import { InputGroup } from "../../InputGroup-CZv_7QlM.js";
 import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/PasswordInput/PasswordInput.tsx
-const PasswordInput = ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear = false, allowPasswordToggle = false, passwordToggleLabel, autoComplete = "new-password", defaultPasswordVisibility = false, disabled, readOnly, ...restInputProps }) => {
+const PasswordInput = ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear = false, allowPasswordToggle = false, passwordToggleLabel, autoComplete = "new-password", defaultPasswordVisibility = false, disabled, readOnly, ...restInputProps }) => {
 	const inputRef = useRef(null);
 	const [value, setValue] = useControllableState({
 		prop: valueProp === null ? "" : valueProp,
@@ -51,8 +51,6 @@ const PasswordInput = ({ ref, state, variant, focusVariant, sizing, className, v
 	};
 	return /* @__PURE__ */ jsxs(InputGroup, {
 		state,
-		variant,
-		sizing,
 		focusVariant,
 		className,
 		children: [/* @__PURE__ */ jsx(InputGroup.Input, {

package/dist/internal/blocks/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","names":[],"sources":["../../../src/blocks/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { ArrowBigUpDash, Eye, EyeOff, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type' | 'autoComplete'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string) => void;\n    onValueBlur?: (value: string) => void;\n    allowClear?: boolean;\n    allowPasswordToggle?: boolean;\n    /** Suffix of the reveal button's accessible name, to tell several password fields apart. */\n    passwordToggleLabel?: string;\n    autoComplete?: 'new-password' | 'current-password' | 'off';\n    defaultPasswordVisibility?: boolean;\n  };\n\nexport const PasswordInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  onKeyDown,\n  onKeyUp,\n  onMouseDown,\n  allowClear = false,\n  allowPasswordToggle = false,\n  passwordToggleLabel,\n  autoComplete = 'new-password',\n  defaultPasswordVisibility = false,\n\n  // input props\n  disabled,\n  readOnly,\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [value, setValue] = useControllableState<string>({\n    // A `null` controlled value stays controlled (coerced to ''); `undefined` is uncontrolled.\n    prop: valueProp === null ? '' : valueProp,\n    defaultProp: defaultValue ?? '',\n    onChange: onValueChange,\n  });\n\n  const [capsLock, setCapsLock] = useState(false);\n  const [isPasswordVisible, setIsPasswordVisible] = useState(defaultPasswordVisibility);\n\n  const canClear = allowClear && !!value && !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setValue(event.target.value);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    if (capsLock) setCapsLock(false);\n    onValueBlur?.(event.target.value);\n    onBlur?.(event);\n  };\n\n  // keyUp too: pressing Caps Lock itself reports the old state on keyDown.\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const isOn = event.getModifierState('CapsLock');\n    if (isOn !== capsLock) setCapsLock(isOn);\n    onKeyDown?.(event);\n  };\n\n  const handleKeyUp: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const isOn = event.getModifierState('CapsLock');\n    if (isOn !== capsLock) setCapsLock(isOn);\n    onKeyUp?.(event);\n  };\n\n  // Caps Lock already on when clicking in; focus events cannot read modifier state.\n  const handleMouseDown: MouseEventHandler<HTMLInputElement> = (event) => {\n    const isOn = event.getModifierState('CapsLock');\n    if (isOn !== capsLock) setCapsLock(isOn);\n    onMouseDown?.(event);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setValue('');\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  const handleTogglePasswordVisibility = () => {\n    setIsPasswordVisible((prev) => !prev);\n  };\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      <InputGroup.Input\n        {...restInputProps}\n        ref={mergeRefs(ref ?? null, inputRef)}\n        type={isPasswordVisible ? 'text' : 'password'}\n        autoComplete={autoComplete}\n        value={value}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        onMouseDown={handleMouseDown}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {(capsLock || canClear || allowPasswordToggle) && (\n        <InputGroup.Addon align=\"inline-end\">\n          {capsLock && (\n            <ArrowBigUpDash className=\"tw:size-4 tw:text-primary\">\n              <title>Caps Lock is on</title>\n            </ArrowBigUpDash>\n          )}\n          {canClear && (\n            <InputGroup.Button\n              aria-label=\"Clear password\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {allowPasswordToggle && (\n            <InputGroup.Button\n              aria-label={`${isPasswordVisible ? 'Hide password' : 'Show password'}${\n                passwordToggleLabel ? `: ${passwordToggleLabel}` : ''\n              }`}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleTogglePasswordVisibility}\n            >\n              {isPasswordVisible ? <EyeOff className=\"tw:size-4\" /> : <Eye className=\"tw:size-4\" />}\n            </InputGroup.Button>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;AAuCA,MAAa,iBAAiB,EAC5B,KAGA,OACA,SACA,cACA,QACA,WAGA,OAAO,WACP,cACA,eACA,aACA,UACA,QACA,WACA,SACA,aACA,aAAa,OACb,sBAAsB,OACtB,qBACA,eAAe,gBACf,4BAA4B,OAG5B,UACA,UACA,GAAG,qBACQ;CACX,MAAM,WAAW,OAA8B,IAAI;CAEnD,MAAM,CAAC,OAAO,YAAY,qBAA6B;EAErD,MAAM,cAAc,OAAO,KAAK;EAChC,aAAa,gBAAgB;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,yBAAyB;CAEpF,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;CAExD,MAAM,gBAAsD,UAAU;EACpE,SAAS,MAAM,OAAO,KAAK;EAC3B,WAAW,KAAK;CAClB;CAEA,MAAM,cAAmD,UAAU;EACjE,IAAI,UAAU,YAAY,KAAK;EAC/B,cAAc,MAAM,OAAO,KAAK;EAChC,SAAS,KAAK;CAChB;CAGA,MAAM,iBAAyD,UAAU;EACvE,MAAM,OAAO,MAAM,iBAAiB,UAAU;EAC9C,IAAI,SAAS,UAAU,YAAY,IAAI;EACvC,YAAY,KAAK;CACnB;CAEA,MAAM,eAAuD,UAAU;EACrE,MAAM,OAAO,MAAM,iBAAiB,UAAU;EAC9C,IAAI,SAAS,UAAU,YAAY,IAAI;EACvC,UAAU,KAAK;CACjB;CAGA,MAAM,mBAAwD,UAAU;EACtE,MAAM,OAAO,MAAM,iBAAiB,UAAU;EAC9C,IAAI,SAAS,UAAU,YAAY,IAAI;EACvC,cAAc,KAAK;CACrB;CAEA,MAAM,oBAA0D;EAC9D,IAAI,CAAC,SAAS,SAAS;EACvB,SAAS,QAAQ,QAAQ;EACzB,SAAS,EAAE;EACX,WAAW,uBAAuB,SAAS,OAAO,CAAC;CACrD;CAEA,MAAM,uCAAuC;EAC3C,sBAAsB,SAAS,CAAC,IAAI;CACtC;CAEA,OACE,qBAAC,YAAD;EACS;EACE;EACD;EACM;EACH;EALb,UAAA,CAOE,oBAAC,WAAW,OAAZ;GACE,GAAI;GACJ,KAAK,UAAU,OAAO,MAAM,QAAQ;GACpC,MAAM,oBAAoB,SAAS;GACrB;GACP;GACP,UAAU;GACV,QAAQ;GACR,WAAW;GACX,SAAS;GACT,aAAa;GACH;GACA;EACX,CAAA,IAEC,YAAY,YAAY,wBACxB,qBAAC,WAAW,OAAZ;GAAkB,OAAM;GAAxB,UAAA;IACG,YACC,oBAAC,gBAAD;KAAgB,WAAU;KACxB,UAAA,oBAAC,SAAD,EAAA,UAAO,kBAAsB,CAAA;IACf,CAAA;IAEjB,YACC,oBAAC,WAAW,QAAZ;KACE,cAAW;KACX,cAAc,UAAU,MAAM,eAAe;KAC7C,SAAS;KAET,UAAA,oBAAC,GAAD,EAAG,WAAU,YAAa,CAAA;IACT,CAAA;IAEpB,uBACC,oBAAC,WAAW,QAAZ;KACE,cAAY,GAAG,oBAAoB,kBAAkB,kBACnD,sBAAsB,KAAK,wBAAwB;KAErD,cAAc,UAAU,MAAM,eAAe;KAC7C,SAAS;KAER,UAAA,oBAAoB,oBAAC,QAAD,EAAQ,WAAU,YAAa,CAAA,IAAI,oBAAC,KAAD,EAAK,WAAU,YAAa,CAAA;IACnE,CAAA;GAEL;EAEV,CAAA,CAAA;;AAEhB"}
+{"version":3,"file":"PasswordInput.js","names":[],"sources":["../../../src/blocks/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { ArrowBigUpDash, Eye, EyeOff, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\ntype InputGroupProps = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type' | 'autoComplete'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string) => void;\n    onValueBlur?: (value: string) => void;\n    allowClear?: boolean;\n    allowPasswordToggle?: boolean;\n    /** Suffix of the reveal button's accessible name, to tell several password fields apart. */\n    passwordToggleLabel?: string;\n    autoComplete?: 'new-password' | 'current-password' | 'off';\n    defaultPasswordVisibility?: boolean;\n  };\n\nexport const PasswordInput = ({\n  ref,\n\n  // group props\n  state,\n  focusVariant,\n  className,\n\n  // own props\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  onKeyDown,\n  onKeyUp,\n  onMouseDown,\n  allowClear = false,\n  allowPasswordToggle = false,\n  passwordToggleLabel,\n  autoComplete = 'new-password',\n  defaultPasswordVisibility = false,\n\n  // input props\n  disabled,\n  readOnly,\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [value, setValue] = useControllableState<string>({\n    // A `null` controlled value stays controlled (coerced to ''); `undefined` is uncontrolled.\n    prop: valueProp === null ? '' : valueProp,\n    defaultProp: defaultValue ?? '',\n    onChange: onValueChange,\n  });\n\n  const [capsLock, setCapsLock] = useState(false);\n  const [isPasswordVisible, setIsPasswordVisible] = useState(defaultPasswordVisibility);\n\n  const canClear = allowClear && !!value && !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setValue(event.target.value);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    if (capsLock) setCapsLock(false);\n    onValueBlur?.(event.target.value);\n    onBlur?.(event);\n  };\n\n  // keyUp too: pressing Caps Lock itself reports the old state on keyDown.\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const isOn = event.getModifierState('CapsLock');\n    if (isOn !== capsLock) setCapsLock(isOn);\n    onKeyDown?.(event);\n  };\n\n  const handleKeyUp: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const isOn = event.getModifierState('CapsLock');\n    if (isOn !== capsLock) setCapsLock(isOn);\n    onKeyUp?.(event);\n  };\n\n  // Caps Lock already on when clicking in; focus events cannot read modifier state.\n  const handleMouseDown: MouseEventHandler<HTMLInputElement> = (event) => {\n    const isOn = event.getModifierState('CapsLock');\n    if (isOn !== capsLock) setCapsLock(isOn);\n    onMouseDown?.(event);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setValue('');\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  const handleTogglePasswordVisibility = () => {\n    setIsPasswordVisible((prev) => !prev);\n  };\n\n  return (\n    <InputGroup state={state} focusVariant={focusVariant} className={className}>\n      <InputGroup.Input\n        {...restInputProps}\n        ref={mergeRefs(ref ?? null, inputRef)}\n        type={isPasswordVisible ? 'text' : 'password'}\n        autoComplete={autoComplete}\n        value={value}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        onMouseDown={handleMouseDown}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {(capsLock || canClear || allowPasswordToggle) && (\n        <InputGroup.Addon align=\"inline-end\">\n          {capsLock && (\n            <ArrowBigUpDash className=\"tw:size-4 tw:text-primary\">\n              <title>Caps Lock is on</title>\n            </ArrowBigUpDash>\n          )}\n          {canClear && (\n            <InputGroup.Button\n              aria-label=\"Clear password\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {allowPasswordToggle && (\n            <InputGroup.Button\n              aria-label={`${isPasswordVisible ? 'Hide password' : 'Show password'}${\n                passwordToggleLabel ? `: ${passwordToggleLabel}` : ''\n              }`}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleTogglePasswordVisibility}\n            >\n              {isPasswordVisible ? <EyeOff className=\"tw:size-4\" /> : <Eye className=\"tw:size-4\" />}\n            </InputGroup.Button>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;AAoCA,MAAa,iBAAiB,EAC5B,KAGA,OACA,cACA,WAGA,OAAO,WACP,cACA,eACA,aACA,UACA,QACA,WACA,SACA,aACA,aAAa,OACb,sBAAsB,OACtB,qBACA,eAAe,gBACf,4BAA4B,OAG5B,UACA,UACA,GAAG,qBACQ;CACX,MAAM,WAAW,OAA8B,IAAI;CAEnD,MAAM,CAAC,OAAO,YAAY,qBAA6B;EAErD,MAAM,cAAc,OAAO,KAAK;EAChC,aAAa,gBAAgB;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,yBAAyB;CAEpF,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;CAExD,MAAM,gBAAsD,UAAU;EACpE,SAAS,MAAM,OAAO,KAAK;EAC3B,WAAW,KAAK;CAClB;CAEA,MAAM,cAAmD,UAAU;EACjE,IAAI,UAAU,YAAY,KAAK;EAC/B,cAAc,MAAM,OAAO,KAAK;EAChC,SAAS,KAAK;CAChB;CAGA,MAAM,iBAAyD,UAAU;EACvE,MAAM,OAAO,MAAM,iBAAiB,UAAU;EAC9C,IAAI,SAAS,UAAU,YAAY,IAAI;EACvC,YAAY,KAAK;CACnB;CAEA,MAAM,eAAuD,UAAU;EACrE,MAAM,OAAO,MAAM,iBAAiB,UAAU;EAC9C,IAAI,SAAS,UAAU,YAAY,IAAI;EACvC,UAAU,KAAK;CACjB;CAGA,MAAM,mBAAwD,UAAU;EACtE,MAAM,OAAO,MAAM,iBAAiB,UAAU;EAC9C,IAAI,SAAS,UAAU,YAAY,IAAI;EACvC,cAAc,KAAK;CACrB;CAEA,MAAM,oBAA0D;EAC9D,IAAI,CAAC,SAAS,SAAS;EACvB,SAAS,QAAQ,QAAQ;EACzB,SAAS,EAAE;EACX,WAAW,uBAAuB,SAAS,OAAO,CAAC;CACrD;CAEA,MAAM,uCAAuC;EAC3C,sBAAsB,SAAS,CAAC,IAAI;CACtC;CAEA,OACE,qBAAC,YAAD;EAAmB;EAAqB;EAAyB;EAAjE,UAAA,CACE,oBAAC,WAAW,OAAZ;GACE,GAAI;GACJ,KAAK,UAAU,OAAO,MAAM,QAAQ;GACpC,MAAM,oBAAoB,SAAS;GACrB;GACP;GACP,UAAU;GACV,QAAQ;GACR,WAAW;GACX,SAAS;GACT,aAAa;GACH;GACA;EACX,CAAA,IAEC,YAAY,YAAY,wBACxB,qBAAC,WAAW,OAAZ;GAAkB,OAAM;GAAxB,UAAA;IACG,YACC,oBAAC,gBAAD;KAAgB,WAAU;KACxB,UAAA,oBAAC,SAAD,EAAA,UAAO,kBAAsB,CAAA;IACf,CAAA;IAEjB,YACC,oBAAC,WAAW,QAAZ;KACE,cAAW;KACX,cAAc,UAAU,MAAM,eAAe;KAC7C,SAAS;KAET,UAAA,oBAAC,GAAD,EAAG,WAAU,YAAa,CAAA;IACT,CAAA;IAEpB,uBACC,oBAAC,WAAW,QAAZ;KACE,cAAY,GAAG,oBAAoB,kBAAkB,kBACnD,sBAAsB,KAAK,wBAAwB;KAErD,cAAc,UAAU,MAAM,eAAe;KAC7C,SAAS;KAER,UAAA,oBAAoB,oBAAC,QAAD,EAAQ,WAAU,YAAa,CAAA,IAAI,oBAAC,KAAD,EAAK,WAAU,YAAa,CAAA;IACnE,CAAA;GAEL;EAEV,CAAA,CAAA;;AAEhB"}

package/dist/internal/blocks/SearchInput.js

@@ -1,2 +1,2 @@
-import { SearchInput } from "../../SearchInput-Dxi2GK4n.js";
+import { SearchInput } from "../../SearchInput-DyYXyw3u.js";
 export { SearchInput };

package/dist/internal/blocks/SearchInputWithNavigation.js

@@ -1,13 +1,13 @@
 import { cn } from "../../classNames-DcGnTh2N.js";
-import { keyCodes } from "../../utils-LQ4jJA-9.js";
+import { keyCodes } from "../../utils-DwC9u0tM.js";
 import { ChevronDown, ChevronUp, Search } from "../../icons-ZIeZXXS7.js";
-import { Button } from "../../Button-D2JqBAq7.js";
+import { Button } from "../../Button-BNkyYU8u.js";
 import { ButtonGroup } from "../components/ButtonGroup.js";
+import { TextInput } from "../../TextInput-CR0_USaY.js";
 import { Separator } from "../components/Separator.js";
-import { TextInput } from "../../TextInput-K2DSDs5O.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.tsx
-const SearchInputWithNavigation = ({ ref, value, onValueChange, placeholder = "Search...", variant = "secondary", onClear, focusVariant, currentIndex, totalResults, onNavigateNext, onNavigatePrevious, className }) => {
+const SearchInputWithNavigation = ({ ref, value, onValueChange, placeholder = "Search...", onClear, focusVariant, currentIndex, totalResults, onNavigateNext, onNavigatePrevious, className }) => {
 	const withControls = totalResults > 0;
 	const handleKeyDown = (e) => {
 		if (e.key === keyCodes.ENTER) {
@@ -22,16 +22,15 @@ const SearchInputWithNavigation = ({ ref, value, onValueChange, placeholder = "S
 		placeholder,
 		onValueChange,
 		onClear,
-		prefix: /* @__PURE__ */ jsx(Search, { className: "tw:size-4 tw:shrink-0 tw:text-neutral-400" }),
+		prefix: /* @__PURE__ */ jsx(Search, { className: "tw:size-4 tw:shrink-0 tw:text-muted-foreground" }),
 		focusVariant,
 		onKeyDown: handleKeyDown,
-		variant,
 		className,
 		leftSuffix: /* @__PURE__ */ jsxs("div", {
 			className: cn("tw:flex tw:items-center tw:gap-3", { "tw:hidden": !withControls }),
 			children: [
 				/* @__PURE__ */ jsxs("span", {
-					className: "tw:text-xs tw:text-neutral-400",
+					className: "tw:text-xs tw:text-muted-foreground",
 					children: [
 						totalResults > 0 ? currentIndex ?? 0 : 0,
 						"/",

package/dist/internal/blocks/SearchInputWithNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInputWithNavigation.js","names":[],"sources":["../../../src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.tsx"],"sourcesContent":["import type { ComponentProps, KeyboardEvent, Ref } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { ButtonGroup } from '../../components/ButtonGroup';\nimport { Separator } from '../../components/Separator';\nimport { keyCodes } from '../../constants/keyCodes';\nimport { ChevronDown, ChevronUp, Search } from '../../icons';\nimport { cn } from '../../utils';\nimport { TextInput } from '../TextInput';\n\ntype SearchInputWithNavigationProps = {\n  currentIndex: number | null;\n  totalResults: number;\n  onValueChange: (value: string) => void;\n  onNavigateNext: () => void;\n  onNavigatePrevious: () => void;\n\n  value?: string;\n  placeholder?: string;\n  variant?: 'primary' | 'secondary';\n  onClear?: () => void;\n  focusVariant?: ComponentProps<typeof TextInput>['focusVariant'];\n  className?: string;\n};\n\nexport const SearchInputWithNavigation = ({\n  ref,\n  value,\n  onValueChange,\n  placeholder = 'Search...',\n  variant = 'secondary',\n  onClear,\n  focusVariant,\n  currentIndex,\n  totalResults,\n  onNavigateNext,\n  onNavigatePrevious,\n  className,\n}: SearchInputWithNavigationProps & { ref?: Ref<HTMLInputElement> }) => {\n  const withControls = totalResults > 0;\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === keyCodes.ENTER) {\n      e.preventDefault();\n\n      e.shiftKey ? onNavigatePrevious() : onNavigateNext();\n    }\n  };\n\n  return (\n    <TextInput\n      ref={ref}\n      allowClear\n      value={value}\n      placeholder={placeholder}\n      onValueChange={onValueChange}\n      onClear={onClear}\n      prefix={<Search className=\"tw:size-4 tw:shrink-0 tw:text-neutral-400\" />}\n      focusVariant={focusVariant}\n      onKeyDown={handleKeyDown}\n      variant={variant}\n      className={className}\n      leftSuffix={\n        <div\n          className={cn('tw:flex tw:items-center tw:gap-3', {\n            'tw:hidden': !withControls,\n          })}\n        >\n          <span className=\"tw:text-xs tw:text-neutral-400\">\n            {totalResults > 0 ? (currentIndex ?? 0) : 0}/{totalResults}\n          </span>\n          <Separator orientation=\"vertical\" size=\"3/4\" />\n          <ButtonGroup>\n            <Button\n              variant=\"inline\"\n              size=\"icon-3xs\"\n              onClick={onNavigatePrevious}\n              disabled={!totalResults}\n            >\n              <ChevronUp className=\"tw:size-4\" />\n            </Button>\n            <Button\n              variant=\"inline\"\n              size=\"icon-3xs\"\n              onClick={onNavigateNext}\n              disabled={!totalResults}\n            >\n              <ChevronDown className=\"tw:size-4\" />\n            </Button>\n          </ButtonGroup>\n        </div>\n      }\n    />\n  );\n};\n"],"mappings":";;;;;;;;;AAyBA,MAAa,6BAA6B,EACxC,KACA,OACA,eACA,cAAc,aACd,UAAU,aACV,SACA,cACA,cACA,cACA,gBACA,oBACA,gBACsE;CACtE,MAAM,eAAe,eAAe;CAEpC,MAAM,iBAAiB,MAAqB;EAC1C,IAAI,EAAE,QAAQ,SAAS,OAAO;GAC5B,EAAE,eAAe;GAEjB,EAAE,WAAW,mBAAmB,IAAI,eAAe;EACrD;CACF;CAEA,OACE,oBAAC,WAAD;EACO;EACL,YAAA;EACO;EACM;EACE;EACN;EACT,QAAQ,oBAAC,QAAD,EAAQ,WAAU,4CAA6C,CAAA;EACzD;EACd,WAAW;EACF;EACE;EACX,YACE,qBAAC,OAAD;GACE,WAAW,GAAG,oCAAoC,EAChD,aAAa,CAAC,aAChB,CAAC;GAHH,UAAA;IAKE,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA;MACG,eAAe,IAAK,gBAAgB,IAAK;MAAE;MAAE;KAC1C;;IACN,oBAAC,WAAD;KAAW,aAAY;KAAW,MAAK;IAAO,CAAA;IAC9C,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,QAAD;KACE,SAAQ;KACR,MAAK;KACL,SAAS;KACT,UAAU,CAAC;KAEX,UAAA,oBAAC,WAAD,EAAW,WAAU,YAAa,CAAA;IAC5B,CAAA,GACR,oBAAC,QAAD;KACE,SAAQ;KACR,MAAK;KACL,SAAS;KACT,UAAU,CAAC;KAEX,UAAA,oBAAC,aAAD,EAAa,WAAU,YAAa,CAAA;IAC9B,CAAA,CACG,EAAA,CAAA;GACV;;CAER,CAAA;AAEL"}
+{"version":3,"file":"SearchInputWithNavigation.js","names":[],"sources":["../../../src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.tsx"],"sourcesContent":["import type { ComponentProps, KeyboardEvent, Ref } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { ButtonGroup } from '../../components/ButtonGroup';\nimport { Separator } from '../../components/Separator';\nimport { keyCodes } from '../../constants/keyCodes';\nimport { ChevronDown, ChevronUp, Search } from '../../icons';\nimport { cn } from '../../utils';\nimport { TextInput } from '../TextInput';\n\ntype SearchInputWithNavigationProps = {\n  currentIndex: number | null;\n  totalResults: number;\n  onValueChange: (value: string) => void;\n  onNavigateNext: () => void;\n  onNavigatePrevious: () => void;\n\n  value?: string;\n  placeholder?: string;\n  onClear?: () => void;\n  focusVariant?: ComponentProps<typeof TextInput>['focusVariant'];\n  className?: string;\n};\n\nexport const SearchInputWithNavigation = ({\n  ref,\n  value,\n  onValueChange,\n  placeholder = 'Search...',\n  onClear,\n  focusVariant,\n  currentIndex,\n  totalResults,\n  onNavigateNext,\n  onNavigatePrevious,\n  className,\n}: SearchInputWithNavigationProps & { ref?: Ref<HTMLInputElement> }) => {\n  const withControls = totalResults > 0;\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === keyCodes.ENTER) {\n      e.preventDefault();\n\n      e.shiftKey ? onNavigatePrevious() : onNavigateNext();\n    }\n  };\n\n  return (\n    <TextInput\n      ref={ref}\n      allowClear\n      value={value}\n      placeholder={placeholder}\n      onValueChange={onValueChange}\n      onClear={onClear}\n      prefix={<Search className=\"tw:size-4 tw:shrink-0 tw:text-muted-foreground\" />}\n      focusVariant={focusVariant}\n      onKeyDown={handleKeyDown}\n      className={className}\n      leftSuffix={\n        <div\n          className={cn('tw:flex tw:items-center tw:gap-3', {\n            'tw:hidden': !withControls,\n          })}\n        >\n          <span className=\"tw:text-xs tw:text-muted-foreground\">\n            {totalResults > 0 ? (currentIndex ?? 0) : 0}/{totalResults}\n          </span>\n          <Separator orientation=\"vertical\" size=\"3/4\" />\n          <ButtonGroup>\n            <Button\n              variant=\"inline\"\n              size=\"icon-3xs\"\n              onClick={onNavigatePrevious}\n              disabled={!totalResults}\n            >\n              <ChevronUp className=\"tw:size-4\" />\n            </Button>\n            <Button\n              variant=\"inline\"\n              size=\"icon-3xs\"\n              onClick={onNavigateNext}\n              disabled={!totalResults}\n            >\n              <ChevronDown className=\"tw:size-4\" />\n            </Button>\n          </ButtonGroup>\n        </div>\n      }\n    />\n  );\n};\n"],"mappings":";;;;;;;;;AAwBA,MAAa,6BAA6B,EACxC,KACA,OACA,eACA,cAAc,aACd,SACA,cACA,cACA,cACA,gBACA,oBACA,gBACsE;CACtE,MAAM,eAAe,eAAe;CAEpC,MAAM,iBAAiB,MAAqB;EAC1C,IAAI,EAAE,QAAQ,SAAS,OAAO;GAC5B,EAAE,eAAe;GAEjB,EAAE,WAAW,mBAAmB,IAAI,eAAe;EACrD;CACF;CAEA,OACE,oBAAC,WAAD;EACO;EACL,YAAA;EACO;EACM;EACE;EACN;EACT,QAAQ,oBAAC,QAAD,EAAQ,WAAU,iDAAkD,CAAA;EAC9D;EACd,WAAW;EACA;EACX,YACE,qBAAC,OAAD;GACE,WAAW,GAAG,oCAAoC,EAChD,aAAa,CAAC,aAChB,CAAC;GAHH,UAAA;IAKE,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA;MACG,eAAe,IAAK,gBAAgB,IAAK;MAAE;MAAE;KAC1C;;IACN,oBAAC,WAAD;KAAW,aAAY;KAAW,MAAK;IAAO,CAAA;IAC9C,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,QAAD;KACE,SAAQ;KACR,MAAK;KACL,SAAS;KACT,UAAU,CAAC;KAEX,UAAA,oBAAC,WAAD,EAAW,WAAU,YAAa,CAAA;IAC5B,CAAA,GACR,oBAAC,QAAD;KACE,SAAQ;KACR,MAAK;KACL,SAAS;KACT,UAAU,CAAC;KAEX,UAAA,oBAAC,aAAD,EAAa,WAAU,YAAa,CAAA;IAC9B,CAAA,CACG,EAAA,CAAA;GACV;;CAER,CAAA;AAEL"}

package/dist/internal/blocks/SectionNav.js

@@ -1,2 +1,2 @@
-import { SectionNav } from "../../SectionNav-BnHOMLtE.js";
+import { SectionNav } from "../../SectionNav-6hcIpZLO.js";
 export { SectionNav };

package/dist/internal/blocks/SplitButton.js

@@ -1,7 +1,7 @@
 import { ChevronDown } from "../../icons-ZIeZXXS7.js";
-import { Button } from "../../Button-D2JqBAq7.js";
+import { Button } from "../../Button-BNkyYU8u.js";
 import { ButtonGroup } from "../components/ButtonGroup.js";
-import { DropdownMenu } from "../../DropdownMenu-B1gGvZoh.js";
+import { DropdownMenu } from "../../DropdownMenu-Bum99mVf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/SplitButton/SplitButton.tsx
 const iconSizeMap = {

package/dist/internal/blocks/StatCard.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-DcGnTh2N.js";
-import { Card } from "../../Card-Bpc_ZlL4.js";
+import { Card } from "../../Card-DxjGiqH8.js";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/StatCard/StatCard.tsx

package/dist/internal/blocks/TextInput.js

@@ -1,2 +1,2 @@
-import { TextInput } from "../../TextInput-K2DSDs5O.js";
+import { TextInput } from "../../TextInput-CR0_USaY.js";
 export { TextInput };

package/dist/internal/blocks/Textarea.js

@@ -1,12 +1,9 @@
-import { InputGroup } from "../../InputGroup-Dm014ruw.js";
+import { InputGroup } from "../../InputGroup-CZv_7QlM.js";
 import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/blocks/Textarea/Textarea.tsx
-/**
-* Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
-* renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
-*/
-const Textarea = ({ ref, containerClassName, state = "default", variant, sizing, focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }) => {
+/** Multi-line text input in `InputGroup` chrome. */
+const Textarea = ({ ref, containerClassName, state = "default", focusVariant, value: valueProp, defaultValue, onValueChange, ...rest }) => {
 	const [value, setValue] = useControllableState({
 		prop: valueProp === void 0 ? void 0 : valueProp ?? "",
 		defaultProp: defaultValue ?? "",
@@ -14,9 +11,7 @@ const Textarea = ({ ref, containerClassName, state = "default", variant, sizing,
 	});
 	return /* @__PURE__ */ jsx(InputGroup, {
 		state,
-		sizing,
 		focusVariant,
-		variant,
 		className: containerClassName,
 		children: /* @__PURE__ */ jsx(InputGroup.TextArea, {
 			...rest,

package/dist/internal/blocks/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":[],"sources":["../../../src/blocks/Textarea/Textarea.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'sizing' | 'focusVariant' | 'state'\n>;\n\ntype TextareaNativeProps = Omit<\n  ComponentProps<typeof InputGroup.TextArea>,\n  'value' | 'defaultValue' | 'rows' | 'maxRows'\n>;\n\ntype TextareaOwnProps = {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string) => void;\n  onValueBlur?: (value: string) => void;\n  maxRows?: number | 'unlimited';\n  disableResize?: boolean;\n  containerClassName?: string;\n};\n\ntype Props = InputGroupProps & TextareaNativeProps & TextareaOwnProps;\n\n/**\n * Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always\n * renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.\n */\nexport const Textarea = ({\n  ref,\n  containerClassName,\n\n  // group props\n  state = 'default',\n  variant,\n  sizing,\n  focusVariant,\n\n  // value handling\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n\n  ...rest\n}: Props) => {\n  const [value, setValue] = useControllableState<string>({\n    // `undefined` stays uncontrolled; any provided value (incl. `null`) is controlled, coerced to ''.\n    prop: valueProp === undefined ? undefined : (valueProp ?? ''),\n    defaultProp: defaultValue ?? '',\n    onChange: onValueChange,\n  });\n\n  return (\n    <InputGroup\n      state={state}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      variant={variant}\n      className={containerClassName}\n    >\n      <InputGroup.TextArea {...rest} ref={ref} value={value} onValueChange={setValue} />\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;AA+BA,MAAa,YAAY,EACvB,KACA,oBAGA,QAAQ,WACR,SACA,QACA,cAGA,OAAO,WACP,cACA,eAEA,GAAG,WACQ;CACX,MAAM,CAAC,OAAO,YAAY,qBAA6B;EAErD,MAAM,cAAc,KAAA,IAAY,KAAA,IAAa,aAAa;EAC1D,aAAa,gBAAgB;EAC7B,UAAU;CACZ,CAAC;CAED,OACE,oBAAC,YAAD;EACS;EACC;EACM;EACL;EACT,WAAW;EAEX,UAAA,oBAAC,WAAW,UAAZ;GAAqB,GAAI;GAAW;GAAY;GAAO,eAAe;EAAW,CAAA;CACvE,CAAA;AAEhB"}
+{"version":3,"file":"Textarea.js","names":[],"sources":["../../../src/blocks/Textarea/Textarea.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\n\ntype InputGroupProps = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;\n\ntype TextareaNativeProps = Omit<\n  ComponentProps<typeof InputGroup.TextArea>,\n  'value' | 'defaultValue' | 'rows' | 'maxRows'\n>;\n\ntype TextareaOwnProps = {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string) => void;\n  onValueBlur?: (value: string) => void;\n  maxRows?: number | 'unlimited';\n  disableResize?: boolean;\n  containerClassName?: string;\n};\n\ntype Props = InputGroupProps & TextareaNativeProps & TextareaOwnProps;\n\n/** Multi-line text input in `InputGroup` chrome. */\nexport const Textarea = ({\n  ref,\n  containerClassName,\n\n  // group props\n  state = 'default',\n  focusVariant,\n\n  // value handling\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n\n  ...rest\n}: Props) => {\n  const [value, setValue] = useControllableState<string>({\n    // `undefined` stays uncontrolled; any provided value (incl. `null`) is controlled, coerced to ''.\n    prop: valueProp === undefined ? undefined : (valueProp ?? ''),\n    defaultProp: defaultValue ?? '',\n    onChange: onValueChange,\n  });\n\n  return (\n    <InputGroup state={state} focusVariant={focusVariant} className={containerClassName}>\n      <InputGroup.TextArea {...rest} ref={ref} value={value} onValueChange={setValue} />\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;AAyBA,MAAa,YAAY,EACvB,KACA,oBAGA,QAAQ,WACR,cAGA,OAAO,WACP,cACA,eAEA,GAAG,WACQ;CACX,MAAM,CAAC,OAAO,YAAY,qBAA6B;EAErD,MAAM,cAAc,KAAA,IAAY,KAAA,IAAa,aAAa;EAC1D,aAAa,gBAAgB;EAC7B,UAAU;CACZ,CAAC;CAED,OACE,oBAAC,YAAD;EAAmB;EAAqB;EAAc,WAAW;EAC/D,UAAA,oBAAC,WAAW,UAAZ;GAAqB,GAAI;GAAW;GAAY;GAAO,eAAe;EAAW,CAAA;CACvE,CAAA;AAEhB"}

package/dist/internal/blocks/TimeInput.js

@@ -1,13 +1,13 @@
-import { createChangeInputEvent } from "../../utils-LQ4jJA-9.js";
+import { createChangeInputEvent } from "../../utils-DwC9u0tM.js";
 import { mergeRefs } from "../utils/mergeRefs.js";
 import { Clock, X } from "../../icons-ZIeZXXS7.js";
-import { InputGroup } from "../../InputGroup-Dm014ruw.js";
+import { InputGroup } from "../../InputGroup-CZv_7QlM.js";
 import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
-import { TimePicker } from "../../TimePicker-DyyV3nw8.js";
+import { TimePicker } from "../../TimePicker-lk3NGqeK.js";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/TimeInput/TimeInput.tsx
-const TimeInput = ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear = false, disabled, readOnly, placeholder = "Select time", ...restInputProps }) => {
+const TimeInput = ({ ref, state, focusVariant, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear = false, disabled, readOnly, placeholder = "Select time", ...restInputProps }) => {
 	const inputRef = useRef(null);
 	const [isOpen, setIsOpen] = useState(false);
 	const [value, setValue] = useControllableState({
@@ -36,8 +36,6 @@ const TimeInput = ({ ref, state, variant, focusVariant, sizing, className, value
 	};
 	return /* @__PURE__ */ jsxs(InputGroup, {
 		state,
-		variant,
-		sizing,
 		focusVariant,
 		className,
 		children: [/* @__PURE__ */ jsx(InputGroup.Input, {

package/dist/internal/blocks/TimeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.js","names":[],"sources":["../../../src/blocks/TimeInput/TimeInput.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  MouseEventHandler,\n} from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { TimePicker } from '../../components/TimePicker';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { Clock, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string | null) => void;\n    onValueBlur?: (value: string | null) => void;\n    allowClear?: boolean;\n  };\n\nexport const TimeInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  allowClear = false,\n\n  // input props\n  disabled,\n  readOnly,\n  placeholder = 'Select time',\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const [value, setValue] = useControllableState<string | null>({\n    prop: valueProp,\n    defaultProp: defaultValue ?? null,\n    onChange: onValueChange,\n  });\n\n  const canClear = allowClear && !!value && !disabled && !readOnly;\n  const showPicker = !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setValue(event.target.value || null);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    // The value is already committed on change via `setValue`, so blur only needs to notify.\n    onValueBlur?.(event.target.value || null);\n    onBlur?.(event);\n  };\n\n  const handleTimePickerSelect = (time: string) => {\n    setValue(time);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setValue(null);\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      <InputGroup.Input\n        {...restInputProps}\n        ref={mergeRefs(ref ?? null, inputRef)}\n        type=\"time\"\n        // Hide the native picker indicator (custom picker); zero the UA fields-wrapper padding\n        // so the input isn't 2px taller than the InputGroup input.\n        className=\"tw:[&::-webkit-calendar-picker-indicator]:hidden tw:[&::-webkit-datetime-edit-fields-wrapper]:py-0\"\n        value={value ?? ''}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {(canClear || showPicker) && (\n        <InputGroup.Addon align=\"inline-end\">\n          {canClear && (\n            <InputGroup.Button\n              aria-label=\"Clear time\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {showPicker && (\n            <TimePicker\n              open={isOpen}\n              onOpenChange={setIsOpen}\n              onSelect={handleTimePickerSelect}\n              selected={value}\n            >\n              <InputGroup.Button aria-label=\"Select time\">\n                <Clock className=\"tw:size-4\" />\n              </InputGroup.Button>\n            </TimePicker>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;;AAkCA,MAAa,aAAa,EACxB,KAGA,OACA,SACA,cACA,QACA,WAGA,OAAO,WACP,cACA,eACA,aACA,UACA,QACA,aAAa,OAGb,UACA,UACA,cAAc,eACd,GAAG,qBACQ;CACX,MAAM,WAAW,OAA8B,IAAI;CAEnD,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,MAAM,CAAC,OAAO,YAAY,qBAAoC;EAC5D,MAAM;EACN,aAAa,gBAAgB;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;CACxD,MAAM,aAAa,CAAC,YAAY,CAAC;CAEjC,MAAM,gBAAsD,UAAU;EACpE,SAAS,MAAM,OAAO,SAAS,IAAI;EACnC,WAAW,KAAK;CAClB;CAEA,MAAM,cAAmD,UAAU;EAEjE,cAAc,MAAM,OAAO,SAAS,IAAI;EACxC,SAAS,KAAK;CAChB;CAEA,MAAM,0BAA0B,SAAiB;EAC/C,SAAS,IAAI;CACf;CAEA,MAAM,oBAA0D;EAC9D,IAAI,CAAC,SAAS,SAAS;EACvB,SAAS,QAAQ,QAAQ;EACzB,SAAS,IAAI;EACb,WAAW,uBAAuB,SAAS,OAAO,CAAC;CACrD;CAEA,OACE,qBAAC,YAAD;EACS;EACE;EACD;EACM;EACH;EALb,UAAA,CAOE,oBAAC,WAAW,OAAZ;GACE,GAAI;GACJ,KAAK,UAAU,OAAO,MAAM,QAAQ;GACpC,MAAK;GAGL,WAAU;GACV,OAAO,SAAS;GACH;GACb,UAAU;GACV,QAAQ;GACE;GACA;EACX,CAAA,IAEC,YAAY,eACZ,qBAAC,WAAW,OAAZ;GAAkB,OAAM;GAAxB,UAAA,CACG,YACC,oBAAC,WAAW,QAAZ;IACE,cAAW;IACX,cAAc,UAAU,MAAM,eAAe;IAC7C,SAAS;IAET,UAAA,oBAAC,GAAD,EAAG,WAAU,YAAa,CAAA;GACT,CAAA,GAEpB,cACC,oBAAC,YAAD;IACE,MAAM;IACN,cAAc;IACd,UAAU;IACV,UAAU;IAEV,UAAA,oBAAC,WAAW,QAAZ;KAAmB,cAAW;KAC5B,UAAA,oBAAC,OAAD,EAAO,WAAU,YAAa,CAAA;IACb,CAAA;GACT,CAAA,CAEE;EAEV,CAAA,CAAA;;AAEhB"}
+{"version":3,"file":"TimeInput.js","names":[],"sources":["../../../src/blocks/TimeInput/TimeInput.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  MouseEventHandler,\n} from 'react';\n\nimport { InputGroup } from '../../components/InputGroup';\nimport { TimePicker } from '../../components/TimePicker';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { Clock, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\ntype InputGroupProps = Pick<ComponentProps<typeof InputGroup>, 'focusVariant' | 'state'>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string | null) => void;\n    onValueBlur?: (value: string | null) => void;\n    allowClear?: boolean;\n  };\n\nexport const TimeInput = ({\n  ref,\n\n  // group props\n  state,\n  focusVariant,\n  className,\n\n  // own props\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  allowClear = false,\n\n  // input props\n  disabled,\n  readOnly,\n  placeholder = 'Select time',\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const [value, setValue] = useControllableState<string | null>({\n    prop: valueProp,\n    defaultProp: defaultValue ?? null,\n    onChange: onValueChange,\n  });\n\n  const canClear = allowClear && !!value && !disabled && !readOnly;\n  const showPicker = !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setValue(event.target.value || null);\n    onChange?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    // The value is already committed on change via `setValue`, so blur only needs to notify.\n    onValueBlur?.(event.target.value || null);\n    onBlur?.(event);\n  };\n\n  const handleTimePickerSelect = (time: string) => {\n    setValue(time);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setValue(null);\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  return (\n    <InputGroup state={state} focusVariant={focusVariant} className={className}>\n      <InputGroup.Input\n        {...restInputProps}\n        ref={mergeRefs(ref ?? null, inputRef)}\n        type=\"time\"\n        // Hide the native picker indicator (custom picker); zero the UA fields-wrapper padding\n        // so the input isn't 2px taller than the InputGroup input.\n        className=\"tw:[&::-webkit-calendar-picker-indicator]:hidden tw:[&::-webkit-datetime-edit-fields-wrapper]:py-0\"\n        value={value ?? ''}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {(canClear || showPicker) && (\n        <InputGroup.Addon align=\"inline-end\">\n          {canClear && (\n            <InputGroup.Button\n              aria-label=\"Clear time\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {showPicker && (\n            <TimePicker\n              open={isOpen}\n              onOpenChange={setIsOpen}\n              onSelect={handleTimePickerSelect}\n              selected={value}\n            >\n              <InputGroup.Button aria-label=\"Select time\">\n                <Clock className=\"tw:size-4\" />\n              </InputGroup.Button>\n            </TimePicker>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;;AA+BA,MAAa,aAAa,EACxB,KAGA,OACA,cACA,WAGA,OAAO,WACP,cACA,eACA,aACA,UACA,QACA,aAAa,OAGb,UACA,UACA,cAAc,eACd,GAAG,qBACQ;CACX,MAAM,WAAW,OAA8B,IAAI;CAEnD,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,MAAM,CAAC,OAAO,YAAY,qBAAoC;EAC5D,MAAM;EACN,aAAa,gBAAgB;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;CACxD,MAAM,aAAa,CAAC,YAAY,CAAC;CAEjC,MAAM,gBAAsD,UAAU;EACpE,SAAS,MAAM,OAAO,SAAS,IAAI;EACnC,WAAW,KAAK;CAClB;CAEA,MAAM,cAAmD,UAAU;EAEjE,cAAc,MAAM,OAAO,SAAS,IAAI;EACxC,SAAS,KAAK;CAChB;CAEA,MAAM,0BAA0B,SAAiB;EAC/C,SAAS,IAAI;CACf;CAEA,MAAM,oBAA0D;EAC9D,IAAI,CAAC,SAAS,SAAS;EACvB,SAAS,QAAQ,QAAQ;EACzB,SAAS,IAAI;EACb,WAAW,uBAAuB,SAAS,OAAO,CAAC;CACrD;CAEA,OACE,qBAAC,YAAD;EAAmB;EAAqB;EAAyB;EAAjE,UAAA,CACE,oBAAC,WAAW,OAAZ;GACE,GAAI;GACJ,KAAK,UAAU,OAAO,MAAM,QAAQ;GACpC,MAAK;GAGL,WAAU;GACV,OAAO,SAAS;GACH;GACb,UAAU;GACV,QAAQ;GACE;GACA;EACX,CAAA,IAEC,YAAY,eACZ,qBAAC,WAAW,OAAZ;GAAkB,OAAM;GAAxB,UAAA,CACG,YACC,oBAAC,WAAW,QAAZ;IACE,cAAW;IACX,cAAc,UAAU,MAAM,eAAe;IAC7C,SAAS;IAET,UAAA,oBAAC,GAAD,EAAG,WAAU,YAAa,CAAA;GACT,CAAA,GAEpB,cACC,oBAAC,YAAD;IACE,MAAM;IACN,cAAc;IACd,UAAU;IACV,UAAU;IAEV,UAAA,oBAAC,WAAW,QAAZ;KAAmB,cAAW;KAC5B,UAAA,oBAAC,OAAD,EAAO,WAAU,YAAa,CAAA;IACb,CAAA;GACT,CAAA,CAEE;EAEV,CAAA,CAAA;;AAEhB"}

package/dist/internal/components/Alert.js

@@ -1,2 +1,2 @@
-import { Alert } from "../../Alert-CZ0dDsuk.js";
+import { Alert } from "../../Alert-Chz6KZ7e.js";
 export { Alert };

package/dist/internal/components/AlertModal.js

@@ -1,2 +1,2 @@
-import { AlertModal } from "../../AlertModal-BDle9ZVQ.js";
+import { AlertModal } from "../../AlertModal-DMsn62JJ.js";
 export { AlertModal };

package/dist/internal/components/Avatar.js

@@ -1,5 +1,5 @@
 import { cn } from "../../classNames-DcGnTh2N.js";
-import { useSHA256 } from "../../utils-LQ4jJA-9.js";
+import { useSHA256 } from "../../utils-DwC9u0tM.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import BoringAvatar from "boring-avatars";
 //#region src/components/Avatar.tsx