@allxsmith/bestax-bulma 5.34.3 → 5.35.0

package/dist/esm/form/Slider.js

@@ -1,9 +1,10 @@
 /* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, useId, useState, useRef, useCallback, useMemo, useLayoutEffect } from 'react';
+import { forwardRef, useId, useState, useRef, useCallback, useMemo } from 'react';
 import { usePrefixedClassNames, classNames, prefixedClassNames } from '../helpers/classNames.js';
 import { useBulmaClasses } from '../helpers/useBulmaClasses.js';
 import { useClassPrefix } from '../helpers/Config.js';
+import { useClientLayoutEffect } from '../helpers/useClientLayoutEffect.js';
 import { useInsideField, useInsideControl, rendersOwnField, rendersOwnControl } from './FormContext.js';
 import { Field } from './Field.js';
 import { Control } from './Control.js';
@@ -335,7 +336,7 @@ const Slider = forwardRef((props, ref) => {
         }
         return 0;
     }, []);
-    useLayoutEffect(() => {
+    useClientLayoutEffect(() => {
         if (isVertical)
             return;
         const wrapper = wrapperRef.current;
@@ -349,7 +350,7 @@ const Slider = forwardRef((props, ref) => {
             setNudgeX(computeNudge(el, wrapper, pct, thumbPx));
         }
     });
-    useLayoutEffect(() => {
+    useClientLayoutEffect(() => {
         if (isVertical || !range)
             return;
         const wrapper = wrapperRef.current;
@@ -363,7 +364,7 @@ const Slider = forwardRef((props, ref) => {
         }
     });
     // Detect vertical tooltip overflow: flip to left if no space on right
-    useLayoutEffect(() => {
+    useClientLayoutEffect(() => {
         if (!isVertical)
             return;
         const wrapper = wrapperRef.current;

package/dist/esm/form/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../src/form/Slider.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useMemo,\n  useLayoutEffect,\n  useId,\n} from 'react';\nimport {\n  classNames,\n  prefixedClassNames,\n  usePrefixedClassNames,\n} from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { useClassPrefix } from '../helpers/Config';\nimport {\n  useInsideField,\n  useInsideControl,\n  rendersOwnField,\n  rendersOwnControl,\n} from './FormContext';\nimport { Field } from './Field';\nimport { Control } from './Control';\nimport { FormFieldProps } from './fieldProps';\nimport { useAutoLabelId } from './useAutoLabelId';\n\n/** Valid sizes for the Slider component. */\nexport type SliderSize = 'small' | 'medium' | 'large';\n\n/** Valid colors for the Slider component. */\nexport type SliderColor =\n  'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n\n/** Tooltip display mode for the Slider component. */\nexport type SliderTooltip = 'auto' | 'always' | 'hidden';\n\n/** Orientation of the Slider component. */\nexport type SliderOrientation = 'horizontal' | 'vertical';\n\n/**\n * A tick mark displayed along the Slider track.\n */\nexport interface SliderMark {\n  /** Controlled value. */\n  value: number;\n  /** Optional label rendered below the tick mark. */\n  label?: React.ReactNode;\n}\n\n/**\n * Shared base props for single and range Slider modes.\n */\ninterface SliderBaseProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      'color' | 'size' | 'onChange' | 'value' | 'defaultValue'\n    >,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size'>,\n    FormFieldProps {\n  /** Field label. Automatically associated with the slider input via `htmlFor` — uses your `id` when provided, otherwise a generated one. In range mode the `htmlFor` targets the low (minimum) thumb, and the label also starts each thumb's name through `aria-labelledby`, as in \"Price Minimum value\" and \"Price Maximum value\", unless an `aria-label` or `aria-labelledby` on the Slider takes its place there. Dropped inside an outer `Field`, whose own label associates instead when that `Field` generates a target id (not `grouped`/`hasAddons`, no explicit `labelProps.htmlFor`) and you set no `id` here, naming a range Slider's thumbs the same way. A `Field` label you wire by hand to the low thumb with `labelProps.htmlFor` names the thumbs too when you also give it an `id` there, since the `Field` generates none for it. */\n  label?: React.ReactNode;\n  /** Props for the label element. An explicit `htmlFor` here overrides the automatic association (no id is generated then). In range mode an `id` here is the one the thumbs' `aria-labelledby` points at, in place of a generated one. */\n  labelProps?: React.LabelHTMLAttributes<HTMLLabelElement> & {\n    [key: string]: unknown;\n  };\n  /** Minimum value. */\n  min?: number;\n  /** Maximum value. */\n  max?: number;\n  /** Step increment (default: 1). */\n  step?: number;\n  /** Size variant. */\n  size?: SliderSize;\n  /** Color variant. */\n  color?: SliderColor;\n  /** Use rounded track ends. */\n  isRounded?: boolean;\n  /** Use circular thumb. */\n  isCircle?: boolean;\n  /** Show current value tooltip. */\n  showOutput?: boolean;\n  /** Controls tooltip visibility on the thumb. */\n  tooltip?: SliderTooltip;\n  /** Shows tick marks along the track. */\n  ticks?: boolean;\n  /** Custom labeled marks along the track. Each mark has `{ value: number; label?: ReactNode }`. */\n  marks?: SliderMark[];\n  /** Orientation of the slider. */\n  orientation?: SliderOrientation;\n  /** Function to scale the displayed value. */\n  scale?: (value: number) => number;\n  /** Function to generate the `aria-valuetext` attribute. */\n  getAriaValueText?: (value: number) => string;\n  /** Format function for output display. */\n  formatOutput?: (value: number) => string;\n}\n\n/**\n * Props for the Slider in single-value mode.\n */\nexport interface SliderSingleProps extends SliderBaseProps {\n  /**\n   * Enables range mode with two thumbs.\n   * @defaultValue false\n   */\n  range?: false;\n  /** Controlled value. */\n  value?: number;\n  /**\n   * Default value for uncontrolled usage.\n   * @defaultValue 0\n   */\n  defaultValue?: number;\n  /** Callback when value changes. */\n  onChange?: (value: number) => void;\n  /**\n   * Minimum distance between thumbs in range mode.\n   * @defaultValue 0\n   */\n  minDistance?: never;\n  /** ARIA label(s) for the slider thumb(s), which win over a label, the Slider's own or a surrounding `Field`'s. In range mode each entry is that thumb's whole name, and a thumb without one is named \"Minimum value\" or \"Maximum value\", after whatever names the Slider: a label, or in its place an `aria-label` or `aria-labelledby` given to the Slider, as in \"Budget Minimum value\" and \"Budget Maximum value\". An `aria-labelledby` set to `undefined` keeps every label out of both names. */\n  ariaLabel?: string;\n}\n\n/**\n * Props for the Slider in range (dual-thumb) mode.\n */\nexport interface SliderRangeProps extends SliderBaseProps {\n  /**\n   * Enables range mode with two thumbs.\n   * @defaultValue false\n   */\n  range: true;\n  /** Controlled value. */\n  value?: [number, number];\n  /**\n   * Default value for uncontrolled usage.\n   * @defaultValue 0\n   */\n  defaultValue?: [number, number];\n  /** Callback when value changes. */\n  onChange?: (value: [number, number]) => void;\n  /**\n   * Minimum distance between thumbs in range mode.\n   * @defaultValue 0\n   */\n  minDistance?: number;\n  /** ARIA label(s) for the slider thumb(s), which win over a label, the Slider's own or a surrounding `Field`'s. In range mode each entry is that thumb's whole name, and a thumb without one is named \"Minimum value\" or \"Maximum value\", after whatever names the Slider: a label, or in its place an `aria-label` or `aria-labelledby` given to the Slider, as in \"Budget Minimum value\" and \"Budget Maximum value\". An `aria-labelledby` set to `undefined` keeps every label out of both names. */\n  ariaLabel?: [string, string];\n  /** Form field name for the low thumb. Use this in range mode so each thumb submits with its own name. */\n  nameLow?: string;\n  /** Form field name for the high thumb. */\n  nameHigh?: string;\n}\n\n/**\n *  Props for the Slider component — a discriminated union of single and range modes.\n * Inside an existing `Control` it renders no `Control` of its own. Inside an\n * outer `Field`, or a `Control` with no `Field` around it, it renders no\n * `Field` of its own either. The exception is `label`, `message`, `horizontal`\n * or `fieldClassName` in that bare `Control`: it keeps a `Field` for them,\n * nested in the `.control`, and warns in development. Wrap the `Control` in a\n * `Field` instead, and set the `label`, `horizontal` and class name on that\n * `Field`.\n * @extraProp {boolean} [disabled=false] - Whether the slider is disabled.\n * @extraProp {string} [className] - Additional CSS classes.\n * @extraProp {React.Ref<HTMLElement>} [ref] - Ref forwarded to the input element.\n */\nexport type SliderProps = SliderSingleProps | SliderRangeProps;\n\n/**\n * Helper to compute tick positions.\n * If `marks` are provided, those positions are used.\n * If `ticks` is true, generates ticks at every step (capped at 100).\n */\nfunction getTickPositions(\n  min: number,\n  max: number,\n  step: number,\n  ticks?: boolean,\n  marks?: SliderMark[]\n): SliderMark[] {\n  if (marks && marks.length > 0) return marks;\n  if (!ticks) return [];\n  const positions: SliderMark[] = [];\n  const count = Math.round((max - min) / step);\n  if (count > 100) {\n    // Cap at 100 ticks to prevent perf issues\n    const tickStep = (max - min) / 100;\n    // Skip first (i=0) and last (i=100) — no ticks at endpoints\n    for (let i = 1; i < 100; i++) {\n      positions.push({ value: min + i * tickStep });\n    }\n  } else {\n    // Skip first (i=0) and last (i=count) — no ticks at endpoints\n    for (let i = 1; i < count; i++) {\n      positions.push({ value: min + i * step });\n    }\n  }\n  return positions;\n}\n\n/**\n * The `Slider` component provides a range slider input for selecting values within a range.\n *\n * @function\n * @param {SliderProps} props - Props for the Slider component.\n * @returns {JSX.Element} The rendered slider element.\n *\n * @example\n * // Basic slider\n * <Slider defaultValue={50} />\n *\n * @example\n * // Range slider\n * <Slider range defaultValue={[20, 80]} onChange={([low, high]) => {}} />\n */\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(\n  (props, ref) => {\n    // Pull out fields that differ between the single and range branches\n    // *first*, by narrowing on the `range` discriminator. We then destructure\n    // the remaining base props from a `SliderBaseProps` view of `props`.\n    //\n    // Why not destructure everything via `props as SliderRangeProps & SliderSingleProps`?\n    // Because intersecting the two halves of a discriminated union collapses\n    // overlapping fields (e.g. `range: true & false`, `value: number & [number, number]`,\n    // `onChange`, `ariaLabel`) to `never`, which breaks call sites and rest spreads.\n    let range: boolean | undefined;\n    let controlledValue: number | [number, number] | undefined;\n    let defaultValue: number | [number, number] | undefined;\n    let onChange:\n      ((v: number) => void) | ((v: [number, number]) => void) | undefined;\n    let ariaLabel: string | [string, string] | undefined;\n    let minDistance = 0;\n    let nameLow: string | undefined;\n    let nameHigh: string | undefined;\n    if (props.range === true) {\n      range = true;\n      controlledValue = props.value;\n      defaultValue = props.defaultValue;\n      onChange = props.onChange;\n      ariaLabel = props.ariaLabel;\n      minDistance = props.minDistance ?? 0;\n      nameLow = props.nameLow;\n      nameHigh = props.nameHigh;\n    } else {\n      range = props.range;\n      controlledValue = props.value;\n      defaultValue = props.defaultValue;\n      onChange = props.onChange;\n      ariaLabel = props.ariaLabel;\n    }\n\n    // Destructure base / shared props from a `SliderBaseProps` view. None of\n    // these fields differ between the two branches, so this view is safe.\n    const {\n      label,\n      labelSize,\n      labelProps,\n      horizontal,\n      message,\n      messageColor,\n      fieldClassName,\n      min = 0,\n      max = 100,\n      step = 1,\n      size,\n      color,\n      isRounded = false,\n      isCircle = false,\n      disabled = false,\n      showOutput = false,\n      tooltip,\n      ticks,\n      marks,\n      orientation = 'horizontal',\n      scale,\n      getAriaValueText,\n      formatOutput,\n      className,\n      // Strip the discriminated/union fields from `restProps` so they don't\n      // flow back into `useBulmaClasses` / spread onto inputs.\n      range: _range,\n      value: _value,\n      defaultValue: _defaultValue,\n      onChange: _onChange,\n      ariaLabel: _ariaLabel,\n      minDistance: _minDistance,\n      nameLow: _nameLow,\n      nameHigh: _nameHigh,\n      ...restProps\n    } = props as SliderBaseProps & {\n      range?: boolean;\n      value?: number | [number, number];\n      defaultValue?: number | [number, number];\n      onChange?: (v: never) => void;\n      ariaLabel?: string | [string, string];\n      minDistance?: number;\n      nameLow?: string;\n      nameHigh?: string;\n    };\n    void _range;\n    void _value;\n    void _defaultValue;\n    void _onChange;\n    void _ariaLabel;\n    void _minDistance;\n    void _nameLow;\n    void _nameHigh;\n\n    const insideField = useInsideField();\n    const insideControl = useInsideControl();\n    const ownField = rendersOwnField('Slider', {\n      insideField,\n      insideControl,\n      label,\n      message,\n      horizontal,\n      fieldClassName,\n    });\n    const { bulmaHelperClasses, rest } = useBulmaClasses(restProps);\n    // In range mode the low thumb carries `rest` (and any user id), so the\n    // label's `for` targets it.\n    const { controlId, fieldLabelProps, labelId } = useAutoLabelId({\n      label,\n      id: restProps.id,\n      labelProps,\n      rendersLabel: ownField,\n      needsLabelId: !!range,\n    });\n\n    // A range thumb's default name is an `aria-label`, which outranks the\n    // label's `for`, so a label naming the Slider reaches each thumb through\n    // `aria-labelledby` instead: the label, then a hidden span holding the\n    // thumb's own text, as in \"Price Minimum value\" (#981). An `ariaLabel`\n    // entry is that thumb's whole name and wins.\n    const thumbTextId = useId();\n    const thumbLabels = range\n      ? (ariaLabel as [string, string] | undefined)\n      : undefined;\n    // A caller's `aria-label` or `aria-labelledby` names the Slider in the\n    // label's place, so both thumbs read it before their own text. They are\n    // routed here rather than spread, since the spread reaches only the low\n    // thumb and would leave the pair with two unrelated names. Presence for\n    // aria-labelledby, as on a group (#974): the caller's key takes the naming\n    // over whatever its value, so an undefined one keeps every label out and\n    // leaves both thumbs their bare text. A non-empty one wins over an\n    // aria-label, as it does in the browser's name computation.\n    const {\n      'aria-label': callerLabel,\n      'aria-labelledby': callerLabelledBy,\n      ...thumbRest\n    } = rest;\n    const callerNamed = !!callerLabel || 'aria-labelledby' in rest;\n    const stemRef = callerLabelledBy || (callerNamed ? undefined : labelId);\n    const stemText = stemRef ? undefined : callerLabel;\n    const nameThumb = (\n      own: string | undefined,\n      text: string,\n      textId: string\n    ) => {\n      const wired = !!stemRef && !own;\n      return {\n        text,\n        textId,\n        wired,\n        aria: wired\n          ? { 'aria-labelledby': `${stemRef} ${textId}` }\n          : { 'aria-label': own || (stemText ? `${stemText} ${text}` : text) },\n      };\n    };\n    const lowThumb = nameThumb(\n      thumbLabels?.[0],\n      'Minimum value',\n      `${thumbTextId}-min`\n    );\n    const highThumb = nameThumb(\n      thumbLabels?.[1],\n      'Maximum value',\n      `${thumbTextId}-max`\n    );\n\n    // Resolve tooltip mode: explicit tooltip prop takes precedence, else showOutput maps to 'auto'\n    const tooltipMode: SliderTooltip =\n      tooltip ?? (showOutput ? 'auto' : 'hidden');\n\n    // --- Range mode state ---\n    const [internalRange, setInternalRange] = useState<[number, number]>(() =>\n      range ? ((defaultValue as [number, number]) ?? [min, max]) : [min, min]\n    );\n    const [internalSingle, setInternalSingle] = useState<number>(() =>\n      !range ? ((defaultValue as number) ?? 0) : 0\n    );\n    const [showTooltip, setShowTooltip] = useState(false);\n    const [showTooltipHigh, setShowTooltipHigh] = useState(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const inputHighRef = useRef<HTMLInputElement>(null);\n    const outputRef = useRef<HTMLOutputElement>(null);\n    const outputHighRef = useRef<HTMLOutputElement>(null);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [flipped, setFlipped] = useState(false);\n    const [flippedHigh, setFlippedHigh] = useState(false);\n    const [nudgeX, setNudgeX] = useState(0);\n    const [nudgeXHigh, setNudgeXHigh] = useState(0);\n    const [verticalFlippedLeft, setVerticalFlippedLeft] = useState(false);\n\n    const isControlled = controlledValue !== undefined;\n\n    // Current values\n    const currentRange: [number, number] = range\n      ? isControlled\n        ? (controlledValue as [number, number])\n        : internalRange\n      : [0, 0];\n    const currentSingle: number = !range\n      ? isControlled\n        ? (controlledValue as number)\n        : internalSingle\n      : 0;\n\n    // Progress percentages\n    const progressSingle = !range\n      ? ((currentSingle - min) / (max - min)) * 100\n      : 0;\n    const progressLow = range\n      ? ((currentRange[0] - min) / (max - min)) * 100\n      : 0;\n    const progressHigh = range\n      ? ((currentRange[1] - min) / (max - min)) * 100\n      : 0;\n\n    // Scale helper\n    const scaleValue = useCallback(\n      (v: number) => (scale ? scale(v) : v),\n      [scale]\n    );\n\n    // Format helper\n    const formatValue = useCallback(\n      (v: number) => {\n        const scaled = scaleValue(v);\n        return formatOutput ? formatOutput(scaled) : scaled.toString();\n      },\n      [formatOutput, scaleValue]\n    );\n\n    // --- Handlers ---\n    const handleSingleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const newValue = parseFloat(e.target.value);\n        if (!isControlled) setInternalSingle(newValue);\n        (onChange as ((v: number) => void) | undefined)?.(newValue);\n      },\n      [isControlled, onChange]\n    );\n\n    const handleRangeLowChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = parseFloat(e.target.value);\n        const clamped = Math.min(raw, currentRange[1] - minDistance);\n        const newRange: [number, number] = [clamped, currentRange[1]];\n        if (!isControlled) setInternalRange(newRange);\n        (onChange as ((v: [number, number]) => void) | undefined)?.(newRange);\n      },\n      [isControlled, onChange, currentRange, minDistance]\n    );\n\n    const handleRangeHighChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = parseFloat(e.target.value);\n        const clamped = Math.max(raw, currentRange[0] + minDistance);\n        const newRange: [number, number] = [currentRange[0], clamped];\n        if (!isControlled) setInternalRange(newRange);\n        (onChange as ((v: [number, number]) => void) | undefined)?.(newRange);\n      },\n      [isControlled, onChange, currentRange, minDistance]\n    );\n\n    // Key handler for Home/End\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Home') {\n          e.preventDefault();\n          if (!range) {\n            if (!isControlled) setInternalSingle(min);\n            (onChange as ((v: number) => void) | undefined)?.(min);\n          }\n        } else if (e.key === 'End') {\n          e.preventDefault();\n          if (!range) {\n            if (!isControlled) setInternalSingle(max);\n            (onChange as ((v: number) => void) | undefined)?.(max);\n          }\n        }\n      },\n      [range, isControlled, onChange, min, max]\n    );\n\n    // Tick positions\n    const tickPositions = useMemo(\n      () => getTickPositions(min, max, step, ticks, marks),\n      [min, max, step, ticks, marks]\n    );\n\n    const hasLabels = tickPositions.some(t => t.label !== undefined);\n    const isVertical = orientation === 'vertical';\n\n    // Compute corrected thumb position CSS calc expression.\n    // The browser insets the range input thumb by half its size from each edge,\n    // so the tooltip left must account for this to align with the thumb center.\n    const thumbVarName = size\n      ? `slider-thumb-size-${size}`\n      : 'slider-thumb-size';\n    const thumbCssVar = `var(--bulma-${thumbVarName})`;\n    const effectiveThumbExpr = isCircle\n      ? `(${thumbCssVar} * 1.2)`\n      : thumbCssVar;\n\n    const getThumbLeft = (progressPct: number) => {\n      const fraction = progressPct / 100;\n      return `calc(${effectiveThumbExpr} / 2 + ${fraction} * (100% - ${effectiveThumbExpr}))`;\n    };\n\n    // Vertical tooltip offset: position to the right or left of the thumb\n    const verticalTooltipOffset = `calc(50% + ${effectiveThumbExpr} / 2 + 0.5rem)`;\n\n    // Get effective thumb size in px for nudge computation\n    const getThumbSizePx = (): number => {\n      const el = inputRef.current;\n      if (!el) return 0;\n      const style = getComputedStyle(el);\n      const raw = style.getPropertyValue(`--bulma-${thumbVarName}`).trim();\n      const value = parseFloat(raw);\n      if (isNaN(value)) return 0;\n      let px: number;\n      if (raw.includes('rem')) {\n        const rootFs =\n          parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\n        px = value * rootFs;\n      } else {\n        px = value;\n      }\n      return isCircle ? px * 1.2 : px;\n    };\n\n    // Generate wrapper classes\n    const classPrefix = useClassPrefix();\n    const sliderClasses = usePrefixedClassNames('slider', {\n      [`is-${size}`]: size,\n      [`is-${color}`]: color,\n      'is-rounded': isRounded,\n      'is-circle': isCircle,\n      'is-disabled': disabled,\n      'has-output': tooltipMode !== 'hidden',\n      'has-output-always': tooltipMode === 'always',\n      'is-vertical': isVertical,\n      'is-range': range,\n      'has-ticks': tickPositions.length > 0,\n      'has-tick-labels': hasLabels,\n    });\n\n    const combinedClasses = classNames(\n      sliderClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    // Combined ref for the first (or only) input\n    const combinedRef = (node: HTMLInputElement | null) => {\n      (inputRef as React.MutableRefObject<HTMLInputElement | null>).current =\n        node;\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref) {\n        (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n      }\n    };\n\n    // Tooltip show/hide for auto mode\n    const showTipLow =\n      tooltipMode === 'always' || (tooltipMode === 'auto' && showTooltip);\n    const showTipHigh =\n      tooltipMode === 'always' || (tooltipMode === 'auto' && showTooltipHigh);\n\n    // Aria value text\n    const getAriaProps = (value: number) => {\n      const ariaProps: Record<string, string> = {};\n      if (getAriaValueText) {\n        ariaProps['aria-valuetext'] = getAriaValueText(value);\n      } else if (scale) {\n        ariaProps['aria-valuetext'] = scaleValue(value).toString();\n      }\n      return ariaProps;\n    };\n\n    // Detect tooltip overflow: flip vertically if clipped at top,\n    // nudge horizontally if clipped at left/right edge.\n    // We compute the un-nudged tooltip position from the progress %\n    // and wrapper rect to avoid feedback loops.\n    const computeNudge = useCallback(\n      (\n        el: HTMLElement,\n        wrapper: HTMLElement,\n        progressPct: number,\n        thumbSizePx: number\n      ): number => {\n        const wr = wrapper.getBoundingClientRect();\n        const tooltipWidth = el.offsetWidth;\n        // Corrected center: accounts for thumb inset from track edges\n        const fraction = progressPct / 100;\n        const centerX =\n          wr.left + thumbSizePx / 2 + fraction * (wr.width - thumbSizePx);\n        const tooltipLeft = centerX - tooltipWidth / 2;\n        const tooltipRight = centerX + tooltipWidth / 2;\n        if (tooltipLeft < wr.left) {\n          return wr.left - tooltipLeft; // nudge right\n        }\n        if (tooltipRight > wr.right) {\n          return wr.right - tooltipRight; // nudge left (negative)\n        }\n        return 0;\n      },\n      []\n    );\n\n    useLayoutEffect(() => {\n      if (isVertical) return;\n      const wrapper = wrapperRef.current;\n      const el = outputRef.current;\n      if (wrapper && el) {\n        const wrapperTop = wrapper.getBoundingClientRect().top;\n        const tooltipHeight = el.offsetHeight + 10;\n        setFlipped(wrapperTop < tooltipHeight);\n        const pct = range ? progressLow : progressSingle;\n        const thumbPx = getThumbSizePx();\n        setNudgeX(computeNudge(el, wrapper, pct, thumbPx));\n      }\n    });\n\n    useLayoutEffect(() => {\n      if (isVertical || !range) return;\n      const wrapper = wrapperRef.current;\n      const el = outputHighRef.current;\n      if (wrapper && el) {\n        const wrapperTop = wrapper.getBoundingClientRect().top;\n        const tooltipHeight = el.offsetHeight + 10;\n        setFlippedHigh(wrapperTop < tooltipHeight);\n        const thumbPx = getThumbSizePx();\n        setNudgeXHigh(computeNudge(el, wrapper, progressHigh, thumbPx));\n      }\n    });\n\n    // Detect vertical tooltip overflow: flip to left if no space on right\n    useLayoutEffect(() => {\n      if (!isVertical) return;\n      const wrapper = wrapperRef.current;\n      const el = outputRef.current;\n      if (!wrapper || !el) return;\n      const wrapperRect = wrapper.getBoundingClientRect();\n      const tooltipWidth = el.offsetWidth;\n      const thumbPx = getThumbSizePx();\n      const gap = 8; // 0.5rem\n      // Tooltip right edge if placed to the right of the thumb\n      const tooltipRightEdge =\n        wrapperRect.left +\n        wrapperRect.width / 2 +\n        thumbPx / 2 +\n        gap +\n        tooltipWidth;\n      setVerticalFlippedLeft(tooltipRightEdge > window.innerWidth);\n    });\n\n    // Vertical wrapper style\n    const wrapperStyle = isVertical\n      ? ({\n          height: 'var(--bulma-slider-vertical-height, 200px)',\n        } as React.CSSProperties)\n      : undefined;\n\n    // Render ticks\n    const renderTicks = () => {\n      if (tickPositions.length === 0) return null;\n      return (\n        <div className={prefixedClassNames(classPrefix, 'slider-ticks')}>\n          {tickPositions.map((tick, i) => {\n            const pct = ((tick.value - min) / (max - min)) * 100;\n            const posStyle = isVertical\n              ? { bottom: `${pct}%` }\n              : { left: `${pct}%` };\n            const isEndpoint = tick.value === min || tick.value === max;\n            return (\n              <span\n                key={i}\n                className={prefixedClassNames(classPrefix, 'slider-tick', {\n                  'is-endpoint': isEndpoint,\n                })}\n                style={posStyle}\n              >\n                {tick.label !== undefined && (\n                  <span\n                    className={prefixedClassNames(\n                      classPrefix,\n                      'slider-tick-label'\n                    )}\n                  >\n                    {tick.label}\n                  </span>\n                )}\n              </span>\n            );\n          })}\n        </div>\n      );\n    };\n\n    const helpClass = usePrefixedClassNames('help', {\n      [`is-${messageColor}`]: !!messageColor,\n    });\n    const messageEl = message ? <p className={helpClass}>{message}</p> : null;\n\n    // --- Single slider ---\n    const sliderElement = !range ? (\n      <div ref={wrapperRef} className={combinedClasses} style={wrapperStyle}>\n        <input\n          ref={combinedRef}\n          type=\"range\"\n          min={min}\n          max={max}\n          step={step}\n          value={currentSingle}\n          disabled={disabled}\n          onChange={handleSingleChange}\n          onKeyDown={handleKeyDown}\n          onMouseEnter={() => setShowTooltip(true)}\n          onMouseLeave={() => setShowTooltip(false)}\n          onFocus={() => setShowTooltip(true)}\n          onBlur={() => setShowTooltip(false)}\n          className={prefixedClassNames(classPrefix, 'slider-input')}\n          style={\n            {\n              '--slider-progress': `${progressSingle}%`,\n            } as React.CSSProperties\n          }\n          aria-valuenow={currentSingle}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-orientation={isVertical ? 'vertical' : undefined}\n          aria-label={ariaLabel as string | undefined}\n          {...getAriaProps(currentSingle)}\n          {...rest}\n          // After the spread: an undefined `id` key in rest would wipe it.\n          id={controlId}\n        />\n        {tooltipMode !== 'hidden' && (\n          <output\n            ref={outputRef}\n            className={prefixedClassNames(classPrefix, 'slider-output', {\n              'is-visible': showTipLow,\n              'is-flipped': flipped,\n              'is-flipped-left': isVertical && verticalFlippedLeft,\n            })}\n            style={\n              isVertical\n                ? ((verticalFlippedLeft\n                    ? {\n                        bottom: getThumbLeft(progressSingle),\n                        right: verticalTooltipOffset,\n                        left: 'auto',\n                      }\n                    : {\n                        bottom: getThumbLeft(progressSingle),\n                        left: verticalTooltipOffset,\n                        right: 'auto',\n                      }) as React.CSSProperties)\n                : ({\n                    left: getThumbLeft(progressSingle),\n                    transform: `translateX(calc(-50% + ${nudgeX}px))`,\n                    '--slider-output-arrow-offset': `calc(50% - ${nudgeX}px)`,\n                  } as React.CSSProperties)\n            }\n          >\n            {formatValue(currentSingle)}\n          </output>\n        )}\n        {renderTicks()}\n      </div>\n    ) : (\n      // --- Range slider ---\n      <div ref={wrapperRef} className={combinedClasses} style={wrapperStyle}>\n        {/* Visible track background */}\n        <div\n          className={prefixedClassNames(classPrefix, 'slider-track')}\n          style={\n            isVertical\n              ? ({\n                  '--slider-progress-low': `${progressLow}%`,\n                  '--slider-progress-high': `${progressHigh}%`,\n                } as React.CSSProperties)\n              : ({\n                  '--slider-progress-low': `${progressLow}%`,\n                  '--slider-progress-high': `${progressHigh}%`,\n                } as React.CSSProperties)\n          }\n        />\n        {/* Low thumb. nameLow overrides any `name` from rest so each thumb has its own form field. */}\n        <input\n          ref={combinedRef}\n          type=\"range\"\n          min={min}\n          max={max}\n          step={step}\n          value={currentRange[0]}\n          disabled={disabled}\n          onChange={handleRangeLowChange}\n          onKeyDown={handleKeyDown}\n          onMouseEnter={() => setShowTooltip(true)}\n          onMouseLeave={() => setShowTooltip(false)}\n          onFocus={() => setShowTooltip(true)}\n          onBlur={() => setShowTooltip(false)}\n          className={prefixedClassNames(\n            classPrefix,\n            'slider-input',\n            'slider-input-low'\n          )}\n          aria-valuenow={currentRange[0]}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-orientation={isVertical ? 'vertical' : undefined}\n          {...lowThumb.aria}\n          {...getAriaProps(currentRange[0])}\n          {...thumbRest}\n          id={controlId}\n          {...(nameLow !== undefined ? { name: nameLow } : {})}\n        />\n        {/* High thumb */}\n        <input\n          ref={inputHighRef}\n          type=\"range\"\n          min={min}\n          max={max}\n          step={step}\n          value={currentRange[1]}\n          disabled={disabled}\n          onChange={handleRangeHighChange}\n          onMouseEnter={() => setShowTooltipHigh(true)}\n          onMouseLeave={() => setShowTooltipHigh(false)}\n          onFocus={() => setShowTooltipHigh(true)}\n          onBlur={() => setShowTooltipHigh(false)}\n          className={prefixedClassNames(\n            classPrefix,\n            'slider-input',\n            'slider-input-high'\n          )}\n          aria-valuenow={currentRange[1]}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-orientation={isVertical ? 'vertical' : undefined}\n          {...highThumb.aria}\n          {...getAriaProps(currentRange[1])}\n          name={nameHigh}\n        />\n        {/* Each wired thumb's own text, read after the label. A hidden element\n            still names whatever points aria-labelledby at it. */}\n        {[lowThumb, highThumb].map(\n          thumb =>\n            thumb.wired && (\n              <span key={thumb.textId} id={thumb.textId} hidden>\n                {thumb.text}\n              </span>\n            )\n        )}\n        {/* Low tooltip */}\n        {tooltipMode !== 'hidden' && (\n          <output\n            ref={outputRef}\n            className={prefixedClassNames(\n              classPrefix,\n              'slider-output',\n              'slider-output-low',\n              {\n                'is-visible': showTipLow,\n                'is-flipped': flipped,\n                'is-flipped-left': isVertical && verticalFlippedLeft,\n              }\n            )}\n            style={\n              isVertical\n                ? ((verticalFlippedLeft\n                    ? {\n                        bottom: getThumbLeft(progressLow),\n                        right: verticalTooltipOffset,\n                        left: 'auto',\n                      }\n                    : {\n                        bottom: getThumbLeft(progressLow),\n                        left: verticalTooltipOffset,\n                        right: 'auto',\n                      }) as React.CSSProperties)\n                : ({\n                    left: getThumbLeft(progressLow),\n                    transform: `translateX(calc(-50% + ${nudgeX}px))`,\n                    '--slider-output-arrow-offset': `calc(50% - ${nudgeX}px)`,\n                  } as React.CSSProperties)\n            }\n          >\n            {formatValue(currentRange[0])}\n          </output>\n        )}\n        {/* High tooltip */}\n        {tooltipMode !== 'hidden' && (\n          <output\n            ref={outputHighRef}\n            className={prefixedClassNames(\n              classPrefix,\n              'slider-output',\n              'slider-output-high',\n              {\n                'is-visible': showTipHigh,\n                'is-flipped': flippedHigh,\n                'is-flipped-left': isVertical && verticalFlippedLeft,\n              }\n            )}\n            style={\n              isVertical\n                ? ((verticalFlippedLeft\n                    ? {\n                        bottom: getThumbLeft(progressHigh),\n                        right: verticalTooltipOffset,\n                        left: 'auto',\n                      }\n                    : {\n                        bottom: getThumbLeft(progressHigh),\n                        left: verticalTooltipOffset,\n                        right: 'auto',\n                      }) as React.CSSProperties)\n                : ({\n                    left: getThumbLeft(progressHigh),\n                    transform: `translateX(calc(-50% + ${nudgeXHigh}px))`,\n                    '--slider-output-arrow-offset': `calc(50% - ${nudgeXHigh}px)`,\n                  } as React.CSSProperties)\n            }\n          >\n            {formatValue(currentRange[1])}\n          </output>\n        )}\n        {renderTicks()}\n      </div>\n    );\n\n    let content = sliderElement;\n\n    if (rendersOwnControl('Slider', { insideControl })) {\n      content = <Control>{content}</Control>;\n    }\n\n    if (ownField) {\n      return (\n        <Field\n          label={label}\n          labelSize={labelSize}\n          labelProps={fieldLabelProps}\n          horizontal={horizontal}\n          className={fieldClassName}\n        >\n          {content}\n          {messageEl}\n        </Field>\n      );\n    }\n\n    return (\n      <>\n        {content}\n        {messageEl}\n      </>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Slider.js","sources":["../../../src/form/Slider.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useMemo,\n  useId,\n} from 'react';\nimport {\n  classNames,\n  prefixedClassNames,\n  usePrefixedClassNames,\n} from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { useClassPrefix } from '../helpers/Config';\nimport { useClientLayoutEffect } from '../helpers/useClientLayoutEffect';\nimport {\n  useInsideField,\n  useInsideControl,\n  rendersOwnField,\n  rendersOwnControl,\n} from './FormContext';\nimport { Field } from './Field';\nimport { Control } from './Control';\nimport { FormFieldProps } from './fieldProps';\nimport { useAutoLabelId } from './useAutoLabelId';\n\n/** Valid sizes for the Slider component. */\nexport type SliderSize = 'small' | 'medium' | 'large';\n\n/** Valid colors for the Slider component. */\nexport type SliderColor =\n  'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n\n/** Tooltip display mode for the Slider component. */\nexport type SliderTooltip = 'auto' | 'always' | 'hidden';\n\n/** Orientation of the Slider component. */\nexport type SliderOrientation = 'horizontal' | 'vertical';\n\n/**\n * A tick mark displayed along the Slider track.\n */\nexport interface SliderMark {\n  /** Controlled value. */\n  value: number;\n  /** Optional label rendered below the tick mark. */\n  label?: React.ReactNode;\n}\n\n/**\n * Shared base props for single and range Slider modes.\n */\ninterface SliderBaseProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      'color' | 'size' | 'onChange' | 'value' | 'defaultValue'\n    >,\n    Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size'>,\n    FormFieldProps {\n  /** Field label. Automatically associated with the slider input via `htmlFor` — uses your `id` when provided, otherwise a generated one. In range mode the `htmlFor` targets the low (minimum) thumb, and the label also starts each thumb's name through `aria-labelledby`, as in \"Price Minimum value\" and \"Price Maximum value\", unless an `aria-label` or `aria-labelledby` on the Slider takes its place there. Dropped inside an outer `Field`, whose own label associates instead when that `Field` generates a target id (not `grouped`/`hasAddons`, no explicit `labelProps.htmlFor`) and you set no `id` here, naming a range Slider's thumbs the same way. A `Field` label you wire by hand to the low thumb with `labelProps.htmlFor` names the thumbs too when you also give it an `id` there, since the `Field` generates none for it. */\n  label?: React.ReactNode;\n  /** Props for the label element. An explicit `htmlFor` here overrides the automatic association (no id is generated then). In range mode an `id` here is the one the thumbs' `aria-labelledby` points at, in place of a generated one. */\n  labelProps?: React.LabelHTMLAttributes<HTMLLabelElement> & {\n    [key: string]: unknown;\n  };\n  /** Minimum value. */\n  min?: number;\n  /** Maximum value. */\n  max?: number;\n  /** Step increment (default: 1). */\n  step?: number;\n  /** Size variant. */\n  size?: SliderSize;\n  /** Color variant. */\n  color?: SliderColor;\n  /** Use rounded track ends. */\n  isRounded?: boolean;\n  /** Use circular thumb. */\n  isCircle?: boolean;\n  /** Show current value tooltip. */\n  showOutput?: boolean;\n  /** Controls tooltip visibility on the thumb. */\n  tooltip?: SliderTooltip;\n  /** Shows tick marks along the track. */\n  ticks?: boolean;\n  /** Custom labeled marks along the track. Each mark has `{ value: number; label?: ReactNode }`. */\n  marks?: SliderMark[];\n  /** Orientation of the slider. */\n  orientation?: SliderOrientation;\n  /** Function to scale the displayed value. */\n  scale?: (value: number) => number;\n  /** Function to generate the `aria-valuetext` attribute. */\n  getAriaValueText?: (value: number) => string;\n  /** Format function for output display. */\n  formatOutput?: (value: number) => string;\n}\n\n/**\n * Props for the Slider in single-value mode.\n */\nexport interface SliderSingleProps extends SliderBaseProps {\n  /**\n   * Enables range mode with two thumbs.\n   * @defaultValue false\n   */\n  range?: false;\n  /** Controlled value. */\n  value?: number;\n  /**\n   * Default value for uncontrolled usage.\n   * @defaultValue 0\n   */\n  defaultValue?: number;\n  /** Callback when value changes. */\n  onChange?: (value: number) => void;\n  /**\n   * Minimum distance between thumbs in range mode.\n   * @defaultValue 0\n   */\n  minDistance?: never;\n  /** ARIA label(s) for the slider thumb(s), which win over a label, the Slider's own or a surrounding `Field`'s. In range mode each entry is that thumb's whole name, and a thumb without one is named \"Minimum value\" or \"Maximum value\", after whatever names the Slider: a label, or in its place an `aria-label` or `aria-labelledby` given to the Slider, as in \"Budget Minimum value\" and \"Budget Maximum value\". An `aria-labelledby` set to `undefined` keeps every label out of both names. */\n  ariaLabel?: string;\n}\n\n/**\n * Props for the Slider in range (dual-thumb) mode.\n */\nexport interface SliderRangeProps extends SliderBaseProps {\n  /**\n   * Enables range mode with two thumbs.\n   * @defaultValue false\n   */\n  range: true;\n  /** Controlled value. */\n  value?: [number, number];\n  /**\n   * Default value for uncontrolled usage.\n   * @defaultValue 0\n   */\n  defaultValue?: [number, number];\n  /** Callback when value changes. */\n  onChange?: (value: [number, number]) => void;\n  /**\n   * Minimum distance between thumbs in range mode.\n   * @defaultValue 0\n   */\n  minDistance?: number;\n  /** ARIA label(s) for the slider thumb(s), which win over a label, the Slider's own or a surrounding `Field`'s. In range mode each entry is that thumb's whole name, and a thumb without one is named \"Minimum value\" or \"Maximum value\", after whatever names the Slider: a label, or in its place an `aria-label` or `aria-labelledby` given to the Slider, as in \"Budget Minimum value\" and \"Budget Maximum value\". An `aria-labelledby` set to `undefined` keeps every label out of both names. */\n  ariaLabel?: [string, string];\n  /** Form field name for the low thumb. Use this in range mode so each thumb submits with its own name. */\n  nameLow?: string;\n  /** Form field name for the high thumb. */\n  nameHigh?: string;\n}\n\n/**\n *  Props for the Slider component — a discriminated union of single and range modes.\n * Inside an existing `Control` it renders no `Control` of its own. Inside an\n * outer `Field`, or a `Control` with no `Field` around it, it renders no\n * `Field` of its own either. The exception is `label`, `message`, `horizontal`\n * or `fieldClassName` in that bare `Control`: it keeps a `Field` for them,\n * nested in the `.control`, and warns in development. Wrap the `Control` in a\n * `Field` instead, and set the `label`, `horizontal` and class name on that\n * `Field`.\n * @extraProp {boolean} [disabled=false] - Whether the slider is disabled.\n * @extraProp {string} [className] - Additional CSS classes.\n * @extraProp {React.Ref<HTMLElement>} [ref] - Ref forwarded to the input element.\n */\nexport type SliderProps = SliderSingleProps | SliderRangeProps;\n\n/**\n * Helper to compute tick positions.\n * If `marks` are provided, those positions are used.\n * If `ticks` is true, generates ticks at every step (capped at 100).\n */\nfunction getTickPositions(\n  min: number,\n  max: number,\n  step: number,\n  ticks?: boolean,\n  marks?: SliderMark[]\n): SliderMark[] {\n  if (marks && marks.length > 0) return marks;\n  if (!ticks) return [];\n  const positions: SliderMark[] = [];\n  const count = Math.round((max - min) / step);\n  if (count > 100) {\n    // Cap at 100 ticks to prevent perf issues\n    const tickStep = (max - min) / 100;\n    // Skip first (i=0) and last (i=100) — no ticks at endpoints\n    for (let i = 1; i < 100; i++) {\n      positions.push({ value: min + i * tickStep });\n    }\n  } else {\n    // Skip first (i=0) and last (i=count) — no ticks at endpoints\n    for (let i = 1; i < count; i++) {\n      positions.push({ value: min + i * step });\n    }\n  }\n  return positions;\n}\n\n/**\n * The `Slider` component provides a range slider input for selecting values within a range.\n *\n * @function\n * @param {SliderProps} props - Props for the Slider component.\n * @returns {JSX.Element} The rendered slider element.\n *\n * @example\n * // Basic slider\n * <Slider defaultValue={50} />\n *\n * @example\n * // Range slider\n * <Slider range defaultValue={[20, 80]} onChange={([low, high]) => {}} />\n */\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(\n  (props, ref) => {\n    // Pull out fields that differ between the single and range branches\n    // *first*, by narrowing on the `range` discriminator. We then destructure\n    // the remaining base props from a `SliderBaseProps` view of `props`.\n    //\n    // Why not destructure everything via `props as SliderRangeProps & SliderSingleProps`?\n    // Because intersecting the two halves of a discriminated union collapses\n    // overlapping fields (e.g. `range: true & false`, `value: number & [number, number]`,\n    // `onChange`, `ariaLabel`) to `never`, which breaks call sites and rest spreads.\n    let range: boolean | undefined;\n    let controlledValue: number | [number, number] | undefined;\n    let defaultValue: number | [number, number] | undefined;\n    let onChange:\n      ((v: number) => void) | ((v: [number, number]) => void) | undefined;\n    let ariaLabel: string | [string, string] | undefined;\n    let minDistance = 0;\n    let nameLow: string | undefined;\n    let nameHigh: string | undefined;\n    if (props.range === true) {\n      range = true;\n      controlledValue = props.value;\n      defaultValue = props.defaultValue;\n      onChange = props.onChange;\n      ariaLabel = props.ariaLabel;\n      minDistance = props.minDistance ?? 0;\n      nameLow = props.nameLow;\n      nameHigh = props.nameHigh;\n    } else {\n      range = props.range;\n      controlledValue = props.value;\n      defaultValue = props.defaultValue;\n      onChange = props.onChange;\n      ariaLabel = props.ariaLabel;\n    }\n\n    // Destructure base / shared props from a `SliderBaseProps` view. None of\n    // these fields differ between the two branches, so this view is safe.\n    const {\n      label,\n      labelSize,\n      labelProps,\n      horizontal,\n      message,\n      messageColor,\n      fieldClassName,\n      min = 0,\n      max = 100,\n      step = 1,\n      size,\n      color,\n      isRounded = false,\n      isCircle = false,\n      disabled = false,\n      showOutput = false,\n      tooltip,\n      ticks,\n      marks,\n      orientation = 'horizontal',\n      scale,\n      getAriaValueText,\n      formatOutput,\n      className,\n      // Strip the discriminated/union fields from `restProps` so they don't\n      // flow back into `useBulmaClasses` / spread onto inputs.\n      range: _range,\n      value: _value,\n      defaultValue: _defaultValue,\n      onChange: _onChange,\n      ariaLabel: _ariaLabel,\n      minDistance: _minDistance,\n      nameLow: _nameLow,\n      nameHigh: _nameHigh,\n      ...restProps\n    } = props as SliderBaseProps & {\n      range?: boolean;\n      value?: number | [number, number];\n      defaultValue?: number | [number, number];\n      onChange?: (v: never) => void;\n      ariaLabel?: string | [string, string];\n      minDistance?: number;\n      nameLow?: string;\n      nameHigh?: string;\n    };\n    void _range;\n    void _value;\n    void _defaultValue;\n    void _onChange;\n    void _ariaLabel;\n    void _minDistance;\n    void _nameLow;\n    void _nameHigh;\n\n    const insideField = useInsideField();\n    const insideControl = useInsideControl();\n    const ownField = rendersOwnField('Slider', {\n      insideField,\n      insideControl,\n      label,\n      message,\n      horizontal,\n      fieldClassName,\n    });\n    const { bulmaHelperClasses, rest } = useBulmaClasses(restProps);\n    // In range mode the low thumb carries `rest` (and any user id), so the\n    // label's `for` targets it.\n    const { controlId, fieldLabelProps, labelId } = useAutoLabelId({\n      label,\n      id: restProps.id,\n      labelProps,\n      rendersLabel: ownField,\n      needsLabelId: !!range,\n    });\n\n    // A range thumb's default name is an `aria-label`, which outranks the\n    // label's `for`, so a label naming the Slider reaches each thumb through\n    // `aria-labelledby` instead: the label, then a hidden span holding the\n    // thumb's own text, as in \"Price Minimum value\" (#981). An `ariaLabel`\n    // entry is that thumb's whole name and wins.\n    const thumbTextId = useId();\n    const thumbLabels = range\n      ? (ariaLabel as [string, string] | undefined)\n      : undefined;\n    // A caller's `aria-label` or `aria-labelledby` names the Slider in the\n    // label's place, so both thumbs read it before their own text. They are\n    // routed here rather than spread, since the spread reaches only the low\n    // thumb and would leave the pair with two unrelated names. Presence for\n    // aria-labelledby, as on a group (#974): the caller's key takes the naming\n    // over whatever its value, so an undefined one keeps every label out and\n    // leaves both thumbs their bare text. A non-empty one wins over an\n    // aria-label, as it does in the browser's name computation.\n    const {\n      'aria-label': callerLabel,\n      'aria-labelledby': callerLabelledBy,\n      ...thumbRest\n    } = rest;\n    const callerNamed = !!callerLabel || 'aria-labelledby' in rest;\n    const stemRef = callerLabelledBy || (callerNamed ? undefined : labelId);\n    const stemText = stemRef ? undefined : callerLabel;\n    const nameThumb = (\n      own: string | undefined,\n      text: string,\n      textId: string\n    ) => {\n      const wired = !!stemRef && !own;\n      return {\n        text,\n        textId,\n        wired,\n        aria: wired\n          ? { 'aria-labelledby': `${stemRef} ${textId}` }\n          : { 'aria-label': own || (stemText ? `${stemText} ${text}` : text) },\n      };\n    };\n    const lowThumb = nameThumb(\n      thumbLabels?.[0],\n      'Minimum value',\n      `${thumbTextId}-min`\n    );\n    const highThumb = nameThumb(\n      thumbLabels?.[1],\n      'Maximum value',\n      `${thumbTextId}-max`\n    );\n\n    // Resolve tooltip mode: explicit tooltip prop takes precedence, else showOutput maps to 'auto'\n    const tooltipMode: SliderTooltip =\n      tooltip ?? (showOutput ? 'auto' : 'hidden');\n\n    // --- Range mode state ---\n    const [internalRange, setInternalRange] = useState<[number, number]>(() =>\n      range ? ((defaultValue as [number, number]) ?? [min, max]) : [min, min]\n    );\n    const [internalSingle, setInternalSingle] = useState<number>(() =>\n      !range ? ((defaultValue as number) ?? 0) : 0\n    );\n    const [showTooltip, setShowTooltip] = useState(false);\n    const [showTooltipHigh, setShowTooltipHigh] = useState(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const inputHighRef = useRef<HTMLInputElement>(null);\n    const outputRef = useRef<HTMLOutputElement>(null);\n    const outputHighRef = useRef<HTMLOutputElement>(null);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [flipped, setFlipped] = useState(false);\n    const [flippedHigh, setFlippedHigh] = useState(false);\n    const [nudgeX, setNudgeX] = useState(0);\n    const [nudgeXHigh, setNudgeXHigh] = useState(0);\n    const [verticalFlippedLeft, setVerticalFlippedLeft] = useState(false);\n\n    const isControlled = controlledValue !== undefined;\n\n    // Current values\n    const currentRange: [number, number] = range\n      ? isControlled\n        ? (controlledValue as [number, number])\n        : internalRange\n      : [0, 0];\n    const currentSingle: number = !range\n      ? isControlled\n        ? (controlledValue as number)\n        : internalSingle\n      : 0;\n\n    // Progress percentages\n    const progressSingle = !range\n      ? ((currentSingle - min) / (max - min)) * 100\n      : 0;\n    const progressLow = range\n      ? ((currentRange[0] - min) / (max - min)) * 100\n      : 0;\n    const progressHigh = range\n      ? ((currentRange[1] - min) / (max - min)) * 100\n      : 0;\n\n    // Scale helper\n    const scaleValue = useCallback(\n      (v: number) => (scale ? scale(v) : v),\n      [scale]\n    );\n\n    // Format helper\n    const formatValue = useCallback(\n      (v: number) => {\n        const scaled = scaleValue(v);\n        return formatOutput ? formatOutput(scaled) : scaled.toString();\n      },\n      [formatOutput, scaleValue]\n    );\n\n    // --- Handlers ---\n    const handleSingleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const newValue = parseFloat(e.target.value);\n        if (!isControlled) setInternalSingle(newValue);\n        (onChange as ((v: number) => void) | undefined)?.(newValue);\n      },\n      [isControlled, onChange]\n    );\n\n    const handleRangeLowChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = parseFloat(e.target.value);\n        const clamped = Math.min(raw, currentRange[1] - minDistance);\n        const newRange: [number, number] = [clamped, currentRange[1]];\n        if (!isControlled) setInternalRange(newRange);\n        (onChange as ((v: [number, number]) => void) | undefined)?.(newRange);\n      },\n      [isControlled, onChange, currentRange, minDistance]\n    );\n\n    const handleRangeHighChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = parseFloat(e.target.value);\n        const clamped = Math.max(raw, currentRange[0] + minDistance);\n        const newRange: [number, number] = [currentRange[0], clamped];\n        if (!isControlled) setInternalRange(newRange);\n        (onChange as ((v: [number, number]) => void) | undefined)?.(newRange);\n      },\n      [isControlled, onChange, currentRange, minDistance]\n    );\n\n    // Key handler for Home/End\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Home') {\n          e.preventDefault();\n          if (!range) {\n            if (!isControlled) setInternalSingle(min);\n            (onChange as ((v: number) => void) | undefined)?.(min);\n          }\n        } else if (e.key === 'End') {\n          e.preventDefault();\n          if (!range) {\n            if (!isControlled) setInternalSingle(max);\n            (onChange as ((v: number) => void) | undefined)?.(max);\n          }\n        }\n      },\n      [range, isControlled, onChange, min, max]\n    );\n\n    // Tick positions\n    const tickPositions = useMemo(\n      () => getTickPositions(min, max, step, ticks, marks),\n      [min, max, step, ticks, marks]\n    );\n\n    const hasLabels = tickPositions.some(t => t.label !== undefined);\n    const isVertical = orientation === 'vertical';\n\n    // Compute corrected thumb position CSS calc expression.\n    // The browser insets the range input thumb by half its size from each edge,\n    // so the tooltip left must account for this to align with the thumb center.\n    const thumbVarName = size\n      ? `slider-thumb-size-${size}`\n      : 'slider-thumb-size';\n    const thumbCssVar = `var(--bulma-${thumbVarName})`;\n    const effectiveThumbExpr = isCircle\n      ? `(${thumbCssVar} * 1.2)`\n      : thumbCssVar;\n\n    const getThumbLeft = (progressPct: number) => {\n      const fraction = progressPct / 100;\n      return `calc(${effectiveThumbExpr} / 2 + ${fraction} * (100% - ${effectiveThumbExpr}))`;\n    };\n\n    // Vertical tooltip offset: position to the right or left of the thumb\n    const verticalTooltipOffset = `calc(50% + ${effectiveThumbExpr} / 2 + 0.5rem)`;\n\n    // Get effective thumb size in px for nudge computation\n    const getThumbSizePx = (): number => {\n      const el = inputRef.current;\n      if (!el) return 0;\n      const style = getComputedStyle(el);\n      const raw = style.getPropertyValue(`--bulma-${thumbVarName}`).trim();\n      const value = parseFloat(raw);\n      if (isNaN(value)) return 0;\n      let px: number;\n      if (raw.includes('rem')) {\n        const rootFs =\n          parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\n        px = value * rootFs;\n      } else {\n        px = value;\n      }\n      return isCircle ? px * 1.2 : px;\n    };\n\n    // Generate wrapper classes\n    const classPrefix = useClassPrefix();\n    const sliderClasses = usePrefixedClassNames('slider', {\n      [`is-${size}`]: size,\n      [`is-${color}`]: color,\n      'is-rounded': isRounded,\n      'is-circle': isCircle,\n      'is-disabled': disabled,\n      'has-output': tooltipMode !== 'hidden',\n      'has-output-always': tooltipMode === 'always',\n      'is-vertical': isVertical,\n      'is-range': range,\n      'has-ticks': tickPositions.length > 0,\n      'has-tick-labels': hasLabels,\n    });\n\n    const combinedClasses = classNames(\n      sliderClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    // Combined ref for the first (or only) input\n    const combinedRef = (node: HTMLInputElement | null) => {\n      (inputRef as React.MutableRefObject<HTMLInputElement | null>).current =\n        node;\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref) {\n        (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n      }\n    };\n\n    // Tooltip show/hide for auto mode\n    const showTipLow =\n      tooltipMode === 'always' || (tooltipMode === 'auto' && showTooltip);\n    const showTipHigh =\n      tooltipMode === 'always' || (tooltipMode === 'auto' && showTooltipHigh);\n\n    // Aria value text\n    const getAriaProps = (value: number) => {\n      const ariaProps: Record<string, string> = {};\n      if (getAriaValueText) {\n        ariaProps['aria-valuetext'] = getAriaValueText(value);\n      } else if (scale) {\n        ariaProps['aria-valuetext'] = scaleValue(value).toString();\n      }\n      return ariaProps;\n    };\n\n    // Detect tooltip overflow: flip vertically if clipped at top,\n    // nudge horizontally if clipped at left/right edge.\n    // We compute the un-nudged tooltip position from the progress %\n    // and wrapper rect to avoid feedback loops.\n    const computeNudge = useCallback(\n      (\n        el: HTMLElement,\n        wrapper: HTMLElement,\n        progressPct: number,\n        thumbSizePx: number\n      ): number => {\n        const wr = wrapper.getBoundingClientRect();\n        const tooltipWidth = el.offsetWidth;\n        // Corrected center: accounts for thumb inset from track edges\n        const fraction = progressPct / 100;\n        const centerX =\n          wr.left + thumbSizePx / 2 + fraction * (wr.width - thumbSizePx);\n        const tooltipLeft = centerX - tooltipWidth / 2;\n        const tooltipRight = centerX + tooltipWidth / 2;\n        if (tooltipLeft < wr.left) {\n          return wr.left - tooltipLeft; // nudge right\n        }\n        if (tooltipRight > wr.right) {\n          return wr.right - tooltipRight; // nudge left (negative)\n        }\n        return 0;\n      },\n      []\n    );\n\n    useClientLayoutEffect(() => {\n      if (isVertical) return;\n      const wrapper = wrapperRef.current;\n      const el = outputRef.current;\n      if (wrapper && el) {\n        const wrapperTop = wrapper.getBoundingClientRect().top;\n        const tooltipHeight = el.offsetHeight + 10;\n        setFlipped(wrapperTop < tooltipHeight);\n        const pct = range ? progressLow : progressSingle;\n        const thumbPx = getThumbSizePx();\n        setNudgeX(computeNudge(el, wrapper, pct, thumbPx));\n      }\n    });\n\n    useClientLayoutEffect(() => {\n      if (isVertical || !range) return;\n      const wrapper = wrapperRef.current;\n      const el = outputHighRef.current;\n      if (wrapper && el) {\n        const wrapperTop = wrapper.getBoundingClientRect().top;\n        const tooltipHeight = el.offsetHeight + 10;\n        setFlippedHigh(wrapperTop < tooltipHeight);\n        const thumbPx = getThumbSizePx();\n        setNudgeXHigh(computeNudge(el, wrapper, progressHigh, thumbPx));\n      }\n    });\n\n    // Detect vertical tooltip overflow: flip to left if no space on right\n    useClientLayoutEffect(() => {\n      if (!isVertical) return;\n      const wrapper = wrapperRef.current;\n      const el = outputRef.current;\n      if (!wrapper || !el) return;\n      const wrapperRect = wrapper.getBoundingClientRect();\n      const tooltipWidth = el.offsetWidth;\n      const thumbPx = getThumbSizePx();\n      const gap = 8; // 0.5rem\n      // Tooltip right edge if placed to the right of the thumb\n      const tooltipRightEdge =\n        wrapperRect.left +\n        wrapperRect.width / 2 +\n        thumbPx / 2 +\n        gap +\n        tooltipWidth;\n      setVerticalFlippedLeft(tooltipRightEdge > window.innerWidth);\n    });\n\n    // Vertical wrapper style\n    const wrapperStyle = isVertical\n      ? ({\n          height: 'var(--bulma-slider-vertical-height, 200px)',\n        } as React.CSSProperties)\n      : undefined;\n\n    // Render ticks\n    const renderTicks = () => {\n      if (tickPositions.length === 0) return null;\n      return (\n        <div className={prefixedClassNames(classPrefix, 'slider-ticks')}>\n          {tickPositions.map((tick, i) => {\n            const pct = ((tick.value - min) / (max - min)) * 100;\n            const posStyle = isVertical\n              ? { bottom: `${pct}%` }\n              : { left: `${pct}%` };\n            const isEndpoint = tick.value === min || tick.value === max;\n            return (\n              <span\n                key={i}\n                className={prefixedClassNames(classPrefix, 'slider-tick', {\n                  'is-endpoint': isEndpoint,\n                })}\n                style={posStyle}\n              >\n                {tick.label !== undefined && (\n                  <span\n                    className={prefixedClassNames(\n                      classPrefix,\n                      'slider-tick-label'\n                    )}\n                  >\n                    {tick.label}\n                  </span>\n                )}\n              </span>\n            );\n          })}\n        </div>\n      );\n    };\n\n    const helpClass = usePrefixedClassNames('help', {\n      [`is-${messageColor}`]: !!messageColor,\n    });\n    const messageEl = message ? <p className={helpClass}>{message}</p> : null;\n\n    // --- Single slider ---\n    const sliderElement = !range ? (\n      <div ref={wrapperRef} className={combinedClasses} style={wrapperStyle}>\n        <input\n          ref={combinedRef}\n          type=\"range\"\n          min={min}\n          max={max}\n          step={step}\n          value={currentSingle}\n          disabled={disabled}\n          onChange={handleSingleChange}\n          onKeyDown={handleKeyDown}\n          onMouseEnter={() => setShowTooltip(true)}\n          onMouseLeave={() => setShowTooltip(false)}\n          onFocus={() => setShowTooltip(true)}\n          onBlur={() => setShowTooltip(false)}\n          className={prefixedClassNames(classPrefix, 'slider-input')}\n          style={\n            {\n              '--slider-progress': `${progressSingle}%`,\n            } as React.CSSProperties\n          }\n          aria-valuenow={currentSingle}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-orientation={isVertical ? 'vertical' : undefined}\n          aria-label={ariaLabel as string | undefined}\n          {...getAriaProps(currentSingle)}\n          {...rest}\n          // After the spread: an undefined `id` key in rest would wipe it.\n          id={controlId}\n        />\n        {tooltipMode !== 'hidden' && (\n          <output\n            ref={outputRef}\n            className={prefixedClassNames(classPrefix, 'slider-output', {\n              'is-visible': showTipLow,\n              'is-flipped': flipped,\n              'is-flipped-left': isVertical && verticalFlippedLeft,\n            })}\n            style={\n              isVertical\n                ? ((verticalFlippedLeft\n                    ? {\n                        bottom: getThumbLeft(progressSingle),\n                        right: verticalTooltipOffset,\n                        left: 'auto',\n                      }\n                    : {\n                        bottom: getThumbLeft(progressSingle),\n                        left: verticalTooltipOffset,\n                        right: 'auto',\n                      }) as React.CSSProperties)\n                : ({\n                    left: getThumbLeft(progressSingle),\n                    transform: `translateX(calc(-50% + ${nudgeX}px))`,\n                    '--slider-output-arrow-offset': `calc(50% - ${nudgeX}px)`,\n                  } as React.CSSProperties)\n            }\n          >\n            {formatValue(currentSingle)}\n          </output>\n        )}\n        {renderTicks()}\n      </div>\n    ) : (\n      // --- Range slider ---\n      <div ref={wrapperRef} className={combinedClasses} style={wrapperStyle}>\n        {/* Visible track background */}\n        <div\n          className={prefixedClassNames(classPrefix, 'slider-track')}\n          style={\n            isVertical\n              ? ({\n                  '--slider-progress-low': `${progressLow}%`,\n                  '--slider-progress-high': `${progressHigh}%`,\n                } as React.CSSProperties)\n              : ({\n                  '--slider-progress-low': `${progressLow}%`,\n                  '--slider-progress-high': `${progressHigh}%`,\n                } as React.CSSProperties)\n          }\n        />\n        {/* Low thumb. nameLow overrides any `name` from rest so each thumb has its own form field. */}\n        <input\n          ref={combinedRef}\n          type=\"range\"\n          min={min}\n          max={max}\n          step={step}\n          value={currentRange[0]}\n          disabled={disabled}\n          onChange={handleRangeLowChange}\n          onKeyDown={handleKeyDown}\n          onMouseEnter={() => setShowTooltip(true)}\n          onMouseLeave={() => setShowTooltip(false)}\n          onFocus={() => setShowTooltip(true)}\n          onBlur={() => setShowTooltip(false)}\n          className={prefixedClassNames(\n            classPrefix,\n            'slider-input',\n            'slider-input-low'\n          )}\n          aria-valuenow={currentRange[0]}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-orientation={isVertical ? 'vertical' : undefined}\n          {...lowThumb.aria}\n          {...getAriaProps(currentRange[0])}\n          {...thumbRest}\n          id={controlId}\n          {...(nameLow !== undefined ? { name: nameLow } : {})}\n        />\n        {/* High thumb */}\n        <input\n          ref={inputHighRef}\n          type=\"range\"\n          min={min}\n          max={max}\n          step={step}\n          value={currentRange[1]}\n          disabled={disabled}\n          onChange={handleRangeHighChange}\n          onMouseEnter={() => setShowTooltipHigh(true)}\n          onMouseLeave={() => setShowTooltipHigh(false)}\n          onFocus={() => setShowTooltipHigh(true)}\n          onBlur={() => setShowTooltipHigh(false)}\n          className={prefixedClassNames(\n            classPrefix,\n            'slider-input',\n            'slider-input-high'\n          )}\n          aria-valuenow={currentRange[1]}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-orientation={isVertical ? 'vertical' : undefined}\n          {...highThumb.aria}\n          {...getAriaProps(currentRange[1])}\n          name={nameHigh}\n        />\n        {/* Each wired thumb's own text, read after the label. A hidden element\n            still names whatever points aria-labelledby at it. */}\n        {[lowThumb, highThumb].map(\n          thumb =>\n            thumb.wired && (\n              <span key={thumb.textId} id={thumb.textId} hidden>\n                {thumb.text}\n              </span>\n            )\n        )}\n        {/* Low tooltip */}\n        {tooltipMode !== 'hidden' && (\n          <output\n            ref={outputRef}\n            className={prefixedClassNames(\n              classPrefix,\n              'slider-output',\n              'slider-output-low',\n              {\n                'is-visible': showTipLow,\n                'is-flipped': flipped,\n                'is-flipped-left': isVertical && verticalFlippedLeft,\n              }\n            )}\n            style={\n              isVertical\n                ? ((verticalFlippedLeft\n                    ? {\n                        bottom: getThumbLeft(progressLow),\n                        right: verticalTooltipOffset,\n                        left: 'auto',\n                      }\n                    : {\n                        bottom: getThumbLeft(progressLow),\n                        left: verticalTooltipOffset,\n                        right: 'auto',\n                      }) as React.CSSProperties)\n                : ({\n                    left: getThumbLeft(progressLow),\n                    transform: `translateX(calc(-50% + ${nudgeX}px))`,\n                    '--slider-output-arrow-offset': `calc(50% - ${nudgeX}px)`,\n                  } as React.CSSProperties)\n            }\n          >\n            {formatValue(currentRange[0])}\n          </output>\n        )}\n        {/* High tooltip */}\n        {tooltipMode !== 'hidden' && (\n          <output\n            ref={outputHighRef}\n            className={prefixedClassNames(\n              classPrefix,\n              'slider-output',\n              'slider-output-high',\n              {\n                'is-visible': showTipHigh,\n                'is-flipped': flippedHigh,\n                'is-flipped-left': isVertical && verticalFlippedLeft,\n              }\n            )}\n            style={\n              isVertical\n                ? ((verticalFlippedLeft\n                    ? {\n                        bottom: getThumbLeft(progressHigh),\n                        right: verticalTooltipOffset,\n                        left: 'auto',\n                      }\n                    : {\n                        bottom: getThumbLeft(progressHigh),\n                        left: verticalTooltipOffset,\n                        right: 'auto',\n                      }) as React.CSSProperties)\n                : ({\n                    left: getThumbLeft(progressHigh),\n                    transform: `translateX(calc(-50% + ${nudgeXHigh}px))`,\n                    '--slider-output-arrow-offset': `calc(50% - ${nudgeXHigh}px)`,\n                  } as React.CSSProperties)\n            }\n          >\n            {formatValue(currentRange[1])}\n          </output>\n        )}\n        {renderTicks()}\n      </div>\n    );\n\n    let content = sliderElement;\n\n    if (rendersOwnControl('Slider', { insideControl })) {\n      content = <Control>{content}</Control>;\n    }\n\n    if (ownField) {\n      return (\n        <Field\n          label={label}\n          labelSize={labelSize}\n          labelProps={fieldLabelProps}\n          horizontal={horizontal}\n          className={fieldClassName}\n        >\n          {content}\n          {messageEl}\n        </Field>\n      );\n    }\n\n    return (\n      <>\n        {content}\n        {messageEl}\n      </>\n    );\n  }\n);\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/esm/form/Taginput.js

@@ -97,7 +97,10 @@ label, labelSize, labelProps, horizontal, message, messageColor, fieldClassName,
         const hasInput = inputValue || (openOnFocus && isActive);
         return matchesInput && notAlreadyAdded && hasInput;
     });
-    const listOpen = isActive && filteredData.length > 0;
+    // At the tag limit the input isn't rendered, so the list isn't either.
+    // Left open it would be a listbox with no combobox, offering tags past
+    // the limit (#1087).
+    const listOpen = isActive && !isMaxReached && filteredData.length > 0;
     // keepFirst: auto-highlight first item when dropdown opens
     useEffect(() => {
         if (keepFirst && isActive && filteredData.length > 0) {
@@ -111,17 +114,16 @@ label, labelSize, labelProps, horizontal, message, messageColor, fieldClassName,
         }
         onChange?.(newTags);
     }, [controlledValue, onChange]);
-    // Add tag
+    // Add a tag from text typed, pasted or picked from the list. Only
+    // `createTag` turns it into an object.
     const addTag = useCallback((value) => {
         if (disabled || readonly)
             return;
-        const tagValue = typeof value === 'string' ? value.trim() : value;
-        const displayValue = typeof tagValue === 'string' ? tagValue : getDisplayValue(tagValue);
+        const displayValue = value.trim();
         if (!displayValue)
             return;
-        // Check max tags
-        if (maxTags && tags.length >= maxTags)
-            return;
+        // No maxTags check: only the input and the list call this, neither
+        // renders at the limit, and each call adds at most one tag.
         // Check duplicates
         if (!allowDuplicates) {
             const exists = tags.some(tag => getDisplayValue(tag).toLowerCase() === displayValue.toLowerCase());
@@ -138,7 +140,7 @@ label, labelSize, labelProps, horizontal, message, messageColor, fieldClassName,
         if (beforeAdding && !beforeAdding(displayValue))
             return;
         // createTag transformation
-        const finalTag = createTag ? createTag(displayValue) : tagValue;
+        const finalTag = createTag ? createTag(displayValue) : displayValue;
         const newTags = [...tags, finalTag];
         updateTags(newTags);
         onAdd?.(finalTag);
@@ -151,7 +153,6 @@ label, labelSize, labelProps, horizontal, message, messageColor, fieldClassName,
         disabled,
         readonly,
         tags,
-        maxTags,
         allowDuplicates,
         allowNew,
         data,
@@ -217,6 +218,17 @@ label, labelSize, labelProps, horizontal, message, messageColor, fieldClassName,
             setIsActive(true);
         }
     }, [openOnFocus, data.length, disabled]);
+    // Reaching the limit dismisses the list the way a click outside does, so
+    // making room later doesn't bring it back unasked. It's an effect, not a
+    // step in addTag, because a click on a suggestion also bubbles to the
+    // container, whose focus on the input reopens the list in that same
+    // event, and because a controlled value can reach the limit too.
+    useEffect(() => {
+        if (isMaxReached) {
+            setIsActive(false);
+            setHighlightedIndex(-1);
+        }
+    }, [isMaxReached]);
     // Handle click outside
     useEffect(() => {
         if (!isActive)

package/dist/esm/form/Taginput.js.map

@@ -1 +1 @@
-{"version":3,"file":"Taginput.js","sources":["../../../src/form/Taginput.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useId,\n} from 'react';\nimport {\n  classNames,\n  usePrefixedClassNames,\n  prefixedClassNames,\n} from '../helpers/classNames';\nimport { useConfig, useIconLibrary } from '../helpers/Config';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { isEventInside } from '../helpers/shadowDom';\nimport {\n  useInsideField,\n  useInsideControl,\n  rendersOwnField,\n} from './FormContext';\nimport { Field } from './Field';\nimport { FormFieldProps } from './fieldProps';\nimport { useAutoLabelId } from './useAutoLabelId';\nimport { Icon } from '../elements/Icon';\n\n/**\n * Represents a tag item object with a value and optional label.\n */\nexport interface TaginputItem {\n  /** The tag value. */\n  value: string;\n  /** Display label (optional). */\n  label?: string;\n  [key: string]: unknown;\n}\n\n/** A tag can be either a TaginputItem object or a plain string. */\nexport type TaginputTag = TaginputItem | string;\n\ntype IconLibrary = 'fa' | 'mdi' | 'ion' | 'material-icons' | 'material-symbols';\n\n/**\n * Props for the Taginput component.\n * Inside an outer `Field`, or a `Control` with no `Field` around it, it\n * renders no `Field` of its own. The exception is `label`, `message`,\n * `horizontal` or `fieldClassName` in that bare `Control`: it keeps a `Field`\n * for them, nested in the `.control`, and warns in development. Wrap the\n * `Control` in a `Field` instead, and set the `label`, `horizontal` and class\n * name on that `Field`.\n * @extraProp {string} [className] - Additional CSS classes.\n * @extraProp {React.Ref<HTMLInputElement>} [ref] - Ref forwarded to the input element.\n */\nexport interface TaginputProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>,\n    Omit<BulmaClassesProps, 'color'>,\n    FormFieldProps {\n  /** Field label. Automatically associated with the text input via `htmlFor` — uses your `id` when provided, otherwise a generated one. Not wired when the tag limit is reached (the input is not rendered). Dropped inside an outer `Field`, whose own label associates instead when that `Field` generates a target id (not `grouped`/`hasAddons`, no explicit `labelProps.htmlFor`) and you set no `id` here; it then replaces the `aria-label=\"Add tag\"` fallback too. With `data`, the label naming the input also names the open suggestion list, through `aria-labelledby`, when it has an id: this label always does, and an outer `Field`'s does unless you wired it by hand without an `id` in its `labelProps`. Otherwise the list is named \"Suggestions\". */\n  label?: React.ReactNode;\n  /** Props for the label element. An explicit `htmlFor` here overrides the automatic association (no id is generated then). With `data`, while the label names the input, the suggestion list's `aria-labelledby` points at it, through an `id` here when you give one and a generated one otherwise. */\n  labelProps?: React.LabelHTMLAttributes<HTMLLabelElement> & {\n    [key: string]: unknown;\n  };\n  /** Applied to the inner text input (the labellable control), not the wrapper div. */\n  id?: string;\n  /** The current tags (controlled). */\n  value?: TaginputTag[];\n  /** Default tags (uncontrolled). */\n  defaultValue?: TaginputTag[];\n  /**\n   * Autocomplete suggestions. With `data` set, even to an empty array, the\n   * text input is a `role=\"combobox\"` that controls the suggestion list and\n   * points `aria-activedescendant` at the highlighted suggestion. Without it\n   * there's no list, so the input stays a plain text field.\n   */\n  data?: string[];\n  /** Placeholder text when no tags. */\n  placeholder?: string;\n  /** Object property to use as display field. */\n  field?: string;\n  /** Allow creating new tags not in suggestions. */\n  allowNew?: boolean;\n  /** Allow duplicate tags. */\n  allowDuplicates?: boolean;\n  /** Open autocomplete dropdown on focus. */\n  openOnFocus?: boolean;\n  /** Remove tag on backspace. Default: true. */\n  removeOnKeys?: boolean;\n  /** Keys to confirm tag creation. Default: ['Enter', ',']. */\n  confirmKeys?: string[];\n  /** Show close button on tags. Default: true. */\n  closable?: boolean;\n  /** Attach tags visually. */\n  attached?: boolean;\n  /** Maximum number of tags allowed. */\n  maxTags?: number;\n  /** Maximum length of input. */\n  maxlength?: number;\n  /** Whether the input is disabled. */\n  disabled?: boolean;\n  /** Whether the input is read-only. */\n  readonly?: boolean;\n  /** Applies rounded corners to the tags. */\n  rounded?: boolean;\n  /** Truncates long tag text with ellipsis. */\n  ellipsis?: boolean;\n  /** Shows a counter of the number of tags. */\n  hasCounter?: boolean;\n  /** Characters that split pasted text into tags. */\n  onPasteSeparators?: string[];\n  /** Validation function called before adding a tag. */\n  beforeAdding?: (tag: string) => boolean;\n  /** Custom function for creating tag objects from input. */\n  createTag?: (input: string) => TaginputTag;\n  /** Keeps the first autocomplete suggestion highlighted. */\n  keepFirst?: boolean;\n  /** Keeps the autocomplete dropdown open after selection. */\n  keepOpen?: boolean;\n  /**\n   * Shows a loading spinner in the input.\n   * Under `prefers-reduced-motion: reduce` the spinner stops and stays\n   * drawn (with bestax's CSS loaded).\n   */\n  loading?: boolean;\n  /** ARIA label for tag close buttons. */\n  ariaCloseLabel?: string;\n  /** Icon name for the input field. */\n  icon?: string;\n  /** Icon library to use. */\n  iconLibrary?: IconLibrary;\n  /** Icon style variant (e.g., 'solid', 'outlined'). */\n  iconVariant?: string;\n  /** Additional icon modifiers. */\n  iconFeatures?: string | string[];\n  /** Input color variant. */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Tag color variant. */\n  tagColor?:\n    | 'primary'\n    | 'link'\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'dark'\n    | 'light';\n  /** Size variant. */\n  size?: 'small' | 'medium' | 'large';\n  /** Form field name. When set, one hidden input per tag is rendered. */\n  name?: string;\n  /** Optional id of the form the hidden inputs belong to. */\n  form?: string;\n  /** Callback when tags change. */\n  onChange?: (tags: TaginputTag[]) => void;\n  /** Callback when tag is added. */\n  onAdd?: (tag: TaginputTag) => void;\n  /** Callback when tag is removed. */\n  onRemove?: (tag: TaginputTag, index: number) => void;\n  /** Callback when typing in input. */\n  onTyping?: (value: string) => void;\n  /** Custom render for tags. */\n  tagTemplate?: (tag: TaginputTag) => React.ReactNode;\n}\n\n/**\n * The `Taginput` component provides a tag/chip input field for managing multiple tags.\n *\n * @function\n * @param {TaginputProps} props - Props for the Taginput component.\n * @param {React.Ref<HTMLInputElement>} ref - Forwarded ref to the input element.\n * @returns {JSX.Element} The rendered taginput component.\n *\n * @example\n * // Basic usage\n * <Taginput\n *   placeholder=\"Add a tag...\"\n *   onChange={(tags) => console.log(tags)}\n * />\n *\n * @example\n * // With autocomplete\n * <Taginput\n *   data={['React', 'Vue', 'Angular', 'Svelte']}\n *   allowNew={false}\n *   placeholder=\"Select frameworks...\"\n * />\n */\nexport const Taginput = forwardRef<HTMLInputElement, TaginputProps>(\n  (\n    {\n      // Field props\n      label,\n      labelSize,\n      labelProps,\n      horizontal,\n      message,\n      messageColor,\n      fieldClassName,\n      value: controlledValue,\n      defaultValue = [],\n      data: dataProp,\n      placeholder,\n      field = 'label',\n      allowNew = true,\n      allowDuplicates = false,\n      openOnFocus = false,\n      removeOnKeys = true,\n      confirmKeys = ['Enter', ','],\n      closable = true,\n      attached = false,\n      maxTags,\n      maxlength,\n      disabled = false,\n      readonly = false,\n      rounded = false,\n      ellipsis = false,\n      hasCounter = true,\n      onPasteSeparators = [','],\n      beforeAdding,\n      createTag,\n      keepFirst = false,\n      keepOpen = true,\n      loading = false,\n      ariaCloseLabel,\n      icon,\n      iconLibrary: iconLibraryProp,\n      iconVariant,\n      iconFeatures,\n      color,\n      tagColor,\n      size,\n      onChange,\n      onAdd,\n      onRemove,\n      onTyping,\n      tagTemplate,\n      name,\n      form,\n      id,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const insideField = useInsideField();\n    const insideControl = useInsideControl();\n    const ownField = rendersOwnField('Taginput', {\n      insideField,\n      insideControl,\n      label,\n      message,\n      horizontal,\n      fieldClassName,\n    });\n    const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n    const { classPrefix } = useConfig();\n    const defaultIconLibrary = useIconLibrary();\n    const resolvedLibrary = iconLibraryProp || defaultIconLibrary || 'fa';\n    const pcn = (\n      ...args: (\n        | string\n        | number\n        | undefined\n        | null\n        | false\n        | Record<string, unknown>\n        | unknown[]\n      )[]\n    ) => prefixedClassNames(classPrefix, ...args);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n\n    const [internalTags, setInternalTags] =\n      useState<TaginputTag[]>(defaultValue);\n    const [inputValue, setInputValue] = useState('');\n    const [isActive, setIsActive] = useState(false);\n    const [highlightedIndex, setHighlightedIndex] = useState(-1);\n    const listboxId = `${useId()}-listbox`;\n\n    // With `data` the input offers suggestions, so it's a combobox, even\n    // while none match. Without it there's never a list, so it stays a plain\n    // text field.\n    const hasSuggestions = dataProp !== undefined;\n    const data = dataProp ?? [];\n\n    // Use controlled or internal tags\n    const tags = controlledValue !== undefined ? controlledValue : internalTags;\n\n    const isMaxReached = maxTags !== undefined && tags.length >= maxTags;\n    // At the tag limit the text input is not rendered, so there is nothing to\n    // wire a label to, its own or a surrounding Field's. The suggestion list\n    // points `aria-labelledby` at the label that names the input, so with\n    // suggestions it needs that label's id.\n    const {\n      controlId,\n      fieldLabelProps,\n      labelled,\n      labelId: listLabelId,\n    } = useAutoLabelId({\n      label,\n      id,\n      labelProps,\n      rendersLabel: ownField && !isMaxReached,\n      hasInput: !isMaxReached,\n      needsLabelId: hasSuggestions,\n    });\n\n    // Get display value from tag\n    const getDisplayValue = (tag: TaginputTag): string => {\n      if (typeof tag === 'string') return tag;\n      const fieldValue = tag[field];\n      if (typeof fieldValue === 'string') return fieldValue;\n      return tag.value || '';\n    };\n\n    // Filter autocomplete data\n    const filteredData = data.filter(item => {\n      const displayValue = item.toLowerCase();\n      const matchesInput = displayValue.includes(inputValue.toLowerCase());\n      const notAlreadyAdded =\n        allowDuplicates ||\n        !tags.some(tag => getDisplayValue(tag).toLowerCase() === displayValue);\n      const hasInput = inputValue || (openOnFocus && isActive);\n      return matchesInput && notAlreadyAdded && hasInput;\n    });\n    const listOpen = isActive && filteredData.length > 0;\n\n    // keepFirst: auto-highlight first item when dropdown opens\n    useEffect(() => {\n      if (keepFirst && isActive && filteredData.length > 0) {\n        setHighlightedIndex(0);\n      }\n    }, [keepFirst, isActive, filteredData.length]);\n\n    // Update tags\n    const updateTags = useCallback(\n      (newTags: TaginputTag[]) => {\n        if (controlledValue === undefined) {\n          setInternalTags(newTags);\n        }\n        onChange?.(newTags);\n      },\n      [controlledValue, onChange]\n    );\n\n    // Add tag\n    const addTag = useCallback(\n      (value: string | TaginputTag) => {\n        if (disabled || readonly) return;\n\n        const tagValue = typeof value === 'string' ? value.trim() : value;\n        const displayValue =\n          typeof tagValue === 'string' ? tagValue : getDisplayValue(tagValue);\n\n        if (!displayValue) return;\n\n        // Check max tags\n        if (maxTags && tags.length >= maxTags) return;\n\n        // Check duplicates\n        if (!allowDuplicates) {\n          const exists = tags.some(\n            tag =>\n              getDisplayValue(tag).toLowerCase() === displayValue.toLowerCase()\n          );\n          if (exists) return;\n        }\n\n        // Check if allowed (must be in data if allowNew is false). Compare\n        // case-insensitively, consistent with the dropdown filter and the\n        // duplicate check above.\n        if (\n          !allowNew &&\n          !data.some(d => d.toLowerCase() === displayValue.toLowerCase())\n        )\n          return;\n\n        // beforeAdding validation\n        if (beforeAdding && !beforeAdding(displayValue)) return;\n\n        // createTag transformation\n        const finalTag = createTag ? createTag(displayValue) : tagValue;\n\n        const newTags = [...tags, finalTag];\n        updateTags(newTags);\n        onAdd?.(finalTag);\n        setInputValue('');\n        if (!keepOpen) {\n          setIsActive(false);\n        }\n        setHighlightedIndex(-1);\n      },\n      [\n        disabled,\n        readonly,\n        tags,\n        maxTags,\n        allowDuplicates,\n        allowNew,\n        data,\n        field,\n        updateTags,\n        onAdd,\n        beforeAdding,\n        createTag,\n        keepOpen,\n      ]\n    );\n\n    // Remove tag\n    const removeTag = useCallback(\n      (index: number) => {\n        /* istanbul ignore next: both triggers (delete button click, Backspace handler) are already gated on disabled/readonly */\n        if (disabled || readonly) return;\n\n        const removedTag = tags[index];\n        const newTags = tags.filter((_, i) => i !== index);\n        updateTags(newTags);\n        onRemove?.(removedTag, index);\n      },\n      [disabled, readonly, tags, updateTags, onRemove]\n    );\n\n    // Handle input change\n    const handleInputChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const newValue = e.target.value;\n\n        // Check if a confirm key was typed\n        const lastChar = newValue.slice(-1);\n        if (confirmKeys.includes(lastChar) && lastChar !== 'Enter') {\n          const valueWithoutKey = newValue.slice(0, -1).trim();\n          if (valueWithoutKey) {\n            addTag(valueWithoutKey);\n          }\n          return;\n        }\n\n        setInputValue(newValue);\n        onTyping?.(newValue);\n\n        if (newValue && data.length > 0) {\n          setIsActive(true);\n        }\n      },\n      [confirmKeys, addTag, onTyping, data.length]\n    );\n\n    // Handle paste\n    const handlePaste = useCallback(\n      (e: React.ClipboardEvent<HTMLInputElement>) => {\n        if (onPasteSeparators.length === 0) return;\n\n        const pastedText = e.clipboardData.getData('text');\n        // Check if any separator exists in the pasted text\n        const hasSeparator = onPasteSeparators.some(sep =>\n          pastedText.includes(sep)\n        );\n\n        if (!hasSeparator) return;\n\n        e.preventDefault();\n\n        // Build a regex from all separators\n        const escapedSeparators = onPasteSeparators.map(s =>\n          s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n        );\n        const regex = new RegExp(`[${escapedSeparators.join('')}]`);\n\n        const parts = pastedText\n          .split(regex)\n          .map(s => s.trim())\n          .filter(Boolean);\n\n        for (const part of parts) {\n          addTag(part);\n        }\n      },\n      [onPasteSeparators, addTag]\n    );\n\n    // Handle focus\n    const handleFocus = useCallback(() => {\n      if (openOnFocus && data.length > 0 && !disabled) {\n        setIsActive(true);\n      }\n    }, [openOnFocus, data.length, disabled]);\n\n    // Handle click outside\n    useEffect(() => {\n      if (!isActive) return undefined;\n\n      const handleClickOutside = (e: MouseEvent) => {\n        if (containerRef.current && !isEventInside(e, containerRef.current)) {\n          setIsActive(false);\n          setHighlightedIndex(-1);\n        }\n      };\n\n      document.addEventListener('mousedown', handleClickOutside);\n      return () =>\n        document.removeEventListener('mousedown', handleClickOutside);\n    }, [isActive]);\n\n    // Handle keyboard\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (disabled || readonly) return;\n\n        // Handle confirm keys\n        if (confirmKeys.includes(e.key)) {\n          e.preventDefault();\n          if (highlightedIndex >= 0 && filteredData[highlightedIndex]) {\n            addTag(filteredData[highlightedIndex]);\n          } else if (inputValue.trim()) {\n            addTag(inputValue);\n          }\n          return;\n        }\n\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault();\n            if (!isActive && data.length > 0) {\n              setIsActive(true);\n            } else {\n              setHighlightedIndex(prev =>\n                prev < filteredData.length - 1 ? prev + 1 : prev\n              );\n            }\n            break;\n          case 'ArrowUp':\n            e.preventDefault();\n            setHighlightedIndex(prev => (prev > 0 ? prev - 1 : prev));\n            break;\n          case 'Backspace':\n            if (removeOnKeys && !inputValue && tags.length > 0) {\n              e.preventDefault();\n              removeTag(tags.length - 1);\n            }\n            break;\n          case 'Escape':\n            // Closing the suggestions claims the key, so a Modal around the\n            // field stays open. With none showing, the key goes on to it.\n            if (isActive && filteredData.length > 0) e.preventDefault();\n            setIsActive(false);\n            setHighlightedIndex(-1);\n            break;\n        }\n      },\n      [\n        disabled,\n        readonly,\n        confirmKeys,\n        highlightedIndex,\n        filteredData,\n        addTag,\n        inputValue,\n        isActive,\n        data.length,\n        removeOnKeys,\n        tags.length,\n        removeTag,\n      ]\n    );\n\n    // Combined ref\n    const combinedRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        (inputRef as React.MutableRefObject<HTMLInputElement | null>).current =\n          node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLInputElement | null>).current =\n            node;\n        }\n      },\n      [ref]\n    );\n\n    // Focus input when container is clicked\n    const handleContainerClick = useCallback(() => {\n      inputRef.current?.focus();\n    }, []);\n\n    // Generate classes\n    const taginputClasses = pcn('taginput', {\n      'is-active': isActive,\n      [`is-${size}`]: !!size,\n      [`is-${color}`]: !!color,\n      'is-disabled': disabled,\n      'is-rounded': rounded,\n      'is-ellipsis': ellipsis,\n    });\n\n    const containerClasses = pcn('taginput-container', {\n      'is-attached': attached,\n      'has-icons-left': !!icon,\n    });\n\n    const inputClasses = pcn('input', {\n      [`is-${size}`]: !!size,\n    });\n\n    const tagClasses = pcn('tag', {\n      [`is-${tagColor}`]: !!tagColor,\n      [`is-${size}`]: !!size,\n    });\n\n    const combinedClasses = classNames(\n      taginputClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    // Counter text\n    const showCounter =\n      hasCounter && (maxTags !== undefined || maxlength !== undefined);\n    const counterText =\n      maxTags !== undefined\n        ? `${tags.length} / ${maxTags}`\n        : maxlength !== undefined\n          ? `${inputValue.length} / ${maxlength}`\n          : '';\n\n    const counterClasses = pcn('help', 'counter');\n    const tagsClasses = pcn('tags');\n    const dropdownMenuClasses = pcn('dropdown-menu', 'is-active');\n    const dropdownContentClasses = pcn('dropdown-content');\n    const iconRightClass = pcn('icon', 'is-right');\n    const loaderClass = pcn('loader', 'is-loading');\n\n    const helpClass = usePrefixedClassNames('help', {\n      [`is-${messageColor}`]: !!messageColor,\n    });\n    const messageEl = message ? <p className={helpClass}>{message}</p> : null;\n\n    // The combobox controls its listbox and points at the highlighted option,\n    // the way Autocomplete's does. The listbox takes its name from the label\n    // that names the combobox, the one this renders or a surrounding Field's,\n    // and keeps a fallback name when no label names it or the one that does\n    // has no id to point at. While no suggestion matches there's no listbox,\n    // so the combobox is collapsed and points at nothing. It skips a\n    // highlighted suggestion that's blank once trimmed, since that one can't\n    // become a tag, and the option it points at is the one marked selected.\n    const optionId = (index: number) => `${listboxId}-${index}`;\n    const activeOptionId =\n      listOpen && filteredData[highlightedIndex]?.trim()\n        ? optionId(highlightedIndex)\n        : undefined;\n    const comboboxProps: React.InputHTMLAttributes<HTMLInputElement> = {\n      role: 'combobox',\n      'aria-expanded': listOpen,\n      'aria-controls': listOpen ? listboxId : undefined,\n      'aria-activedescendant': activeOptionId,\n      'aria-haspopup': 'listbox',\n      'aria-autocomplete': 'list',\n    };\n\n    const taginputElement = (\n      <div\n        ref={containerRef}\n        className={combinedClasses}\n        onClick={handleContainerClick}\n        {...rest}\n      >\n        <div className={containerClasses}>\n          {icon && (\n            <Icon\n              name={icon}\n              library={resolvedLibrary}\n              variant={iconVariant}\n              features={iconFeatures}\n              containerClassName={pcn('icon', 'is-left')}\n            />\n          )}\n          <div className={tagsClasses}>\n            {tags.map((tag, index) => {\n              const displayVal = getDisplayValue(tag);\n              return (\n                <span key={index} className={tagClasses}>\n                  {tagTemplate ? (\n                    tagTemplate(tag)\n                  ) : ellipsis ? (\n                    <span title={displayVal}>{displayVal}</span>\n                  ) : (\n                    displayVal\n                  )}\n                  {closable && !disabled && !readonly && (\n                    <button\n                      type=\"button\"\n                      className={pcn('delete', 'is-small')}\n                      onClick={e => {\n                        e.stopPropagation();\n                        removeTag(index);\n                      }}\n                      aria-label={ariaCloseLabel || `Remove ${displayVal}`}\n                    />\n                  )}\n                </span>\n              );\n            })}\n            {!isMaxReached && (\n              <input\n                ref={combinedRef}\n                type=\"text\"\n                className={inputClasses}\n                id={controlId}\n                value={inputValue}\n                placeholder={tags.length === 0 ? placeholder : undefined}\n                disabled={disabled}\n                readOnly={readonly}\n                maxLength={maxlength}\n                onChange={handleInputChange}\n                onFocus={handleFocus}\n                onKeyDown={handleKeyDown}\n                onPaste={handlePaste}\n                {...(hasSuggestions && comboboxProps)}\n                // Fallback name, dropped only when a rendered label actually\n                // targets this input, its own or a surrounding Field's\n                // (aria-label would win otherwise). A label pointing elsewhere\n                // keeps the fallback so the input is never nameless.\n                aria-label={labelled ? undefined : 'Add tag'}\n              />\n            )}\n          </div>\n          {loading && (\n            <span className={iconRightClass}>\n              <span className={loaderClass} />\n            </span>\n          )}\n        </div>\n\n        {listOpen && (\n          <div className={dropdownMenuClasses}>\n            <div\n              ref={dropdownRef}\n              id={listboxId}\n              className={dropdownContentClasses}\n              role=\"listbox\"\n              aria-labelledby={listLabelId}\n              aria-label={listLabelId ? undefined : 'Suggestions'}\n            >\n              {filteredData.map((item, index) => (\n                <a\n                  key={index}\n                  id={optionId(index)}\n                  className={pcn('dropdown-item', {\n                    'is-active': index === highlightedIndex,\n                  })}\n                  onClick={() => addTag(item)}\n                  onMouseEnter={() => setHighlightedIndex(index)}\n                  role=\"option\"\n                  aria-selected={optionId(index) === activeOptionId}\n                >\n                  {item}\n                </a>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {showCounter && <small className={counterClasses}>{counterText}</small>}\n\n        {name &&\n          tags.map((tag, i) => (\n            <input\n              key={`tag-input-${i}`}\n              type=\"hidden\"\n              name={name}\n              value={getDisplayValue(tag)}\n              form={form}\n            />\n          ))}\n      </div>\n    );\n\n    if (ownField) {\n      return (\n        <Field\n          label={label}\n          labelSize={labelSize}\n          labelProps={fieldLabelProps}\n          horizontal={horizontal}\n          className={fieldClassName}\n        >\n          {taginputElement}\n          {messageEl}\n        </Field>\n      );\n    }\n\n    return (\n      <>\n        {taginputElement}\n        {messageEl}\n      </>\n    );\n  }\n);\n\nTaginput.displayName = 'Taginput';\n\n/** @deprecated Use `Taginput` — same component. */\nexport const TagInput = Taginput;\n\n/** @deprecated Use `TaginputProps`. */\nexport type TagInputProps = TaginputProps;\n\nexport default Taginput;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Taginput.js","sources":["../../../src/form/Taginput.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useId,\n} from 'react';\nimport {\n  classNames,\n  usePrefixedClassNames,\n  prefixedClassNames,\n} from '../helpers/classNames';\nimport { useConfig, useIconLibrary } from '../helpers/Config';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { isEventInside } from '../helpers/shadowDom';\nimport {\n  useInsideField,\n  useInsideControl,\n  rendersOwnField,\n} from './FormContext';\nimport { Field } from './Field';\nimport { FormFieldProps } from './fieldProps';\nimport { useAutoLabelId } from './useAutoLabelId';\nimport { Icon } from '../elements/Icon';\n\n/**\n * Represents a tag item object with a value and optional label.\n */\nexport interface TaginputItem {\n  /** The tag value. */\n  value: string;\n  /** Display label (optional). */\n  label?: string;\n  [key: string]: unknown;\n}\n\n/** A tag can be either a TaginputItem object or a plain string. */\nexport type TaginputTag = TaginputItem | string;\n\ntype IconLibrary = 'fa' | 'mdi' | 'ion' | 'material-icons' | 'material-symbols';\n\n/**\n * Props for the Taginput component.\n * Inside an outer `Field`, or a `Control` with no `Field` around it, it\n * renders no `Field` of its own. The exception is `label`, `message`,\n * `horizontal` or `fieldClassName` in that bare `Control`: it keeps a `Field`\n * for them, nested in the `.control`, and warns in development. Wrap the\n * `Control` in a `Field` instead, and set the `label`, `horizontal` and class\n * name on that `Field`.\n * @extraProp {string} [className] - Additional CSS classes.\n * @extraProp {React.Ref<HTMLInputElement>} [ref] - Ref forwarded to the input element.\n */\nexport interface TaginputProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>,\n    Omit<BulmaClassesProps, 'color'>,\n    FormFieldProps {\n  /** Field label. Automatically associated with the text input via `htmlFor` — uses your `id` when provided, otherwise a generated one. Not wired when the tag limit is reached (the input is not rendered). Dropped inside an outer `Field`, whose own label associates instead when that `Field` generates a target id (not `grouped`/`hasAddons`, no explicit `labelProps.htmlFor`) and you set no `id` here; it then replaces the `aria-label=\"Add tag\"` fallback too. With `data`, the label naming the input also names the open suggestion list, through `aria-labelledby`, when it has an id: this label always does, and an outer `Field`'s does unless you wired it by hand without an `id` in its `labelProps`. Otherwise the list is named \"Suggestions\". */\n  label?: React.ReactNode;\n  /** Props for the label element. An explicit `htmlFor` here overrides the automatic association (no id is generated then). With `data`, while the label names the input, the suggestion list's `aria-labelledby` points at it, through an `id` here when you give one and a generated one otherwise. */\n  labelProps?: React.LabelHTMLAttributes<HTMLLabelElement> & {\n    [key: string]: unknown;\n  };\n  /** Applied to the inner text input (the labellable control), not the wrapper div. */\n  id?: string;\n  /** The current tags (controlled). */\n  value?: TaginputTag[];\n  /** Default tags (uncontrolled). */\n  defaultValue?: TaginputTag[];\n  /**\n   * Autocomplete suggestions. With `data` set, even to an empty array, the\n   * text input is a `role=\"combobox\"` that controls the suggestion list and\n   * points `aria-activedescendant` at the highlighted suggestion. Without it\n   * there's no list, so the input stays a plain text field.\n   */\n  data?: string[];\n  /** Placeholder text when no tags. */\n  placeholder?: string;\n  /** Object property to use as display field. */\n  field?: string;\n  /** Allow creating new tags not in suggestions. */\n  allowNew?: boolean;\n  /** Allow duplicate tags. */\n  allowDuplicates?: boolean;\n  /** Open autocomplete dropdown on focus. */\n  openOnFocus?: boolean;\n  /** Remove tag on backspace. Default: true. */\n  removeOnKeys?: boolean;\n  /** Keys to confirm tag creation. Default: ['Enter', ',']. */\n  confirmKeys?: string[];\n  /** Show close button on tags. Default: true. */\n  closable?: boolean;\n  /** Attach tags visually. */\n  attached?: boolean;\n  /**\n   * Maximum number of tags allowed. At the limit the text input isn't\n   * rendered, and neither is the suggestion list, so the field takes no more\n   * tags until one is removed.\n   */\n  maxTags?: number;\n  /** Maximum length of input. */\n  maxlength?: number;\n  /** Whether the input is disabled. */\n  disabled?: boolean;\n  /** Whether the input is read-only. */\n  readonly?: boolean;\n  /** Applies rounded corners to the tags. */\n  rounded?: boolean;\n  /** Truncates long tag text with ellipsis. */\n  ellipsis?: boolean;\n  /** Shows a counter of the number of tags. */\n  hasCounter?: boolean;\n  /** Characters that split pasted text into tags. */\n  onPasteSeparators?: string[];\n  /** Validation function called before adding a tag. */\n  beforeAdding?: (tag: string) => boolean;\n  /** Custom function for creating tag objects from input. */\n  createTag?: (input: string) => TaginputTag;\n  /** Keeps the first autocomplete suggestion highlighted. */\n  keepFirst?: boolean;\n  /** Keeps the autocomplete dropdown open after selection. */\n  keepOpen?: boolean;\n  /**\n   * Shows a loading spinner in the input.\n   * Under `prefers-reduced-motion: reduce` the spinner stops and stays\n   * drawn (with bestax's CSS loaded).\n   */\n  loading?: boolean;\n  /** ARIA label for tag close buttons. */\n  ariaCloseLabel?: string;\n  /** Icon name for the input field. */\n  icon?: string;\n  /** Icon library to use. */\n  iconLibrary?: IconLibrary;\n  /** Icon style variant (e.g., 'solid', 'outlined'). */\n  iconVariant?: string;\n  /** Additional icon modifiers. */\n  iconFeatures?: string | string[];\n  /** Input color variant. */\n  color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';\n  /** Tag color variant. */\n  tagColor?:\n    | 'primary'\n    | 'link'\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'dark'\n    | 'light';\n  /** Size variant. */\n  size?: 'small' | 'medium' | 'large';\n  /** Form field name. When set, one hidden input per tag is rendered. */\n  name?: string;\n  /** Optional id of the form the hidden inputs belong to. */\n  form?: string;\n  /** Callback when tags change. */\n  onChange?: (tags: TaginputTag[]) => void;\n  /** Callback when tag is added. */\n  onAdd?: (tag: TaginputTag) => void;\n  /** Callback when tag is removed. */\n  onRemove?: (tag: TaginputTag, index: number) => void;\n  /** Callback when typing in input. */\n  onTyping?: (value: string) => void;\n  /** Custom render for tags. */\n  tagTemplate?: (tag: TaginputTag) => React.ReactNode;\n}\n\n/**\n * The `Taginput` component provides a tag/chip input field for managing multiple tags.\n *\n * @function\n * @param {TaginputProps} props - Props for the Taginput component.\n * @param {React.Ref<HTMLInputElement>} ref - Forwarded ref to the input element.\n * @returns {JSX.Element} The rendered taginput component.\n *\n * @example\n * // Basic usage\n * <Taginput\n *   placeholder=\"Add a tag...\"\n *   onChange={(tags) => console.log(tags)}\n * />\n *\n * @example\n * // With autocomplete\n * <Taginput\n *   data={['React', 'Vue', 'Angular', 'Svelte']}\n *   allowNew={false}\n *   placeholder=\"Select frameworks...\"\n * />\n */\nexport const Taginput = forwardRef<HTMLInputElement, TaginputProps>(\n  (\n    {\n      // Field props\n      label,\n      labelSize,\n      labelProps,\n      horizontal,\n      message,\n      messageColor,\n      fieldClassName,\n      value: controlledValue,\n      defaultValue = [],\n      data: dataProp,\n      placeholder,\n      field = 'label',\n      allowNew = true,\n      allowDuplicates = false,\n      openOnFocus = false,\n      removeOnKeys = true,\n      confirmKeys = ['Enter', ','],\n      closable = true,\n      attached = false,\n      maxTags,\n      maxlength,\n      disabled = false,\n      readonly = false,\n      rounded = false,\n      ellipsis = false,\n      hasCounter = true,\n      onPasteSeparators = [','],\n      beforeAdding,\n      createTag,\n      keepFirst = false,\n      keepOpen = true,\n      loading = false,\n      ariaCloseLabel,\n      icon,\n      iconLibrary: iconLibraryProp,\n      iconVariant,\n      iconFeatures,\n      color,\n      tagColor,\n      size,\n      onChange,\n      onAdd,\n      onRemove,\n      onTyping,\n      tagTemplate,\n      name,\n      form,\n      id,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const insideField = useInsideField();\n    const insideControl = useInsideControl();\n    const ownField = rendersOwnField('Taginput', {\n      insideField,\n      insideControl,\n      label,\n      message,\n      horizontal,\n      fieldClassName,\n    });\n    const { bulmaHelperClasses, rest } = useBulmaClasses(props);\n    const { classPrefix } = useConfig();\n    const defaultIconLibrary = useIconLibrary();\n    const resolvedLibrary = iconLibraryProp || defaultIconLibrary || 'fa';\n    const pcn = (\n      ...args: (\n        | string\n        | number\n        | undefined\n        | null\n        | false\n        | Record<string, unknown>\n        | unknown[]\n      )[]\n    ) => prefixedClassNames(classPrefix, ...args);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const dropdownRef = useRef<HTMLDivElement>(null);\n\n    const [internalTags, setInternalTags] =\n      useState<TaginputTag[]>(defaultValue);\n    const [inputValue, setInputValue] = useState('');\n    const [isActive, setIsActive] = useState(false);\n    const [highlightedIndex, setHighlightedIndex] = useState(-1);\n    const listboxId = `${useId()}-listbox`;\n\n    // With `data` the input offers suggestions, so it's a combobox, even\n    // while none match. Without it there's never a list, so it stays a plain\n    // text field.\n    const hasSuggestions = dataProp !== undefined;\n    const data = dataProp ?? [];\n\n    // Use controlled or internal tags\n    const tags = controlledValue !== undefined ? controlledValue : internalTags;\n\n    const isMaxReached = maxTags !== undefined && tags.length >= maxTags;\n    // At the tag limit the text input is not rendered, so there is nothing to\n    // wire a label to, its own or a surrounding Field's. The suggestion list\n    // points `aria-labelledby` at the label that names the input, so with\n    // suggestions it needs that label's id.\n    const {\n      controlId,\n      fieldLabelProps,\n      labelled,\n      labelId: listLabelId,\n    } = useAutoLabelId({\n      label,\n      id,\n      labelProps,\n      rendersLabel: ownField && !isMaxReached,\n      hasInput: !isMaxReached,\n      needsLabelId: hasSuggestions,\n    });\n\n    // Get display value from tag\n    const getDisplayValue = (tag: TaginputTag): string => {\n      if (typeof tag === 'string') return tag;\n      const fieldValue = tag[field];\n      if (typeof fieldValue === 'string') return fieldValue;\n      return tag.value || '';\n    };\n\n    // Filter autocomplete data\n    const filteredData = data.filter(item => {\n      const displayValue = item.toLowerCase();\n      const matchesInput = displayValue.includes(inputValue.toLowerCase());\n      const notAlreadyAdded =\n        allowDuplicates ||\n        !tags.some(tag => getDisplayValue(tag).toLowerCase() === displayValue);\n      const hasInput = inputValue || (openOnFocus && isActive);\n      return matchesInput && notAlreadyAdded && hasInput;\n    });\n    // At the tag limit the input isn't rendered, so the list isn't either.\n    // Left open it would be a listbox with no combobox, offering tags past\n    // the limit (#1087).\n    const listOpen = isActive && !isMaxReached && filteredData.length > 0;\n\n    // keepFirst: auto-highlight first item when dropdown opens\n    useEffect(() => {\n      if (keepFirst && isActive && filteredData.length > 0) {\n        setHighlightedIndex(0);\n      }\n    }, [keepFirst, isActive, filteredData.length]);\n\n    // Update tags\n    const updateTags = useCallback(\n      (newTags: TaginputTag[]) => {\n        if (controlledValue === undefined) {\n          setInternalTags(newTags);\n        }\n        onChange?.(newTags);\n      },\n      [controlledValue, onChange]\n    );\n\n    // Add a tag from text typed, pasted or picked from the list. Only\n    // `createTag` turns it into an object.\n    const addTag = useCallback(\n      (value: string) => {\n        if (disabled || readonly) return;\n\n        const displayValue = value.trim();\n\n        if (!displayValue) return;\n\n        // No maxTags check: only the input and the list call this, neither\n        // renders at the limit, and each call adds at most one tag.\n\n        // Check duplicates\n        if (!allowDuplicates) {\n          const exists = tags.some(\n            tag =>\n              getDisplayValue(tag).toLowerCase() === displayValue.toLowerCase()\n          );\n          if (exists) return;\n        }\n\n        // Check if allowed (must be in data if allowNew is false). Compare\n        // case-insensitively, consistent with the dropdown filter and the\n        // duplicate check above.\n        if (\n          !allowNew &&\n          !data.some(d => d.toLowerCase() === displayValue.toLowerCase())\n        )\n          return;\n\n        // beforeAdding validation\n        if (beforeAdding && !beforeAdding(displayValue)) return;\n\n        // createTag transformation\n        const finalTag = createTag ? createTag(displayValue) : displayValue;\n\n        const newTags = [...tags, finalTag];\n        updateTags(newTags);\n        onAdd?.(finalTag);\n        setInputValue('');\n        if (!keepOpen) {\n          setIsActive(false);\n        }\n        setHighlightedIndex(-1);\n      },\n      [\n        disabled,\n        readonly,\n        tags,\n        allowDuplicates,\n        allowNew,\n        data,\n        field,\n        updateTags,\n        onAdd,\n        beforeAdding,\n        createTag,\n        keepOpen,\n      ]\n    );\n\n    // Remove tag\n    const removeTag = useCallback(\n      (index: number) => {\n        /* istanbul ignore next: both triggers (delete button click, Backspace handler) are already gated on disabled/readonly */\n        if (disabled || readonly) return;\n\n        const removedTag = tags[index];\n        const newTags = tags.filter((_, i) => i !== index);\n        updateTags(newTags);\n        onRemove?.(removedTag, index);\n      },\n      [disabled, readonly, tags, updateTags, onRemove]\n    );\n\n    // Handle input change\n    const handleInputChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const newValue = e.target.value;\n\n        // Check if a confirm key was typed\n        const lastChar = newValue.slice(-1);\n        if (confirmKeys.includes(lastChar) && lastChar !== 'Enter') {\n          const valueWithoutKey = newValue.slice(0, -1).trim();\n          if (valueWithoutKey) {\n            addTag(valueWithoutKey);\n          }\n          return;\n        }\n\n        setInputValue(newValue);\n        onTyping?.(newValue);\n\n        if (newValue && data.length > 0) {\n          setIsActive(true);\n        }\n      },\n      [confirmKeys, addTag, onTyping, data.length]\n    );\n\n    // Handle paste\n    const handlePaste = useCallback(\n      (e: React.ClipboardEvent<HTMLInputElement>) => {\n        if (onPasteSeparators.length === 0) return;\n\n        const pastedText = e.clipboardData.getData('text');\n        // Check if any separator exists in the pasted text\n        const hasSeparator = onPasteSeparators.some(sep =>\n          pastedText.includes(sep)\n        );\n\n        if (!hasSeparator) return;\n\n        e.preventDefault();\n\n        // Build a regex from all separators\n        const escapedSeparators = onPasteSeparators.map(s =>\n          s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n        );\n        const regex = new RegExp(`[${escapedSeparators.join('')}]`);\n\n        const parts = pastedText\n          .split(regex)\n          .map(s => s.trim())\n          .filter(Boolean);\n\n        for (const part of parts) {\n          addTag(part);\n        }\n      },\n      [onPasteSeparators, addTag]\n    );\n\n    // Handle focus\n    const handleFocus = useCallback(() => {\n      if (openOnFocus && data.length > 0 && !disabled) {\n        setIsActive(true);\n      }\n    }, [openOnFocus, data.length, disabled]);\n\n    // Reaching the limit dismisses the list the way a click outside does, so\n    // making room later doesn't bring it back unasked. It's an effect, not a\n    // step in addTag, because a click on a suggestion also bubbles to the\n    // container, whose focus on the input reopens the list in that same\n    // event, and because a controlled value can reach the limit too.\n    useEffect(() => {\n      if (isMaxReached) {\n        setIsActive(false);\n        setHighlightedIndex(-1);\n      }\n    }, [isMaxReached]);\n\n    // Handle click outside\n    useEffect(() => {\n      if (!isActive) return undefined;\n\n      const handleClickOutside = (e: MouseEvent) => {\n        if (containerRef.current && !isEventInside(e, containerRef.current)) {\n          setIsActive(false);\n          setHighlightedIndex(-1);\n        }\n      };\n\n      document.addEventListener('mousedown', handleClickOutside);\n      return () =>\n        document.removeEventListener('mousedown', handleClickOutside);\n    }, [isActive]);\n\n    // Handle keyboard\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (disabled || readonly) return;\n\n        // Handle confirm keys\n        if (confirmKeys.includes(e.key)) {\n          e.preventDefault();\n          if (highlightedIndex >= 0 && filteredData[highlightedIndex]) {\n            addTag(filteredData[highlightedIndex]);\n          } else if (inputValue.trim()) {\n            addTag(inputValue);\n          }\n          return;\n        }\n\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault();\n            if (!isActive && data.length > 0) {\n              setIsActive(true);\n            } else {\n              setHighlightedIndex(prev =>\n                prev < filteredData.length - 1 ? prev + 1 : prev\n              );\n            }\n            break;\n          case 'ArrowUp':\n            e.preventDefault();\n            setHighlightedIndex(prev => (prev > 0 ? prev - 1 : prev));\n            break;\n          case 'Backspace':\n            if (removeOnKeys && !inputValue && tags.length > 0) {\n              e.preventDefault();\n              removeTag(tags.length - 1);\n            }\n            break;\n          case 'Escape':\n            // Closing the suggestions claims the key, so a Modal around the\n            // field stays open. With none showing, the key goes on to it.\n            if (isActive && filteredData.length > 0) e.preventDefault();\n            setIsActive(false);\n            setHighlightedIndex(-1);\n            break;\n        }\n      },\n      [\n        disabled,\n        readonly,\n        confirmKeys,\n        highlightedIndex,\n        filteredData,\n        addTag,\n        inputValue,\n        isActive,\n        data.length,\n        removeOnKeys,\n        tags.length,\n        removeTag,\n      ]\n    );\n\n    // Combined ref\n    const combinedRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        (inputRef as React.MutableRefObject<HTMLInputElement | null>).current =\n          node;\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLInputElement | null>).current =\n            node;\n        }\n      },\n      [ref]\n    );\n\n    // Focus input when container is clicked\n    const handleContainerClick = useCallback(() => {\n      inputRef.current?.focus();\n    }, []);\n\n    // Generate classes\n    const taginputClasses = pcn('taginput', {\n      'is-active': isActive,\n      [`is-${size}`]: !!size,\n      [`is-${color}`]: !!color,\n      'is-disabled': disabled,\n      'is-rounded': rounded,\n      'is-ellipsis': ellipsis,\n    });\n\n    const containerClasses = pcn('taginput-container', {\n      'is-attached': attached,\n      'has-icons-left': !!icon,\n    });\n\n    const inputClasses = pcn('input', {\n      [`is-${size}`]: !!size,\n    });\n\n    const tagClasses = pcn('tag', {\n      [`is-${tagColor}`]: !!tagColor,\n      [`is-${size}`]: !!size,\n    });\n\n    const combinedClasses = classNames(\n      taginputClasses,\n      bulmaHelperClasses,\n      className\n    );\n\n    // Counter text\n    const showCounter =\n      hasCounter && (maxTags !== undefined || maxlength !== undefined);\n    const counterText =\n      maxTags !== undefined\n        ? `${tags.length} / ${maxTags}`\n        : maxlength !== undefined\n          ? `${inputValue.length} / ${maxlength}`\n          : '';\n\n    const counterClasses = pcn('help', 'counter');\n    const tagsClasses = pcn('tags');\n    const dropdownMenuClasses = pcn('dropdown-menu', 'is-active');\n    const dropdownContentClasses = pcn('dropdown-content');\n    const iconRightClass = pcn('icon', 'is-right');\n    const loaderClass = pcn('loader', 'is-loading');\n\n    const helpClass = usePrefixedClassNames('help', {\n      [`is-${messageColor}`]: !!messageColor,\n    });\n    const messageEl = message ? <p className={helpClass}>{message}</p> : null;\n\n    // The combobox controls its listbox and points at the highlighted option,\n    // the way Autocomplete's does. The listbox takes its name from the label\n    // that names the combobox, the one this renders or a surrounding Field's,\n    // and keeps a fallback name when no label names it or the one that does\n    // has no id to point at. While no suggestion matches there's no listbox,\n    // so the combobox is collapsed and points at nothing. It skips a\n    // highlighted suggestion that's blank once trimmed, since that one can't\n    // become a tag, and the option it points at is the one marked selected.\n    const optionId = (index: number) => `${listboxId}-${index}`;\n    const activeOptionId =\n      listOpen && filteredData[highlightedIndex]?.trim()\n        ? optionId(highlightedIndex)\n        : undefined;\n    const comboboxProps: React.InputHTMLAttributes<HTMLInputElement> = {\n      role: 'combobox',\n      'aria-expanded': listOpen,\n      'aria-controls': listOpen ? listboxId : undefined,\n      'aria-activedescendant': activeOptionId,\n      'aria-haspopup': 'listbox',\n      'aria-autocomplete': 'list',\n    };\n\n    const taginputElement = (\n      <div\n        ref={containerRef}\n        className={combinedClasses}\n        onClick={handleContainerClick}\n        {...rest}\n      >\n        <div className={containerClasses}>\n          {icon && (\n            <Icon\n              name={icon}\n              library={resolvedLibrary}\n              variant={iconVariant}\n              features={iconFeatures}\n              containerClassName={pcn('icon', 'is-left')}\n            />\n          )}\n          <div className={tagsClasses}>\n            {tags.map((tag, index) => {\n              const displayVal = getDisplayValue(tag);\n              return (\n                <span key={index} className={tagClasses}>\n                  {tagTemplate ? (\n                    tagTemplate(tag)\n                  ) : ellipsis ? (\n                    <span title={displayVal}>{displayVal}</span>\n                  ) : (\n                    displayVal\n                  )}\n                  {closable && !disabled && !readonly && (\n                    <button\n                      type=\"button\"\n                      className={pcn('delete', 'is-small')}\n                      onClick={e => {\n                        e.stopPropagation();\n                        removeTag(index);\n                      }}\n                      aria-label={ariaCloseLabel || `Remove ${displayVal}`}\n                    />\n                  )}\n                </span>\n              );\n            })}\n            {!isMaxReached && (\n              <input\n                ref={combinedRef}\n                type=\"text\"\n                className={inputClasses}\n                id={controlId}\n                value={inputValue}\n                placeholder={tags.length === 0 ? placeholder : undefined}\n                disabled={disabled}\n                readOnly={readonly}\n                maxLength={maxlength}\n                onChange={handleInputChange}\n                onFocus={handleFocus}\n                onKeyDown={handleKeyDown}\n                onPaste={handlePaste}\n                {...(hasSuggestions && comboboxProps)}\n                // Fallback name, dropped only when a rendered label actually\n                // targets this input, its own or a surrounding Field's\n                // (aria-label would win otherwise). A label pointing elsewhere\n                // keeps the fallback so the input is never nameless.\n                aria-label={labelled ? undefined : 'Add tag'}\n              />\n            )}\n          </div>\n          {loading && (\n            <span className={iconRightClass}>\n              <span className={loaderClass} />\n            </span>\n          )}\n        </div>\n\n        {listOpen && (\n          <div className={dropdownMenuClasses}>\n            <div\n              ref={dropdownRef}\n              id={listboxId}\n              className={dropdownContentClasses}\n              role=\"listbox\"\n              aria-labelledby={listLabelId}\n              aria-label={listLabelId ? undefined : 'Suggestions'}\n            >\n              {filteredData.map((item, index) => (\n                <a\n                  key={index}\n                  id={optionId(index)}\n                  className={pcn('dropdown-item', {\n                    'is-active': index === highlightedIndex,\n                  })}\n                  onClick={() => addTag(item)}\n                  onMouseEnter={() => setHighlightedIndex(index)}\n                  role=\"option\"\n                  aria-selected={optionId(index) === activeOptionId}\n                >\n                  {item}\n                </a>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {showCounter && <small className={counterClasses}>{counterText}</small>}\n\n        {name &&\n          tags.map((tag, i) => (\n            <input\n              key={`tag-input-${i}`}\n              type=\"hidden\"\n              name={name}\n              value={getDisplayValue(tag)}\n              form={form}\n            />\n          ))}\n      </div>\n    );\n\n    if (ownField) {\n      return (\n        <Field\n          label={label}\n          labelSize={labelSize}\n          labelProps={fieldLabelProps}\n          horizontal={horizontal}\n          className={fieldClassName}\n        >\n          {taginputElement}\n          {messageEl}\n        </Field>\n      );\n    }\n\n    return (\n      <>\n        {taginputElement}\n        {messageEl}\n      </>\n    );\n  }\n);\n\nTaginput.displayName = 'Taginput';\n\n/** @deprecated Use `Taginput` — same component. */\nexport const TagInput = Taginput;\n\n/** @deprecated Use `TaginputProps`. */\nexport type TagInputProps = TaginputProps;\n\nexport default Taginput;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/esm/form/_pickerInternals/PickerPopover.js

@@ -93,7 +93,15 @@ const PickerPopover = ({ isOpen, onClose, anchorRef, children, position = 'botto
             left: resolved.left,
         }
         : {};
-    const panel = (jsx("div", { ref: panelRef, id: id, role: role, "aria-modal": role === 'dialog' ? 'false' : undefined, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, tabIndex: -1, className: classNames(panelClass, className), style: style, children: children }));
+    const panel = (jsx("div", { ref: panelRef, id: id, role: role, "aria-modal": role === 'dialog' ? 'false' : undefined, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, tabIndex: -1, className: classNames(panelClass, className), style: style, 
+        // An Escape pressed in the panel is the picker's, and the listener
+        // above claims it. A Dropdown menu around the picker hears Escape in a
+        // React handler, which runs before that listener, so the panel claims
+        // it here too, where React gets to it first.
+        onKeyDown: e => {
+            if (closeOnEscape && e.key === 'Escape')
+                e.preventDefault();
+        }, children: children }));
     if (appendToBody && isBrowser) {
         return createPortal(panel, resolveContainer());
     }