@keboola/design 11.4.0 → 11.6.0

package/dist/Combobox-BfIfaVMA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox-BfIfaVMA.js","names":["BaseCombobox","BaseCombobox","BaseCombobox","BaseCombobox","BaseCombobox","BaseCombobox","BaseCombobox","BaseCombobox","BaseCombobox","BaseCombobox","BaseCombobox","BaseCombobox","BaseCombobox","BaseCombobox","Combobox","BaseCombobox"],"sources":["../src/components/Combobox/blankValues.ts","../src/components/Combobox/ComboboxChip.tsx","../src/components/Combobox/utils.ts","../src/components/Combobox/ComboboxChips.tsx","../src/components/Combobox/ComboboxContent.tsx","../src/components/Combobox/ComboboxEmpty.tsx","../src/components/Combobox/ComboboxInput.tsx","../src/components/Combobox/ComboboxInputGroup.tsx","../src/components/Combobox/ComboboxItemIndicator.tsx","../src/components/Combobox/ComboboxItem.tsx","../src/components/Combobox/ComboboxList.tsx","../src/components/Combobox/ComboboxRoot.tsx","../src/components/Combobox/ComboboxSeparator.tsx","../src/components/Combobox/Group/ComboboxGroup.tsx","../src/components/Combobox/Group/ComboboxGroupLabel.tsx","../src/components/Combobox/Group/ComboboxCollection.tsx","../src/components/Combobox/query.ts","../src/components/Combobox/Combobox.tsx","../src/components/Combobox/matchByWords.ts"],"sourcesContent":["/**\n * The two blank strings a Storage filter predicates on, in list order.\n *\n * - Reach for {@link withBlankValues} to offer them; this is the pair itself.\n */\nconst BLANK_VALUES = ['', ' '] as const;\n\nconst BLANK_LABELS: Record<string, string> = {\n  '': '[empty string]',\n  ' ': '[space character]',\n};\n\n/**\n * A string as a row or a chip shows it — named when its text is blank, itself otherwise.\n *\n * - Exported so an `itemToLabel` / `itemToChipLabel` / `itemToSelectedLabel` / `renderChips`\n *   override can keep the default naming instead of retyping the labels.\n * - The two blank values get their own labels; any other whitespace-only string (a tab, a run of\n *   spaces) falls back to a generic one, so two different ones read alike.\n * - Identity is unaffected — `toLabel` keys items off the raw string.\n */\nexport const namedLabel = (text: string): string =>\n  text.trim() === '' ? (BLANK_LABELS[text] ?? '[whitespace]') : text;\n\n/**\n * `values` with both blank values offered ahead of them, and duplicates collapsed.\n *\n * - The dedupe matters where the list is the distinct values of a Storage column: it can already\n *   hold a blank, and two `Object.is`-equal rows both report `aria-selected` and toggle each other.\n * - First occurrence wins, so the order of the values is otherwise preserved.\n * - String items only — the seven Storage filters this serves are all string-valued.\n */\nexport const withBlankValues = (values: readonly string[]): string[] => [\n  ...new Set([...BLANK_VALUES, ...values]),\n];\n","import type { ComponentProps, KeyboardEvent, ReactNode } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { X } from '../../icons';\nimport { Badge } from '../Badge';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nexport type BadgeColor = ComponentProps<typeof Badge>['color'];\nexport type BadgeVariant = ComponentProps<typeof Badge>['variant'];\n\n/**\n * Keeps a chip's own keyboard handling off its content's.\n *\n * - Base UI's chip calls `preventDefault` on Enter and Space, which would cancel the activation of\n *   a link or button rendered inside the chip.\n * - Capture phase, because React dispatches capture and bubble in one pass over the event path:\n *   stopping here means the chip's own bubble handler never runs.\n * - Guarded on the target, so keys the chip itself receives while focused — Backspace, Delete, the\n *   arrows — still reach that handler.\n */\nconst stopNestedKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n  if (event.target !== event.currentTarget) event.stopPropagation();\n};\n\ntype Props = {\n  children: ReactNode;\n  color?: BadgeColor;\n  variant?: BadgeVariant;\n};\n\n/**\n * One chip in a `MultiCombobox`'s chip area — Badge chrome plus the remove button.\n *\n * - Position is the identity: Base UI removes the chip at an index, so render one per entry of\n *   `value`, in that order. There is no value prop to pass.\n * - `children` is the chip's content, so it can hold a link or an action of its own.\n * - Renders inside a `MultiCombobox`'s `renderChips` slot, or `Combobox.Chips`.\n * - A chip the user cannot remove is a plain `Badge`, not a chip — a chip would take a position\n *   that a removal counts against.\n */\nexport const ComboboxChip = ({ children, color, variant }: Props) => {\n  const renderArgo = useArgoDesign();\n\n  return (\n    <BaseCombobox.Chip\n      render={\n        <Badge.Root\n          color={color}\n          variant={variant ?? (renderArgo ? 'pill' : 'default')}\n          className=\"tw:max-w-40\"\n        />\n      }\n      onKeyDownCapture={stopNestedKeyDown}\n    >\n      <Badge.Label>{children}</Badge.Label>\n      <Badge.Addon variant=\"inline\" align=\"inline-end\">\n        <BaseCombobox.ChipRemove\n          render={\n            <Badge.Button aria-label=\"Remove value\">\n              <X className=\"tw:size-3\" />\n            </Badge.Button>\n          }\n        />\n      </Badge.Addon>\n    </BaseCombobox.Chip>\n  );\n};\n","import { namedLabel } from './blankValues';\nimport type { CreatableItem, Group, InternalItems, LabeledItem, SelectAllItem } from './types';\n\nconst isPlainObject = (item: unknown): item is Record<string, unknown> =>\n  item !== null && typeof item === 'object';\n\nconst isNumber = (item: unknown): item is number => typeof item === 'number';\nconst isString = (item: unknown): item is string => typeof item === 'string';\n\nconst isLabeledItem = (item: unknown): item is LabeledItem =>\n  isPlainObject(item) && Reflect.has(item, 'label') && Reflect.has(item, 'value');\n\nexport const isInternalItem = (item: unknown): item is InternalItems =>\n  isLabeledItem(item) && '__marker' in item;\n\nexport const isSelectAllItem = (item: unknown): item is SelectAllItem =>\n  isInternalItem(item) && item.__marker === 'selectAll';\n\nexport const isCreatableItem = (item: unknown): item is CreatableItem => {\n  return isInternalItem(item) && item.__marker === 'creatable';\n};\n\nexport const isGroupItem = <Item>(itemOrGroup: Item | Group<Item>): itemOrGroup is Group<Item> =>\n  itemOrGroup !== null && typeof itemOrGroup === 'object' && Reflect.has(itemOrGroup, 'items');\n\nexport const isGroupItems = <Item, GroupShape extends Group<Item> = Group<Item>>(\n  items: readonly (Item | GroupShape)[],\n): items is GroupShape[] => {\n  if (!Array.isArray(items)) return false;\n  if (items.length === 0) return false; // Base UI treats an empty items array as non-grouped, so we must too for consistency\n  return isGroupItem(items[0]); // Base UI only checks the first item to determine if it's a group or not, so we do the same for consistency\n};\n\n/**\n * Node a list row and a chip show for an item.\n *\n * - Names a blank string, because a row or a chip rendering as nothing is indistinguishable from\n *   an empty control. {@link toLabel} deliberately does not, so the input keeps the raw value.\n * - A non-string `label` (a JSX node) passes through untouched.\n */\nexport const defaultItemToLabel = <Item>(item: Item) => {\n  if (isNumber(item)) return item;\n  if (isString(item)) return namedLabel(item);\n  if (!isLabeledItem(item))\n    throw new Error(\n      'Combobox: Item does not have a `label` field. Pass `itemToLabel` for custom item shapes.',\n    );\n\n  return isString(item.label) ? namedLabel(item.label) : item.label;\n};\n\n/**\n * Display string for an item — mirrors base-ui's own default logic.\n *\n * - Also the default search text and the closed `Combobox`'s input value, so it is the item's\n *   string identity rather than its decoration.\n * - Blank strings are deliberately **not** named here: a `''` reaching this is as likely to be an\n *   owner's \"nothing selected\" as a real value.\n * - Naming one would paint text into an empty input and suppress the placeholder.\n * - Naming lives in {@link defaultItemToLabel}, which only rows and chips read.\n */\nexport const toLabel = (item: unknown): string => {\n  if (isString(item)) return item;\n  if (isLabeledItem(item)) {\n    if (item.label) return item.label;\n    if (item.value) return item.value;\n  }\n  return String(item);\n};\n\n/** Equality key for an item — prefers .value for stable identity. */\nconst toValueKey = (item: unknown): string => {\n  if (isString(item)) return item;\n  if (isLabeledItem(item)) {\n    if (item.value) return item.value;\n    if (item.label) return item.label;\n  }\n  return String(item);\n};\n\nexport const defaultItemToIcon = <Item>(item: Item) =>\n  isLabeledItem(item) ? item.icon : undefined;\n\nexport const defaultItemToDisabled = <Item>(item: Item) =>\n  isLabeledItem(item) ? (item.disabled ?? false) : false;\n\nexport const defaultGroupToLabel = () => undefined;\n\n// Internal markers ------------------------------------------------------------\n// Both `selectAll` and `creatable` are LabeledItem-shaped sentinels that we\n// inject into the items list passed to Base UI. They carry a `__marker`\n// discriminator so consumer code (and user-supplied callbacks) can't collide\n// with them by accident.\n\nexport const selectAllItem: SelectAllItem = {\n  __marker: 'selectAll',\n  value: '__select_all__',\n  label: 'Select All',\n};\n\nexport const createCreatableItem = (query: string): CreatableItem => ({\n  __marker: 'creatable',\n  value: query,\n  label: query,\n});\n\n/**\n * Item-equality predicate for a Base UI combobox root.\n *\n * - An injected sentinel row equals only a sentinel of the same marker with the same value key —\n *   the create row is rebuilt on every keystroke, so reference equality would never match it.\n * - A sentinel never equals a real item, however the two keys read: that is what the marker is for.\n * - Real items fall through to the caller's predicate, then to Base UI's own `Object.is`.\n */\nexport const toItemEquality =\n  <Value>(isItemEqualToValue?: (a: Value, b: Value) => boolean) =>\n  (a: Value, b: Value) => {\n    if (isInternalItem(a) || isInternalItem(b)) {\n      return (\n        isInternalItem(a) &&\n        isInternalItem(b) &&\n        a.__marker === b.__marker &&\n        toValueKey(a) === toValueKey(b)\n      );\n    }\n    return isItemEqualToValue?.(a, b) ?? Object.is(a, b);\n  };\n\nexport const defaultToCreateValue = <Value>(\n  query: string,\n  value: Value | undefined,\n  queryToCreateValue?: (query: string) => Value,\n): Value => {\n  if (queryToCreateValue) return queryToCreateValue(query);\n  if (value === undefined) return query as Value;\n  if (isString(value)) return query as Value;\n  if (isLabeledItem(value)) return { value: query, label: query } as Value;\n  throw new Error(\n    'Combobox: Cannot infer item shape for `allowCreate`. Pass `queryToCreateValue` for custom item shapes.',\n  );\n};\n\nexport const defaultQueryToCreateLabel = (query: string) => `Create \"${query}\"`;\n","import type { ReactNode } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { Badge } from '../Badge';\n\nimport { type BadgeColor, type BadgeVariant, ComboboxChip } from './ComboboxChip';\nimport { defaultItemToLabel, isInternalItem } from './utils';\n\ntype Props<Value> = {\n  maxVisible?: number;\n  itemToChipLabel?: (item: Value) => ReactNode;\n  itemToChipColor?: (item: Value) => BadgeColor;\n  /**\n   * Labels for chips the control shows but the user does not own — a pinned set the caller keeps.\n   *\n   * - Each label gets a chip of its own, ahead of the values and outside the `maxVisible` slice.\n   * - No remove button, and no entry in `value` — there is nothing for a removal to report.\n   */\n  pinnedChipLabels?: ReactNode[];\n  variant?: BadgeVariant;\n  /**\n   * Renders the chip area from the selected values, in place of the default chips.\n   *\n   * - Every other prop here is then unused: the caller decides what each value becomes and how\n   *   many of them show.\n   * - Build removable chips with `Combobox.Chip`; nothing requires one chip per value.\n   */\n  children?: (values: Value[]) => ReactNode;\n};\n\nexport const ComboboxChips = <Value,>({\n  maxVisible = 3,\n  itemToChipLabel = defaultItemToLabel,\n  itemToChipColor,\n  pinnedChipLabels,\n  variant = 'pill',\n  children,\n}: Props<Value>) => (\n  <BaseCombobox.Value>\n    {(rawValues: Value[]) => {\n      // The Select All row is an item like any other to Base UI, so a complete selection carries\n      // its marker in `value`. It is the control's own bookkeeping, not something the user picked:\n      // it gets no chip, and it never reaches the caller's `itemToChipLabel` / `itemToChipColor`.\n      const values = rawValues.filter((value) => !isInternalItem(value));\n\n      if (children) return children(values);\n\n      const visible = values.slice(0, maxVisible);\n      const overflow = values.slice(maxVisible);\n\n      return (\n        <>\n          {pinnedChipLabels?.map((label, index) => (\n            // oxlint-disable-next-line react/no-array-index-key\n            <Badge key={index} className=\"tw:max-w-40\" variant={variant}>\n              {label}\n            </Badge>\n          ))}\n\n          {visible.map((value: Value, index) => (\n            <ComboboxChip\n              // oxlint-disable-next-line react/no-array-index-key\n              key={index}\n              color={itemToChipColor?.(value)}\n              variant={variant}\n            >\n              {itemToChipLabel(value)}\n            </ComboboxChip>\n          ))}\n\n          {overflow.length > 0 && (\n            <Badge.Root variant=\"pill\">\n              <Badge.Label>+{overflow.length}</Badge.Label>\n            </Badge.Root>\n          )}\n        </>\n      );\n    }}\n  </BaseCombobox.Value>\n);\n","import type { ComponentProps } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { DismissableLayer } from '@radix-ui/react-dismissable-layer';\n\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\ntype PortalProps = ComponentProps<typeof BaseCombobox.Portal>;\ntype PositionerProps = ComponentProps<typeof BaseCombobox.Positioner>;\ntype PopupProps = Omit<ComponentProps<typeof BaseCombobox.Popup>, 'className'> & {\n  className?: string;\n};\n\ntype Variant = 'default' | 'argo';\n\ntype Props = PopupProps &\n  Pick<PositionerProps, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> &\n  Pick<PortalProps, 'container'>;\n\nexport const ComboboxContent = ({\n  ref,\n  align = 'start',\n  side = 'bottom',\n  sideOffset = 4,\n  alignOffset,\n  anchor,\n  container,\n  className,\n  children,\n  ...popupProps\n}: Props) => {\n  const effectiveVariant: Variant = useArgoDesign() ? 'argo' : 'default';\n  return (\n    <BaseCombobox.Portal container={container}>\n      {/*\n       * Registers the popup in Radix's layer stack.\n       *\n       * - Base UI portals the popup out of the DOM, so a surrounding Radix `Modal` / `Sheet` /\n       *   `Popover` would otherwise still count itself as topmost and close on Escape. Radix reads\n       *   the key off a document capture listener, so being a higher layer is the only lever.\n       * - No `onDismiss`: Base UI closes the popup itself, the layer only claims the keystroke.\n       */}\n      <DismissableLayer asChild>\n        <BaseCombobox.Positioner\n          align={align}\n          side={side}\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          anchor={anchor}\n          className=\"tw:isolate tw:z-[1055] tailwindcss-preflight\"\n        >\n          <BaseCombobox.Popup\n            ref={ref}\n            data-chips={!!anchor}\n            data-variant={effectiveVariant}\n            className={cn(\n              'tw:!pointer-events-auto',\n              'tw:group/combobox-content',\n              'tw:relative',\n              'tw:flex tw:flex-col tw:overflow-hidden',\n\n              // sizing\n              'tw:max-h-[var(--available-height)]',\n              'tw:w-[var(--anchor-width)]',\n              'tw:max-w-[var(--available-width)]',\n              'tw:origin-[var(--transform-origin)]',\n              'tw:data-[chips=true]:min-w-[var(--anchor-width)]',\n\n              // appearance\n              'tw:rounded-lg',\n              'tw:data-[variant=default]:rounded',\n\n              'tw:bg-popover',\n              'tw:text-popover-foreground',\n              'tw:shadow-md',\n              'tw:ring-1',\n              'tw:ring-foreground/10',\n              'tw:duration-100',\n\n              // open animation\n              'data-open:animate-in',\n              'data-open:fade-in-0',\n              'data-open:zoom-in-95',\n\n              // closed animation\n              'data-closed:animate-out',\n              'data-closed:fade-out-0',\n              'data-closed:zoom-out-95',\n\n              // position animations\n              'tw:data-[side=bottom]:slide-in-from-top-2',\n              'tw:data-[side=top]:slide-in-from-bottom-2',\n              'tw:data-[side=left]:slide-in-from-right-2',\n              'tw:data-[side=right]:slide-in-from-left-2',\n              'tw:data-[side=inline-start]:slide-in-from-right-2',\n              'tw:data-[side=inline-end]:slide-in-from-left-2',\n              className,\n            )}\n            {...popupProps}\n          >\n            {children}\n          </BaseCombobox.Popup>\n        </BaseCombobox.Positioner>\n      </DismissableLayer>\n    </BaseCombobox.Portal>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { cn } from '../../utils';\n\ntype Props = Omit<ComponentProps<typeof BaseCombobox.Empty>, 'className'> & {\n  className?: string;\n};\n\nexport const ComboboxEmpty = ({ ref, className, ...props }: Props) => (\n  <BaseCombobox.Empty\n    ref={ref}\n    className={cn(\n      'tw:hidden',\n      'tw:group-data-[empty]/combobox-content:flex',\n      'tw:justify-center',\n      'tw:items-center',\n      'tw:text-center',\n      'tw:px-2',\n      'tw:text-muted-foreground',\n      'tw:py-6',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { InputGroup } from '../InputGroup';\n\ntype Props = Omit<ComponentProps<typeof BaseCombobox.Input>, 'render'>;\n\nexport const ComboboxInput = ({ ref, ...props }: Props) => (\n  <BaseCombobox.Input {...props} ref={ref} render={<InputGroup.Input />} />\n);\n","import type { ComponentProps } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { InputGroup } from '../InputGroup';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'sizing' | 'state'\n>;\n\ntype Props = InputGroupProps &\n  Omit<ComponentProps<typeof BaseCombobox.InputGroup>, 'render' | 'className'> & {\n    className?: string;\n  };\n\nexport const ComboboxInputGroup = ({\n  ref,\n  state,\n  variant,\n  sizing,\n  focusVariant,\n  className,\n  ...props\n}: Props) => (\n  <BaseCombobox.InputGroup\n    {...props}\n    ref={ref}\n    render={\n      <InputGroup\n        state={state}\n        variant={variant}\n        focusVariant={focusVariant}\n        sizing={sizing}\n        className={className}\n      />\n    }\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { Check } from '../../icons';\nimport { cn } from '../../utils';\n\ntype Variant = 'check' | 'checkbox';\n\ntype Props = Omit<ComponentProps<typeof BaseCombobox.ItemIndicator>, 'className' | 'children'> & {\n  className?: string;\n  variant?: Variant;\n};\n\nexport const ComboboxItemIndicator = ({ ref, className, variant = 'check', ...props }: Props) => {\n  if (variant === 'checkbox') {\n    return (\n      <BaseCombobox.ItemIndicator\n        ref={ref}\n        keepMounted\n        className={cn(\n          'tw:group/combobox-item-indicator',\n\n          'tw:inline-flex',\n          'tw:items-center',\n          'tw:justify-center',\n          'tw:size-4',\n          'tw:shrink-0',\n\n          'tw:rounded',\n          'tw:border',\n          'tw:border-input',\n          'tw:bg-background',\n\n          'tw:data-[selected]:bg-primary',\n          'tw:data-[selected]:border-primary',\n          className,\n        )}\n        {...props}\n      >\n        <Check\n          className={cn(\n            'tw:hidden',\n            'tw:size-3',\n            'tw:stroke-[4px]',\n            'tw:!text-primary-foreground',\n            'tw:group-data-[selected]/combobox-item-indicator:block',\n          )}\n        />\n      </BaseCombobox.ItemIndicator>\n    );\n  }\n\n  return (\n    <BaseCombobox.ItemIndicator\n      {...props}\n      ref={ref}\n      className={cn(\n        'tw:pointer-events-none',\n        'tw:absolute',\n        'tw:right-2',\n\n        'tw:group-data-[variant=default]/combobox-content:right-4',\n        // `render={<Check />}` makes the icon the indicator element itself (not a descendant), so a\n        // `[&_svg]` rule never matches it — size it directly or Lucide renders at its 24px default.\n        'tw:size-4',\n        'tw:group-data-[highlighted]/combobox-item:text-accent-foreground',\n        'tw:group-data-[variant=default]/combobox-content:group-data-[highlighted]/combobox-item:text-secondary-foreground',\n        className,\n      )}\n      render={<Check />}\n    />\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { cn } from '../../utils';\n\nimport { ComboboxItemIndicator } from './ComboboxItemIndicator';\n\ntype Props = Omit<ComponentProps<typeof BaseCombobox.Item>, 'className'> & {\n  className?: string;\n  icon?: ReactNode;\n  indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];\n};\n\nexport const ComboboxItem = ({\n  ref,\n  className,\n  children,\n  icon,\n  indicator: variant = 'check',\n  ...props\n}: Props) => (\n  <BaseCombobox.Item\n    {...props}\n    ref={ref}\n    data-slot=\"combobox-item\"\n    className={cn(\n      'tw:group/combobox-item',\n      // layout\n      'tw:relative',\n      'tw:flex',\n      'tw:flex-1',\n      'tw:items-center',\n      'tw:gap-2',\n\n      // spacing\n      'tw:py-2',\n      'tw:px-2',\n      'tw:group-data-[variant=default]/combobox-content:px-4',\n      'tw:rounded-lg',\n      'tw:group-data-[variant=default]/combobox-content:rounded-none',\n\n      // typography\n      'tw:text-sm',\n      'tw:select-none',\n      'tw:cursor-default',\n      'tw:outline-hidden',\n\n      // highlighted (keyboard / hover)\n      'tw:data-[highlighted]:bg-accent',\n      // The legacy highlight is a neutral step, not the argo accent.\n      //\n      // - `secondary` carries its own foreground, so fill and ink move together.\n      // - `muted` is unusable: in dark it equals `popover`, so the band would disappear\n      //   into the listbox.\n      'tw:group-data-[variant=default]/combobox-content:data-[highlighted]:bg-secondary',\n      'tw:data-[highlighted]:text-accent-foreground',\n      'tw:group-data-[variant=default]/combobox-content:data-[highlighted]:text-secondary-foreground',\n\n      // disabled\n      'tw:data-disabled:pointer-events-none',\n      'tw:data-disabled:opacity-50',\n\n      // child svg defaults\n      'tw:[&_svg]:pointer-events-none',\n      'tw:[&_svg]:shrink-0',\n      'tw:[&_svg]:text-muted-foreground',\n      \"tw:[&_svg:not([class*='size-'])]:size-4\",\n      className,\n    )}\n  >\n    {<ComboboxItemIndicator variant={variant} />}\n    {icon}\n    <span className=\"tw:truncate\">{children}</span>\n  </BaseCombobox.Item>\n);\n","import type { ComponentProps } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { cn } from '../../utils';\n\ntype Props = Omit<ComponentProps<typeof BaseCombobox.List>, 'className'> & {\n  className?: string;\n};\n\nexport const ComboboxList = ({ ref, className, ...props }: Props) => (\n  <BaseCombobox.List\n    ref={ref}\n    className={cn(\n      'tw:no-scrollbar',\n      'tw:scroll-py-1',\n      'tw:overflow-y-auto',\n      'tw:overscroll-contain',\n      'tw:min-h-0',\n      'tw:flex-1',\n\n      'tw:p-2',\n      'tw:data-[empty]:p-0',\n      'tw:group-data-[variant=default]/combobox-content:p-0',\n      className,\n    )}\n    {...props}\n  />\n);\n","import { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nexport const ComboboxRoot = <Value, Multiple extends boolean | undefined = false>(\n  props: BaseCombobox.Root.Props<Value, Multiple>,\n) => <BaseCombobox.Root {...props} />;\n","import type { ComponentProps } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { cn } from '../../utils';\n\ntype Props = Omit<ComponentProps<typeof BaseCombobox.Separator>, 'className'> & {\n  className?: string;\n};\n\nexport const ComboboxSeparator = ({ ref, className, ...props }: Props) => (\n  <BaseCombobox.Separator\n    ref={ref}\n    className={cn('tw:mx-2 tw:my-1 tw:h-px tw:bg-border', className)}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { cn } from '../../../utils';\n\ntype Props = Omit<ComponentProps<typeof BaseCombobox.Group>, 'className'> & {\n  className?: string;\n};\n\nexport const ComboboxGroup = ({ ref, className, children, ...props }: Props) => (\n  <BaseCombobox.Group\n    ref={ref}\n    className={cn('tw:flex tw:flex-col tw:gap-0.5', className)}\n    {...props}\n  >\n    {children}\n  </BaseCombobox.Group>\n);\n","import { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { cn } from '../../../utils';\n\ntype Props = Omit<BaseCombobox.GroupLabel.Props, 'className'> & {\n  className?: string;\n};\n\nexport const ComboboxGroupLabel = ({ ref, className, ...props }: Props) => (\n  <BaseCombobox.GroupLabel\n    {...props}\n    ref={ref}\n    className={cn(\n      // Base (argo variant) — soft gray section label.\n      'tw:px-2',\n      'tw:py-1.5',\n      'tw:text-xs',\n      'tw:font-medium',\n      'tw:leading-none',\n      'tw:text-muted-foreground',\n\n      'tw:group-data-[variant=default]/combobox-content:uppercase',\n      'tw:group-data-[variant=default]/combobox-content:font-semibold',\n      'tw:group-data-[variant=default]/combobox-content:tracking-wider',\n      'tw:group-data-[variant=default]/combobox-content:text-[11px]',\n      'tw:group-data-[variant=default]/combobox-content:text-black',\n      'tw:group-data-[variant=default]/combobox-content:pt-2',\n      'tw:group-data-[variant=default]/combobox-content:px-4',\n\n      className,\n    )}\n  />\n);\n","import { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\ntype Props = BaseCombobox.Collection.Props;\n\nexport const ComboboxCollection = ({ ...props }: Props) => (\n  <BaseCombobox.Collection data-slot=\"combobox-collection\" {...props} />\n);\n","import { useEffect } from 'react';\n\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { noop } from '../../utils';\n\n/**\n * The text a combobox's input takes, with `inputValueSanitizer` applied to what the user typed.\n *\n * - `input-change` is the only reason carrying typed text. Every other one carries text the\n *   control itself put there — an item's label, or the empty string a clear leaves — which a\n *   sanitizer aimed at typed characters would mangle.\n * - A sanitizer sees the whole text on every keystroke, so it has to rewrite rather than drop:\n *   one calling `trim()` swallows the space before the next word.\n */\nexport const sanitizeTypedInput = (\n  next: string,\n  reason: string,\n  sanitizer: ((input: string) => string) | undefined,\n) => (reason === 'input-change' ? (sanitizer?.(next) ?? next) : next);\n\n/**\n * Reports the query the list filters by to the control's owner.\n *\n * - Fires from an effect rather than the input handler because `query` is derived: in `Combobox`\n *   a selection showing its own label empties it without a keystroke, so the handler never sees\n *   every value it takes.\n * - The mount render reports too, so an owner fetching on the query needs no first fetch of its\n *   own.\n */\nexport const useQueryReporter = (query: string, onQueryChange?: (query: string) => void) => {\n  const report = useStableCallback(onQueryChange ?? noop);\n\n  useEffect(() => {\n    report(query);\n  }, [query, report]);\n};\n","import { type ComponentProps, type CSSProperties, type ReactNode, useMemo, useState } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nimport { ChevronDown, Plus, X } from '../../icons';\nimport { cn } from '../../utils';\nimport { InputGroup } from '../InputGroup';\n\nimport { ComboboxChip } from './ComboboxChip';\nimport { ComboboxChips } from './ComboboxChips';\nimport { ComboboxContent } from './ComboboxContent';\nimport { ComboboxEmpty } from './ComboboxEmpty';\nimport { ComboboxInput } from './ComboboxInput';\nimport { ComboboxInputGroup } from './ComboboxInputGroup';\nimport { ComboboxItem } from './ComboboxItem';\nimport { ComboboxList } from './ComboboxList';\nimport { ComboboxRoot } from './ComboboxRoot';\nimport { ComboboxSeparator } from './ComboboxSeparator';\nimport { ComboboxCollection, ComboboxGroup, ComboboxGroupLabel } from './Group';\nimport { useQueryReporter } from './query';\nimport type { Group } from './types';\nimport {\n  createCreatableItem,\n  defaultGroupToLabel,\n  defaultItemToDisabled,\n  defaultItemToIcon,\n  defaultItemToLabel,\n  defaultQueryToCreateLabel,\n  defaultToCreateValue,\n  isCreatableItem,\n  isGroupItem,\n  isGroupItems,\n  toItemEquality,\n  toLabel,\n} from './utils';\n\n// Above this many (ungrouped) items, the list is windowed with `@tanstack/react-virtual` so only\n// the visible rows hit the DOM. Base UI keeps keyboard nav + filtering working against the full\n// `items` set (via `virtualized`), so search is unaffected.\nconst VIRTUALIZE_THRESHOLD = 30;\nconst ESTIMATED_ROW_HEIGHT = 40;\nconst ESTIMATED_LIST_HEIGHT = 320;\n\ntype ComboboxProps<Value> = BaseCombobox.Root.Props<Value, false>;\ntype ComboboxInputProps = ComponentProps<typeof ComboboxInput>;\ntype ComboboxInputGroupProps = ComponentProps<typeof ComboboxInputGroup>;\ntype ComboboxItemProps = ComponentProps<typeof ComboboxItem>;\n\ntype Indicator = NonNullable<ComboboxItemProps['indicator']>;\n\ntype PublicComboboxInputProps = Pick<ComboboxInputProps, 'placeholder' | 'id'> &\n  Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'>;\n\ntype PublicComboboxProps<Value> = Pick<\n  ComboboxProps<Value>,\n  | 'disabled'\n  | 'inputRef'\n  | 'value'\n  | 'defaultValue'\n  | 'onValueChange'\n  | 'itemToStringLabel'\n  | 'itemToStringValue'\n  | 'filter'\n  | 'onOpenChangeComplete'\n  | 'isItemEqualToValue'\n>;\n\ntype CreatableProps<Value> = {\n  allowCreate?: boolean;\n  queryToCreateLabel?: (query: string) => ReactNode;\n  queryToCreateValue?: (query: string) => Value;\n  /**\n   * Gate on the typed query for `allowCreate`.\n   *\n   * - Returning `false` hides the create row, so the empty state shows instead.\n   * - Only called for a non-empty query that matches no existing item.\n   * - Reach for it when a free-form value has a format (an email address, a URL, an identifier).\n   */\n  canCreate?: (query: string) => boolean;\n};\n\ntype Props<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps &\n  PublicComboboxProps<Value> &\n  CreatableProps<Value> & {\n    items?: readonly (Value | GroupShape)[];\n\n    // root specific\n    /**\n     * Offer a clear button once a value is selected. Defaults to **`true`**.\n     *\n     * - `BaseCombobox.Clear` only mounts while there is something to clear, so an empty combobox\n     *   renders identically either way.\n     * - Pass `false` where clearing must not be reachable — a required field, or a control whose\n     *   empty state the surrounding form cannot represent.\n     */\n    allowClear?: boolean;\n    empty?: ReactNode;\n    indicator?: Indicator;\n    prefix?: ReactNode;\n    /**\n     * Window the list with a virtualizer so large option sets stay fast. Opt-in — defaults to\n     * `false` to keep behavior unchanged for existing call sites (every option stays in the DOM).\n     * Pass `'auto'` to virtualize only ungrouped lists longer than {@link VIRTUALIZE_THRESHOLD},\n     * or `true` to force it. Grouped lists are never virtualized.\n     */\n    virtualized?: boolean | 'auto';\n\n    // query specific\n    /**\n     * Rewrites what the user types before the control adopts it.\n     *\n     * - Runs on typing only. The selection's own label comes from the item, so normalising that\n     *   too would corrupt what the closed control displays.\n     * - The query the list filters by is the rewritten text, and so is everything `allowCreate`\n     *   derives from it — a character the user cannot type is one they cannot create.\n     * - Reach for it where a created value has a character set: a bucket or table identifier.\n     *   `canCreate` is the gate for a format the user must get right themselves.\n     * - It has to rewrite rather than drop: it sees the whole text on every keystroke, so one\n     *   calling `trim()` swallows the space before the next word.\n     */\n    inputValueSanitizer?: (input: string) => string;\n    /**\n     * Reports the query the list filters by, `inputValueSanitizer` already applied.\n     *\n     * - For an owner that needs the query for itself: a server-side search, an option order, the\n     *   name a \"create\" form opens with.\n     * - The query is empty while the input still shows the selection's label, so a list fetched\n     *   for a query cannot stay narrowed behind a selection the user has moved on from. The\n     *   mount render reports too, so a search driven by this needs no first fetch of its own.\n     * - Notification only, and deliberately not Base UI's own `onInputValueChange`: the control\n     *   keeps ownership of the text — a selection snaps it back to that item's label, and\n     *   creating or clearing a value rewrites it — so there is no controlled `inputValue` to\n     *   hold in sync.\n     */\n    onQueryChange?: (query: string) => void;\n\n    // item specific\n    /** `query` is the current search text — pass it to `MarkedText` to highlight the match. */\n    itemToLabel?: (item: Value, query: string) => ReactNode;\n    itemToIcon?: (item: Value) => ReactNode;\n    itemToDisabled?: (item: Value) => boolean;\n    /**\n     * How the selection renders once the popup is closed — an icon, a badge, a secondary line.\n     *\n     * - Shows ahead of the input, and the input's own text turns transparent behind it, so the\n     *   selection reads once. Typing dissolves it and hands the row back to the query.\n     * - The input keeps `itemToStringLabel`'s text as its value, so this is decoration: a screen\n     *   reader still reports the selection. That is the reason to reach for it over drawing the\n     *   selection yourself in `prefix`, which costs the input its accessible value.\n     * - Left unset, the selection is that text alone — `itemToLabel` styles the open list's rows,\n     *   not the selection, and the two are free to differ.\n     * - The node owns its own overflow, as `itemToLabel` and `itemToChipLabel` do: the control caps\n     *   the area so the clear and open buttons stay reachable, and clips what does not fit.\n     */\n    itemToSelectedLabel?: (item: Value) => ReactNode;\n\n    // group specific\n    groupToLabel?: (group: GroupShape) => ReactNode;\n  };\n\nexport const Combobox = <Value, GroupShape extends Group<Value> = Group<Value>>({\n  // root props\n  items: _itemsProp,\n  value,\n  defaultValue,\n  onValueChange,\n  itemToStringLabel: itemToStringLabelProp,\n  itemToStringValue,\n  disabled,\n  filter,\n  inputRef,\n  onOpenChangeComplete,\n  isItemEqualToValue: isItemEqualToValueProp,\n\n  // input props\n  variant,\n  sizing,\n  focusVariant,\n  state,\n  placeholder,\n  allowClear = true,\n  id,\n  className,\n\n  // own props\n  empty = 'No items',\n  indicator,\n  prefix,\n  virtualized = false,\n\n  // query\n  inputValueSanitizer,\n  onQueryChange,\n\n  // creatable\n  allowCreate,\n  queryToCreateValue,\n  queryToCreateLabel = defaultQueryToCreateLabel,\n  canCreate,\n\n  // own item props\n  itemToDisabled = defaultItemToDisabled,\n  itemToLabel = defaultItemToLabel,\n  itemToIcon = defaultItemToIcon,\n  itemToSelectedLabel,\n  groupToLabel = defaultGroupToLabel,\n}: Props<Value, GroupShape>) => {\n  /** An item's string identity: the input's text, the default search subject, and the accessible value. */\n  const labelOf = (item: Value) => itemToStringLabelProp?.(item) ?? toLabel(item);\n\n  // What the user has typed, or `null` while the control is showing its selection instead.\n  //\n  // - The input's text and the search query are both derived from it, so neither can drift from\n  //   what the value says.\n  // - Discarded when the popup closes, so a control the user has walked away from shows its value.\n  //   Base UI's own sync-back cannot carry that on its own: it skips the write whenever the text\n  //   already matches the label, which a query edited back to the label reaches.\n  const [typedText, setTypedText] = useState<string | null>(null);\n\n  // The item the control holds right now, controlled or not.\n  //\n  // - `value === undefined` hands ownership to Base UI, so an uncontrolled selection is mirrored\n  //   here as it happens; `defaultValue` seeds it.\n  // - `null` is both \"nothing selected\" and the adder shape's pinned value.\n  // - `BaseCombobox.Value` reports the same item, but only to its own render prop. Three things\n  //   outside one need it — the query gate below, the input's className, and the addon's — so the\n  //   selection is read here rather than in a slot.\n  const [uncontrolledValue, setUncontrolledValue] = useState<Value | null>(defaultValue ?? null);\n  const selectedItem = value !== undefined ? value : uncontrolledValue;\n\n  const selectedLabel = selectedItem == null ? null : labelOf(selectedItem);\n\n  // Whether the text on screen is the selection speaking rather than a query.\n  //\n  // - `typedText === null` is the usual way in, but editing a query back to the label reaches the\n  //   same screen and has to read the same, so the comparison is against the label, not `null`.\n  // - Drives the query gate below, the rich selected node, and the filter override.\n  const isShowingSelection =\n    selectedLabel !== null && (typedText === null || typedText === selectedLabel);\n\n  // The input's own text: the query while there is one, the selection's label otherwise. Keeping the\n  // label here is what lets a screen reader report the selection.\n  const inputValue = typedText ?? selectedLabel ?? '';\n  // The rich selection stands in for the input's text only while that text still *is* the\n  // selection's label — once there is a query the row belongs to it.\n  const selectedNode =\n    itemToSelectedLabel && selectedItem != null && isShowingSelection\n      ? itemToSelectedLabel(selectedItem)\n      : null;\n  const query = (isShowingSelection ? '' : (typedText ?? '')).trim();\n  const queryLower = query.toLowerCase();\n\n  useQueryReporter(query, onQueryChange);\n\n  const itemsProp = _itemsProp ?? [];\n  const sampleItem = itemsProp.flatMap((item) => (isGroupItem(item) ? item.items : [item]))[0];\n\n  const [createdItems, setCreatedItems] = useState<Value[]>([]);\n\n  const allItems = (() => {\n    if (createdItems.length === 0) return itemsProp as (Value | GroupShape)[];\n    if (isGroupItems(itemsProp))\n      return [...itemsProp, { items: createdItems } as unknown as GroupShape];\n    return [...itemsProp, ...createdItems];\n  })();\n\n  const items = (() => {\n    if (!allowCreate || disabled) return allItems;\n    if (!query) return allItems;\n    const exactMatch = allItems\n      .flatMap((item) => (isGroupItem(item) ? item.items : [item]))\n      .some((item) => labelOf(item).toLowerCase() === queryLower);\n    if (exactMatch) return allItems;\n    if (canCreate && !canCreate(query)) return allItems;\n\n    const creatable = isGroupItems(itemsProp)\n      ? [{ items: [createCreatableItem(query)] }]\n      : [createCreatableItem(query)];\n\n    return [...allItems, ...creatable];\n  })();\n\n  const itemToStringLabel: ComboboxProps<Value>['itemToStringLabel'] = (value) =>\n    isCreatableItem(value) ? value.value : labelOf(value);\n\n  // Behind a selection the whole list stays browsable; otherwise the list narrows to the selected\n  // item and there is no way to reach a different, unrelated one without clearing first.\n  //\n  // - Base UI's own `shouldBypassFiltering` covers only a fresh open: its `queryChangedAfterOpen`\n  //   flips on the first keystroke and clears on close, never when the text returns to the label.\n  // - The creatable row is not one of the caller's items, so a caller's `filter` never sees it.\n  const wrappedFilter: ComboboxProps<Value>['filter'] = isShowingSelection\n    ? () => true\n    : !allowCreate || !filter\n      ? filter\n      : (item, ...args) => isCreatableItem(item) || filter(item, ...args);\n\n  const wrappedItemToStringValue: ComboboxProps<Value>['itemToStringValue'] =\n    !allowCreate || !itemToStringValue\n      ? itemToStringValue\n      : (item) => (isCreatableItem(item) ? item.value : itemToStringValue(item));\n\n  // Base UI stores the comparer and lists it in an effect's deps, so a fresh identity per render\n  // re-renders every option row and rescans the item list.\n  const isItemEqualToValue = useMemo(\n    () => toItemEquality(isItemEqualToValueProp),\n    [isItemEqualToValueProp],\n  );\n\n  // Only the user's own typing becomes `typedText`, and it is the only text `inputValueSanitizer`\n  // sees — the selection's own label is projected from the item, so a sanitizer cannot reach it.\n  //\n  // - Every other reason Base UI reports means \"show the selection\": an item press, a clear, and\n  //   the label it syncs back into the input when the popup unmounts.\n  // - Its sync-back is a write to ignore rather than adopt: it stringifies Base UI's own selected\n  //   value, which for a created item is the internal sentinel and not the value the owner holds.\n  const handleInputValueChange: NonNullable<ComboboxProps<Value>['onInputValueChange']> = (\n    next,\n    { reason },\n  ) => {\n    if (reason !== 'input-change') {\n      setTypedText(null);\n      return;\n    }\n\n    const typed = inputValueSanitizer?.(next) ?? next;\n    // Whitespace alone is never adopted: Base UI gates opening the popup on `value.trim()`\n    // (`ComboboxInput`), so a control that took it would sit closed showing text its value does not\n    // say, with no close to discard it. An empty input is a different thing — it clears the\n    // selection — so it is adopted.\n    setTypedText(typed === '' || typed.trim() !== '' ? typed : null);\n  };\n\n  // Discard the query the moment the popup starts closing rather than once it has finished: the\n  // input goes back to saying what the value says without waiting out a close transition, and the\n  // reset no longer rides on Base UI's unmount sync.\n  const handleOpenChange: NonNullable<ComboboxProps<Value>['onOpenChange']> = (open) => {\n    if (!open) setTypedText(null);\n  };\n\n  const handleOnValueChange: ComboboxProps<Value>['onValueChange'] = (next, event) => {\n    if (isCreatableItem(next)) {\n      const newValue = defaultToCreateValue(next.value, sampleItem, queryToCreateValue) as Value;\n      setCreatedItems((prev) => [...prev, newValue]);\n      setUncontrolledValue(newValue);\n      onValueChange?.(newValue, event);\n      return;\n    }\n\n    setUncontrolledValue(next);\n    onValueChange?.(next, event);\n  };\n\n  // State-backed (not a ref) so a re-render fires when the popup mounts/remounts — Base UI unmounts\n  // the list on close, and the virtualizer must re-observe the fresh element on each reopen or it\n  // measures a stale/detached node and paints nothing.\n  const [listElement, setListElement] = useState<HTMLDivElement | null>(null);\n  // Base the decision on `allItems` (the real options) rather than `items`, which also holds the\n  // transient creatable row — otherwise virtualization could toggle on/off as the user types.\n  const isGrouped = isGroupItems(allItems);\n  const shouldVirtualize =\n    !isGrouped &&\n    (virtualized === true || (virtualized === 'auto' && allItems.length > VIRTUALIZE_THRESHOLD));\n\n  // In virtualized mode we pre-filter here and disable Base UI's filter with `null` (see the Root\n  // `filter` prop — `undefined` would keep Base UI's default `contains`, which re-filters our items\n  // with a different predicate and wrongly drives the empty state + keyboard nav). The creatable\n  // row is always kept.\n  const matchesQuery = (item: Value) => {\n    if (isCreatableItem(item)) return true;\n    if (!query) return true;\n    if (filter) return !!filter(item, query, (value) => itemToStringLabel(value) ?? toLabel(value));\n    return (itemToStringLabel(item) ?? toLabel(item)).toLowerCase().includes(queryLower);\n  };\n\n  const virtualItems = shouldVirtualize ? (items as Value[]).filter(matchesQuery) : [];\n\n  const virtualizer = useVirtualizer({\n    count: virtualItems.length,\n    getScrollElement: () => listElement,\n    estimateSize: () => ESTIMATED_ROW_HEIGHT,\n    overscan: 12,\n    enabled: shouldVirtualize,\n    // Seed a viewport height so rows paint on the first frame. Without it the list measures 0 until\n    // the ResizeObserver fires (a frame later), which renders an empty popup on open.\n    initialRect: { width: 0, height: ESTIMATED_LIST_HEIGHT },\n  });\n\n  const renderItem = (item: Value, index?: number) => {\n    if (isCreatableItem(item)) {\n      return (\n        <Combobox.Item index={index} value={item} icon={<Plus />}>\n          {queryToCreateLabel(item.value)}\n        </Combobox.Item>\n      );\n    }\n\n    return (\n      <Combobox.Item\n        index={index}\n        value={item}\n        indicator={indicator}\n        icon={itemToIcon(item)}\n        disabled={itemToDisabled(item)}\n      >\n        {itemToLabel(item, query)}\n      </Combobox.Item>\n    );\n  };\n\n  const rowStyle = (offset: number): CSSProperties => ({\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    transform: `translateY(${offset}px)`,\n  });\n\n  const comboboxInput = (\n    <ComboboxInput\n      id={id}\n      placeholder={placeholder}\n      disabled={disabled}\n      // The input keeps the selection's text as its value — a screen reader reads it, and the\n      // caret stays visible — while `selectedNode` (rendered as an overlay above it) is what the\n      // eye gets.\n      className={cn(\n        selectedNode != null &&\n          'tw:text-transparent tw:caret-foreground tw:selection:bg-transparent',\n      )}\n    />\n  );\n\n  return (\n    <BaseCombobox.Root<Value, false>\n      items={shouldVirtualize ? virtualItems : items}\n      // Base UI highlights nothing until ArrowDown, so Enter after typing would drop the query\n      // silently — no selection, and the popup closes. Highlighting the first match makes Enter\n      // commit it, including the creatable row when `allowCreate` is on.\n      autoHighlight\n      value={value}\n      defaultValue={defaultValue}\n      filter={shouldVirtualize ? null : wrappedFilter}\n      onValueChange={handleOnValueChange}\n      itemToStringLabel={itemToStringLabel}\n      isItemEqualToValue={isItemEqualToValue}\n      itemToStringValue={wrappedItemToStringValue}\n      onOpenChange={handleOpenChange}\n      onOpenChangeComplete={onOpenChangeComplete}\n      disabled={disabled}\n      inputRef={inputRef}\n      inputValue={inputValue}\n      onInputValueChange={handleInputValueChange}\n      virtualized={shouldVirtualize}\n      onItemHighlighted={(_, details) => {\n        if (shouldVirtualize && details.reason === 'keyboard') {\n          virtualizer.scrollToIndex(details.index);\n        }\n      }}\n    >\n      <ComboboxInputGroup\n        variant={variant}\n        sizing={sizing}\n        state={state}\n        focusVariant={focusVariant}\n        className={className}\n      >\n        {itemToSelectedLabel != null ? (\n          // `itemToSelectedLabel` paints the selection over the input's own content box instead of\n          // beside it: a `relative` wrapper takes the input's flex slot, and the addon becomes an\n          // absolutely positioned overlay inside it while there is a node to show. `pl-4` on the\n          // addon (its normal inline-start padding) and `px-4` on the input (unreduced, since the\n          // input is no longer `InputGroup`'s direct child) line up at the same origin.\n          //\n          // Branching on the prop rather than on `selectedNode` keeps this wrapper mounted for the\n          // component's whole lifetime even while typing dissolves and restores the node — swapping\n          // the tree structure there would remount the input and drop focus mid-keystroke.\n          <div className=\"tw:relative tw:flex tw:min-w-0 tw:flex-1\">\n            {(prefix != null || selectedNode != null) && (\n              <InputGroup.Addon\n                align=\"inline-start\"\n                className={cn(\n                  selectedNode != null &&\n                    'tw:pointer-events-none tw:absolute tw:inset-y-0 tw:left-0 tw:max-w-full tw:overflow-hidden',\n                )}\n              >\n                {prefix}\n                {selectedNode}\n              </InputGroup.Addon>\n            )}\n            {comboboxInput}\n          </div>\n        ) : (\n          <>\n            {prefix != null && <InputGroup.Addon align=\"inline-start\">{prefix}</InputGroup.Addon>}\n            {comboboxInput}\n          </>\n        )}\n        <InputGroup.Addon align=\"inline-end\">\n          {allowClear && (\n            <InputGroup.Button asChild aria-label=\"Clear\" disabled={disabled}>\n              <BaseCombobox.Clear>\n                <X className=\"tw:size-4\" />\n              </BaseCombobox.Clear>\n            </InputGroup.Button>\n          )}\n          <InputGroup.Button disabled={disabled} asChild aria-label=\"Open combobox\">\n            <BaseCombobox.Trigger>\n              <ChevronDown className=\"tw:size-4\" />\n            </BaseCombobox.Trigger>\n          </InputGroup.Button>\n        </InputGroup.Addon>\n      </ComboboxInputGroup>\n      <ComboboxContent>\n        <ComboboxEmpty>{empty}</ComboboxEmpty>\n        {shouldVirtualize ? (\n          <ComboboxList ref={setListElement}>\n            <div\n              style={{\n                position: 'relative',\n                width: '100%',\n                height: `${virtualizer.getTotalSize()}px`,\n              }}\n            >\n              {virtualizer.getVirtualItems().map((row) => {\n                const item = virtualItems[row.index];\n                if (item === undefined) return null;\n                return (\n                  <div\n                    key={row.key}\n                    data-index={row.index}\n                    ref={virtualizer.measureElement}\n                    style={rowStyle(row.start)}\n                  >\n                    {renderItem(item, row.index)}\n                  </div>\n                );\n              })}\n            </div>\n          </ComboboxList>\n        ) : (\n          <ComboboxList>\n            {(itemOrGroup: Value | GroupShape) => {\n              if (isCreatableItem(itemOrGroup))\n                return (\n                  <Combobox.Item value={itemOrGroup} icon={<Plus />}>\n                    {queryToCreateLabel(itemOrGroup.value)}\n                  </Combobox.Item>\n                );\n\n              if (isGroupItem(itemOrGroup)) {\n                const maybeCreatable = itemOrGroup.items[0];\n\n                if (isCreatableItem(maybeCreatable)) {\n                  return (\n                    <Combobox.Item value={maybeCreatable} icon={<Plus />}>\n                      {queryToCreateLabel(maybeCreatable.value)}\n                    </Combobox.Item>\n                  );\n                }\n\n                const groupLabel = groupToLabel(itemOrGroup);\n\n                return (\n                  <Combobox.Group items={itemOrGroup.items}>\n                    {groupLabel && <Combobox.GroupLabel>{groupLabel}</Combobox.GroupLabel>}\n                    {/* Don't forward `renderItem` by reference — the collection passes its\n                        group-local index, which ComboboxItem uses verbatim and breaks keyboard\n                        nav. Drop it so the item falls back to its own global list index. */}\n                    <Combobox.GroupList>{(item: Value) => renderItem(item)}</Combobox.GroupList>\n                  </Combobox.Group>\n                );\n              }\n\n              return renderItem(itemOrGroup);\n            }}\n          </ComboboxList>\n        )}\n      </ComboboxContent>\n    </BaseCombobox.Root>\n  );\n};\n\n// Base\nCombobox.Root = ComboboxRoot;\nCombobox.InputGroup = ComboboxInputGroup;\nCombobox.Input = ComboboxInput;\nCombobox.Content = ComboboxContent;\nCombobox.List = ComboboxList;\nCombobox.Item = ComboboxItem;\nCombobox.Empty = ComboboxEmpty;\nCombobox.Value = BaseCombobox.Value;\nCombobox.Separator = ComboboxSeparator;\n\n// Group\nCombobox.Group = ComboboxGroup;\nCombobox.GroupLabel = ComboboxGroupLabel;\nCombobox.GroupList = ComboboxCollection;\n\n// Chips\nCombobox.Chips = ComboboxChips;\nCombobox.Chip = ComboboxChip;\n","import { toLabel } from './utils';\n\n/** A single searchable text. `null` / `undefined` / `''` stand for \"this item has no such field\". */\ntype Text = string | number | null | undefined;\n\n// Lowercased words of a query.\n//\n// - Splitting on a whitespace run (not a single space) means a double space or a pasted tab adds\n//   no empty word, which every text would trivially contain.\n// - Plain `toLowerCase`, not `findLiteralMatches`' `foldCase`: that fold trades correctness for a\n//   length-preserving result, which only an offset needs, and nothing here reports an offset.\nconst toWords = (query: string) => query.toLowerCase().split(/\\s+/).filter(Boolean);\n\nconst isFilled = (text: Text): text is string | number =>\n  text !== null && text !== undefined && text !== '';\n\nconst isTextList = (texts: Text | readonly Text[]): texts is readonly Text[] =>\n  Array.isArray(texts);\n\n/**\n * Whether every word of `query` occurs in at least one of `texts`, ignoring case.\n *\n * - Words may match different texts and in any order: `prod eu` matches `['eu-central', 'production']`.\n * - A word matches by containment, not as a whole word: `prod` matches `production`.\n * - An empty or whitespace-only query matches every item.\n * - Empty and absent texts are skipped, so a missing field never matches.\n * - Comparison is a plain lowercased `includes`, not Base UI's `Intl.Collator` `contains`, so\n *   `Muller` does not find `Müller`. The wrapper this replaces matched the same way.\n * - `apps/kbc-ui` has its own `matchByWords` of the same name over 68 mostly non-combobox call\n *   sites. It splits on a single space and keeps empty texts, so the two are not interchangeable\n *   until that one re-exports this.\n *\n * Reach for it as a `Combobox` / `MultiCombobox` `filter` when the searchable text is **not** the\n * label — a user's email behind their name, a table id behind its display name:\n *\n * ```tsx\n * <Combobox filter={(user, query) => matchByWords([user.name, user.email], query)} … />\n * ```\n *\n * When only the label is searchable, pass {@link filterByWords} instead of closing over this.\n */\nexport const matchByWords = (texts: Text | readonly Text[], query: string) => {\n  const words = toWords(query);\n  if (words.length === 0) return true;\n\n  const haystacks = (isTextList(texts) ? texts : [texts])\n    .filter(isFilled)\n    .map((text) => String(text).toLowerCase());\n\n  return words.every((word) => haystacks.some((haystack) => haystack.includes(word)));\n};\n\n/**\n * `filter` that matches the item's displayed label word by word.\n *\n * - Drop-in for the built-in match, which takes the query as one substring: `filter={filterByWords}`.\n * - Generic, so passing it leaves the combobox's own item type inference untouched.\n * - The label is what the combobox itself displays — `itemToStringLabel` where the call site passes\n *   one, otherwise the item's own `label`, `value`, or string form.\n * - **Only the label is searched.** Nothing walks the rest of the item, so a field the label omits\n *   stays unsearchable by design — a filter that quietly matched an id the user cannot see is\n *   worse than one that does not match. Close over {@link matchByWords} to name those fields.\n */\nexport const filterByWords = <Item>(\n  item: Item,\n  query: string,\n  itemToString?: (item: Item) => string,\n) => matchByWords(itemToString?.(item) ?? toLabel(item), query);\n"],"mappings":"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"}

package/dist/{Command-B7ML9YMv.js → Command-Bfa1kpbt.js}

@@ -2,7 +2,7 @@ import { cn } from "./classNames-BzrkDnOD.js";
 import { useArgoDesign } from "./context-D7X470dy.js";
 import { Check, Circle } from "./icons-Cek151jC.js";
 import { ScrollArea } from "./internal/components/ScrollArea.js";
-import { TextInput } from "./TextInput-DHM6dHmn.js";
+import { TextInput } from "./TextInput-DH5SkbsE.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Command, CommandInput, defaultFilter, useCommandState } from "cmdk";
 //#region src/blocks/Command/CommandContent.tsx
@@ -99,4 +99,4 @@ Command$1.Item = CommandItem;
 //#endregion
 export { Command$1 as Command, CommandGroup, CommandInput$1 as CommandInput, CommandItem, CommandList, defaultFilter, useCommandState };
 
-//# sourceMappingURL=Command-B7ML9YMv.js.map
+//# sourceMappingURL=Command-Bfa1kpbt.js.map

package/dist/{Command-B7ML9YMv.js.map → Command-Bfa1kpbt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Command-B7ML9YMv.js","names":["CommandPrimitive","CommandPrimitive","CommandInput","CmdInput","CommandPrimitive","CommandPrimitive","CommandPrimitive","Command","CommandPrimitive","CommandInput"],"sources":["../src/blocks/Command/CommandContent.tsx","../src/blocks/Command/CommandEmpty.tsx","../src/blocks/Command/CommandGroup.tsx","../src/blocks/Command/CommandInput.tsx","../src/blocks/Command/CommandItem/CheckIndicator.tsx","../src/blocks/Command/CommandItem/CommandItem.tsx","../src/blocks/Command/CommandList.tsx","../src/blocks/Command/CommandSeparator.tsx","../src/blocks/Command/Command.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const CommandContent = ({ className, ...rest }: Props) => (\n  <div\n    {...rest}\n    className={cn(\n      'tw:flex',\n      'tw:flex-col',\n      'tw:p-2',\n      'tw:group-data-[variant=argo]/command:p-4',\n      'tw:gap-2',\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\ntype Props = ComponentProps<typeof CommandPrimitive.Empty>;\n\nexport const CommandEmpty = ({ ...props }: Props) => <CommandPrimitive.Empty {...props} />;\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof CommandPrimitive.Group>;\n\nexport const CommandGroup = ({ className, ...props }: Props) => (\n  <CommandPrimitive.Group\n    className={cn(\n      'tw:[&_[cmdk-group-heading]]:font-semibold',\n      'tw:[&_[cmdk-group-heading]]:font-sans',\n      'tw:[&_[cmdk-group-heading]]:px-4',\n      'tw:[&_[cmdk-group-heading]]:py-0.5',\n      'tw:[&_[cmdk-group-heading]]:uppercase',\n      'tw:[&_[cmdk-group-heading]]:text-[11px]',\n      'tw:[&_[cmdk-group-heading]]:text-muted-foreground',\n      'tw:[&_[cmdk-group-heading]]:tracking-[1px]',\n      'tw:[&_[cmdk-group-heading]]:border-b',\n      'tw:[&_[cmdk-group-heading]]:border-border',\n      'tw:[&_[cmdk-group-heading]]:my-2',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { CommandInput as CmdInput } from 'cmdk';\n\nimport { cn } from '../../utils';\nimport { TextInput } from '../TextInput';\n\ntype Props = ComponentProps<typeof TextInput>;\n\nexport const CommandInput = ({ ref, className, ...props }: Props) => (\n  <CmdInput ref={ref} asChild>\n    <TextInput\n      {...props}\n      className={cn(\n        'tw:group-data-[variant=argo]/command:!bg-transparent',\n        'tw:group-data-[variant=argo]/command:!border-transparent',\n        'tw:group-data-[variant=argo]/command:!rounded-none',\n        'tw:group-data-[variant=argo]/command:max-h-12',\n        'tw:group-data-[variant=argo]/command:h-12',\n        className,\n      )}\n    />\n  </CmdInput>\n);\n","import { Check, Circle } from '../../../icons';\nimport { cn } from '../../../utils';\n\ntype Props = {\n  variant?: 'checkbox' | 'radio' | 'default';\n};\n\nexport const CheckIndicator = ({ variant = 'default' }: Props) => {\n  if (variant === 'default') return null;\n\n  return (\n    <span\n      data-variant={variant}\n      className={cn(\n        'tw:group/check-indicator',\n        // positioning\n        'tw:pointer-events-none',\n\n        // sizing\n        'tw:size-4',\n        'tw:flex',\n        'tw:items-center',\n        'tw:justify-center',\n\n        // border\n        'tw:border',\n        'tw:border-solid',\n        'tw:rounded',\n        'tw:group-data-[variant=default]/command:border-neutral-200',\n        'tw:group-data-[variant=argo]/command:border-input',\n\n        'tw:data-[variant=radio]:rounded-full',\n\n        'tw:data-[variant=checkbox]:rounded',\n        'tw:data-[variant=checkbox]:group-data-[checked=true]/command-item:border-primary',\n        'tw:data-[variant=checkbox]:group-data-[checked=true]/command-item:bg-primary',\n        'tw:shrink-0',\n      )}\n    >\n      {variant === 'checkbox' ? (\n        <Check\n          className={cn(\n            'tw:hidden',\n            // Lucide SVGs default to 24×24; constrain to the 16px indicator slot.\n            'tw:size-3',\n            'tw:stroke-[4px]',\n            'tw:group-data-[checked=true]/command-item:block',\n            'tw:group-data-[variant=checkbox]/check-indicator:text-primary-foreground',\n          )}\n        />\n      ) : (\n        <Circle\n          className={cn(\n            'tw:hidden',\n            // Lucide Circle is stroke-only — force fill to match the stroke so\n            // the indicator reads as a solid dot.\n            'tw:size-3',\n            'tw:fill-current',\n            'tw:group-data-[checked=true]/command-item:block',\n            'tw:group-data-[variant=radio]/check-indicator:text-primary',\n          )}\n        />\n      )}\n    </span>\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { cn } from '../../../utils';\n\nimport { CheckIndicator } from './CheckIndicator';\n\ntype Props = ComponentProps<typeof CommandPrimitive.Item> & {\n  icon?: ReactNode;\n  checked?: boolean;\n  variant?: ComponentProps<typeof CheckIndicator>['variant'];\n  actions?: ReactNode;\n};\n\nexport const CommandItem = ({\n  className,\n  icon,\n  children,\n  checked = false,\n  variant = 'default',\n  actions,\n  ...props\n}: Props) => (\n  <div className=\"tw:group tw:flex tw:items-center tw:justify-center\">\n    <CommandPrimitive.Item\n      {...props}\n      data-checked={checked}\n      data-variant={variant}\n      className={cn(\n        'tw:group/command-item',\n        'tw:peer/command-item',\n\n        // positioning\n        'tw:relative',\n        'tw:flex',\n        'tw:items-center',\n        'tw:gap-2',\n        'tw:flex-1',\n        'tw:p-2',\n\n        // typography\n        'tw:font-sans',\n        'tw:text-sm',\n        'tw:leading-6',\n        'tw:cursor-pointer',\n        'tw:transition-colors',\n        'tw:select-none',\n        'tw:outline-hidden',\n\n        'tw:group-data-[variant=argo]/command:rounded-md',\n        'tw:group-data-[variant=argo]/command:data-[selected=true]:bg-accent',\n        'tw:group-data-[variant=argo]/command:data-[checked=true]:bg-accent',\n\n        'tw:group-data-[variant=default]/command:rounded',\n        'tw:group-data-[variant=default]/command:data-[selected=true]:bg-neutral-100',\n        'tw:group-data-[variant=default]/command:data-[checked=true]:bg-neutral-100',\n\n        // disabled\n        'tw:aria-disabled:opacity-50',\n\n        'tw:aria-disabled:cursor-not-allowed',\n        'tw:aria-disabled:hover:bg-transparent',\n\n        // reset styles for checked and disabled\n        'tw:data-[checked=true]:aria-disabled:opacity-100',\n        'tw:data-[checked=true]:aria-disabled:cursor-default',\n        className,\n      )}\n    >\n      <CheckIndicator variant={variant} />\n      {icon && (\n        <span className=\"tw:inline-flex tw:size-4 tw:shrink-0 tw:items-center tw:justify-center tw:text-muted-foreground tw:[&_svg:not([class*='tw:size-'])]:size-4\">\n          {icon}\n        </span>\n      )}\n      {children}\n    </CommandPrimitive.Item>\n\n    {actions && (\n      <span\n        data-slot=\"command-item-actions\"\n        className={cn(\n          'tw:hidden',\n          'tw:mx-2',\n          'tw:group-hover:flex',\n          'tw:peer-hover/command-item:flex',\n          'tw:peer-data-[selected=true]/command-item:flex',\n        )}\n      >\n        {actions}\n      </span>\n    )}\n  </div>\n);\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { ScrollArea } from '../../components/ScrollArea';\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof CommandPrimitive.List> &\n  Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;\n\nexport const CommandList = ({ ref, className, children, viewPortClassName, ...props }: Props) => (\n  <ScrollArea\n    ref={ref}\n    className={cn(\n      'tw:group-data-[variant=argo]/command:px-4',\n      'tw:group-data-[variant=argo]/command:pb-4',\n      className,\n    )}\n    viewPortClassName={cn(\n      'tw:[&_[cmdk-list-sizer]]:flex',\n      'tw:[&_[cmdk-list-sizer]]:flex-col',\n      viewPortClassName,\n    )}\n  >\n    <CommandPrimitive.List {...props}>{children}</CommandPrimitive.List>\n  </ScrollArea>\n);\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof CommandPrimitive.Separator>;\n\nexport const CommandSeparator = ({ className, ...props }: Props) => (\n  <CommandPrimitive.Separator\n    className={cn('tw:h-px', 'tw:bg-border', 'tw:my-2', className)}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\nimport { cn } from '../../utils';\n\nimport { CommandContent } from './CommandContent';\nimport { CommandEmpty } from './CommandEmpty';\nimport { CommandGroup } from './CommandGroup';\nimport { CommandInput } from './CommandInput';\nimport { CommandItem } from './CommandItem';\nimport { CommandList } from './CommandList';\nimport { CommandSeparator } from './CommandSeparator';\n\ntype Variant = 'default' | 'argo';\n\ntype Props = ComponentProps<typeof CommandPrimitive> & {\n  /**\n   * Which styling the parts take, when the theme's own answer is wrong for the\n   * surface.\n   *\n   * - Unset, it follows the theme — `argo` under the new design system.\n   * - `argo` is sized for the full-screen palette: a full-bleed 48px input with\n   *   no border or radius, and a list inset to match. Passing `default` is how a\n   *   command in a small surface — a popover, a menu — opts out of that.\n   */\n  variant?: Variant;\n};\n\nexport const Command = ({ className, variant, ...rest }: Props) => {\n  const isArgo = useArgoDesign();\n  const effectiveVariant: Variant = variant ?? (isArgo ? 'argo' : 'default');\n  return (\n    <CommandPrimitive\n      data-variant={effectiveVariant}\n      className={cn('tw:group/command', 'tailwindcss-preflight', className)}\n      {...rest}\n    />\n  );\n};\n\nCommand.Content = CommandContent;\n\nCommand.Separator = CommandSeparator;\nCommand.List = CommandList;\nCommand.Group = CommandGroup;\nCommand.Empty = CommandEmpty;\nCommand.Input = CommandInput;\n\n// items\nCommand.Item = CommandItem;\n"],"mappings":"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"}
+{"version":3,"file":"Command-Bfa1kpbt.js","names":["CommandPrimitive","CommandPrimitive","CommandInput","CmdInput","CommandPrimitive","CommandPrimitive","CommandPrimitive","Command","CommandPrimitive","CommandInput"],"sources":["../src/blocks/Command/CommandContent.tsx","../src/blocks/Command/CommandEmpty.tsx","../src/blocks/Command/CommandGroup.tsx","../src/blocks/Command/CommandInput.tsx","../src/blocks/Command/CommandItem/CheckIndicator.tsx","../src/blocks/Command/CommandItem/CommandItem.tsx","../src/blocks/Command/CommandList.tsx","../src/blocks/Command/CommandSeparator.tsx","../src/blocks/Command/Command.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\nexport const CommandContent = ({ className, ...rest }: Props) => (\n  <div\n    {...rest}\n    className={cn(\n      'tw:flex',\n      'tw:flex-col',\n      'tw:p-2',\n      'tw:group-data-[variant=argo]/command:p-4',\n      'tw:gap-2',\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\ntype Props = ComponentProps<typeof CommandPrimitive.Empty>;\n\nexport const CommandEmpty = ({ ...props }: Props) => <CommandPrimitive.Empty {...props} />;\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof CommandPrimitive.Group>;\n\nexport const CommandGroup = ({ className, ...props }: Props) => (\n  <CommandPrimitive.Group\n    className={cn(\n      'tw:[&_[cmdk-group-heading]]:font-semibold',\n      'tw:[&_[cmdk-group-heading]]:font-sans',\n      'tw:[&_[cmdk-group-heading]]:px-4',\n      'tw:[&_[cmdk-group-heading]]:py-0.5',\n      'tw:[&_[cmdk-group-heading]]:uppercase',\n      'tw:[&_[cmdk-group-heading]]:text-[11px]',\n      'tw:[&_[cmdk-group-heading]]:text-muted-foreground',\n      'tw:[&_[cmdk-group-heading]]:tracking-[1px]',\n      'tw:[&_[cmdk-group-heading]]:border-b',\n      'tw:[&_[cmdk-group-heading]]:border-border',\n      'tw:[&_[cmdk-group-heading]]:my-2',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { CommandInput as CmdInput } from 'cmdk';\n\nimport { cn } from '../../utils';\nimport { TextInput } from '../TextInput';\n\ntype Props = ComponentProps<typeof TextInput>;\n\nexport const CommandInput = ({ ref, className, ...props }: Props) => (\n  <CmdInput ref={ref} asChild>\n    <TextInput\n      {...props}\n      className={cn(\n        'tw:group-data-[variant=argo]/command:!bg-transparent',\n        'tw:group-data-[variant=argo]/command:!border-transparent',\n        'tw:group-data-[variant=argo]/command:!rounded-none',\n        'tw:group-data-[variant=argo]/command:max-h-12',\n        'tw:group-data-[variant=argo]/command:h-12',\n        className,\n      )}\n    />\n  </CmdInput>\n);\n","import { Check, Circle } from '../../../icons';\nimport { cn } from '../../../utils';\n\ntype Props = {\n  variant?: 'checkbox' | 'radio' | 'default';\n};\n\nexport const CheckIndicator = ({ variant = 'default' }: Props) => {\n  if (variant === 'default') return null;\n\n  return (\n    <span\n      data-variant={variant}\n      className={cn(\n        'tw:group/check-indicator',\n        // positioning\n        'tw:pointer-events-none',\n\n        // sizing\n        'tw:size-4',\n        'tw:flex',\n        'tw:items-center',\n        'tw:justify-center',\n\n        // border\n        'tw:border',\n        'tw:border-solid',\n        'tw:rounded',\n        'tw:group-data-[variant=default]/command:border-neutral-200',\n        'tw:group-data-[variant=argo]/command:border-input',\n\n        'tw:data-[variant=radio]:rounded-full',\n\n        'tw:data-[variant=checkbox]:rounded',\n        'tw:data-[variant=checkbox]:group-data-[checked=true]/command-item:border-primary',\n        'tw:data-[variant=checkbox]:group-data-[checked=true]/command-item:bg-primary',\n        'tw:shrink-0',\n      )}\n    >\n      {variant === 'checkbox' ? (\n        <Check\n          className={cn(\n            'tw:hidden',\n            // Lucide SVGs default to 24×24; constrain to the 16px indicator slot.\n            'tw:size-3',\n            'tw:stroke-[4px]',\n            'tw:group-data-[checked=true]/command-item:block',\n            'tw:group-data-[variant=checkbox]/check-indicator:text-primary-foreground',\n          )}\n        />\n      ) : (\n        <Circle\n          className={cn(\n            'tw:hidden',\n            // Lucide Circle is stroke-only — force fill to match the stroke so\n            // the indicator reads as a solid dot.\n            'tw:size-3',\n            'tw:fill-current',\n            'tw:group-data-[checked=true]/command-item:block',\n            'tw:group-data-[variant=radio]/check-indicator:text-primary',\n          )}\n        />\n      )}\n    </span>\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { cn } from '../../../utils';\n\nimport { CheckIndicator } from './CheckIndicator';\n\ntype Props = ComponentProps<typeof CommandPrimitive.Item> & {\n  icon?: ReactNode;\n  checked?: boolean;\n  variant?: ComponentProps<typeof CheckIndicator>['variant'];\n  actions?: ReactNode;\n};\n\nexport const CommandItem = ({\n  className,\n  icon,\n  children,\n  checked = false,\n  variant = 'default',\n  actions,\n  ...props\n}: Props) => (\n  <div className=\"tw:group tw:flex tw:items-center tw:justify-center\">\n    <CommandPrimitive.Item\n      {...props}\n      data-checked={checked}\n      data-variant={variant}\n      className={cn(\n        'tw:group/command-item',\n        'tw:peer/command-item',\n\n        // positioning\n        'tw:relative',\n        'tw:flex',\n        'tw:items-center',\n        'tw:gap-2',\n        'tw:flex-1',\n        'tw:p-2',\n\n        // typography\n        'tw:font-sans',\n        'tw:text-sm',\n        'tw:leading-6',\n        'tw:cursor-pointer',\n        'tw:transition-colors',\n        'tw:select-none',\n        'tw:outline-hidden',\n\n        'tw:group-data-[variant=argo]/command:rounded-md',\n        'tw:group-data-[variant=argo]/command:data-[selected=true]:bg-accent',\n        'tw:group-data-[variant=argo]/command:data-[checked=true]:bg-accent',\n\n        'tw:group-data-[variant=default]/command:rounded',\n        'tw:group-data-[variant=default]/command:data-[selected=true]:bg-neutral-100',\n        'tw:group-data-[variant=default]/command:data-[checked=true]:bg-neutral-100',\n\n        // disabled\n        'tw:aria-disabled:opacity-50',\n\n        'tw:aria-disabled:cursor-not-allowed',\n        'tw:aria-disabled:hover:bg-transparent',\n\n        // reset styles for checked and disabled\n        'tw:data-[checked=true]:aria-disabled:opacity-100',\n        'tw:data-[checked=true]:aria-disabled:cursor-default',\n        className,\n      )}\n    >\n      <CheckIndicator variant={variant} />\n      {icon && (\n        <span className=\"tw:inline-flex tw:size-4 tw:shrink-0 tw:items-center tw:justify-center tw:text-muted-foreground tw:[&_svg:not([class*='tw:size-'])]:size-4\">\n          {icon}\n        </span>\n      )}\n      {children}\n    </CommandPrimitive.Item>\n\n    {actions && (\n      <span\n        data-slot=\"command-item-actions\"\n        className={cn(\n          'tw:hidden',\n          'tw:mx-2',\n          'tw:group-hover:flex',\n          'tw:peer-hover/command-item:flex',\n          'tw:peer-data-[selected=true]/command-item:flex',\n        )}\n      >\n        {actions}\n      </span>\n    )}\n  </div>\n);\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { ScrollArea } from '../../components/ScrollArea';\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof CommandPrimitive.List> &\n  Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;\n\nexport const CommandList = ({ ref, className, children, viewPortClassName, ...props }: Props) => (\n  <ScrollArea\n    ref={ref}\n    className={cn(\n      'tw:group-data-[variant=argo]/command:px-4',\n      'tw:group-data-[variant=argo]/command:pb-4',\n      className,\n    )}\n    viewPortClassName={cn(\n      'tw:[&_[cmdk-list-sizer]]:flex',\n      'tw:[&_[cmdk-list-sizer]]:flex-col',\n      viewPortClassName,\n    )}\n  >\n    <CommandPrimitive.List {...props}>{children}</CommandPrimitive.List>\n  </ScrollArea>\n);\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof CommandPrimitive.Separator>;\n\nexport const CommandSeparator = ({ className, ...props }: Props) => (\n  <CommandPrimitive.Separator\n    className={cn('tw:h-px', 'tw:bg-border', 'tw:my-2', className)}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\nimport { cn } from '../../utils';\n\nimport { CommandContent } from './CommandContent';\nimport { CommandEmpty } from './CommandEmpty';\nimport { CommandGroup } from './CommandGroup';\nimport { CommandInput } from './CommandInput';\nimport { CommandItem } from './CommandItem';\nimport { CommandList } from './CommandList';\nimport { CommandSeparator } from './CommandSeparator';\n\ntype Variant = 'default' | 'argo';\n\ntype Props = ComponentProps<typeof CommandPrimitive> & {\n  /**\n   * Which styling the parts take, when the theme's own answer is wrong for the\n   * surface.\n   *\n   * - Unset, it follows the theme — `argo` under the new design system.\n   * - `argo` is sized for the full-screen palette: a full-bleed 48px input with\n   *   no border or radius, and a list inset to match. Passing `default` is how a\n   *   command in a small surface — a popover, a menu — opts out of that.\n   */\n  variant?: Variant;\n};\n\nexport const Command = ({ className, variant, ...rest }: Props) => {\n  const isArgo = useArgoDesign();\n  const effectiveVariant: Variant = variant ?? (isArgo ? 'argo' : 'default');\n  return (\n    <CommandPrimitive\n      data-variant={effectiveVariant}\n      className={cn('tw:group/command', 'tailwindcss-preflight', className)}\n      {...rest}\n    />\n  );\n};\n\nCommand.Content = CommandContent;\n\nCommand.Separator = CommandSeparator;\nCommand.List = CommandList;\nCommand.Group = CommandGroup;\nCommand.Empty = CommandEmpty;\nCommand.Input = CommandInput;\n\n// items\nCommand.Item = CommandItem;\n"],"mappings":"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"}

package/dist/{CopyField-BO_sh-HO.js → CopyField-DpT0Ngz1.js}

@@ -1,5 +1,5 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { Tooltip, copyToClipboard } from "./utils-B5Z52hYs.js";
+import { Tooltip, copyToClipboard } from "./utils-DSvrhU8E.js";
 import { Check, Copy, Eye, EyeOff } from "./icons-Cek151jC.js";
 import { Label } from "./internal/components/Label.js";
 import { createContext, use, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
@@ -319,4 +319,4 @@ const CopyField = {
 //#endregion
 export { CopyField };
 
-//# sourceMappingURL=CopyField-BO_sh-HO.js.map
+//# sourceMappingURL=CopyField-DpT0Ngz1.js.map

package/dist/{CopyField-BO_sh-HO.js.map → CopyField-DpT0Ngz1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CopyField-BO_sh-HO.js","names":["CopyIcon"],"sources":["../src/blocks/CopyField/CopyContext.tsx","../src/blocks/CopyField/CopyBox.tsx","../src/blocks/CopyField/CopyButton.tsx","../src/blocks/CopyField/CopyChildren.tsx","../src/blocks/CopyField/CopyFooter.tsx","../src/blocks/CopyField/CopyHidden.tsx","../src/blocks/CopyField/CopyLabel.tsx","../src/blocks/CopyField/CopyPrefix.tsx","../src/blocks/CopyField/CopyReveal.tsx","../src/blocks/CopyField/CopyRoot.tsx","../src/blocks/CopyField/CopySuffix.tsx","../src/blocks/CopyField/CopyField.tsx"],"sourcesContent":["import { createContext, use } from 'react';\n\ntype CopyContextValue = {\n  /** Whether a copy just happened (drives the Copy → Check feedback for ~1.5s). */\n  copied: boolean;\n  /** Copies the real `value` to the clipboard, guarded against drag-select. */\n  handleCopy: () => void;\n  /** The real value copied to the clipboard, regardless of masking. */\n  value: string;\n  /** Render displayed content in monospace/code style. */\n  mono: boolean;\n  /** Whether to show the \"Copy\" hint tooltip on hover (else only \"Copied\" on copy). */\n  hoverHint: boolean;\n  /** Whether revealable `CopyField.Hidden` content is currently masked. */\n  hidden: boolean;\n  /** Toggles the masked ↔ revealed state. */\n  toggleHidden: () => void;\n  /**\n   * Registers a revealable `CopyField.Hidden` so `CopyField.Reveal` knows to render.\n   * Returns a cleanup that unregisters on unmount.\n   */\n  registerRevealable: () => () => void;\n  /** True once at least one revealable `CopyField.Hidden` is mounted. */\n  hasRevealable: boolean;\n  /**\n   * Registers the visible `CopyField.Label` so `CopyField.Box` only points `aria-labelledby`\n   * at it when a label actually exists. Returns a cleanup that unregisters on unmount.\n   */\n  registerLabel: () => () => void;\n  /** True once a `CopyField.Label` is mounted. */\n  hasLabel: boolean;\n  /** Minimum number of visible text lines for a multi-line box. */\n  minLines: number;\n  /** Maximum number of visible text lines before the box scrolls. */\n  maxLines: number;\n  /** Stable id of the visible label element (for `aria-labelledby`). */\n  labelId: string;\n  /** Stable id of the clickable box element. */\n  boxId: string;\n};\n\nexport const CopyContext = createContext<CopyContextValue | null>(null);\n\nexport const useCopyContext = () => {\n  const ctx = use(CopyContext);\n  if (!ctx) throw new Error('CopyField.* components must be used within a CopyField.Root');\n  return ctx;\n};\n","import type { CSSProperties, KeyboardEvent, ReactNode } from 'react';\n\nimport { Tooltip } from '../../components/Tooltip';\nimport { cn } from '../../utils';\n\nimport { useCopyContext } from './CopyContext';\n\ntype CopyBoxProps = {\n  /** Additional CSS classes on the box. */\n  className?: string;\n  children: ReactNode;\n};\n\nconst LINE_HEIGHT_REM = 1.25;\nconst VERTICAL_PADDING_REM = 1.25;\n\n// Long delay — the hover \"Copy\" hint doesn't really help UX, it just pulls focus.\nconst COPY_HINT_DELAY_MS = 2000;\n\n/**\n * The clickable copy target. Click anywhere to copy; text stays drag-selectable.\n *\n * Rendered as a `role=\"button\"` div (not a native `<button>`) so it can host\n * genuinely interactive children like `CopyField.Reveal` — nesting a `<button>`\n * inside a `<button>` is invalid HTML.\n */\nexport const CopyBox = ({ className, children }: CopyBoxProps) => {\n  const { copied, handleCopy, mono, minLines, maxLines, boxId, labelId, hasLabel, hoverHint } =\n    useCopyContext();\n\n  const multiline = maxLines > 1;\n  const multilineStyle: CSSProperties | undefined = multiline\n    ? {\n        minHeight: `${minLines * LINE_HEIGHT_REM + VERTICAL_PADDING_REM}rem`,\n        maxHeight: `${maxLines * LINE_HEIGHT_REM + VERTICAL_PADDING_REM}rem`,\n      }\n    : undefined;\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.target !== event.currentTarget) return;\n    if (event.key !== 'Enter' && event.key !== ' ') return;\n    event.preventDefault();\n    handleCopy();\n  };\n\n  return (\n    <Tooltip\n      triggerAsChild\n      placement=\"top\"\n      tooltip={copied ? 'Copied' : hoverHint ? 'Copy' : null}\n      forceShow={copied}\n      delayDuration={COPY_HINT_DELAY_MS}\n    >\n      <div\n        role=\"button\"\n        tabIndex={0}\n        id={boxId}\n        aria-labelledby={hasLabel ? labelId : undefined}\n        onClick={handleCopy}\n        onKeyDown={handleKeyDown}\n        style={multilineStyle}\n        className={cn(\n          'tw:group tw:relative tw:flex tw:w-fit tw:max-w-full tw:cursor-pointer tw:gap-2 tw:rounded-2xl tw:[corner-shape:superellipse(2)] tw:border tw:border-border tw:bg-card tw:px-3 tw:py-2.5 tw:text-left tw:shadow-sm tw:transition-colors tw:hover:bg-muted',\n          multiline ? 'tw:items-start tw:overflow-auto' : 'tw:items-center tw:overflow-hidden',\n          mono && 'tw:font-mono tw:text-[13px]',\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </Tooltip>\n  );\n};\n","import { Check, Copy as CopyIcon } from '../../icons';\nimport { cn } from '../../utils';\n\nimport { useCopyContext } from './CopyContext';\n\ntype CopyButtonProps = {\n  className?: string;\n};\n\n/** Copy affordance icon — shows Copy/Check with feedback. */\nexport const CopyButton = ({ className }: CopyButtonProps) => {\n  const { copied, maxLines } = useCopyContext();\n\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        'tw:pointer-events-none tw:flex tw:shrink-0 tw:items-center tw:text-muted-foreground tw:group-hover:text-foreground',\n        maxLines > 1 && 'tw:self-start tw:pt-0.5',\n        className,\n      )}\n    >\n      {copied ? <Check className=\"tw:size-4\" /> : <CopyIcon className=\"tw:size-4\" />}\n    </span>\n  );\n};\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { useCopyContext } from './CopyContext';\n\ntype CopyChildrenProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/** The displayed value. Truncates on a single line, wraps when multi-line. */\nexport const CopyChildren = ({ children, className }: CopyChildrenProps) => {\n  const { maxLines } = useCopyContext();\n  const multiline = maxLines > 1;\n\n  return (\n    <span\n      className={cn(\n        'tw:min-w-0 tw:flex-1 tw:select-text tw:text-card-foreground',\n        multiline ? 'tw:whitespace-pre-wrap tw:break-words' : 'tw:truncate',\n        className,\n      )}\n    >\n      {children}\n    </span>\n  );\n};\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\ntype CopyFooterProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/** Small helper text below the box (mirrors `FormGroup.Help` / `HelpBlock` styling). */\nexport const CopyFooter = ({ children, className }: CopyFooterProps) => {\n  if (!children) return null;\n\n  return <p className={cn('tw:m-0 tw:text-xs tw:text-muted-foreground', className)}>{children}</p>;\n};\n","import { useEffect } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { useCopyContext } from './CopyContext';\n\ntype CopyHiddenProps = {\n  children: ReactNode;\n  /**\n   * When true (default), `CopyField.Reveal` can unmask this content. When false the\n   * content is always masked (e.g. an implicit token inside a longer string).\n   */\n  revealable?: boolean;\n  className?: string;\n};\n\nconst MASK = '*'.repeat(12);\n\n/**\n * Masks its children with asterisks. The real value still lives on `CopyField.Root`,\n * so copy always copies the real value regardless of mask state.\n */\nexport const CopyHidden = ({ children, revealable = true, className }: CopyHiddenProps) => {\n  const { hidden, registerRevealable } = useCopyContext();\n\n  useEffect(() => {\n    if (!revealable) return undefined;\n    return registerRevealable();\n  }, [revealable, registerRevealable]);\n\n  const masked = revealable ? hidden : true;\n\n  return <span className={cn('tw:select-none', className)}>{masked ? MASK : children}</span>;\n};\n","import { useEffect } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { Label } from '../../components/Label';\nimport { cn } from '../../utils';\n\nimport { useCopyContext } from './CopyContext';\n\ntype CopyLabelProps = {\n  children: ReactNode;\n  /** Content rendered right after the label text (e.g. an Info tooltip button). */\n  leading?: ReactNode;\n  /** Content pushed to the trailing edge of the row (e.g. a Switch). */\n  trailing?: ReactNode;\n  className?: string;\n};\n\n/**\n * Visible label above the box. The label carries an id and the box is wired via\n * `aria-labelledby` (not `htmlFor`, which would turn label clicks into a copy).\n *\n * Row layout: label text, then `leading` (gap), then `trailing` pushed to the far\n * edge with the space between them growing.\n */\nexport const CopyLabel = ({ children, leading, trailing, className }: CopyLabelProps) => {\n  const { labelId, registerLabel } = useCopyContext();\n\n  useEffect(() => registerLabel(), [registerLabel]);\n\n  return (\n    <div className={cn('tw:flex tw:items-center tw:gap-1', className)}>\n      <Label id={labelId}>{children}</Label>\n      {leading}\n      {trailing != null && <span className=\"tw:ml-auto tw:flex tw:items-center\">{trailing}</span>}\n    </div>\n  );\n};\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\ntype CopyAddonProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/** Muted, non-selectable prefix addon with a trailing divider (not part of the copied value). */\nexport const CopyPrefix = ({ children, className }: CopyAddonProps) => (\n  <span\n    aria-hidden\n    className={cn(\n      'tw:shrink-0 tw:select-none tw:self-stretch tw:border-r tw:border-border tw:pr-2 tw:text-muted-foreground',\n      className,\n    )}\n  >\n    {children}\n  </span>\n);\n","import type { MouseEvent } from 'react';\n\nimport { Eye, EyeOff } from '../../icons';\nimport { cn } from '../../utils';\n\nimport { useCopyContext } from './CopyContext';\n\ntype CopyRevealProps = {\n  className?: string;\n};\n\n/** Eye toggle that reveals/masks `CopyField.Hidden` content. Renders nothing without revealable content. */\nexport const CopyReveal = ({ className }: CopyRevealProps) => {\n  const { hidden, toggleHidden, hasRevealable, maxLines } = useCopyContext();\n\n  if (!hasRevealable) return null;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    toggleHidden();\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      aria-label={hidden ? 'Show value' : 'Hide value'}\n      className={cn(\n        'tw:flex tw:shrink-0 tw:items-center tw:text-muted-foreground tw:hover:text-foreground',\n        maxLines > 1 && 'tw:self-start tw:pt-0.5',\n        className,\n      )}\n    >\n      {hidden ? <Eye className=\"tw:size-4\" /> : <EyeOff className=\"tw:size-4\" />}\n    </button>\n  );\n};\n","import { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { cn, copyToClipboard } from '../../utils';\n\nimport { CopyContext } from './CopyContext';\n\ntype CopyRootProps = {\n  /** The value copied to the clipboard on click. */\n  value: string;\n  /** Render displayed content in monospace/code style. */\n  mono?: boolean;\n  /** Callback fired after a successful copy. */\n  onCopy?: () => void;\n  /** Start with revealable `CopyField.Hidden` content masked. */\n  hiddenByDefault?: boolean;\n  /** Minimum number of visible text lines for a multi-line box. */\n  minLines?: number;\n  /** Maximum number of visible text lines before the box scrolls. */\n  maxLines?: number;\n  /** Show the \"Copy\" hover hint (set `false` to only show \"Copied\" on copy). Defaults to `true`. */\n  hoverHint?: boolean;\n  /** Additional CSS classes on the outer container. */\n  className?: string;\n  children: ReactNode;\n};\n\n/**\n * Container for the Copy block. Owns the copied `value`, copy/mask state, and the\n * shared context consumed by `CopyField.Box`, `CopyField.Reveal`, `CopyField.Button`, etc.\n */\nexport const CopyRoot = ({\n  value,\n  mono = false,\n  onCopy,\n  hiddenByDefault = false,\n  minLines = 1,\n  maxLines,\n  hoverHint = true,\n  className,\n  children,\n}: CopyRootProps) => {\n  const [copied, setCopied] = useState(false);\n  const [hidden, setHidden] = useState(hiddenByDefault);\n  const [revealableCount, setRevealableCount] = useState(0);\n  const [labelCount, setLabelCount] = useState(0);\n  const resetTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const generatedId = useId();\n  const labelId = `${generatedId}-label`;\n  const boxId = `${generatedId}-box`;\n\n  useEffect(() => () => clearTimeout(resetTimerRef.current), []);\n\n  const handleCopy = useCallback(() => {\n    const selection = window.getSelection();\n    const boxEl = document.getElementById(boxId);\n    if (\n      selection &&\n      !selection.isCollapsed &&\n      selection.anchorNode &&\n      boxEl?.contains(selection.anchorNode)\n    ) {\n      return;\n    }\n\n    copyToClipboard(value)\n      .then(() => {\n        onCopy?.();\n        setCopied(true);\n        clearTimeout(resetTimerRef.current);\n        resetTimerRef.current = setTimeout(() => setCopied(false), 1500);\n      })\n      .catch((error: unknown) => {\n        // eslint-disable-next-line no-console\n        console.error('Copy to clipboard failed', error);\n      });\n  }, [value, onCopy, boxId]);\n\n  const toggleHidden = useCallback(() => setHidden((prev) => !prev), []);\n\n  const registerRevealable = useCallback(() => {\n    setRevealableCount((count) => count + 1);\n    return () => setRevealableCount((count) => count - 1);\n  }, []);\n\n  const registerLabel = useCallback(() => {\n    setLabelCount((count) => count + 1);\n    return () => setLabelCount((count) => count - 1);\n  }, []);\n\n  const contextValue = useMemo(\n    () => ({\n      copied,\n      handleCopy,\n      value,\n      mono,\n      hidden,\n      toggleHidden,\n      registerRevealable,\n      hasRevealable: revealableCount > 0,\n      registerLabel,\n      hasLabel: labelCount > 0,\n      minLines,\n      maxLines: maxLines ?? minLines,\n      hoverHint,\n      labelId,\n      boxId,\n    }),\n    [\n      copied,\n      handleCopy,\n      value,\n      mono,\n      hidden,\n      toggleHidden,\n      registerRevealable,\n      revealableCount,\n      registerLabel,\n      labelCount,\n      minLines,\n      maxLines,\n      hoverHint,\n      labelId,\n      boxId,\n    ],\n  );\n\n  return (\n    <CopyContext value={contextValue}>\n      <div className={cn('tw:flex tw:w-fit tw:max-w-full tw:flex-col tw:gap-1', className)}>\n        {children}\n      </div>\n    </CopyContext>\n  );\n};\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\ntype CopyAddonProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/** Muted, non-selectable suffix addon with a leading divider (not part of the copied value). */\nexport const CopySuffix = ({ children, className }: CopyAddonProps) => (\n  <span\n    aria-hidden\n    className={cn(\n      'tw:shrink-0 tw:select-none tw:self-stretch tw:border-l tw:border-border tw:pl-2 tw:text-muted-foreground',\n      className,\n    )}\n  >\n    {children}\n  </span>\n);\n","import { CopyBox } from './CopyBox';\nimport { CopyButton } from './CopyButton';\nimport { CopyChildren } from './CopyChildren';\nimport { CopyFooter } from './CopyFooter';\nimport { CopyHidden } from './CopyHidden';\nimport { CopyLabel } from './CopyLabel';\nimport { CopyPrefix } from './CopyPrefix';\nimport { CopyReveal } from './CopyReveal';\nimport { CopyRoot } from './CopyRoot';\nimport { CopySuffix } from './CopySuffix';\n\n/**\n * Compound component for readonly value/command boxes with inline copy.\n *\n * `CopyField.Root` owns the `value` and copy/mask state; `CopyField.Box` is the clickable\n * copy target. Clicking anywhere in the box copies the real `value` to the\n * clipboard (guarded by text-selection so drag-select does NOT trigger a copy),\n * with a Copy → Check feedback for ~1.5s.\n *\n * Shapes:\n * - **Single-line value row** — default proportional font, value truncates.\n * - **Monospace command box** — `mono` on `CopyField.Root`.\n * - **Multi-line** — `maxLines > 1`; content wraps and scrolls between\n *   `minLines` and `maxLines` tall.\n *\n * Masking: wrap sensitive content in `CopyField.Hidden`. Revealable hidden content is\n * toggled by `CopyField.Reveal` (an eye button); copy still copies the real value.\n *\n * @example Monospace command\n * ```tsx\n * <CopyField.Root value={installCommand} mono>\n *   <CopyField.Label>Install the Keboola CLI</CopyField.Label>\n *   <CopyField.Box>\n *     <CopyField.Children>{installCommand}</CopyField.Children>\n *     <CopyField.Button />\n *   </CopyField.Box>\n * </CopyField.Root>\n * ```\n *\n * @example Masked token with reveal + prefix/suffix\n * ```tsx\n * <CopyField.Root value={dataAppUrl} hiddenByDefault>\n *   <CopyField.Label leading={<InfoButton />} trailing={<Switch />}>Data app URL</CopyField.Label>\n *   <CopyField.Box>\n *     <CopyField.Prefix>https://</CopyField.Prefix>\n *     <CopyField.Children><CopyField.Hidden>{slug}</CopyField.Hidden></CopyField.Children>\n *     <CopyField.Suffix>.keboola.com</CopyField.Suffix>\n *     <CopyField.Reveal />\n *     <CopyField.Button />\n *   </CopyField.Box>\n *   <CopyField.Footer>Click to copy</CopyField.Footer>\n * </CopyField.Root>\n * ```\n */\nexport const CopyField = {\n  /** Container. Owns the copied `value`, mask state, and copy context. */\n  Root: CopyRoot,\n  /** Visible label above the box, with optional `leading`/`trailing` slots. */\n  Label: CopyLabel,\n  /** The clickable copy target row. */\n  Box: CopyBox,\n  /** Muted, non-selectable prefix addon (not copied). */\n  Prefix: CopyPrefix,\n  /** Displayed value (truncates single-line, wraps multi-line). */\n  Children: CopyChildren,\n  /** Muted, non-selectable suffix addon (not copied). */\n  Suffix: CopySuffix,\n  /** Masks its children with dots; copy still copies the real value. */\n  Hidden: CopyHidden,\n  /** Eye toggle that reveals/masks revealable `CopyField.Hidden` content. */\n  Reveal: CopyReveal,\n  /** Copy affordance icon — shows Copy/Check with feedback. */\n  Button: CopyButton,\n  /** Small helper text below the box. */\n  Footer: CopyFooter,\n};\n"],"mappings":"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"}
+{"version":3,"file":"CopyField-DpT0Ngz1.js","names":["CopyIcon"],"sources":["../src/blocks/CopyField/CopyContext.tsx","../src/blocks/CopyField/CopyBox.tsx","../src/blocks/CopyField/CopyButton.tsx","../src/blocks/CopyField/CopyChildren.tsx","../src/blocks/CopyField/CopyFooter.tsx","../src/blocks/CopyField/CopyHidden.tsx","../src/blocks/CopyField/CopyLabel.tsx","../src/blocks/CopyField/CopyPrefix.tsx","../src/blocks/CopyField/CopyReveal.tsx","../src/blocks/CopyField/CopyRoot.tsx","../src/blocks/CopyField/CopySuffix.tsx","../src/blocks/CopyField/CopyField.tsx"],"sourcesContent":["import { createContext, use } from 'react';\n\ntype CopyContextValue = {\n  /** Whether a copy just happened (drives the Copy → Check feedback for ~1.5s). */\n  copied: boolean;\n  /** Copies the real `value` to the clipboard, guarded against drag-select. */\n  handleCopy: () => void;\n  /** The real value copied to the clipboard, regardless of masking. */\n  value: string;\n  /** Render displayed content in monospace/code style. */\n  mono: boolean;\n  /** Whether to show the \"Copy\" hint tooltip on hover (else only \"Copied\" on copy). */\n  hoverHint: boolean;\n  /** Whether revealable `CopyField.Hidden` content is currently masked. */\n  hidden: boolean;\n  /** Toggles the masked ↔ revealed state. */\n  toggleHidden: () => void;\n  /**\n   * Registers a revealable `CopyField.Hidden` so `CopyField.Reveal` knows to render.\n   * Returns a cleanup that unregisters on unmount.\n   */\n  registerRevealable: () => () => void;\n  /** True once at least one revealable `CopyField.Hidden` is mounted. */\n  hasRevealable: boolean;\n  /**\n   * Registers the visible `CopyField.Label` so `CopyField.Box` only points `aria-labelledby`\n   * at it when a label actually exists. Returns a cleanup that unregisters on unmount.\n   */\n  registerLabel: () => () => void;\n  /** True once a `CopyField.Label` is mounted. */\n  hasLabel: boolean;\n  /** Minimum number of visible text lines for a multi-line box. */\n  minLines: number;\n  /** Maximum number of visible text lines before the box scrolls. */\n  maxLines: number;\n  /** Stable id of the visible label element (for `aria-labelledby`). */\n  labelId: string;\n  /** Stable id of the clickable box element. */\n  boxId: string;\n};\n\nexport const CopyContext = createContext<CopyContextValue | null>(null);\n\nexport const useCopyContext = () => {\n  const ctx = use(CopyContext);\n  if (!ctx) throw new Error('CopyField.* components must be used within a CopyField.Root');\n  return ctx;\n};\n","import type { CSSProperties, KeyboardEvent, ReactNode } from 'react';\n\nimport { Tooltip } from '../../components/Tooltip';\nimport { cn } from '../../utils';\n\nimport { useCopyContext } from './CopyContext';\n\ntype CopyBoxProps = {\n  /** Additional CSS classes on the box. */\n  className?: string;\n  children: ReactNode;\n};\n\nconst LINE_HEIGHT_REM = 1.25;\nconst VERTICAL_PADDING_REM = 1.25;\n\n// Long delay — the hover \"Copy\" hint doesn't really help UX, it just pulls focus.\nconst COPY_HINT_DELAY_MS = 2000;\n\n/**\n * The clickable copy target. Click anywhere to copy; text stays drag-selectable.\n *\n * Rendered as a `role=\"button\"` div (not a native `<button>`) so it can host\n * genuinely interactive children like `CopyField.Reveal` — nesting a `<button>`\n * inside a `<button>` is invalid HTML.\n */\nexport const CopyBox = ({ className, children }: CopyBoxProps) => {\n  const { copied, handleCopy, mono, minLines, maxLines, boxId, labelId, hasLabel, hoverHint } =\n    useCopyContext();\n\n  const multiline = maxLines > 1;\n  const multilineStyle: CSSProperties | undefined = multiline\n    ? {\n        minHeight: `${minLines * LINE_HEIGHT_REM + VERTICAL_PADDING_REM}rem`,\n        maxHeight: `${maxLines * LINE_HEIGHT_REM + VERTICAL_PADDING_REM}rem`,\n      }\n    : undefined;\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.target !== event.currentTarget) return;\n    if (event.key !== 'Enter' && event.key !== ' ') return;\n    event.preventDefault();\n    handleCopy();\n  };\n\n  return (\n    <Tooltip\n      triggerAsChild\n      placement=\"top\"\n      tooltip={copied ? 'Copied' : hoverHint ? 'Copy' : null}\n      forceShow={copied}\n      delayDuration={COPY_HINT_DELAY_MS}\n    >\n      <div\n        role=\"button\"\n        tabIndex={0}\n        id={boxId}\n        aria-labelledby={hasLabel ? labelId : undefined}\n        onClick={handleCopy}\n        onKeyDown={handleKeyDown}\n        style={multilineStyle}\n        className={cn(\n          'tw:group tw:relative tw:flex tw:w-fit tw:max-w-full tw:cursor-pointer tw:gap-2 tw:rounded-2xl tw:[corner-shape:superellipse(2)] tw:border tw:border-border tw:bg-card tw:px-3 tw:py-2.5 tw:text-left tw:shadow-sm tw:transition-colors tw:hover:bg-muted',\n          multiline ? 'tw:items-start tw:overflow-auto' : 'tw:items-center tw:overflow-hidden',\n          mono && 'tw:font-mono tw:text-[13px]',\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </Tooltip>\n  );\n};\n","import { Check, Copy as CopyIcon } from '../../icons';\nimport { cn } from '../../utils';\n\nimport { useCopyContext } from './CopyContext';\n\ntype CopyButtonProps = {\n  className?: string;\n};\n\n/** Copy affordance icon — shows Copy/Check with feedback. */\nexport const CopyButton = ({ className }: CopyButtonProps) => {\n  const { copied, maxLines } = useCopyContext();\n\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        'tw:pointer-events-none tw:flex tw:shrink-0 tw:items-center tw:text-muted-foreground tw:group-hover:text-foreground',\n        maxLines > 1 && 'tw:self-start tw:pt-0.5',\n        className,\n      )}\n    >\n      {copied ? <Check className=\"tw:size-4\" /> : <CopyIcon className=\"tw:size-4\" />}\n    </span>\n  );\n};\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { useCopyContext } from './CopyContext';\n\ntype CopyChildrenProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/** The displayed value. Truncates on a single line, wraps when multi-line. */\nexport const CopyChildren = ({ children, className }: CopyChildrenProps) => {\n  const { maxLines } = useCopyContext();\n  const multiline = maxLines > 1;\n\n  return (\n    <span\n      className={cn(\n        'tw:min-w-0 tw:flex-1 tw:select-text tw:text-card-foreground',\n        multiline ? 'tw:whitespace-pre-wrap tw:break-words' : 'tw:truncate',\n        className,\n      )}\n    >\n      {children}\n    </span>\n  );\n};\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\ntype CopyFooterProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/** Small helper text below the box (mirrors `FormGroup.Help` / `HelpBlock` styling). */\nexport const CopyFooter = ({ children, className }: CopyFooterProps) => {\n  if (!children) return null;\n\n  return <p className={cn('tw:m-0 tw:text-xs tw:text-muted-foreground', className)}>{children}</p>;\n};\n","import { useEffect } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { useCopyContext } from './CopyContext';\n\ntype CopyHiddenProps = {\n  children: ReactNode;\n  /**\n   * When true (default), `CopyField.Reveal` can unmask this content. When false the\n   * content is always masked (e.g. an implicit token inside a longer string).\n   */\n  revealable?: boolean;\n  className?: string;\n};\n\nconst MASK = '*'.repeat(12);\n\n/**\n * Masks its children with asterisks. The real value still lives on `CopyField.Root`,\n * so copy always copies the real value regardless of mask state.\n */\nexport const CopyHidden = ({ children, revealable = true, className }: CopyHiddenProps) => {\n  const { hidden, registerRevealable } = useCopyContext();\n\n  useEffect(() => {\n    if (!revealable) return undefined;\n    return registerRevealable();\n  }, [revealable, registerRevealable]);\n\n  const masked = revealable ? hidden : true;\n\n  return <span className={cn('tw:select-none', className)}>{masked ? MASK : children}</span>;\n};\n","import { useEffect } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { Label } from '../../components/Label';\nimport { cn } from '../../utils';\n\nimport { useCopyContext } from './CopyContext';\n\ntype CopyLabelProps = {\n  children: ReactNode;\n  /** Content rendered right after the label text (e.g. an Info tooltip button). */\n  leading?: ReactNode;\n  /** Content pushed to the trailing edge of the row (e.g. a Switch). */\n  trailing?: ReactNode;\n  className?: string;\n};\n\n/**\n * Visible label above the box. The label carries an id and the box is wired via\n * `aria-labelledby` (not `htmlFor`, which would turn label clicks into a copy).\n *\n * Row layout: label text, then `leading` (gap), then `trailing` pushed to the far\n * edge with the space between them growing.\n */\nexport const CopyLabel = ({ children, leading, trailing, className }: CopyLabelProps) => {\n  const { labelId, registerLabel } = useCopyContext();\n\n  useEffect(() => registerLabel(), [registerLabel]);\n\n  return (\n    <div className={cn('tw:flex tw:items-center tw:gap-1', className)}>\n      <Label id={labelId}>{children}</Label>\n      {leading}\n      {trailing != null && <span className=\"tw:ml-auto tw:flex tw:items-center\">{trailing}</span>}\n    </div>\n  );\n};\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\ntype CopyAddonProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/** Muted, non-selectable prefix addon with a trailing divider (not part of the copied value). */\nexport const CopyPrefix = ({ children, className }: CopyAddonProps) => (\n  <span\n    aria-hidden\n    className={cn(\n      'tw:shrink-0 tw:select-none tw:self-stretch tw:border-r tw:border-border tw:pr-2 tw:text-muted-foreground',\n      className,\n    )}\n  >\n    {children}\n  </span>\n);\n","import type { MouseEvent } from 'react';\n\nimport { Eye, EyeOff } from '../../icons';\nimport { cn } from '../../utils';\n\nimport { useCopyContext } from './CopyContext';\n\ntype CopyRevealProps = {\n  className?: string;\n};\n\n/** Eye toggle that reveals/masks `CopyField.Hidden` content. Renders nothing without revealable content. */\nexport const CopyReveal = ({ className }: CopyRevealProps) => {\n  const { hidden, toggleHidden, hasRevealable, maxLines } = useCopyContext();\n\n  if (!hasRevealable) return null;\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    toggleHidden();\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      aria-label={hidden ? 'Show value' : 'Hide value'}\n      className={cn(\n        'tw:flex tw:shrink-0 tw:items-center tw:text-muted-foreground tw:hover:text-foreground',\n        maxLines > 1 && 'tw:self-start tw:pt-0.5',\n        className,\n      )}\n    >\n      {hidden ? <Eye className=\"tw:size-4\" /> : <EyeOff className=\"tw:size-4\" />}\n    </button>\n  );\n};\n","import { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { cn, copyToClipboard } from '../../utils';\n\nimport { CopyContext } from './CopyContext';\n\ntype CopyRootProps = {\n  /** The value copied to the clipboard on click. */\n  value: string;\n  /** Render displayed content in monospace/code style. */\n  mono?: boolean;\n  /** Callback fired after a successful copy. */\n  onCopy?: () => void;\n  /** Start with revealable `CopyField.Hidden` content masked. */\n  hiddenByDefault?: boolean;\n  /** Minimum number of visible text lines for a multi-line box. */\n  minLines?: number;\n  /** Maximum number of visible text lines before the box scrolls. */\n  maxLines?: number;\n  /** Show the \"Copy\" hover hint (set `false` to only show \"Copied\" on copy). Defaults to `true`. */\n  hoverHint?: boolean;\n  /** Additional CSS classes on the outer container. */\n  className?: string;\n  children: ReactNode;\n};\n\n/**\n * Container for the Copy block. Owns the copied `value`, copy/mask state, and the\n * shared context consumed by `CopyField.Box`, `CopyField.Reveal`, `CopyField.Button`, etc.\n */\nexport const CopyRoot = ({\n  value,\n  mono = false,\n  onCopy,\n  hiddenByDefault = false,\n  minLines = 1,\n  maxLines,\n  hoverHint = true,\n  className,\n  children,\n}: CopyRootProps) => {\n  const [copied, setCopied] = useState(false);\n  const [hidden, setHidden] = useState(hiddenByDefault);\n  const [revealableCount, setRevealableCount] = useState(0);\n  const [labelCount, setLabelCount] = useState(0);\n  const resetTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const generatedId = useId();\n  const labelId = `${generatedId}-label`;\n  const boxId = `${generatedId}-box`;\n\n  useEffect(() => () => clearTimeout(resetTimerRef.current), []);\n\n  const handleCopy = useCallback(() => {\n    const selection = window.getSelection();\n    const boxEl = document.getElementById(boxId);\n    if (\n      selection &&\n      !selection.isCollapsed &&\n      selection.anchorNode &&\n      boxEl?.contains(selection.anchorNode)\n    ) {\n      return;\n    }\n\n    copyToClipboard(value)\n      .then(() => {\n        onCopy?.();\n        setCopied(true);\n        clearTimeout(resetTimerRef.current);\n        resetTimerRef.current = setTimeout(() => setCopied(false), 1500);\n      })\n      .catch((error: unknown) => {\n        // eslint-disable-next-line no-console\n        console.error('Copy to clipboard failed', error);\n      });\n  }, [value, onCopy, boxId]);\n\n  const toggleHidden = useCallback(() => setHidden((prev) => !prev), []);\n\n  const registerRevealable = useCallback(() => {\n    setRevealableCount((count) => count + 1);\n    return () => setRevealableCount((count) => count - 1);\n  }, []);\n\n  const registerLabel = useCallback(() => {\n    setLabelCount((count) => count + 1);\n    return () => setLabelCount((count) => count - 1);\n  }, []);\n\n  const contextValue = useMemo(\n    () => ({\n      copied,\n      handleCopy,\n      value,\n      mono,\n      hidden,\n      toggleHidden,\n      registerRevealable,\n      hasRevealable: revealableCount > 0,\n      registerLabel,\n      hasLabel: labelCount > 0,\n      minLines,\n      maxLines: maxLines ?? minLines,\n      hoverHint,\n      labelId,\n      boxId,\n    }),\n    [\n      copied,\n      handleCopy,\n      value,\n      mono,\n      hidden,\n      toggleHidden,\n      registerRevealable,\n      revealableCount,\n      registerLabel,\n      labelCount,\n      minLines,\n      maxLines,\n      hoverHint,\n      labelId,\n      boxId,\n    ],\n  );\n\n  return (\n    <CopyContext value={contextValue}>\n      <div className={cn('tw:flex tw:w-fit tw:max-w-full tw:flex-col tw:gap-1', className)}>\n        {children}\n      </div>\n    </CopyContext>\n  );\n};\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\ntype CopyAddonProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/** Muted, non-selectable suffix addon with a leading divider (not part of the copied value). */\nexport const CopySuffix = ({ children, className }: CopyAddonProps) => (\n  <span\n    aria-hidden\n    className={cn(\n      'tw:shrink-0 tw:select-none tw:self-stretch tw:border-l tw:border-border tw:pl-2 tw:text-muted-foreground',\n      className,\n    )}\n  >\n    {children}\n  </span>\n);\n","import { CopyBox } from './CopyBox';\nimport { CopyButton } from './CopyButton';\nimport { CopyChildren } from './CopyChildren';\nimport { CopyFooter } from './CopyFooter';\nimport { CopyHidden } from './CopyHidden';\nimport { CopyLabel } from './CopyLabel';\nimport { CopyPrefix } from './CopyPrefix';\nimport { CopyReveal } from './CopyReveal';\nimport { CopyRoot } from './CopyRoot';\nimport { CopySuffix } from './CopySuffix';\n\n/**\n * Compound component for readonly value/command boxes with inline copy.\n *\n * `CopyField.Root` owns the `value` and copy/mask state; `CopyField.Box` is the clickable\n * copy target. Clicking anywhere in the box copies the real `value` to the\n * clipboard (guarded by text-selection so drag-select does NOT trigger a copy),\n * with a Copy → Check feedback for ~1.5s.\n *\n * Shapes:\n * - **Single-line value row** — default proportional font, value truncates.\n * - **Monospace command box** — `mono` on `CopyField.Root`.\n * - **Multi-line** — `maxLines > 1`; content wraps and scrolls between\n *   `minLines` and `maxLines` tall.\n *\n * Masking: wrap sensitive content in `CopyField.Hidden`. Revealable hidden content is\n * toggled by `CopyField.Reveal` (an eye button); copy still copies the real value.\n *\n * @example Monospace command\n * ```tsx\n * <CopyField.Root value={installCommand} mono>\n *   <CopyField.Label>Install the Keboola CLI</CopyField.Label>\n *   <CopyField.Box>\n *     <CopyField.Children>{installCommand}</CopyField.Children>\n *     <CopyField.Button />\n *   </CopyField.Box>\n * </CopyField.Root>\n * ```\n *\n * @example Masked token with reveal + prefix/suffix\n * ```tsx\n * <CopyField.Root value={dataAppUrl} hiddenByDefault>\n *   <CopyField.Label leading={<InfoButton />} trailing={<Switch />}>Data app URL</CopyField.Label>\n *   <CopyField.Box>\n *     <CopyField.Prefix>https://</CopyField.Prefix>\n *     <CopyField.Children><CopyField.Hidden>{slug}</CopyField.Hidden></CopyField.Children>\n *     <CopyField.Suffix>.keboola.com</CopyField.Suffix>\n *     <CopyField.Reveal />\n *     <CopyField.Button />\n *   </CopyField.Box>\n *   <CopyField.Footer>Click to copy</CopyField.Footer>\n * </CopyField.Root>\n * ```\n */\nexport const CopyField = {\n  /** Container. Owns the copied `value`, mask state, and copy context. */\n  Root: CopyRoot,\n  /** Visible label above the box, with optional `leading`/`trailing` slots. */\n  Label: CopyLabel,\n  /** The clickable copy target row. */\n  Box: CopyBox,\n  /** Muted, non-selectable prefix addon (not copied). */\n  Prefix: CopyPrefix,\n  /** Displayed value (truncates single-line, wraps multi-line). */\n  Children: CopyChildren,\n  /** Muted, non-selectable suffix addon (not copied). */\n  Suffix: CopySuffix,\n  /** Masks its children with dots; copy still copies the real value. */\n  Hidden: CopyHidden,\n  /** Eye toggle that reveals/masks revealable `CopyField.Hidden` content. */\n  Reveal: CopyReveal,\n  /** Copy affordance icon — shows Copy/Check with feedback. */\n  Button: CopyButton,\n  /** Small helper text below the box. */\n  Footer: CopyFooter,\n};\n"],"mappings":"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"}

package/dist/{DateInput-ZdaMQo5i.js → DateInput-DiEd5uCL.js}

@@ -1,7 +1,7 @@
-import { createChangeInputEvent } from "./utils-B5Z52hYs.js";
+import { createChangeInputEvent } from "./utils-DSvrhU8E.js";
 import { mergeRefs } from "./internal/utils/mergeRefs.js";
 import { Calendar, X } from "./icons-Cek151jC.js";
-import { InputGroup } from "./InputGroup-BnLHY0eq.js";
+import { InputGroup } from "./InputGroup-DcZRlVnN.js";
 import { useControllableState } from "./useControllableState-M6494mCT.js";
 import { DatePicker } from "./DatePicker-nA8YdE84.js";
 import { useRef, useState } from "react";
@@ -138,4 +138,4 @@ const DateInput = ({ ref, state, variant, focusVariant, sizing, className, value
 //#endregion
 export { DateInput };
 
-//# sourceMappingURL=DateInput-ZdaMQo5i.js.map
+//# sourceMappingURL=DateInput-DiEd5uCL.js.map

package/dist/{DateInput-ZdaMQo5i.js.map → DateInput-DiEd5uCL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DateInput-ZdaMQo5i.js","names":["CalendarIcon"],"sources":["../src/blocks/DateInput/helpers.ts","../src/blocks/DateInput/DateInput.tsx"],"sourcesContent":["export const formatDate = (date: Date | null | undefined, inputValue: string): string => {\n  if (!date) {\n    return inputValue;\n  }\n  return date.toLocaleDateString();\n};\n\n// Detect locale day/month/year order once, matching toLocaleDateString() output\nconst datePartOrder = new Intl.DateTimeFormat()\n  .formatToParts(new Date(2000, 0, 2))\n  .filter(\n    (p): p is { type: 'day' | 'month' | 'year'; value: string } =>\n      p.type === 'day' || p.type === 'month' || p.type === 'year',\n  )\n  .map((p) => p.type);\n\nexport const parseDate = (value: string): Date | null => {\n  if (!value.trim()) return null;\n\n  // Try locale-aware parsing first (matches toLocaleDateString round-trip)\n  const nums = value.match(/\\d+/g)?.map(Number);\n  if (nums && nums.length >= 3) {\n    const parts = Object.fromEntries(datePartOrder.map((type, i) => [type, nums[i]]));\n    const year = parts.year;\n    const month = parts.month;\n    const day = parts.day;\n\n    if (\n      year != null &&\n      month != null &&\n      day != null &&\n      month >= 1 &&\n      month <= 12 &&\n      day >= 1 &&\n      day <= 31\n    ) {\n      const date = new Date(year, month - 1, day);\n      if (date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day) {\n        return date;\n      }\n    }\n  }\n\n  // Fallback: detect ISO YYYY-MM-DD and construct as local midnight to avoid UTC offset issues\n  const isoMatch = value.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})$/);\n  if (isoMatch) {\n    const y = Number(isoMatch[1]);\n    const m = Number(isoMatch[2]) - 1;\n    const d = Number(isoMatch[3]);\n    const date = new Date(y, m, d);\n    if (date.getFullYear() === y && date.getMonth() === m && date.getDate() === d) {\n      return date;\n    }\n    return null;\n  }\n\n  const fallback = new Date(value);\n  return isNaN(fallback.getTime()) ? null : fallback;\n};\n","import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  MouseEventHandler,\n} from 'react';\nimport type { Matcher } from 'react-day-picker';\n\nimport { DatePicker } from '../../components/DatePicker';\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { Calendar as CalendarIcon, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\nimport { formatDate, parseDate } from './helpers';\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?: Date | null;\n    defaultValue?: Date | null;\n    onValueChange?: (value: Date | null) => void;\n    onValueBlur?: (value: Date | null) => void;\n    allowClear?: boolean;\n    disabledDays?: Matcher | Matcher[];\n    endMonth?: Date;\n    startMonth?: Date;\n  };\n\nexport const DateInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  onFocus,\n  allowClear = false,\n  disabledDays,\n  endMonth,\n  startMonth,\n\n  // input props\n  disabled,\n  readOnly,\n  placeholder = 'Select a date',\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [inputValue, setInputValue] = useState('');\n  const [hasFocus, setHasFocus] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n  const [month, setMonth] = useState<Date>(new Date());\n\n  // `onValueChange` is fired explicitly per-path below (not through the hook), because commits\n  // happen on blur / picker-select rather than on every keystroke.\n  const [currentValue, setCurrentValue] = useControllableState<Date | null>({\n    prop: value,\n    defaultProp: defaultValue ?? null,\n  });\n\n  const canClear = allowClear && !!currentValue && !disabled && !readOnly;\n  const showPicker = !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    const newValue = event.target.value;\n    setInputValue(newValue);\n    onChange?.(event);\n\n    const parsedDate = parseDate(newValue);\n    if (parsedDate !== null || !newValue.trim()) {\n      onValueChange?.(parsedDate);\n    }\n  };\n\n  const handleFocus: FocusEventHandler<HTMLInputElement> = (event) => {\n    const formatted = formatDate(currentValue, '');\n    setInputValue(formatted);\n    setHasFocus(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    setHasFocus(false);\n    onBlur?.(event);\n\n    // If the field still shows the formatted current value (focused and blurred\n    // without editing), keep it as-is. `formatDate` uses `toLocaleDateString`,\n    // whose output is not reliably parseable by `parseDate` in every locale, so\n    // round-tripping an untouched value could wrongly null it.\n    const text = event.target.value;\n    const parsedDate = text === formatDate(currentValue, '') ? currentValue : parseDate(text);\n    onValueBlur?.(parsedDate);\n\n    setCurrentValue(parsedDate);\n  };\n\n  const handleDatePickerChange = (newValue?: Date) => {\n    const dateValue = newValue ?? null;\n\n    setCurrentValue(dateValue);\n    onValueChange?.(dateValue);\n\n    setHasFocus(false);\n    setIsOpen(false);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setInputValue('');\n    setCurrentValue(null);\n    onValueChange?.(null);\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  const handleOpenChange = (open: boolean) => {\n    if (open) {\n      setMonth(currentValue ?? new Date());\n    }\n    setIsOpen(open);\n  };\n\n  const displayValue = hasFocus ? inputValue : formatDate(currentValue, '');\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=\"text\"\n        value={displayValue}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onFocus={handleFocus}\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 date\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {showPicker && (\n            <DatePicker\n              disabled={disabledDays}\n              endMonth={endMonth}\n              mode=\"single\"\n              month={month}\n              onMonthChange={setMonth}\n              onOpenChange={handleOpenChange}\n              onSelect={handleDatePickerChange}\n              open={isOpen}\n              selected={currentValue ?? undefined}\n              startMonth={startMonth}\n            >\n              <InputGroup.Button aria-label=\"Select Date\">\n                <CalendarIcon className=\"tw:size-4\" />\n              </InputGroup.Button>\n            </DatePicker>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;;AAAA,MAAa,cAAc,MAA+B,eAA+B;CACvF,IAAI,CAAC,MACH,OAAO;CAET,OAAO,KAAK,mBAAmB;AACjC;AAGA,MAAM,gBAAgB,IAAI,KAAK,eAAe,CAAC,CAC5C,cAAc,IAAI,KAAK,KAAM,GAAG,CAAC,CAAC,CAAC,CACnC,QACE,MACC,EAAE,SAAS,SAAS,EAAE,SAAS,WAAW,EAAE,SAAS,MACzD,CAAC,CACA,KAAK,MAAM,EAAE,IAAI;AAEpB,MAAa,aAAa,UAA+B;CACvD,IAAI,CAAC,MAAM,KAAK,GAAG,OAAO;CAG1B,MAAM,OAAO,MAAM,MAAM,MAAM,CAAC,EAAE,IAAI,MAAM;CAC5C,IAAI,QAAQ,KAAK,UAAU,GAAG;EAC5B,MAAM,QAAQ,OAAO,YAAY,cAAc,KAAK,MAAM,MAAM,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC;EAChF,MAAM,OAAO,MAAM;EACnB,MAAM,QAAQ,MAAM;EACpB,MAAM,MAAM,MAAM;EAElB,IACE,QAAQ,QACR,SAAS,QACT,OAAO,QACP,SAAS,KACT,SAAS,MACT,OAAO,KACP,OAAO,IACP;GACA,MAAM,OAAO,IAAI,KAAK,MAAM,QAAQ,GAAG,GAAG;GAC1C,IAAI,KAAK,YAAY,MAAM,QAAQ,KAAK,SAAS,MAAM,QAAQ,KAAK,KAAK,QAAQ,MAAM,KACrF,OAAO;EAEX;CACF;CAGA,MAAM,WAAW,MAAM,MAAM,+BAA+B;CAC5D,IAAI,UAAU;EACZ,MAAM,IAAI,OAAO,SAAS,EAAE;EAC5B,MAAM,IAAI,OAAO,SAAS,EAAE,IAAI;EAChC,MAAM,IAAI,OAAO,SAAS,EAAE;EAC5B,MAAM,OAAO,IAAI,KAAK,GAAG,GAAG,CAAC;EAC7B,IAAI,KAAK,YAAY,MAAM,KAAK,KAAK,SAAS,MAAM,KAAK,KAAK,QAAQ,MAAM,GAC1E,OAAO;EAET,OAAO;CACT;CAEA,MAAM,WAAW,IAAI,KAAK,KAAK;CAC/B,OAAO,MAAM,SAAS,QAAQ,CAAC,IAAI,OAAO;AAC5C;;;AClBA,MAAa,aAAa,EACxB,KAGA,OACA,SACA,cACA,QACA,WAGA,OACA,cACA,eACA,aACA,UACA,QACA,SACA,aAAa,OACb,cACA,UACA,YAGA,UACA,UACA,cAAc,iBACd,GAAG,qBACQ;CACX,MAAM,WAAW,OAA8B,IAAI;CAEnD,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAC/C,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,CAAC,OAAO,YAAY,yBAAe,IAAI,KAAK,CAAC;CAInD,MAAM,CAAC,cAAc,mBAAmB,qBAAkC;EACxE,MAAM;EACN,aAAa,gBAAgB;CAC/B,CAAC;CAED,MAAM,WAAW,cAAc,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC;CAC/D,MAAM,aAAa,CAAC,YAAY,CAAC;CAEjC,MAAM,gBAAsD,UAAU;EACpE,MAAM,WAAW,MAAM,OAAO;EAC9B,cAAc,QAAQ;EACtB,WAAW,KAAK;EAEhB,MAAM,aAAa,UAAU,QAAQ;EACrC,IAAI,eAAe,QAAQ,CAAC,SAAS,KAAK,GACxC,gBAAgB,UAAU;CAE9B;CAEA,MAAM,eAAoD,UAAU;EAClE,MAAM,YAAY,WAAW,cAAc,EAAE;EAC7C,cAAc,SAAS;EACvB,YAAY,IAAI;EAChB,UAAU,KAAK;CACjB;CAEA,MAAM,cAAmD,UAAU;EACjE,YAAY,KAAK;EACjB,SAAS,KAAK;EAMd,MAAM,OAAO,MAAM,OAAO;EAC1B,MAAM,aAAa,SAAS,WAAW,cAAc,EAAE,IAAI,eAAe,UAAU,IAAI;EACxF,cAAc,UAAU;EAExB,gBAAgB,UAAU;CAC5B;CAEA,MAAM,0BAA0B,aAAoB;EAClD,MAAM,YAAY,YAAY;EAE9B,gBAAgB,SAAS;EACzB,gBAAgB,SAAS;EAEzB,YAAY,KAAK;EACjB,UAAU,KAAK;CACjB;CAEA,MAAM,oBAA0D;EAC9D,IAAI,CAAC,SAAS,SAAS;EACvB,SAAS,QAAQ,QAAQ;EACzB,cAAc,EAAE;EAChB,gBAAgB,IAAI;EACpB,gBAAgB,IAAI;EACpB,WAAW,uBAAuB,SAAS,OAAO,CAAC;CACrD;CAEA,MAAM,oBAAoB,SAAkB;EAC1C,IAAI,MACF,SAAS,gCAAgB,IAAI,KAAK,CAAC;EAErC,UAAU,IAAI;CAChB;CAEA,MAAM,eAAe,WAAW,aAAa,WAAW,cAAc,EAAE;CAExE,OACE,qBAAC,YAAD;EACS;EACE;EACD;EACM;EACH;EALb,UAAA,CAOE,oBAAC,WAAW,OAAZ;GACE,GAAI;GACJ,KAAK,UAAU,OAAO,MAAM,QAAQ;GACpC,MAAK;GACL,OAAO;GACM;GACb,UAAU;GACV,SAAS;GACT,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,UAAU;IACA;IACV,MAAK;IACE;IACP,eAAe;IACf,cAAc;IACd,UAAU;IACV,MAAM;IACN,UAAU,gBAAgB,KAAA;IACd;IAEZ,UAAA,oBAAC,WAAW,QAAZ;KAAmB,cAAW;KAC5B,UAAA,oBAACA,UAAD,EAAc,WAAU,YAAa,CAAA;IACpB,CAAA;GACT,CAAA,CAEE;EAEV,CAAA,CAAA;;AAEhB"}
+{"version":3,"file":"DateInput-DiEd5uCL.js","names":["CalendarIcon"],"sources":["../src/blocks/DateInput/helpers.ts","../src/blocks/DateInput/DateInput.tsx"],"sourcesContent":["export const formatDate = (date: Date | null | undefined, inputValue: string): string => {\n  if (!date) {\n    return inputValue;\n  }\n  return date.toLocaleDateString();\n};\n\n// Detect locale day/month/year order once, matching toLocaleDateString() output\nconst datePartOrder = new Intl.DateTimeFormat()\n  .formatToParts(new Date(2000, 0, 2))\n  .filter(\n    (p): p is { type: 'day' | 'month' | 'year'; value: string } =>\n      p.type === 'day' || p.type === 'month' || p.type === 'year',\n  )\n  .map((p) => p.type);\n\nexport const parseDate = (value: string): Date | null => {\n  if (!value.trim()) return null;\n\n  // Try locale-aware parsing first (matches toLocaleDateString round-trip)\n  const nums = value.match(/\\d+/g)?.map(Number);\n  if (nums && nums.length >= 3) {\n    const parts = Object.fromEntries(datePartOrder.map((type, i) => [type, nums[i]]));\n    const year = parts.year;\n    const month = parts.month;\n    const day = parts.day;\n\n    if (\n      year != null &&\n      month != null &&\n      day != null &&\n      month >= 1 &&\n      month <= 12 &&\n      day >= 1 &&\n      day <= 31\n    ) {\n      const date = new Date(year, month - 1, day);\n      if (date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day) {\n        return date;\n      }\n    }\n  }\n\n  // Fallback: detect ISO YYYY-MM-DD and construct as local midnight to avoid UTC offset issues\n  const isoMatch = value.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})$/);\n  if (isoMatch) {\n    const y = Number(isoMatch[1]);\n    const m = Number(isoMatch[2]) - 1;\n    const d = Number(isoMatch[3]);\n    const date = new Date(y, m, d);\n    if (date.getFullYear() === y && date.getMonth() === m && date.getDate() === d) {\n      return date;\n    }\n    return null;\n  }\n\n  const fallback = new Date(value);\n  return isNaN(fallback.getTime()) ? null : fallback;\n};\n","import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  MouseEventHandler,\n} from 'react';\nimport type { Matcher } from 'react-day-picker';\n\nimport { DatePicker } from '../../components/DatePicker';\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { Calendar as CalendarIcon, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\nimport { formatDate, parseDate } from './helpers';\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?: Date | null;\n    defaultValue?: Date | null;\n    onValueChange?: (value: Date | null) => void;\n    onValueBlur?: (value: Date | null) => void;\n    allowClear?: boolean;\n    disabledDays?: Matcher | Matcher[];\n    endMonth?: Date;\n    startMonth?: Date;\n  };\n\nexport const DateInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  onFocus,\n  allowClear = false,\n  disabledDays,\n  endMonth,\n  startMonth,\n\n  // input props\n  disabled,\n  readOnly,\n  placeholder = 'Select a date',\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [inputValue, setInputValue] = useState('');\n  const [hasFocus, setHasFocus] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n  const [month, setMonth] = useState<Date>(new Date());\n\n  // `onValueChange` is fired explicitly per-path below (not through the hook), because commits\n  // happen on blur / picker-select rather than on every keystroke.\n  const [currentValue, setCurrentValue] = useControllableState<Date | null>({\n    prop: value,\n    defaultProp: defaultValue ?? null,\n  });\n\n  const canClear = allowClear && !!currentValue && !disabled && !readOnly;\n  const showPicker = !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    const newValue = event.target.value;\n    setInputValue(newValue);\n    onChange?.(event);\n\n    const parsedDate = parseDate(newValue);\n    if (parsedDate !== null || !newValue.trim()) {\n      onValueChange?.(parsedDate);\n    }\n  };\n\n  const handleFocus: FocusEventHandler<HTMLInputElement> = (event) => {\n    const formatted = formatDate(currentValue, '');\n    setInputValue(formatted);\n    setHasFocus(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    setHasFocus(false);\n    onBlur?.(event);\n\n    // If the field still shows the formatted current value (focused and blurred\n    // without editing), keep it as-is. `formatDate` uses `toLocaleDateString`,\n    // whose output is not reliably parseable by `parseDate` in every locale, so\n    // round-tripping an untouched value could wrongly null it.\n    const text = event.target.value;\n    const parsedDate = text === formatDate(currentValue, '') ? currentValue : parseDate(text);\n    onValueBlur?.(parsedDate);\n\n    setCurrentValue(parsedDate);\n  };\n\n  const handleDatePickerChange = (newValue?: Date) => {\n    const dateValue = newValue ?? null;\n\n    setCurrentValue(dateValue);\n    onValueChange?.(dateValue);\n\n    setHasFocus(false);\n    setIsOpen(false);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setInputValue('');\n    setCurrentValue(null);\n    onValueChange?.(null);\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  const handleOpenChange = (open: boolean) => {\n    if (open) {\n      setMonth(currentValue ?? new Date());\n    }\n    setIsOpen(open);\n  };\n\n  const displayValue = hasFocus ? inputValue : formatDate(currentValue, '');\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=\"text\"\n        value={displayValue}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onFocus={handleFocus}\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 date\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {showPicker && (\n            <DatePicker\n              disabled={disabledDays}\n              endMonth={endMonth}\n              mode=\"single\"\n              month={month}\n              onMonthChange={setMonth}\n              onOpenChange={handleOpenChange}\n              onSelect={handleDatePickerChange}\n              open={isOpen}\n              selected={currentValue ?? undefined}\n              startMonth={startMonth}\n            >\n              <InputGroup.Button aria-label=\"Select Date\">\n                <CalendarIcon className=\"tw:size-4\" />\n              </InputGroup.Button>\n            </DatePicker>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":"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"}

package/dist/{DateRangeInput-DkvNh_sT.js → DateRangeInput-DPfVYchl.js}

@@ -1,7 +1,7 @@
-import { createChangeInputEvent } from "./utils-B5Z52hYs.js";
+import { createChangeInputEvent } from "./utils-DSvrhU8E.js";
 import { mergeRefs } from "./internal/utils/mergeRefs.js";
 import { Calendar, X } from "./icons-Cek151jC.js";
-import { InputGroup } from "./InputGroup-BnLHY0eq.js";
+import { InputGroup } from "./InputGroup-DcZRlVnN.js";
 import { useControllableState } from "./useControllableState-M6494mCT.js";
 import { DatePicker } from "./DatePicker-nA8YdE84.js";
 import { useRef, useState } from "react";
@@ -136,4 +136,4 @@ const DateRangeInput = ({ ref, state, variant, focusVariant, sizing, className,
 //#endregion
 export { DateRangeInput };
 
-//# sourceMappingURL=DateRangeInput-DkvNh_sT.js.map
+//# sourceMappingURL=DateRangeInput-DPfVYchl.js.map

package/dist/{DateRangeInput-DkvNh_sT.js.map → DateRangeInput-DPfVYchl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInput-DkvNh_sT.js","names":["CalendarIcon"],"sources":["../src/blocks/DateRangeInput/helpers.ts","../src/blocks/DateRangeInput/DateRangeInput.tsx"],"sourcesContent":["import type { DateRange } from 'react-day-picker';\n\nexport const formatDateRange = (\n  range: DateRange | null | undefined,\n  inputValue: string,\n): string => {\n  if (!range) {\n    return inputValue;\n  }\n\n  const { from, to } = range;\n  const fromStr = from?.toLocaleDateString();\n  const toStr = to?.toLocaleDateString();\n  return `${fromStr} - ${toStr}`;\n};\n\nconst ISO_DATE_ONLY = /^\\d{4}-\\d{2}-\\d{2}$/;\n\n/**\n * `new Date('2024-01-15')` is spec'd as UTC midnight, so reading it back with the\n * local getters this component relies on (`getDate`, `toLocaleDateString`) yields\n * the previous day for users west of UTC. Appending a time makes the ISO form\n * parse as local time instead, while keeping `new Date`'s validation — an\n * out-of-range month or day is still `Invalid Date`, whereas building the parts\n * via `new Date(y, m - 1, d)` would silently roll '2024-13-45' over to 2025-02-14.\n *\n * Every other format accepted here ('01/15/2024', 'Jan 15, 2024', '2024/01/15')\n * is already parsed as local time, so only the date-only ISO form is rewritten.\n */\nconst parseLocalDate = (value: string): Date =>\n  ISO_DATE_ONLY.test(value) ? new Date(`${value}T00:00:00`) : new Date(value);\n\nexport const parseDateRange = (value: string): DateRange | null => {\n  const parts = value.split(' - ');\n  if (parts.length !== 2) {\n    return null;\n  }\n\n  const [fromPart, toPart] = parts;\n  if (!fromPart || !toPart) {\n    return null;\n  }\n\n  const from = parseLocalDate(fromPart.trim());\n  const to = parseLocalDate(toPart.trim());\n\n  if (isNaN(from.getTime()) || isNaN(to.getTime())) {\n    return null;\n  }\n\n  return { from, to };\n};\n","import { useRef, useState } from 'react';\nimport type { ChangeEventHandler, ComponentProps, ComponentRef, FocusEventHandler } from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { DatePicker } from '../../components/DatePicker';\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { Calendar as CalendarIcon, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\nimport { formatDateRange, parseDateRange } from './helpers';\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?: DateRange | null;\n    defaultValue?: DateRange | null;\n    onValueChange?: (value: DateRange | null) => void;\n    onValueBlur?: (value: DateRange | null) => void;\n    allowClear?: boolean;\n    startMonth?: Date;\n    endMonth?: Date;\n  };\n\nexport const DateRangeInput = ({\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  onFocus,\n  allowClear = false,\n  startMonth,\n  endMonth,\n\n  // input props\n  disabled,\n  readOnly,\n  placeholder = 'Select a date range',\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [inputValue, setInputValue] = useState('');\n  const [hasFocus, setHasFocus] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n  const [month, setMonth] = useState<Date>(new Date());\n\n  // `onValueChange` is fired explicitly per-path below (not through the hook), because commits\n  // happen on blur / picker-select rather than on every keystroke.\n  const [currentValue, setCurrentValue] = useControllableState<DateRange | null>({\n    prop: valueProp,\n    defaultProp: defaultValue ?? null,\n  });\n\n  const canClear = allowClear && !!currentValue && !disabled && !readOnly;\n  const showPicker = !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    const newValue = event.target.value;\n    setInputValue(newValue);\n    onChange?.(event);\n\n    const parsedRange = parseDateRange(newValue);\n    if (parsedRange !== null || !newValue.trim()) {\n      onValueChange?.(parsedRange);\n    }\n  };\n\n  const handleFocus: FocusEventHandler<HTMLInputElement> = (event) => {\n    setInputValue(formatDateRange(currentValue, ''));\n    setHasFocus(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    setHasFocus(false);\n    onBlur?.(event);\n\n    // If the field still shows the formatted current value (focused and blurred\n    // without editing), keep it as-is. `formatDateRange` uses `toLocaleDateString`,\n    // whose output is not reliably parseable by `new Date(...)` in every locale, so\n    // round-tripping an untouched value through `parseDateRange` could wrongly null it.\n    const text = event.target.value;\n    const parsedRange =\n      text === formatDateRange(currentValue, '') ? currentValue : parseDateRange(text);\n    onValueBlur?.(parsedRange);\n\n    setCurrentValue(parsedRange);\n  };\n\n  const handleDatePickerChange = (newValue: DateRange | undefined) => {\n    const rangeValue = newValue ?? null;\n\n    setCurrentValue(rangeValue);\n    onValueChange?.(rangeValue);\n\n    setHasFocus(false);\n  };\n\n  const handleClear = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setInputValue('');\n    setCurrentValue(null);\n    onValueChange?.(null);\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  const handleOpenChange = (open: boolean) => {\n    if (open) {\n      setMonth(currentValue?.from ?? new Date());\n    }\n    setIsOpen(open);\n  };\n\n  const displayValue = hasFocus ? inputValue : formatDateRange(currentValue, '');\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=\"text\"\n        value={displayValue}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onFocus={handleFocus}\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 date range\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {showPicker && (\n            <DatePicker\n              endMonth={endMonth}\n              mode=\"range\"\n              month={month}\n              onMonthChange={setMonth}\n              onOpenChange={handleOpenChange}\n              onSelect={handleDatePickerChange}\n              open={isOpen}\n              startMonth={startMonth}\n              selected={currentValue ?? undefined}\n            >\n              <InputGroup.Button aria-label=\"Select date range\">\n                <CalendarIcon className=\"tw:size-4\" />\n              </InputGroup.Button>\n            </DatePicker>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;;AAEA,MAAa,mBACX,OACA,eACW;CACX,IAAI,CAAC,OACH,OAAO;CAGT,MAAM,EAAE,MAAM,OAAO;CAGrB,OAAO,GAFS,MAAM,mBAAmB,EAEvB,KADJ,IAAI,mBAAmB;AAEvC;AAEA,MAAM,gBAAgB;;;;;;;;;;;;AAatB,MAAM,kBAAkB,UACtB,cAAc,KAAK,KAAK,oBAAI,IAAI,KAAK,GAAG,MAAM,UAAU,IAAI,IAAI,KAAK,KAAK;AAE5E,MAAa,kBAAkB,UAAoC;CACjE,MAAM,QAAQ,MAAM,MAAM,KAAK;CAC/B,IAAI,MAAM,WAAW,GACnB,OAAO;CAGT,MAAM,CAAC,UAAU,UAAU;CAC3B,IAAI,CAAC,YAAY,CAAC,QAChB,OAAO;CAGT,MAAM,OAAO,eAAe,SAAS,KAAK,CAAC;CAC3C,MAAM,KAAK,eAAe,OAAO,KAAK,CAAC;CAEvC,IAAI,MAAM,KAAK,QAAQ,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAC,GAC7C,OAAO;CAGT,OAAO;EAAE;EAAM;CAAG;AACpB;;;AClBA,MAAa,kBAAkB,EAC7B,KAGA,OACA,SACA,cACA,QACA,WAGA,OAAO,WACP,cACA,eACA,aACA,UACA,QACA,SACA,aAAa,OACb,YACA,UAGA,UACA,UACA,cAAc,uBACd,GAAG,qBACQ;CACX,MAAM,WAAW,OAA8B,IAAI;CAEnD,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAC/C,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,CAAC,OAAO,YAAY,yBAAe,IAAI,KAAK,CAAC;CAInD,MAAM,CAAC,cAAc,mBAAmB,qBAAuC;EAC7E,MAAM;EACN,aAAa,gBAAgB;CAC/B,CAAC;CAED,MAAM,WAAW,cAAc,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC;CAC/D,MAAM,aAAa,CAAC,YAAY,CAAC;CAEjC,MAAM,gBAAsD,UAAU;EACpE,MAAM,WAAW,MAAM,OAAO;EAC9B,cAAc,QAAQ;EACtB,WAAW,KAAK;EAEhB,MAAM,cAAc,eAAe,QAAQ;EAC3C,IAAI,gBAAgB,QAAQ,CAAC,SAAS,KAAK,GACzC,gBAAgB,WAAW;CAE/B;CAEA,MAAM,eAAoD,UAAU;EAClE,cAAc,gBAAgB,cAAc,EAAE,CAAC;EAC/C,YAAY,IAAI;EAChB,UAAU,KAAK;CACjB;CAEA,MAAM,cAAmD,UAAU;EACjE,YAAY,KAAK;EACjB,SAAS,KAAK;EAMd,MAAM,OAAO,MAAM,OAAO;EAC1B,MAAM,cACJ,SAAS,gBAAgB,cAAc,EAAE,IAAI,eAAe,eAAe,IAAI;EACjF,cAAc,WAAW;EAEzB,gBAAgB,WAAW;CAC7B;CAEA,MAAM,0BAA0B,aAAoC;EAClE,MAAM,aAAa,YAAY;EAE/B,gBAAgB,UAAU;EAC1B,gBAAgB,UAAU;EAE1B,YAAY,KAAK;CACnB;CAEA,MAAM,oBAAoB;EACxB,IAAI,CAAC,SAAS,SAAS;EACvB,SAAS,QAAQ,QAAQ;EACzB,cAAc,EAAE;EAChB,gBAAgB,IAAI;EACpB,gBAAgB,IAAI;EACpB,WAAW,uBAAuB,SAAS,OAAO,CAAC;CACrD;CAEA,MAAM,oBAAoB,SAAkB;EAC1C,IAAI,MACF,SAAS,cAAc,wBAAQ,IAAI,KAAK,CAAC;EAE3C,UAAU,IAAI;CAChB;CAEA,MAAM,eAAe,WAAW,aAAa,gBAAgB,cAAc,EAAE;CAE7E,OACE,qBAAC,YAAD;EACS;EACE;EACD;EACM;EACH;EALb,UAAA,CAOE,oBAAC,WAAW,OAAZ;GACE,GAAI;GACJ,KAAK,UAAU,OAAO,MAAM,QAAQ;GACpC,MAAK;GACL,OAAO;GACM;GACb,UAAU;GACV,SAAS;GACT,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;IACY;IACV,MAAK;IACE;IACP,eAAe;IACf,cAAc;IACd,UAAU;IACV,MAAM;IACM;IACZ,UAAU,gBAAgB,KAAA;IAE1B,UAAA,oBAAC,WAAW,QAAZ;KAAmB,cAAW;KAC5B,UAAA,oBAACA,UAAD,EAAc,WAAU,YAAa,CAAA;IACpB,CAAA;GACT,CAAA,CAEE;EAEV,CAAA,CAAA;;AAEhB"}
+{"version":3,"file":"DateRangeInput-DPfVYchl.js","names":["CalendarIcon"],"sources":["../src/blocks/DateRangeInput/helpers.ts","../src/blocks/DateRangeInput/DateRangeInput.tsx"],"sourcesContent":["import type { DateRange } from 'react-day-picker';\n\nexport const formatDateRange = (\n  range: DateRange | null | undefined,\n  inputValue: string,\n): string => {\n  if (!range) {\n    return inputValue;\n  }\n\n  const { from, to } = range;\n  const fromStr = from?.toLocaleDateString();\n  const toStr = to?.toLocaleDateString();\n  return `${fromStr} - ${toStr}`;\n};\n\nconst ISO_DATE_ONLY = /^\\d{4}-\\d{2}-\\d{2}$/;\n\n/**\n * `new Date('2024-01-15')` is spec'd as UTC midnight, so reading it back with the\n * local getters this component relies on (`getDate`, `toLocaleDateString`) yields\n * the previous day for users west of UTC. Appending a time makes the ISO form\n * parse as local time instead, while keeping `new Date`'s validation — an\n * out-of-range month or day is still `Invalid Date`, whereas building the parts\n * via `new Date(y, m - 1, d)` would silently roll '2024-13-45' over to 2025-02-14.\n *\n * Every other format accepted here ('01/15/2024', 'Jan 15, 2024', '2024/01/15')\n * is already parsed as local time, so only the date-only ISO form is rewritten.\n */\nconst parseLocalDate = (value: string): Date =>\n  ISO_DATE_ONLY.test(value) ? new Date(`${value}T00:00:00`) : new Date(value);\n\nexport const parseDateRange = (value: string): DateRange | null => {\n  const parts = value.split(' - ');\n  if (parts.length !== 2) {\n    return null;\n  }\n\n  const [fromPart, toPart] = parts;\n  if (!fromPart || !toPart) {\n    return null;\n  }\n\n  const from = parseLocalDate(fromPart.trim());\n  const to = parseLocalDate(toPart.trim());\n\n  if (isNaN(from.getTime()) || isNaN(to.getTime())) {\n    return null;\n  }\n\n  return { from, to };\n};\n","import { useRef, useState } from 'react';\nimport type { ChangeEventHandler, ComponentProps, ComponentRef, FocusEventHandler } from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { DatePicker } from '../../components/DatePicker';\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { Calendar as CalendarIcon, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\nimport { formatDateRange, parseDateRange } from './helpers';\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?: DateRange | null;\n    defaultValue?: DateRange | null;\n    onValueChange?: (value: DateRange | null) => void;\n    onValueBlur?: (value: DateRange | null) => void;\n    allowClear?: boolean;\n    startMonth?: Date;\n    endMonth?: Date;\n  };\n\nexport const DateRangeInput = ({\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  onFocus,\n  allowClear = false,\n  startMonth,\n  endMonth,\n\n  // input props\n  disabled,\n  readOnly,\n  placeholder = 'Select a date range',\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [inputValue, setInputValue] = useState('');\n  const [hasFocus, setHasFocus] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n  const [month, setMonth] = useState<Date>(new Date());\n\n  // `onValueChange` is fired explicitly per-path below (not through the hook), because commits\n  // happen on blur / picker-select rather than on every keystroke.\n  const [currentValue, setCurrentValue] = useControllableState<DateRange | null>({\n    prop: valueProp,\n    defaultProp: defaultValue ?? null,\n  });\n\n  const canClear = allowClear && !!currentValue && !disabled && !readOnly;\n  const showPicker = !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    const newValue = event.target.value;\n    setInputValue(newValue);\n    onChange?.(event);\n\n    const parsedRange = parseDateRange(newValue);\n    if (parsedRange !== null || !newValue.trim()) {\n      onValueChange?.(parsedRange);\n    }\n  };\n\n  const handleFocus: FocusEventHandler<HTMLInputElement> = (event) => {\n    setInputValue(formatDateRange(currentValue, ''));\n    setHasFocus(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    setHasFocus(false);\n    onBlur?.(event);\n\n    // If the field still shows the formatted current value (focused and blurred\n    // without editing), keep it as-is. `formatDateRange` uses `toLocaleDateString`,\n    // whose output is not reliably parseable by `new Date(...)` in every locale, so\n    // round-tripping an untouched value through `parseDateRange` could wrongly null it.\n    const text = event.target.value;\n    const parsedRange =\n      text === formatDateRange(currentValue, '') ? currentValue : parseDateRange(text);\n    onValueBlur?.(parsedRange);\n\n    setCurrentValue(parsedRange);\n  };\n\n  const handleDatePickerChange = (newValue: DateRange | undefined) => {\n    const rangeValue = newValue ?? null;\n\n    setCurrentValue(rangeValue);\n    onValueChange?.(rangeValue);\n\n    setHasFocus(false);\n  };\n\n  const handleClear = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setInputValue('');\n    setCurrentValue(null);\n    onValueChange?.(null);\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  const handleOpenChange = (open: boolean) => {\n    if (open) {\n      setMonth(currentValue?.from ?? new Date());\n    }\n    setIsOpen(open);\n  };\n\n  const displayValue = hasFocus ? inputValue : formatDateRange(currentValue, '');\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=\"text\"\n        value={displayValue}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onFocus={handleFocus}\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 date range\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {showPicker && (\n            <DatePicker\n              endMonth={endMonth}\n              mode=\"range\"\n              month={month}\n              onMonthChange={setMonth}\n              onOpenChange={handleOpenChange}\n              onSelect={handleDatePickerChange}\n              open={isOpen}\n              startMonth={startMonth}\n              selected={currentValue ?? undefined}\n            >\n              <InputGroup.Button aria-label=\"Select date range\">\n                <CalendarIcon className=\"tw:size-4\" />\n              </InputGroup.Button>\n            </DatePicker>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;;;;;AAEA,MAAa,mBACX,OACA,eACW;CACX,IAAI,CAAC,OACH,OAAO;CAGT,MAAM,EAAE,MAAM,OAAO;CAGrB,OAAO,GAFS,MAAM,mBAAmB,EAEvB,KADJ,IAAI,mBAAmB;AAEvC;AAEA,MAAM,gBAAgB;;;;;;;;;;;;AAatB,MAAM,kBAAkB,UACtB,cAAc,KAAK,KAAK,oBAAI,IAAI,KAAK,GAAG,MAAM,UAAU,IAAI,IAAI,KAAK,KAAK;AAE5E,MAAa,kBAAkB,UAAoC;CACjE,MAAM,QAAQ,MAAM,MAAM,KAAK;CAC/B,IAAI,MAAM,WAAW,GACnB,OAAO;CAGT,MAAM,CAAC,UAAU,UAAU;CAC3B,IAAI,CAAC,YAAY,CAAC,QAChB,OAAO;CAGT,MAAM,OAAO,eAAe,SAAS,KAAK,CAAC;CAC3C,MAAM,KAAK,eAAe,OAAO,KAAK,CAAC;CAEvC,IAAI,MAAM,KAAK,QAAQ,CAAC,KAAK,MAAM,GAAG,QAAQ,CAAC,GAC7C,OAAO;CAGT,OAAO;EAAE;EAAM;CAAG;AACpB;;;AClBA,MAAa,kBAAkB,EAC7B,KAGA,OACA,SACA,cACA,QACA,WAGA,OAAO,WACP,cACA,eACA,aACA,UACA,QACA,SACA,aAAa,OACb,YACA,UAGA,UACA,UACA,cAAc,uBACd,GAAG,qBACQ;CACX,MAAM,WAAW,OAA8B,IAAI;CAEnD,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAC/C,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,CAAC,OAAO,YAAY,yBAAe,IAAI,KAAK,CAAC;CAInD,MAAM,CAAC,cAAc,mBAAmB,qBAAuC;EAC7E,MAAM;EACN,aAAa,gBAAgB;CAC/B,CAAC;CAED,MAAM,WAAW,cAAc,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC;CAC/D,MAAM,aAAa,CAAC,YAAY,CAAC;CAEjC,MAAM,gBAAsD,UAAU;EACpE,MAAM,WAAW,MAAM,OAAO;EAC9B,cAAc,QAAQ;EACtB,WAAW,KAAK;EAEhB,MAAM,cAAc,eAAe,QAAQ;EAC3C,IAAI,gBAAgB,QAAQ,CAAC,SAAS,KAAK,GACzC,gBAAgB,WAAW;CAE/B;CAEA,MAAM,eAAoD,UAAU;EAClE,cAAc,gBAAgB,cAAc,EAAE,CAAC;EAC/C,YAAY,IAAI;EAChB,UAAU,KAAK;CACjB;CAEA,MAAM,cAAmD,UAAU;EACjE,YAAY,KAAK;EACjB,SAAS,KAAK;EAMd,MAAM,OAAO,MAAM,OAAO;EAC1B,MAAM,cACJ,SAAS,gBAAgB,cAAc,EAAE,IAAI,eAAe,eAAe,IAAI;EACjF,cAAc,WAAW;EAEzB,gBAAgB,WAAW;CAC7B;CAEA,MAAM,0BAA0B,aAAoC;EAClE,MAAM,aAAa,YAAY;EAE/B,gBAAgB,UAAU;EAC1B,gBAAgB,UAAU;EAE1B,YAAY,KAAK;CACnB;CAEA,MAAM,oBAAoB;EACxB,IAAI,CAAC,SAAS,SAAS;EACvB,SAAS,QAAQ,QAAQ;EACzB,cAAc,EAAE;EAChB,gBAAgB,IAAI;EACpB,gBAAgB,IAAI;EACpB,WAAW,uBAAuB,SAAS,OAAO,CAAC;CACrD;CAEA,MAAM,oBAAoB,SAAkB;EAC1C,IAAI,MACF,SAAS,cAAc,wBAAQ,IAAI,KAAK,CAAC;EAE3C,UAAU,IAAI;CAChB;CAEA,MAAM,eAAe,WAAW,aAAa,gBAAgB,cAAc,EAAE;CAE7E,OACE,qBAAC,YAAD;EACS;EACE;EACD;EACM;EACH;EALb,UAAA,CAOE,oBAAC,WAAW,OAAZ;GACE,GAAI;GACJ,KAAK,UAAU,OAAO,MAAM,QAAQ;GACpC,MAAK;GACL,OAAO;GACM;GACb,UAAU;GACV,SAAS;GACT,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;IACY;IACV,MAAK;IACE;IACP,eAAe;IACf,cAAc;IACd,UAAU;IACV,MAAM;IACM;IACZ,UAAU,gBAAgB,KAAA;IAE1B,UAAA,oBAAC,WAAW,QAAZ;KAAmB,cAAW;KAC5B,UAAA,oBAACA,UAAD,EAAc,WAAU,YAAa,CAAA;IACpB,CAAA;GACT,CAAA,CAEE;EAEV,CAAA,CAAA;;AAEhB"}

package/dist/DiagramSource-C5_d8Gdj.js

@@ -0,0 +1,11 @@
+import { cn } from "./classNames-BzrkDnOD.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/blocks/DiagramShared/DiagramSource.tsx
+const DiagramSource = ({ code }) => /* @__PURE__ */ jsx("pre", {
+	className: cn("tw:my-3 tw:overflow-auto tw:whitespace-pre-wrap tw:break-all", "tw:py-3 tw:px-4", "tw:bg-muted", "tw:rounded-md tw:text-muted-foreground", "tw:text-sm tw:font-mono"),
+	children: /* @__PURE__ */ jsx("code", { children: code })
+});
+//#endregion
+export { DiagramSource };
+
+//# sourceMappingURL=DiagramSource-C5_d8Gdj.js.map

package/dist/DiagramSource-C5_d8Gdj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagramSource-C5_d8Gdj.js","names":[],"sources":["../src/blocks/DiagramShared/DiagramSource.tsx"],"sourcesContent":["import { cn } from '../../utils';\n\n// The raw source of a diagram/chart fence, shown muted when rendering failed —\n// the shared failure fallback of MermaidDiagram and FlintChart.\nexport const DiagramSource = ({ code }: { code: string }) => (\n  <pre\n    className={cn(\n      'tw:my-3 tw:overflow-auto tw:whitespace-pre-wrap tw:break-all',\n      'tw:py-3 tw:px-4',\n      'tw:bg-muted',\n      'tw:rounded-md tw:text-muted-foreground',\n      'tw:text-sm tw:font-mono',\n    )}\n  >\n    <code>{code}</code>\n  </pre>\n);\n"],"mappings":";;;AAIA,MAAa,iBAAiB,EAAE,WAC9B,oBAAC,OAAD;CACE,WAAW,GACT,gEACA,mBACA,eACA,0CACA,yBACF;CAEA,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAW,CAAA;AACf,CAAA"}

package/dist/{FieldItem-CCd9-xnp.js → FieldItem-B7XMmZSz.js}

@@ -1,7 +1,7 @@
-import { Tooltip } from "./utils-B5Z52hYs.js";
+import { Tooltip } from "./utils-DSvrhU8E.js";
 import { Info } from "./icons-Cek151jC.js";
 import { Label } from "./internal/components/Label.js";
-import { FormGroup } from "./FormGroup-DbcDtrgU.js";
+import { FormGroup } from "./FormGroup-DHvTFdno.js";
 import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createFormHookContexts, useStore } from "@tanstack/react-form";
@@ -105,4 +105,4 @@ const FieldItem = ({ label, action, required, requiredMark = "required", labelli
 //#endregion
 export { FieldItem, fieldContext, formContext, useFieldContext, useFormContext };
 
-//# sourceMappingURL=FieldItem-CCd9-xnp.js.map
+//# sourceMappingURL=FieldItem-B7XMmZSz.js.map