silver-ui 0.5.0 → 0.6.0

package/dist/{chunk-N77K3NQY.cjs.map → chunk-P5LMEANN.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Slider/Slider.recipe.ts","../src/components/Slider/Slider.tsx"],"names":["sva","useId","useRef","useMemo","useEffect","useCallback","jsx","getNecessity","Field","cx","jsxs","Tooltip"],"mappings":"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","file":"chunk-N77K3NQY.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nconst THUMB_SIZE = 20;\nconst TRACK_SIZE = 4;\n\nexport const sliderRecipe = sva({\n  slots: [\n    'field',\n    'filledTrack',\n    'mark',\n    'markLabel',\n    'marksContainer',\n    'row',\n    'textValue',\n    'thumb',\n    'track',\n    'trackContainer',\n  ],\n  base: {\n    row: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n    },\n    trackContainer: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      isolation: 'isolate',\n      touchAction: 'none',\n      userSelect: 'none',\n    },\n    track: {\n      position: 'absolute',\n      bg: 'track',\n      borderRadius: 'full',\n    },\n    filledTrack: {\n      position: 'absolute',\n      bg: 'primary',\n      borderRadius: 'full',\n    },\n    thumb: {\n      position: 'absolute',\n      zIndex: 1,\n      w: `${THUMB_SIZE}px`,\n      h: `${THUMB_SIZE}px`,\n      borderRadius: 'full',\n      bg: 'primary',\n      cursor: 'grab',\n      outline: 'none',\n      transform: 'translate(-50%, -50%)',\n      transitionDuration: 'fast',\n      transitionProperty: 'background-color, box-shadow',\n      transitionTimingFunction: 'default',\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n      _hover: {\n        '@media (hover: hover)': {\n          bg: 'primary.emphasized',\n        },\n      },\n    },\n    marksContainer: {\n      position: 'absolute',\n    },\n    mark: {\n      position: 'absolute',\n      bg: 'border.emphasized',\n      borderRadius: 'full',\n    },\n    markLabel: {\n      position: 'absolute',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontSize: 'xs',\n      whiteSpace: 'nowrap',\n    },\n    textValue: {\n      flexShrink: 0,\n      color: 'fg',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      whiteSpace: 'nowrap',\n    },\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        trackContainer: {\n          w: 'full',\n          h: `${THUMB_SIZE}px`,\n          flexGrow: 1,\n          cursor: 'pointer',\n        },\n        track: {\n          insetInline: 0,\n          top: '50%',\n          h: `${TRACK_SIZE}px`,\n          transform: 'translateY(-50%)',\n        },\n        filledTrack: {\n          top: '50%',\n          h: `${TRACK_SIZE}px`,\n          transform: 'translateY(-50%)',\n        },\n        thumb: {\n          top: '50%',\n        },\n        marksContainer: {\n          insetInline: 0,\n          top: '50%',\n        },\n        mark: {\n          w: '0.5',\n          h: '2',\n          transform: 'translate(-50%, -50%)',\n        },\n        markLabel: {\n          top: `${THUMB_SIZE / 2 + 4}px`,\n          transform: 'translateX(-50%)',\n        },\n      },\n      vertical: {\n        field: {\n          alignItems: 'center',\n          w: 'fit-content',\n        },\n        row: {\n          flexDirection: 'column',\n          alignItems: 'center',\n        },\n        trackContainer: {\n          w: `${THUMB_SIZE}px`,\n          h: '40',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          cursor: 'pointer',\n        },\n        track: {\n          insetBlock: 0,\n          left: '50%',\n          w: `${TRACK_SIZE}px`,\n          transform: 'translateX(-50%)',\n        },\n        filledTrack: {\n          left: '50%',\n          w: `${TRACK_SIZE}px`,\n          transform: 'translateX(-50%)',\n        },\n        thumb: {\n          left: '50%',\n          transform: 'translate(-50%, 50%)',\n        },\n        marksContainer: {\n          insetBlock: 0,\n          left: '50%',\n        },\n        mark: {\n          w: '2',\n          h: '0.5',\n          transform: 'translate(-50%, 50%)',\n        },\n        markLabel: {\n          left: `${THUMB_SIZE / 2 + 4}px`,\n          transform: 'translateY(50%)',\n        },\n      },\n    },\n    isDisabled: {\n      true: {\n        trackContainer: {\n          cursor: 'not-allowed',\n          opacity: 0.5,\n        },\n        thumb: {\n          bg: 'track.disabled',\n          cursor: 'not-allowed',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\nexport type SliderVariants = RecipeVariantProps<typeof sliderRecipe>;\n","import {\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  type PointerEvent,\n  type Ref,\n} from 'react';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputStatus,\n} from 'components/Field';\nimport {sliderRecipe} from 'components/Slider/Slider.recipe';\nimport {Tooltip} from 'components/Tooltip';\nimport {cx} from 'internal/cx';\n\nexport type SliderOrientation = 'horizontal' | 'vertical';\nexport type SliderValueDisplay = 'tooltip' | 'text' | 'none';\n\nexport interface SliderMark {\n  /**\n   * Text label rendered beside the mark.\n   */\n  label?: string;\n  /**\n   * Numeric position of the mark along the track.\n   */\n  value: number;\n}\n\nexport type SliderBaseProps = {\n  /**\n   * Additional CSS class names applied to the field root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the field root.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: string;\n  /**\n   * Custom value formatter used for visible value text, tooltip content, and\n   * `aria-valuetext`.\n   */\n  formatValue?: (value: number) => string;\n  /**\n   * Whether the slider is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Field label.\n   */\n  label: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: string;\n  /**\n   * Tick marks rendered along the track.\n   */\n  marks?: SliderMark[];\n  /**\n   * Maximum value.\n   * @default 100\n   */\n  max?: number;\n  /**\n   * Minimum value.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * Slider orientation.\n   * @default 'horizontal'\n   */\n  orientation?: SliderOrientation;\n  /**\n   * Ref forwarded to the field root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Validation status displayed below the slider.\n   */\n  status?: InputStatus;\n  /**\n   * Step increment.\n   * @default 1\n   */\n  step?: number;\n  /**\n   * Inline styles applied to the field root.\n   */\n  style?: CSSProperties;\n  /**\n   * How to display the current value.\n   * @default 'tooltip'\n   */\n  valueDisplay?: SliderValueDisplay;\n} & FieldNecessity;\n\nexport type SliderSingleProps = SliderBaseProps & {\n  /**\n   * Called when the value changes during pointer or keyboard interaction.\n   */\n  onChange: (value: number) => void;\n  /**\n   * Called when pointer or keyboard interaction commits a value.\n   */\n  onChangeEnd?: (value: number) => void;\n  /**\n   * Current value.\n   */\n  value: number;\n};\n\nexport type SliderRangeProps = SliderBaseProps & {\n  /**\n   * Minimum number of steps between range thumbs.\n   * @default 0\n   */\n  minStepsBetweenThumbs?: number;\n  /**\n   * Called when the range changes during pointer or keyboard interaction.\n   */\n  onChange: (value: [number, number]) => void;\n  /**\n   * Called when pointer or keyboard interaction commits a range.\n   */\n  onChangeEnd?: (value: [number, number]) => void;\n  /**\n   * Current range.\n   */\n  value: [number, number];\n};\n\nexport type SliderProps = SliderRangeProps | SliderSingleProps;\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction snapToStep(value: number, min: number, step: number): number {\n  if (step <= 0) {\n    return value;\n  }\n  return min + Math.round((value - min) / step) * step;\n}\n\nfunction getPercent(value: number, min: number, max: number): number {\n  if (max === min) {\n    return 0;\n  }\n  return ((value - min) / (max - min)) * 100;\n}\n\n/**\n * Slider control for selecting a single value or a range.\n */\nexport function Slider({\n  className,\n  'data-testid': dataTestId,\n  description,\n  formatValue,\n  isDisabled = false,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  label,\n  labelTooltip,\n  marks,\n  max = 100,\n  min = 0,\n  orientation = 'horizontal',\n  ref,\n  status,\n  step = 1,\n  style,\n  value,\n  valueDisplay = 'tooltip',\n  ...props\n}: SliderProps): React.JSX.Element {\n  const inputId = useId();\n  const trackRef = useRef<HTMLDivElement>(null);\n  const pendingValuesRef = useRef<number[] | null>(null);\n  const draggingThumbRef = useRef<number | null>(null);\n  const isRange = Array.isArray(value);\n  const isHorizontal = orientation === 'horizontal';\n  const values = useMemo(() => (isRange ? value : [value]), [isRange, value]);\n  const onChange = props.onChange;\n  const onChangeEnd = 'onChangeEnd' in props ? props.onChangeEnd : undefined;\n  const minStepsBetweenThumbs =\n    isRange && 'minStepsBetweenThumbs' in props\n      ? (props.minStepsBetweenThumbs ?? 0)\n      : 0;\n  const descriptionID =\n    description != null ? `${inputId}-description` : undefined;\n  const statusMessageID =\n    status?.message != null ? `${inputId}-status` : undefined;\n  const ariaDescribedBy =\n    [descriptionID, statusMessageID].filter(Boolean).join(' ') || undefined;\n\n  useEffect(() => {\n    pendingValuesRef.current = values;\n  }, [values]);\n\n  const displayValue = useCallback(\n    (displayedValue: number): string =>\n      formatValue == null\n        ? String(displayedValue)\n        : formatValue(displayedValue),\n    [formatValue],\n  );\n\n  const getValueFromPosition = useCallback(\n    (clientX: number, clientY: number): number => {\n      const track = trackRef.current;\n      if (track == null) {\n        return min;\n      }\n      const rect = track.getBoundingClientRect();\n      const rawPercent = isHorizontal\n        ? (clientX - rect.left) / rect.width\n        : 1 - (clientY - rect.top) / rect.height;\n      const percent = clamp(rawPercent, 0, 1);\n      const rawValue = min + percent * (max - min);\n      return clamp(snapToStep(rawValue, min, step), min, max);\n    },\n    [isHorizontal, max, min, step],\n  );\n\n  const getClosestThumb = useCallback(\n    (newValue: number): number => {\n      if (!isRange) {\n        return 0;\n      }\n      const [lower, upper] = values;\n      return Math.abs(newValue - lower) <= Math.abs(newValue - upper) ? 0 : 1;\n    },\n    [isRange, values],\n  );\n\n  const getNextValues = useCallback(\n    (thumbIndex: number, newValue: number): number[] => {\n      const snapped = clamp(snapToStep(newValue, min, step), min, max);\n      if (!isRange) {\n        return [snapped];\n      }\n\n      const nextValues = [...values] as [number, number];\n      nextValues[thumbIndex] = snapped;\n      const minGap = minStepsBetweenThumbs * step;\n      if (thumbIndex === 0) {\n        nextValues[0] = Math.min(nextValues[0], nextValues[1] - minGap);\n      } else {\n        nextValues[1] = Math.max(nextValues[1], nextValues[0] + minGap);\n      }\n      nextValues[0] = clamp(nextValues[0], min, max);\n      nextValues[1] = clamp(nextValues[1], min, max);\n      return nextValues;\n    },\n    [isRange, max, min, minStepsBetweenThumbs, step, values],\n  );\n\n  const emitChange = useCallback(\n    (nextValues: number[]) => {\n      pendingValuesRef.current = nextValues;\n      if (isRange) {\n        (onChange as SliderRangeProps['onChange'])(\n          nextValues as [number, number],\n        );\n      } else {\n        (onChange as SliderSingleProps['onChange'])(nextValues[0]);\n      }\n    },\n    [isRange, onChange],\n  );\n\n  const emitChangeEnd = useCallback(\n    (nextValues: number[]) => {\n      if (isRange) {\n        (onChangeEnd as SliderRangeProps['onChangeEnd'])?.(\n          nextValues as [number, number],\n        );\n      } else {\n        (onChangeEnd as SliderSingleProps['onChangeEnd'])?.(nextValues[0]);\n      }\n    },\n    [isRange, onChangeEnd],\n  );\n\n  const updateValue = useCallback(\n    (thumbIndex: number, newValue: number): number[] | null => {\n      if (isDisabled) {\n        return null;\n      }\n      const nextValues = getNextValues(thumbIndex, newValue);\n      emitChange(nextValues);\n      return nextValues;\n    },\n    [emitChange, getNextValues, isDisabled],\n  );\n\n  const handlePointerDown = useCallback(\n    (event: PointerEvent<HTMLDivElement>) => {\n      if (isDisabled) {\n        return;\n      }\n      event.preventDefault();\n      const markElement = (event.target as HTMLElement).closest<HTMLElement>(\n        '[data-mark-value]',\n      );\n      const newValue =\n        markElement == null\n          ? getValueFromPosition(event.clientX, event.clientY)\n          : Number(markElement.dataset.markValue);\n      const thumbIndex = getClosestThumb(newValue);\n      draggingThumbRef.current = thumbIndex;\n      updateValue(thumbIndex, newValue);\n\n      if (typeof event.currentTarget.setPointerCapture === 'function') {\n        event.currentTarget.setPointerCapture(event.pointerId);\n      }\n    },\n    [getClosestThumb, getValueFromPosition, isDisabled, updateValue],\n  );\n\n  const handlePointerMove = useCallback(\n    (event: PointerEvent<HTMLDivElement>) => {\n      if (draggingThumbRef.current == null || isDisabled) {\n        return;\n      }\n      updateValue(\n        draggingThumbRef.current,\n        getValueFromPosition(event.clientX, event.clientY),\n      );\n    },\n    [getValueFromPosition, isDisabled, updateValue],\n  );\n\n  const handlePointerUp = useCallback(() => {\n    if (draggingThumbRef.current == null) {\n      return;\n    }\n    draggingThumbRef.current = null;\n    emitChangeEnd(pendingValuesRef.current ?? values);\n  }, [emitChangeEnd, values]);\n\n  const handleKeyDown = useCallback(\n    (thumbIndex: number, event: KeyboardEvent<HTMLDivElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      const currentValue = values[thumbIndex];\n      let nextValue: number;\n      switch (event.key) {\n        case 'ArrowDown':\n        case 'ArrowLeft':\n          nextValue = currentValue - step;\n          break;\n        case 'ArrowRight':\n        case 'ArrowUp':\n          nextValue = currentValue + step;\n          break;\n        case 'End':\n          nextValue = max;\n          break;\n        case 'Home':\n          nextValue = min;\n          break;\n        case 'PageDown':\n          nextValue = currentValue - step * 10;\n          break;\n        case 'PageUp':\n          nextValue = currentValue + step * 10;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      const nextValues = getNextValues(thumbIndex, nextValue);\n      emitChange(nextValues);\n      emitChangeEnd(nextValues);\n    },\n    [\n      emitChange,\n      emitChangeEnd,\n      getNextValues,\n      isDisabled,\n      max,\n      min,\n      step,\n      values,\n    ],\n  );\n\n  const filledStyle: CSSProperties = (() => {\n    if (isRange) {\n      const [lower, upper] = values;\n      const lowerPercent = getPercent(lower, min, max);\n      const upperPercent = getPercent(upper, min, max);\n      return isHorizontal\n        ? {left: `${lowerPercent}%`, width: `${upperPercent - lowerPercent}%`}\n        : {\n            bottom: `${lowerPercent}%`,\n            height: `${upperPercent - lowerPercent}%`,\n          };\n    }\n    const percent = getPercent(values[0], min, max);\n    return isHorizontal\n      ? {left: '0%', width: `${percent}%`}\n      : {bottom: '0%', height: `${percent}%`};\n  })();\n\n  const classes = sliderRecipe({\n    orientation,\n    isDisabled: isDisabled || undefined,\n  });\n\n  const textDisplay =\n    valueDisplay === 'text' ? (\n      <span className={classes.textValue}>\n        {isRange\n          ? `${displayValue(values[0])} - ${displayValue(values[1])}`\n          : displayValue(values[0])}\n      </span>\n    ) : null;\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      className={cx(className, classes.field)}\n      data-testid={dataTestId}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelAs=\"span\"\n      labelTooltip={labelTooltip}\n      ref={ref}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      statusVariant=\"detached\"\n      style={style}>\n      <div className={classes.row}>\n        <div\n          aria-label={isRange ? label : undefined}\n          className={classes.trackContainer}\n          data-testid=\"slider-track-container\"\n          onPointerCancel={handlePointerUp}\n          onPointerDown={handlePointerDown}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n          ref={trackRef}\n          role={isRange ? 'group' : undefined}>\n          <div aria-hidden=\"true\" className={classes.track} />\n          <div\n            aria-hidden=\"true\"\n            className={classes.filledTrack}\n            style={filledStyle}\n          />\n          {marks == null ? null : (\n            <div aria-hidden=\"true\" className={classes.marksContainer}>\n              {marks.map(mark => {\n                const percent = getPercent(mark.value, min, max);\n                const markStyle = isHorizontal\n                  ? {left: `${percent}%`}\n                  : {bottom: `${percent}%`};\n                return (\n                  <div key={mark.value}>\n                    <div\n                      className={classes.mark}\n                      data-mark-value={mark.value}\n                      data-testid=\"slider-mark\"\n                      style={markStyle}\n                    />\n                    {mark.label == null ? null : (\n                      <span\n                        className={classes.markLabel}\n                        data-mark-value={mark.value}\n                        data-testid=\"slider-mark-label\"\n                        style={markStyle}>\n                        {mark.label}\n                      </span>\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          )}\n          {values.map((currentValue, thumbIndex) => {\n            const percent = getPercent(currentValue, min, max);\n            const thumbStyle = isHorizontal\n              ? {left: `${percent}%`}\n              : {bottom: `${percent}%`, left: '50%'};\n            const thumbLabel = isRange\n              ? thumbIndex === 0\n                ? `${label}, minimum value`\n                : `${label}, maximum value`\n              : label;\n            const thumbKey = isRange\n              ? thumbIndex === 0\n                ? 'minimum'\n                : 'maximum'\n              : 'value';\n            const thumb = (\n              <div\n                aria-describedby={ariaDescribedBy}\n                aria-disabled={isDisabled || undefined}\n                aria-invalid={status?.type === 'error' || undefined}\n                aria-label={thumbLabel}\n                aria-orientation={orientation}\n                aria-valuemax={max}\n                aria-valuemin={min}\n                aria-valuenow={currentValue}\n                aria-valuetext={\n                  formatValue == null ? undefined : formatValue(currentValue)\n                }\n                className={classes.thumb}\n                id={!isRange || thumbIndex === 0 ? inputId : undefined}\n                key={thumbKey}\n                onKeyDown={event => handleKeyDown(thumbIndex, event)}\n                role=\"slider\"\n                style={thumbStyle}\n                tabIndex={isDisabled ? -1 : 0}\n              />\n            );\n\n            if (valueDisplay !== 'tooltip') {\n              return thumb;\n            }\n\n            return (\n              <Tooltip\n                content={displayValue(currentValue)}\n                delay={0}\n                focusTrigger=\"always\"\n                key={thumbKey}\n                placement={isHorizontal ? 'above' : 'start'}>\n                {thumb}\n              </Tooltip>\n            );\n          })}\n        </div>\n        {textDisplay}\n      </div>\n    </Field>\n  );\n}\n\nSlider.displayName = 'Slider';\n"]}
+{"version":3,"sources":["../src/components/Slider/Slider.recipe.ts","../src/components/Slider/Slider.tsx"],"names":["sva","useId","useRef","useMemo","useEffect","useCallback","jsx","getNecessity","Field","cx","jsxs","Tooltip"],"mappings":"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","file":"chunk-P5LMEANN.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nconst THUMB_SIZE = 20;\nconst TRACK_SIZE = 4;\n\nexport const sliderRecipe = sva({\n  slots: [\n    'field',\n    'filledTrack',\n    'mark',\n    'markLabel',\n    'marksContainer',\n    'row',\n    'textValue',\n    'thumb',\n    'track',\n    'trackContainer',\n  ],\n  base: {\n    row: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n    },\n    trackContainer: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      isolation: 'isolate',\n      touchAction: 'none',\n      userSelect: 'none',\n    },\n    track: {\n      position: 'absolute',\n      bg: 'track',\n      borderRadius: 'full',\n    },\n    filledTrack: {\n      position: 'absolute',\n      bg: 'primary',\n      borderRadius: 'full',\n    },\n    thumb: {\n      position: 'absolute',\n      zIndex: 1,\n      w: `${THUMB_SIZE}px`,\n      h: `${THUMB_SIZE}px`,\n      borderRadius: 'full',\n      bg: 'primary',\n      cursor: 'grab',\n      outline: 'none',\n      transform: 'translate(-50%, -50%)',\n      transitionDuration: 'fast',\n      transitionProperty: 'background-color, box-shadow',\n      transitionTimingFunction: 'default',\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n      _hover: {\n        '@media (hover: hover)': {\n          bg: 'primary.emphasized',\n        },\n      },\n    },\n    marksContainer: {\n      position: 'absolute',\n    },\n    mark: {\n      position: 'absolute',\n      bg: 'border.emphasized',\n      borderRadius: 'full',\n    },\n    markLabel: {\n      position: 'absolute',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontSize: 'xs',\n      whiteSpace: 'nowrap',\n    },\n    textValue: {\n      flexShrink: 0,\n      color: 'fg',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      whiteSpace: 'nowrap',\n    },\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        trackContainer: {\n          w: 'full',\n          h: `${THUMB_SIZE}px`,\n          flexGrow: 1,\n          cursor: 'pointer',\n        },\n        track: {\n          insetInline: 0,\n          top: '50%',\n          h: `${TRACK_SIZE}px`,\n          transform: 'translateY(-50%)',\n        },\n        filledTrack: {\n          top: '50%',\n          h: `${TRACK_SIZE}px`,\n          transform: 'translateY(-50%)',\n        },\n        thumb: {\n          top: '50%',\n        },\n        marksContainer: {\n          insetInline: 0,\n          top: '50%',\n        },\n        mark: {\n          w: '0.5',\n          h: '2',\n          transform: 'translate(-50%, -50%)',\n        },\n        markLabel: {\n          top: `${THUMB_SIZE / 2 + 4}px`,\n          transform: 'translateX(-50%)',\n        },\n      },\n      vertical: {\n        field: {\n          alignItems: 'center',\n          w: 'fit-content',\n        },\n        row: {\n          flexDirection: 'column',\n          alignItems: 'center',\n        },\n        trackContainer: {\n          w: `${THUMB_SIZE}px`,\n          h: '40',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          cursor: 'pointer',\n        },\n        track: {\n          insetBlock: 0,\n          left: '50%',\n          w: `${TRACK_SIZE}px`,\n          transform: 'translateX(-50%)',\n        },\n        filledTrack: {\n          left: '50%',\n          w: `${TRACK_SIZE}px`,\n          transform: 'translateX(-50%)',\n        },\n        thumb: {\n          left: '50%',\n          transform: 'translate(-50%, 50%)',\n        },\n        marksContainer: {\n          insetBlock: 0,\n          left: '50%',\n        },\n        mark: {\n          w: '2',\n          h: '0.5',\n          transform: 'translate(-50%, 50%)',\n        },\n        markLabel: {\n          left: `${THUMB_SIZE / 2 + 4}px`,\n          transform: 'translateY(50%)',\n        },\n      },\n    },\n    isDisabled: {\n      true: {\n        trackContainer: {\n          cursor: 'not-allowed',\n          opacity: 0.5,\n        },\n        thumb: {\n          bg: 'track.disabled',\n          cursor: 'not-allowed',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\nexport type SliderVariants = RecipeVariantProps<typeof sliderRecipe>;\n","import {\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  type PointerEvent,\n  type Ref,\n} from 'react';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputStatus,\n} from 'components/Field';\nimport {sliderRecipe} from 'components/Slider/Slider.recipe';\nimport {Tooltip} from 'components/Tooltip';\nimport {cx} from 'internal/cx';\n\nexport type SliderOrientation = 'horizontal' | 'vertical';\nexport type SliderValueDisplay = 'tooltip' | 'text' | 'none';\n\nexport interface SliderMark {\n  /**\n   * Text label rendered beside the mark.\n   */\n  label?: string;\n  /**\n   * Numeric position of the mark along the track.\n   */\n  value: number;\n}\n\nexport type SliderBaseProps = {\n  /**\n   * Additional CSS class names applied to the field root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the field root.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: string;\n  /**\n   * Custom value formatter used for visible value text, tooltip content, and\n   * `aria-valuetext`.\n   */\n  formatValue?: (value: number) => string;\n  /**\n   * Whether the slider is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Field label.\n   */\n  label: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: string;\n  /**\n   * Tick marks rendered along the track.\n   */\n  marks?: SliderMark[];\n  /**\n   * Maximum value.\n   * @default 100\n   */\n  max?: number;\n  /**\n   * Minimum value.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * Slider orientation.\n   * @default 'horizontal'\n   */\n  orientation?: SliderOrientation;\n  /**\n   * Ref forwarded to the field root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Validation status displayed below the slider.\n   */\n  status?: InputStatus;\n  /**\n   * Step increment.\n   * @default 1\n   */\n  step?: number;\n  /**\n   * Inline styles applied to the field root.\n   */\n  style?: CSSProperties;\n  /**\n   * How to display the current value.\n   * @default 'tooltip'\n   */\n  valueDisplay?: SliderValueDisplay;\n} & FieldNecessity;\n\nexport type SliderSingleProps = SliderBaseProps & {\n  /**\n   * Called when the value changes during pointer or keyboard interaction.\n   */\n  onChange: (value: number) => void;\n  /**\n   * Called when pointer or keyboard interaction commits a value.\n   */\n  onChangeEnd?: (value: number) => void;\n  /**\n   * Current value.\n   */\n  value: number;\n};\n\nexport type SliderRangeProps = SliderBaseProps & {\n  /**\n   * Minimum number of steps between range thumbs.\n   * @default 0\n   */\n  minStepsBetweenThumbs?: number;\n  /**\n   * Called when the range changes during pointer or keyboard interaction.\n   */\n  onChange: (value: [number, number]) => void;\n  /**\n   * Called when pointer or keyboard interaction commits a range.\n   */\n  onChangeEnd?: (value: [number, number]) => void;\n  /**\n   * Current range.\n   */\n  value: [number, number];\n};\n\nexport type SliderProps = SliderRangeProps | SliderSingleProps;\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction snapToStep(value: number, min: number, step: number): number {\n  if (step <= 0) {\n    return value;\n  }\n  return min + Math.round((value - min) / step) * step;\n}\n\nfunction getPercent(value: number, min: number, max: number): number {\n  if (max === min) {\n    return 0;\n  }\n  return ((value - min) / (max - min)) * 100;\n}\n\n/**\n * Slider control for selecting a single value or a range.\n */\nexport function Slider({\n  className,\n  'data-testid': dataTestId,\n  description,\n  formatValue,\n  isDisabled = false,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  label,\n  labelTooltip,\n  marks,\n  max = 100,\n  min = 0,\n  orientation = 'horizontal',\n  ref,\n  status,\n  step = 1,\n  style,\n  value,\n  valueDisplay = 'tooltip',\n  ...props\n}: SliderProps): React.JSX.Element {\n  const inputId = useId();\n  const trackRef = useRef<HTMLDivElement>(null);\n  const pendingValuesRef = useRef<number[] | null>(null);\n  const draggingThumbRef = useRef<number | null>(null);\n  const isRange = Array.isArray(value);\n  const isHorizontal = orientation === 'horizontal';\n  const values = useMemo(() => (isRange ? value : [value]), [isRange, value]);\n  const onChange = props.onChange;\n  const onChangeEnd = 'onChangeEnd' in props ? props.onChangeEnd : undefined;\n  const minStepsBetweenThumbs =\n    isRange && 'minStepsBetweenThumbs' in props\n      ? (props.minStepsBetweenThumbs ?? 0)\n      : 0;\n  const descriptionID =\n    description != null ? `${inputId}-description` : undefined;\n  const statusMessageID =\n    status?.message != null ? `${inputId}-status` : undefined;\n  const ariaDescribedBy =\n    [descriptionID, statusMessageID].filter(Boolean).join(' ') || undefined;\n\n  useEffect(() => {\n    pendingValuesRef.current = values;\n  }, [values]);\n\n  const displayValue = useCallback(\n    (displayedValue: number): string =>\n      formatValue == null\n        ? String(displayedValue)\n        : formatValue(displayedValue),\n    [formatValue],\n  );\n\n  const getValueFromPosition = useCallback(\n    (clientX: number, clientY: number): number => {\n      const track = trackRef.current;\n      if (track == null) {\n        return min;\n      }\n      const rect = track.getBoundingClientRect();\n      const rawPercent = isHorizontal\n        ? (clientX - rect.left) / rect.width\n        : 1 - (clientY - rect.top) / rect.height;\n      const percent = clamp(rawPercent, 0, 1);\n      const rawValue = min + percent * (max - min);\n      return clamp(snapToStep(rawValue, min, step), min, max);\n    },\n    [isHorizontal, max, min, step],\n  );\n\n  const getClosestThumb = useCallback(\n    (newValue: number): number => {\n      if (!isRange) {\n        return 0;\n      }\n      const [lower, upper] = values;\n      return Math.abs(newValue - lower) <= Math.abs(newValue - upper) ? 0 : 1;\n    },\n    [isRange, values],\n  );\n\n  const getNextValues = useCallback(\n    (thumbIndex: number, newValue: number): number[] => {\n      const snapped = clamp(snapToStep(newValue, min, step), min, max);\n      if (!isRange) {\n        return [snapped];\n      }\n\n      const nextValues = [...values] as [number, number];\n      nextValues[thumbIndex] = snapped;\n      const minGap = minStepsBetweenThumbs * step;\n      if (thumbIndex === 0) {\n        nextValues[0] = Math.min(nextValues[0], nextValues[1] - minGap);\n      } else {\n        nextValues[1] = Math.max(nextValues[1], nextValues[0] + minGap);\n      }\n      nextValues[0] = clamp(nextValues[0], min, max);\n      nextValues[1] = clamp(nextValues[1], min, max);\n      return nextValues;\n    },\n    [isRange, max, min, minStepsBetweenThumbs, step, values],\n  );\n\n  const emitChange = useCallback(\n    (nextValues: number[]) => {\n      pendingValuesRef.current = nextValues;\n      if (isRange) {\n        (onChange as SliderRangeProps['onChange'])(\n          nextValues as [number, number],\n        );\n      } else {\n        (onChange as SliderSingleProps['onChange'])(nextValues[0]);\n      }\n    },\n    [isRange, onChange],\n  );\n\n  const emitChangeEnd = useCallback(\n    (nextValues: number[]) => {\n      if (isRange) {\n        (onChangeEnd as SliderRangeProps['onChangeEnd'])?.(\n          nextValues as [number, number],\n        );\n      } else {\n        (onChangeEnd as SliderSingleProps['onChangeEnd'])?.(nextValues[0]);\n      }\n    },\n    [isRange, onChangeEnd],\n  );\n\n  const updateValue = useCallback(\n    (thumbIndex: number, newValue: number): number[] | null => {\n      if (isDisabled) {\n        return null;\n      }\n      const nextValues = getNextValues(thumbIndex, newValue);\n      emitChange(nextValues);\n      return nextValues;\n    },\n    [emitChange, getNextValues, isDisabled],\n  );\n\n  const handlePointerDown = useCallback(\n    (event: PointerEvent<HTMLDivElement>) => {\n      if (isDisabled) {\n        return;\n      }\n      event.preventDefault();\n      const markElement = (event.target as HTMLElement).closest<HTMLElement>(\n        '[data-mark-value]',\n      );\n      const newValue =\n        markElement == null\n          ? getValueFromPosition(event.clientX, event.clientY)\n          : Number(markElement.dataset.markValue);\n      const thumbIndex = getClosestThumb(newValue);\n      draggingThumbRef.current = thumbIndex;\n      updateValue(thumbIndex, newValue);\n\n      if (typeof event.currentTarget.setPointerCapture === 'function') {\n        event.currentTarget.setPointerCapture(event.pointerId);\n      }\n    },\n    [getClosestThumb, getValueFromPosition, isDisabled, updateValue],\n  );\n\n  const handlePointerMove = useCallback(\n    (event: PointerEvent<HTMLDivElement>) => {\n      if (draggingThumbRef.current == null || isDisabled) {\n        return;\n      }\n      updateValue(\n        draggingThumbRef.current,\n        getValueFromPosition(event.clientX, event.clientY),\n      );\n    },\n    [getValueFromPosition, isDisabled, updateValue],\n  );\n\n  const handlePointerUp = useCallback(() => {\n    if (draggingThumbRef.current == null) {\n      return;\n    }\n    draggingThumbRef.current = null;\n    emitChangeEnd(pendingValuesRef.current ?? values);\n  }, [emitChangeEnd, values]);\n\n  const handleKeyDown = useCallback(\n    (thumbIndex: number, event: KeyboardEvent<HTMLDivElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      const currentValue = values[thumbIndex];\n      let nextValue: number;\n      switch (event.key) {\n        case 'ArrowDown':\n        case 'ArrowLeft':\n          nextValue = currentValue - step;\n          break;\n        case 'ArrowRight':\n        case 'ArrowUp':\n          nextValue = currentValue + step;\n          break;\n        case 'End':\n          nextValue = max;\n          break;\n        case 'Home':\n          nextValue = min;\n          break;\n        case 'PageDown':\n          nextValue = currentValue - step * 10;\n          break;\n        case 'PageUp':\n          nextValue = currentValue + step * 10;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      const nextValues = getNextValues(thumbIndex, nextValue);\n      emitChange(nextValues);\n      emitChangeEnd(nextValues);\n    },\n    [\n      emitChange,\n      emitChangeEnd,\n      getNextValues,\n      isDisabled,\n      max,\n      min,\n      step,\n      values,\n    ],\n  );\n\n  const filledStyle: CSSProperties = (() => {\n    if (isRange) {\n      const [lower, upper] = values;\n      const lowerPercent = getPercent(lower, min, max);\n      const upperPercent = getPercent(upper, min, max);\n      return isHorizontal\n        ? {left: `${lowerPercent}%`, width: `${upperPercent - lowerPercent}%`}\n        : {\n            bottom: `${lowerPercent}%`,\n            height: `${upperPercent - lowerPercent}%`,\n          };\n    }\n    const percent = getPercent(values[0], min, max);\n    return isHorizontal\n      ? {left: '0%', width: `${percent}%`}\n      : {bottom: '0%', height: `${percent}%`};\n  })();\n\n  const classes = sliderRecipe({\n    orientation,\n    isDisabled: isDisabled || undefined,\n  });\n\n  const textDisplay =\n    valueDisplay === 'text' ? (\n      <span className={classes.textValue}>\n        {isRange\n          ? `${displayValue(values[0])} - ${displayValue(values[1])}`\n          : displayValue(values[0])}\n      </span>\n    ) : null;\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      className={cx(className, classes.field)}\n      data-testid={dataTestId}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelAs=\"span\"\n      labelTooltip={labelTooltip}\n      ref={ref}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      statusVariant=\"detached\"\n      style={style}>\n      <div className={classes.row}>\n        <div\n          aria-label={isRange ? label : undefined}\n          className={classes.trackContainer}\n          data-testid=\"slider-track-container\"\n          onPointerCancel={handlePointerUp}\n          onPointerDown={handlePointerDown}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n          ref={trackRef}\n          role={isRange ? 'group' : undefined}>\n          <div aria-hidden=\"true\" className={classes.track} />\n          <div\n            aria-hidden=\"true\"\n            className={classes.filledTrack}\n            style={filledStyle}\n          />\n          {marks == null ? null : (\n            <div aria-hidden=\"true\" className={classes.marksContainer}>\n              {marks.map(mark => {\n                const percent = getPercent(mark.value, min, max);\n                const markStyle = isHorizontal\n                  ? {left: `${percent}%`}\n                  : {bottom: `${percent}%`};\n                return (\n                  <div key={mark.value}>\n                    <div\n                      className={classes.mark}\n                      data-mark-value={mark.value}\n                      data-testid=\"slider-mark\"\n                      style={markStyle}\n                    />\n                    {mark.label == null ? null : (\n                      <span\n                        className={classes.markLabel}\n                        data-mark-value={mark.value}\n                        data-testid=\"slider-mark-label\"\n                        style={markStyle}>\n                        {mark.label}\n                      </span>\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          )}\n          {values.map((currentValue, thumbIndex) => {\n            const percent = getPercent(currentValue, min, max);\n            const thumbStyle = isHorizontal\n              ? {left: `${percent}%`}\n              : {bottom: `${percent}%`, left: '50%'};\n            const thumbLabel = isRange\n              ? thumbIndex === 0\n                ? `${label}, minimum value`\n                : `${label}, maximum value`\n              : label;\n            const thumbKey = isRange\n              ? thumbIndex === 0\n                ? 'minimum'\n                : 'maximum'\n              : 'value';\n            const thumb = (\n              <div\n                aria-describedby={ariaDescribedBy}\n                aria-disabled={isDisabled || undefined}\n                aria-invalid={status?.type === 'error' || undefined}\n                aria-label={thumbLabel}\n                aria-orientation={orientation}\n                aria-valuemax={max}\n                aria-valuemin={min}\n                aria-valuenow={currentValue}\n                aria-valuetext={\n                  formatValue == null ? undefined : formatValue(currentValue)\n                }\n                className={classes.thumb}\n                id={!isRange || thumbIndex === 0 ? inputId : undefined}\n                key={thumbKey}\n                onKeyDown={event => handleKeyDown(thumbIndex, event)}\n                role=\"slider\"\n                style={thumbStyle}\n                tabIndex={isDisabled ? -1 : 0}\n              />\n            );\n\n            if (valueDisplay !== 'tooltip') {\n              return thumb;\n            }\n\n            return (\n              <Tooltip\n                content={displayValue(currentValue)}\n                delay={0}\n                focusTrigger=\"always\"\n                key={thumbKey}\n                placement={isHorizontal ? 'above' : 'start'}>\n                {thumb}\n              </Tooltip>\n            );\n          })}\n        </div>\n        {textDisplay}\n      </div>\n    </Field>\n  );\n}\n\nSlider.displayName = 'Slider';\n"]}

package/dist/{chunk-4HXNBLCJ.js → chunk-P7TSM63O.js}

@@ -1,4 +1,4 @@
-import { Item } from './chunk-J2YKUHQM.js';
+import { Item } from './chunk-ERVWZILR.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { sva } from './chunk-IAVZKGZS.js';
 import { cx } from './chunk-PPNETWIP.js';
@@ -209,5 +209,5 @@ function ListItem({
 ListItem.displayName = "ListItem";
 
 export { List, ListItem };
-//# sourceMappingURL=chunk-4HXNBLCJ.js.map
-//# sourceMappingURL=chunk-4HXNBLCJ.js.map
+//# sourceMappingURL=chunk-P7TSM63O.js.map
+//# sourceMappingURL=chunk-P7TSM63O.js.map

package/dist/{chunk-4HXNBLCJ.js.map → chunk-P7TSM63O.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/List/List.recipe.ts","../src/components/List/ListContext.tsx","../src/components/List/List.tsx","../src/components/List/ListItem.tsx"],"names":["jsx"],"mappings":";;;;;;;;AAEA,IAAM,UAAA,GAAa,KAAA;AAEZ,IAAM,aAAa,GAAA,CAAI;AAAA,EAC5B,KAAA,EAAO,CAAC,MAAA,EAAQ,QAAA,EAAU,MAAM,CAAA;AAAA,EAChC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,EAAA,EAAI;AAAA,KACN;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe,QAAA;AAAA,MACf,GAAA,EAAK,KAAA;AAAA,MACL,CAAA,EAAG,CAAA;AAAA,MACH,CAAA,EAAG,CAAA;AAAA,MACH,aAAA,EAAe;AAAA;AACjB,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,MAAM,EAAC,IAAA,EAAM,EAAC,GAAA,EAAK,GAAC;AAAC,KACvB;AAAA,IACA,UAAA,EAAY;AAAA,MACV,MAAM,EAAC,IAAA,EAAM,EAAC,YAAA,EAAc,eAAa;AAAC;AAC5C,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa,KAAA;AAAA,IACb,UAAA,EAAY;AAAA;AAEhB,CAAC,CAAA;AAIM,IAAM,iBAAiB,GAAA,CAAI;AAAA,EAChC,OAAO,CAAC,MAAA,EAAQ,iBAAA,EAAmB,KAAA,EAAO,UAAU,QAAQ,CAAA;AAAA,EAC5D,IAAA,EAAM;AAAA,IACJ,MAAM,EAAC;AAAA,IACP,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW,UAAA;AAAA,MACX,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,UAAA,EAAY,CAAA;AAAA,MACZ,CAAA,EAAG,GAAA;AAAA,MACH,EAAA,EAAI,qBAAqB,UAAU,CAAA,MAAA;AAAA,KACrC;AAAA,IACA,GAAA,EAAK;AAAA,MACH,CAAA,EAAG,UAAA;AAAA,MACH,CAAA,EAAG,UAAA;AAAA,MACH,YAAA,EAAc,MAAA;AAAA,MACd,EAAA,EAAI;AAAA,KACN;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,CAAA,EAAG,UAAA;AAAA,MACH,CAAA,EAAG,UAAA;AAAA,MACH,YAAA,EAAc,MAAA;AAAA,MACd,WAAA,EAAa,SAAA;AAAA,MACb,WAAA,EAAa,OAAA;AAAA,MACb,WAAA,EAAa,IAAA;AAAA,MACb,EAAA,EAAI;AAAA,KACN;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,SAAA,EAAW,UAAA;AAAA,MACX,UAAA,EAAY,CAAA;AAAA,MACZ,KAAA,EAAO,IAAA;AAAA,MACP,UAAA,EAAY,MAAA;AAAA,MACZ,QAAA,EAAU,IAAA;AAAA,MACV,UAAA,EAAY,KAAA;AAAA,MACZ,CAAA,EAAG,GAAA;AAAA,MACH,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA;AACX;AACF,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,EAAC,gBAAA,EAAkB,aAAA;AAAa;AACxC,KACF;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,UACJ,mBAAA,EAAqB,SAAA;AAAA,UACrB,mBAAA,EAAqB,OAAA;AAAA,UACrB,mBAAA,EAAqB,QAAA;AAAA,UACrB,YAAA,EAAc,CAAA;AAAA,UACd,KAAA,EAAO;AAAA,YACL,mBAAA,EAAqB;AAAA;AACvB;AACF;AACF;AACF,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,KAAA;AAAA,IACZ,WAAA,EAAa;AAAA;AAEjB,CAAC,CAAA;AC/FM,IAAM,WAAA,GAAc,cAAuC,IAAI,CAAA;AACtE,WAAA,CAAY,WAAA,GAAc,aAAA;ACiDnB,SAAS,IAAA,CAAK;AAAA,EACnB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA,GAAc,KAAA;AAAA,EACd,MAAA;AAAA,EACA,SAAA,GAAY,MAAA;AAAA,EACZ,GAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAiC;AAC/B,EAAA,MAAM,WAAW,KAAA,EAAM;AACvB,EAAA,MAAM,YAAY,SAAA,KAAc,SAAA;AAChC,EAAA,MAAM,UAAA,GAAa,SAAA;AACnB,EAAA,MAAM,SAAA,GAAY,YAAY,IAAA,GAAO,IAAA;AACrC,EAAA,MAAM,YAAA,GACJ,cAAc,KAAA,IAAS,IAAA,IAAQ,UAAU,CAAA,GACrC,CAAA,YAAA,EAAe,KAAA,GAAQ,CAAC,CAAA,CAAA,GACxB,MAAA;AACN,EAAA,MAAM,YAAA,GAAe,OAAA;AAAA,IACnB,OAAO,EAAC,WAAA,EAAa,SAAA,EAAS,CAAA;AAAA,IAC9B,CAAC,aAAa,SAAS;AAAA,GACzB;AAEA,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,EAAC,WAAA,EAAa,YAAW,CAAA;AAEpD,EAAA,MAAM,WAAA,mBACJ,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,iBAAA,EAAiB,WAAA,CAAY,MAAM,CAAA,GAAI,QAAA,GAAW,MAAA;AAAA,MAClD,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,SAAS,CAAA;AAAA,MACrC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA,EAAM,SAAA,KAAc,MAAA,IAAU,CAAC,YAAY,MAAA,GAAS,MAAA;AAAA,MACpD,KAAA,EAAO,YAAY,KAAA,GAAQ,MAAA;AAAA,MAC3B,KAAA,EAAO,EAAC,YAAA,EAAc,GAAG,KAAA,EAAK;AAAA,MAC7B;AAAA;AAAA,GACH;AAGF,EAAA,uBACE,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,YAAA,EACjB,QAAA,EAAA,CAAC,WAAA,CAAY,MAAM,CAAA,GAClB,WAAA,mBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,IAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,MAAA,EAAQ,EAAA,EAAI,UACjC,QAAA,EAAA,MAAA,EACH,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EAEJ,CAAA;AAEJ;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;ACvCnB,SAAS,MAAA,CAAO;AAAA,EACd,OAAA;AAAA,EACA;AACF,CAAA,EAG6B;AAC3B,EAAA,IAAI,cAAc,MAAA,EAAQ;AACxB,IAAA,uBACEA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,eAAA,EACvB,QAAA,kBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,GAAA,EAAK,CAAA,EAChC,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,cAAc,QAAA,EAAU;AAC1B,IAAA,uBACEA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,eAAA,EACvB,QAAA,kBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,MAAA,EAAQ,CAAA,EACnC,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,cAAc,SAAA,EAAW;AAC3B,IAAA,uBAAOA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,QAAQ,MAAA,EAAQ,CAAA;AAAA,EAC1C;AAEA,EAAA,OAAO,IAAA;AACT;AAKO,SAAS,QAAA,CAAS;AAAA,EACvB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,UAAA,GAAa,KAAA;AAAA,EACb,KAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAqC;AACnC,EAAA,MAAM,OAAA,GAAU,IAAI,WAAW,CAAA;AAC/B,EAAA,MAAM,WAAA,GAAc,SAAS,WAAA,IAAe,KAAA;AAC5C,EAAA,MAAM,SAAA,GAAY,SAAS,SAAA,IAAa,MAAA;AACxC,EAAA,MAAM,aAAa,SAAA,KAAc,SAAA;AACjC,EAAA,MAAM,aAAa,SAAA,KAAc,MAAA;AACjC,EAAA,MAAM,OAAA,GAAU,cAAA,CAAe,EAAC,UAAA,EAAY,aAAY,CAAA;AAExD,EAAA,uBACEA,GAAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,IAAA;AAAA,MACH,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,SAAS,CAAA;AAAA,MACrC,aAAA,EAAa,UAAA;AAAA,MACb,WAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,gBACE,UAAA,mBACEA,IAAC,MAAA,EAAA,EAAO,OAAA,EAAkB,WAAsB,CAAA,GAC9C,MAAA;AAAA,MAEN,OAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MACA,YAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-4HXNBLCJ.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nconst markerSize = '6px';\n\nexport const listRecipe = sva({\n  slots: ['root', 'header', 'list'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    header: {\n      mb: '2',\n    },\n    list: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.5',\n      m: 0,\n      p: 0,\n      listStyleType: 'none',\n    },\n  },\n  variants: {\n    hasDividers: {\n      true: {list: {gap: 0}},\n    },\n    hasCounter: {\n      true: {list: {counterReset: 'silver-list'}},\n    },\n  },\n  defaultVariants: {\n    hasDividers: false,\n    hasCounter: false,\n  },\n});\n\nexport type ListVariants = RecipeVariantProps<typeof listRecipe>;\n\nexport const listItemRecipe = sva({\n  slots: ['item', 'markerContainer', 'dot', 'circle', 'number'],\n  base: {\n    item: {},\n    markerContainer: {\n      alignSelf: 'baseline',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      w: '4',\n      mt: `calc((1em * 1.5 - ${markerSize}) / 2)`,\n    },\n    dot: {\n      w: markerSize,\n      h: markerSize,\n      borderRadius: 'full',\n      bg: 'fg',\n    },\n    circle: {\n      w: markerSize,\n      h: markerSize,\n      borderRadius: 'full',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'fg',\n      bg: 'transparent',\n    },\n    number: {\n      alignSelf: 'baseline',\n      flexShrink: 0,\n      color: 'fg',\n      fontFamily: 'body',\n      fontSize: 'md',\n      lineHeight: '1.5',\n      w: '4',\n      _before: {\n        content: 'counter(silver-list) \".\"',\n      },\n    },\n  },\n  variants: {\n    hasCounter: {\n      true: {\n        item: {counterIncrement: 'silver-list'},\n      },\n    },\n    hasDividers: {\n      true: {\n        item: {\n          borderBlockEndWidth: 'default',\n          borderBlockEndStyle: 'solid',\n          borderBlockEndColor: 'border',\n          borderRadius: 0,\n          _last: {\n            borderBlockEndWidth: 0,\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    hasCounter: false,\n    hasDividers: false,\n  },\n});\n\nexport type ListItemVariants = RecipeVariantProps<typeof listItemRecipe>;\n","import {createContext} from 'react';\n\nexport type ListStyle = 'none' | 'disc' | 'decimal' | 'circle';\n\nexport interface ListContextValue {\n  hasDividers: boolean;\n  listStyle: ListStyle;\n}\n\nexport const ListContext = createContext<ListContextValue | null>(null);\nListContext.displayName = 'ListContext';\n","import {\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {listRecipe} from 'components/List/List.recipe';\nimport {ListContext, type ListStyle} from 'components/List/ListContext';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type {ListStyle};\n\nexport interface ListProps {\n  /**\n   * List items.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the list element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the list element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to show dividers between list items.\n   * @default false\n   */\n  hasDividers?: boolean;\n  /**\n   * Header content rendered above and associated with the list.\n   */\n  header?: ReactNode;\n  /**\n   * List marker style. `decimal` renders an ordered list.\n   * @default 'none'\n   */\n  listStyle?: ListStyle;\n  /**\n   * Ref forwarded to the list element.\n   */\n  ref?: Ref<HTMLUListElement | HTMLOListElement>;\n  /**\n   * Starting number for ordered lists.\n   * @default 1\n   */\n  start?: number;\n  /**\n   * Inline styles applied to the list element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Semantic vertical list container with optional dividers, markers, and header.\n */\nexport function List({\n  children,\n  className,\n  'data-testid': dataTestId,\n  hasDividers = false,\n  header,\n  listStyle = 'none',\n  ref,\n  start,\n  style,\n}: ListProps): React.JSX.Element {\n  const headerId = useId();\n  const isOrdered = listStyle === 'decimal';\n  const hasCounter = isOrdered;\n  const Component = isOrdered ? 'ol' : 'ul';\n  const counterReset =\n    hasCounter && start != null && start !== 1\n      ? `silver-list ${start - 1}`\n      : undefined;\n  const contextValue = useMemo(\n    () => ({hasDividers, listStyle}),\n    [hasDividers, listStyle],\n  );\n\n  const classes = listRecipe({hasDividers, hasCounter});\n\n  const listElement = (\n    <Component\n      aria-labelledby={isReactNode(header) ? headerId : undefined}\n      className={cx(classes.list, className)}\n      data-testid={dataTestId}\n      ref={ref as Ref<HTMLUListElement & HTMLOListElement>}\n      role={listStyle === 'none' && !isOrdered ? 'list' : undefined}\n      start={isOrdered ? start : undefined}\n      style={{counterReset, ...style}}>\n      {children}\n    </Component>\n  );\n\n  return (\n    <ListContext value={contextValue}>\n      {!isReactNode(header) ? (\n        listElement\n      ) : (\n        <div className={classes.root}>\n          <div className={classes.header} id={headerId}>\n            {header}\n          </div>\n          {listElement}\n        </div>\n      )}\n    </ListContext>\n  );\n}\n\nList.displayName = 'List';\n","import {\n  use,\n  type CSSProperties,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Item} from 'components/Item';\nimport {listItemRecipe} from 'components/List/List.recipe';\nimport {ListContext, type ListStyle} from 'components/List/ListContext';\nimport {cx} from 'internal/cx';\n\nexport interface ListItemProps {\n  /**\n   * Additional CSS class names applied to the list item.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text shown below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Trailing content rendered after the label area.\n   */\n  endContent?: ReactNode;\n  /**\n   * Link URL. When set, the content area renders as a link.\n   */\n  href?: string;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item is selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Primary item label.\n   */\n  label: ReactNode;\n  /**\n   * Click handler for interactive items.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the list item.\n   */\n  ref?: Ref<HTMLLIElement>;\n  /**\n   * Link relationship.\n   */\n  rel?: string;\n  /**\n   * Content rendered before the label area.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the list item.\n   */\n  style?: CSSProperties;\n  /**\n   * Link target.\n   */\n  target?: string;\n}\n\ntype MarkerClasses = ReturnType<typeof listItemRecipe>;\n\nfunction Marker({\n  classes,\n  listStyle,\n}: {\n  classes: MarkerClasses;\n  listStyle: ListStyle;\n}): React.JSX.Element | null {\n  if (listStyle === 'disc') {\n    return (\n      <span className={classes.markerContainer}>\n        <span className={classes.dot} />\n      </span>\n    );\n  }\n\n  if (listStyle === 'circle') {\n    return (\n      <span className={classes.markerContainer}>\n        <span className={classes.circle} />\n      </span>\n    );\n  }\n\n  if (listStyle === 'decimal') {\n    return <span className={classes.number} />;\n  }\n\n  return null;\n}\n\n/**\n * Structured list item built on the shared `Item` primitive.\n */\nexport function ListItem({\n  className,\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  href,\n  isDisabled = false,\n  isSelected = false,\n  label,\n  onClick,\n  ref,\n  rel,\n  startContent,\n  style,\n  target,\n}: ListItemProps): React.JSX.Element {\n  const context = use(ListContext);\n  const hasDividers = context?.hasDividers ?? false;\n  const listStyle = context?.listStyle ?? 'none';\n  const hasCounter = listStyle === 'decimal';\n  const hasMarkers = listStyle !== 'none';\n  const classes = listItemRecipe({hasCounter, hasDividers});\n\n  return (\n    <Item\n      as=\"li\"\n      className={cx(classes.item, className)}\n      data-testid={dataTestId}\n      description={description}\n      endContent={endContent}\n      href={href}\n      isDisabled={isDisabled}\n      isSelected={isSelected}\n      label={label}\n      leadingContent={\n        hasMarkers ? (\n          <Marker classes={classes} listStyle={listStyle} />\n        ) : undefined\n      }\n      onClick={onClick}\n      ref={ref}\n      rel={rel}\n      startContent={startContent}\n      style={style}\n      target={target}\n    />\n  );\n}\n\nListItem.displayName = 'ListItem';\n"]}
+{"version":3,"sources":["../src/components/List/List.recipe.ts","../src/components/List/ListContext.tsx","../src/components/List/List.tsx","../src/components/List/ListItem.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-P7TSM63O.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nconst markerSize = '6px';\n\nexport const listRecipe = sva({\n  slots: ['root', 'header', 'list'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    header: {\n      mb: '2',\n    },\n    list: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.5',\n      m: 0,\n      p: 0,\n      listStyleType: 'none',\n    },\n  },\n  variants: {\n    hasDividers: {\n      true: {list: {gap: 0}},\n    },\n    hasCounter: {\n      true: {list: {counterReset: 'silver-list'}},\n    },\n  },\n  defaultVariants: {\n    hasDividers: false,\n    hasCounter: false,\n  },\n});\n\nexport type ListVariants = RecipeVariantProps<typeof listRecipe>;\n\nexport const listItemRecipe = sva({\n  slots: ['item', 'markerContainer', 'dot', 'circle', 'number'],\n  base: {\n    item: {},\n    markerContainer: {\n      alignSelf: 'baseline',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      w: '4',\n      mt: `calc((1em * 1.5 - ${markerSize}) / 2)`,\n    },\n    dot: {\n      w: markerSize,\n      h: markerSize,\n      borderRadius: 'full',\n      bg: 'fg',\n    },\n    circle: {\n      w: markerSize,\n      h: markerSize,\n      borderRadius: 'full',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'fg',\n      bg: 'transparent',\n    },\n    number: {\n      alignSelf: 'baseline',\n      flexShrink: 0,\n      color: 'fg',\n      fontFamily: 'body',\n      fontSize: 'md',\n      lineHeight: '1.5',\n      w: '4',\n      _before: {\n        content: 'counter(silver-list) \".\"',\n      },\n    },\n  },\n  variants: {\n    hasCounter: {\n      true: {\n        item: {counterIncrement: 'silver-list'},\n      },\n    },\n    hasDividers: {\n      true: {\n        item: {\n          borderBlockEndWidth: 'default',\n          borderBlockEndStyle: 'solid',\n          borderBlockEndColor: 'border',\n          borderRadius: 0,\n          _last: {\n            borderBlockEndWidth: 0,\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    hasCounter: false,\n    hasDividers: false,\n  },\n});\n\nexport type ListItemVariants = RecipeVariantProps<typeof listItemRecipe>;\n","import {createContext} from 'react';\n\nexport type ListStyle = 'none' | 'disc' | 'decimal' | 'circle';\n\nexport interface ListContextValue {\n  hasDividers: boolean;\n  listStyle: ListStyle;\n}\n\nexport const ListContext = createContext<ListContextValue | null>(null);\nListContext.displayName = 'ListContext';\n","import {\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {listRecipe} from 'components/List/List.recipe';\nimport {ListContext, type ListStyle} from 'components/List/ListContext';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type {ListStyle};\n\nexport interface ListProps {\n  /**\n   * List items.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the list element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the list element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to show dividers between list items.\n   * @default false\n   */\n  hasDividers?: boolean;\n  /**\n   * Header content rendered above and associated with the list.\n   */\n  header?: ReactNode;\n  /**\n   * List marker style. `decimal` renders an ordered list.\n   * @default 'none'\n   */\n  listStyle?: ListStyle;\n  /**\n   * Ref forwarded to the list element.\n   */\n  ref?: Ref<HTMLUListElement | HTMLOListElement>;\n  /**\n   * Starting number for ordered lists.\n   * @default 1\n   */\n  start?: number;\n  /**\n   * Inline styles applied to the list element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Semantic vertical list container with optional dividers, markers, and header.\n */\nexport function List({\n  children,\n  className,\n  'data-testid': dataTestId,\n  hasDividers = false,\n  header,\n  listStyle = 'none',\n  ref,\n  start,\n  style,\n}: ListProps): React.JSX.Element {\n  const headerId = useId();\n  const isOrdered = listStyle === 'decimal';\n  const hasCounter = isOrdered;\n  const Component = isOrdered ? 'ol' : 'ul';\n  const counterReset =\n    hasCounter && start != null && start !== 1\n      ? `silver-list ${start - 1}`\n      : undefined;\n  const contextValue = useMemo(\n    () => ({hasDividers, listStyle}),\n    [hasDividers, listStyle],\n  );\n\n  const classes = listRecipe({hasDividers, hasCounter});\n\n  const listElement = (\n    <Component\n      aria-labelledby={isReactNode(header) ? headerId : undefined}\n      className={cx(classes.list, className)}\n      data-testid={dataTestId}\n      ref={ref as Ref<HTMLUListElement & HTMLOListElement>}\n      role={listStyle === 'none' && !isOrdered ? 'list' : undefined}\n      start={isOrdered ? start : undefined}\n      style={{counterReset, ...style}}>\n      {children}\n    </Component>\n  );\n\n  return (\n    <ListContext value={contextValue}>\n      {!isReactNode(header) ? (\n        listElement\n      ) : (\n        <div className={classes.root}>\n          <div className={classes.header} id={headerId}>\n            {header}\n          </div>\n          {listElement}\n        </div>\n      )}\n    </ListContext>\n  );\n}\n\nList.displayName = 'List';\n","import {\n  use,\n  type CSSProperties,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Item} from 'components/Item';\nimport {listItemRecipe} from 'components/List/List.recipe';\nimport {ListContext, type ListStyle} from 'components/List/ListContext';\nimport {cx} from 'internal/cx';\n\nexport interface ListItemProps {\n  /**\n   * Additional CSS class names applied to the list item.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text shown below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Trailing content rendered after the label area.\n   */\n  endContent?: ReactNode;\n  /**\n   * Link URL. When set, the content area renders as a link.\n   */\n  href?: string;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item is selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Primary item label.\n   */\n  label: ReactNode;\n  /**\n   * Click handler for interactive items.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the list item.\n   */\n  ref?: Ref<HTMLLIElement>;\n  /**\n   * Link relationship.\n   */\n  rel?: string;\n  /**\n   * Content rendered before the label area.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the list item.\n   */\n  style?: CSSProperties;\n  /**\n   * Link target.\n   */\n  target?: string;\n}\n\ntype MarkerClasses = ReturnType<typeof listItemRecipe>;\n\nfunction Marker({\n  classes,\n  listStyle,\n}: {\n  classes: MarkerClasses;\n  listStyle: ListStyle;\n}): React.JSX.Element | null {\n  if (listStyle === 'disc') {\n    return (\n      <span className={classes.markerContainer}>\n        <span className={classes.dot} />\n      </span>\n    );\n  }\n\n  if (listStyle === 'circle') {\n    return (\n      <span className={classes.markerContainer}>\n        <span className={classes.circle} />\n      </span>\n    );\n  }\n\n  if (listStyle === 'decimal') {\n    return <span className={classes.number} />;\n  }\n\n  return null;\n}\n\n/**\n * Structured list item built on the shared `Item` primitive.\n */\nexport function ListItem({\n  className,\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  href,\n  isDisabled = false,\n  isSelected = false,\n  label,\n  onClick,\n  ref,\n  rel,\n  startContent,\n  style,\n  target,\n}: ListItemProps): React.JSX.Element {\n  const context = use(ListContext);\n  const hasDividers = context?.hasDividers ?? false;\n  const listStyle = context?.listStyle ?? 'none';\n  const hasCounter = listStyle === 'decimal';\n  const hasMarkers = listStyle !== 'none';\n  const classes = listItemRecipe({hasCounter, hasDividers});\n\n  return (\n    <Item\n      as=\"li\"\n      className={cx(classes.item, className)}\n      data-testid={dataTestId}\n      description={description}\n      endContent={endContent}\n      href={href}\n      isDisabled={isDisabled}\n      isSelected={isSelected}\n      label={label}\n      leadingContent={\n        hasMarkers ? (\n          <Marker classes={classes} listStyle={listStyle} />\n        ) : undefined\n      }\n      onClick={onClick}\n      ref={ref}\n      rel={rel}\n      startContent={startContent}\n      style={style}\n      target={target}\n    />\n  );\n}\n\nListItem.displayName = 'ListItem';\n"]}

package/dist/chunk-PG4CZRTU.js

@@ -0,0 +1,77 @@
+import { createContext, use } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/Link/useLinkComponent.ts
+var LinkContext = createContext(null);
+LinkContext.displayName = "LinkContext";
+
+// src/components/Link/useLinkComponent.ts
+function useLinkComponent(as) {
+  const context = use(LinkContext);
+  return as ?? context?.component ?? "a";
+}
+function ActionElement({
+  as,
+  children,
+  isDisabled,
+  form,
+  href,
+  name,
+  onClick,
+  onKeyDown,
+  ref,
+  rel,
+  isLink = href != null,
+  role: roleFromProps,
+  style,
+  tabIndex,
+  target,
+  type = "button",
+  value,
+  ...props
+}) {
+  const LinkComponent = useLinkComponent(as);
+  const role = roleFromProps ?? (isLink && href == null ? "link" : void 0);
+  if (isLink) {
+    return /* @__PURE__ */ jsx(
+      LinkComponent,
+      {
+        ...props,
+        href,
+        onClick,
+        onKeyDown,
+        ref,
+        rel,
+        role,
+        style,
+        tabIndex,
+        target,
+        to: href == null || LinkComponent === "a" ? void 0 : href,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...props,
+      disabled: isDisabled,
+      form,
+      name,
+      onClick,
+      onKeyDown,
+      ref,
+      role,
+      style,
+      tabIndex,
+      type,
+      value,
+      children
+    }
+  );
+}
+ActionElement.displayName = "ActionElement";
+
+export { ActionElement, LinkContext, useLinkComponent };
+//# sourceMappingURL=chunk-PG4CZRTU.js.map
+//# sourceMappingURL=chunk-PG4CZRTU.js.map

package/dist/chunk-PG4CZRTU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Link/LinkContext.ts","../src/components/Link/useLinkComponent.ts","../src/internal/ActionElement.tsx"],"names":[],"mappings":";;;;AAOO,IAAM,WAAA,GAAc,cAAuC,IAAI;AACtE,WAAA,CAAY,WAAA,GAAc,aAAA;;;ACJnB,SAAS,iBAAiB,EAAA,EAAmC;AAClE,EAAA,MAAM,OAAA,GAAU,IAAI,WAAW,CAAA;AAC/B,EAAA,OAAO,EAAA,IAAM,SAAS,SAAA,IAAa,GAAA;AACrC;AC6CO,SAAS,aAAA,CAAc;AAAA,EAC5B,EAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAS,IAAA,IAAQ,IAAA;AAAA,EACjB,IAAA,EAAM,aAAA;AAAA,EACN,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0C;AACxC,EAAA,MAAM,aAAA,GAAgB,iBAAiB,EAAE,CAAA;AACzC,EAAA,MAAM,IAAA,GAAO,aAAA,KAAkB,MAAA,IAAU,IAAA,IAAQ,OAAO,MAAA,GAAS,MAAA,CAAA;AAEjE,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,IAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,GAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA;AAAA,QACA,KAAA;AAAA,QACA,QAAA;AAAA,QACA,MAAA;AAAA,QACA,EAAA,EAAI,IAAA,IAAQ,IAAA,IAAQ,aAAA,KAAkB,MAAM,MAAA,GAAY,IAAA;AAAA,QACvD;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,QAAA,EAAU,UAAA;AAAA,MACV,IAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACC;AAAA;AAAA,GACH;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-PG4CZRTU.js","sourcesContent":["import {createContext} from 'react';\nimport type {LinkComponent} from 'components/Link/types';\n\nexport interface LinkContextValue {\n  component: LinkComponent;\n}\n\nexport const LinkContext = createContext<LinkContextValue | null>(null);\nLinkContext.displayName = 'LinkContext';\n","import {use} from 'react';\nimport {LinkContext} from 'components/Link/LinkContext';\nimport type {LinkComponent} from 'components/Link/types';\n\nexport function useLinkComponent(as?: LinkComponent): LinkComponent {\n  const context = use(LinkContext);\n  return as ?? context?.component ?? 'a';\n}\n","/* eslint-disable @eslint-react/static-components -- intentional polymorphism via as prop */\n\nimport type {\n  AriaAttributes,\n  CSSProperties,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport type {LinkComponent} from 'components/Link/types';\nimport {useLinkComponent} from 'components/Link/useLinkComponent';\n\nexport interface ActionElementProps {\n  'aria-busy'?: AriaAttributes['aria-busy'];\n  'aria-controls'?: AriaAttributes['aria-controls'];\n  'aria-current'?: AriaAttributes['aria-current'];\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n  'aria-description'?: AriaAttributes['aria-description'];\n  'aria-details'?: AriaAttributes['aria-details'];\n  'aria-disabled'?: AriaAttributes['aria-disabled'];\n  'aria-expanded'?: AriaAttributes['aria-expanded'];\n  'aria-haspopup'?: AriaAttributes['aria-haspopup'];\n  'aria-hidden'?: AriaAttributes['aria-hidden'];\n  'aria-keyshortcuts'?: AriaAttributes['aria-keyshortcuts'];\n  'aria-label'?: AriaAttributes['aria-label'];\n  'aria-labelledby'?: AriaAttributes['aria-labelledby'];\n  'aria-owns'?: AriaAttributes['aria-owns'];\n  'aria-pressed'?: AriaAttributes['aria-pressed'];\n  'aria-roledescription'?: AriaAttributes['aria-roledescription'];\n  as?: LinkComponent;\n  children?: ReactNode;\n  className?: string;\n  'data-testid'?: string;\n  form?: string;\n  href?: string;\n  id?: string;\n  isDisabled?: boolean;\n  isLink?: boolean;\n  name?: string;\n  onClick?: MouseEventHandler<HTMLElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLElement>;\n  ref?: Ref<HTMLElement>;\n  rel?: string;\n  role?: string;\n  style?: CSSProperties;\n  tabIndex?: number;\n  target?: string;\n  type?: 'button' | 'submit' | 'reset';\n  value?: string;\n}\n\nexport function ActionElement({\n  as,\n  children,\n  isDisabled,\n  form,\n  href,\n  name,\n  onClick,\n  onKeyDown,\n  ref,\n  rel,\n  isLink = href != null,\n  role: roleFromProps,\n  style,\n  tabIndex,\n  target,\n  type = 'button',\n  value,\n  ...props\n}: ActionElementProps): React.JSX.Element {\n  const LinkComponent = useLinkComponent(as);\n  const role = roleFromProps ?? (isLink && href == null ? 'link' : undefined);\n\n  if (isLink) {\n    return (\n      <LinkComponent\n        {...props}\n        href={href}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        ref={ref as Ref<HTMLAnchorElement>}\n        rel={rel}\n        role={role}\n        style={style}\n        tabIndex={tabIndex}\n        target={target}\n        to={href == null || LinkComponent === 'a' ? undefined : href}>\n        {children}\n      </LinkComponent>\n    );\n  }\n\n  return (\n    <button\n      {...props}\n      disabled={isDisabled}\n      form={form}\n      name={name}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      ref={ref as Ref<HTMLButtonElement>}\n      role={role}\n      style={style}\n      tabIndex={tabIndex}\n      type={type}\n      value={value}>\n      {children}\n    </button>\n  );\n}\n\nActionElement.displayName = 'ActionElement';\n"]}

package/dist/{chunk-SUT35RHA.cjs → chunk-PHFJBQXU.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkX4I5YARV_cjs = require('./chunk-X4I5YARV.cjs');
-var chunkFFF57VHO_cjs = require('./chunk-FFF57VHO.cjs');
-var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
+var chunkNG2H3PYA_cjs = require('./chunk-NG2H3PYA.cjs');
+var chunkR3ZS6FU6_cjs = require('./chunk-R3ZS6FU6.cjs');
+var chunkVXOIOPGZ_cjs = require('./chunk-VXOIOPGZ.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -20,14 +20,14 @@ function PasswordInput({
   const [isVisible, setIsVisible] = react.useState(false);
   const toggleVisibility = react.useCallback(() => setIsVisible((v) => !v), []);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkX4I5YARV_cjs.TextInput,
+    chunkNG2H3PYA_cjs.TextInput,
     {
       ...props,
-      ...chunkFFF57VHO_cjs.getNecessity(isOptional, isRequired),
+      ...chunkR3ZS6FU6_cjs.getNecessity(isOptional, isRequired),
       className,
       "data-testid": dataTestId,
       endContent: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5XMWGK3O_cjs.Button,
+        chunkVXOIOPGZ_cjs.Button,
         {
           icon: isVisible ? lucideReact.EyeOff : lucideReact.Eye,
           isDisabled,
@@ -48,5 +48,5 @@ function PasswordInput({
 PasswordInput.displayName = "PasswordInput";
 
 exports.PasswordInput = PasswordInput;
-//# sourceMappingURL=chunk-SUT35RHA.cjs.map
-//# sourceMappingURL=chunk-SUT35RHA.cjs.map
+//# sourceMappingURL=chunk-PHFJBQXU.cjs.map
+//# sourceMappingURL=chunk-PHFJBQXU.cjs.map

package/dist/{chunk-SUT35RHA.cjs.map → chunk-PHFJBQXU.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/PasswordInput/PasswordInput.tsx"],"names":["useState","useCallback","jsx","TextInput","getNecessity","Button","EyeOff","Eye"],"mappings":";;;;;;;;;AAmBO,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA,GAAa,KAAA;AAAA,EACb,UAAA;AAAA,EACA,UAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0C;AACxC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,KAAK,CAAA;AAChD,EAAA,MAAM,gBAAA,GAAmBC,kBAAY,MAAM,YAAA,CAAa,OAAK,CAAC,CAAC,CAAA,EAAG,EAAE,CAAA;AAEpE,EAAA,uBACEC,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,GAAGC,8BAAA,CAAa,UAAA,EAAY,UAAU,CAAA;AAAA,MACvC,SAAA;AAAA,MACA,aAAA,EAAa,UAAA;AAAA,MACb,UAAA,kBACEF,cAAA;AAAA,QAACG,wBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,YAAYC,kBAAA,GAASC,eAAA;AAAA,UAC3B,UAAA;AAAA,UACA,UAAA,EAAU,IAAA;AAAA,UACV,KAAA,EAAO,YAAY,eAAA,GAAkB,eAAA;AAAA,UACrC,OAAA,EAAS,gBAAA;AAAA,UACT,IAAA,EAAK,IAAA;AAAA,UACL,OAAA,EAAQ;AAAA;AAAA,OACV;AAAA,MAEF,UAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA,EAAM,YAAY,MAAA,GAAS;AAAA;AAAA,GAC7B;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-SUT35RHA.cjs","sourcesContent":["import {Eye, EyeOff} from 'lucide-react';\nimport {useCallback, useState, type Ref} from 'react';\nimport {Button} from 'components/Button';\nimport {getNecessity} from 'components/Field';\nimport {TextInput, type TextInputProps} from 'components/TextInput';\n\nexport type PasswordInputProps = Omit<\n  TextInputProps,\n  'endContent' | 'hasClear' | 'startIcon' | 'type'\n> & {\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n};\n\n/**\n * Password input with a toggle to show or hide the entered value.\n */\nexport function PasswordInput({\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  isOptional,\n  isRequired,\n  ref,\n  style,\n  ...props\n}: PasswordInputProps): React.JSX.Element {\n  const [isVisible, setIsVisible] = useState(false);\n  const toggleVisibility = useCallback(() => setIsVisible(v => !v), []);\n\n  return (\n    <TextInput\n      {...props}\n      {...getNecessity(isOptional, isRequired)}\n      className={className}\n      data-testid={dataTestId}\n      endContent={\n        <Button\n          icon={isVisible ? EyeOff : Eye}\n          isDisabled={isDisabled}\n          isIconOnly\n          label={isVisible ? 'Hide password' : 'Show password'}\n          onClick={toggleVisibility}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n      }\n      isDisabled={isDisabled}\n      ref={ref}\n      style={style}\n      type={isVisible ? 'text' : 'password'}\n    />\n  );\n}\n\nPasswordInput.displayName = 'PasswordInput';\n"]}
+{"version":3,"sources":["../src/components/PasswordInput/PasswordInput.tsx"],"names":["useState","useCallback","jsx","TextInput","getNecessity","Button","EyeOff","Eye"],"mappings":";;;;;;;;;AAmBO,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA,GAAa,KAAA;AAAA,EACb,UAAA;AAAA,EACA,UAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0C;AACxC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,KAAK,CAAA;AAChD,EAAA,MAAM,gBAAA,GAAmBC,kBAAY,MAAM,YAAA,CAAa,OAAK,CAAC,CAAC,CAAA,EAAG,EAAE,CAAA;AAEpE,EAAA,uBACEC,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,GAAGC,8BAAA,CAAa,UAAA,EAAY,UAAU,CAAA;AAAA,MACvC,SAAA;AAAA,MACA,aAAA,EAAa,UAAA;AAAA,MACb,UAAA,kBACEF,cAAA;AAAA,QAACG,wBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,YAAYC,kBAAA,GAASC,eAAA;AAAA,UAC3B,UAAA;AAAA,UACA,UAAA,EAAU,IAAA;AAAA,UACV,KAAA,EAAO,YAAY,eAAA,GAAkB,eAAA;AAAA,UACrC,OAAA,EAAS,gBAAA;AAAA,UACT,IAAA,EAAK,IAAA;AAAA,UACL,OAAA,EAAQ;AAAA;AAAA,OACV;AAAA,MAEF,UAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA,EAAM,YAAY,MAAA,GAAS;AAAA;AAAA,GAC7B;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-PHFJBQXU.cjs","sourcesContent":["import {Eye, EyeOff} from 'lucide-react';\nimport {useCallback, useState, type Ref} from 'react';\nimport {Button} from 'components/Button';\nimport {getNecessity} from 'components/Field';\nimport {TextInput, type TextInputProps} from 'components/TextInput';\n\nexport type PasswordInputProps = Omit<\n  TextInputProps,\n  'endContent' | 'hasClear' | 'startIcon' | 'type'\n> & {\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n};\n\n/**\n * Password input with a toggle to show or hide the entered value.\n */\nexport function PasswordInput({\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  isOptional,\n  isRequired,\n  ref,\n  style,\n  ...props\n}: PasswordInputProps): React.JSX.Element {\n  const [isVisible, setIsVisible] = useState(false);\n  const toggleVisibility = useCallback(() => setIsVisible(v => !v), []);\n\n  return (\n    <TextInput\n      {...props}\n      {...getNecessity(isOptional, isRequired)}\n      className={className}\n      data-testid={dataTestId}\n      endContent={\n        <Button\n          icon={isVisible ? EyeOff : Eye}\n          isDisabled={isDisabled}\n          isIconOnly\n          label={isVisible ? 'Hide password' : 'Show password'}\n          onClick={toggleVisibility}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n      }\n      isDisabled={isDisabled}\n      ref={ref}\n      style={style}\n      type={isVisible ? 'text' : 'password'}\n    />\n  );\n}\n\nPasswordInput.displayName = 'PasswordInput';\n"]}

package/dist/{chunk-YJEX32HZ.cjs → chunk-PNM7MPUX.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk5XMWGK3O_cjs = require('./chunk-5XMWGK3O.cjs');
-var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
+var chunkVXOIOPGZ_cjs = require('./chunk-VXOIOPGZ.cjs');
+var chunkMHAXS4GO_cjs = require('./chunk-MHAXS4GO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
@@ -228,13 +228,13 @@ function Alert({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.header, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.icon, children: icon ?? defaultIcons[status] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.content, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "p", type: "label", weight: "semibold", children: title }),
-            chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_cjs.Text, { as: "p", color: "secondary", type: "supporting", children: description }) : null
+            /* @__PURE__ */ jsxRuntime.jsx(chunkMHAXS4GO_cjs.Text, { as: "p", type: "label", weight: "semibold", children: title }),
+            chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(chunkMHAXS4GO_cjs.Text, { as: "p", color: "secondary", type: "supporting", children: description }) : null
           ] }),
           showEndArea ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.endArea, children: [
             endContent,
             hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5XMWGK3O_cjs.Button,
+              chunkVXOIOPGZ_cjs.Button,
               {
                 "aria-controls": bodyId,
                 "aria-expanded": isExpanded,
@@ -248,7 +248,7 @@ function Alert({
               }
             ) : null,
             isDismissable ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5XMWGK3O_cjs.Button,
+              chunkVXOIOPGZ_cjs.Button,
               {
                 icon: lucideReact.X,
                 isIconOnly: true,
@@ -279,5 +279,5 @@ function Alert({
 Alert.displayName = "Alert";
 
 exports.Alert = Alert;
-//# sourceMappingURL=chunk-YJEX32HZ.cjs.map
-//# sourceMappingURL=chunk-YJEX32HZ.cjs.map
+//# sourceMappingURL=chunk-PNM7MPUX.cjs.map
+//# sourceMappingURL=chunk-PNM7MPUX.cjs.map

package/dist/{chunk-YJEX32HZ.cjs.map → chunk-PNM7MPUX.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Alert/Alert.recipe.ts","../src/components/Alert/Alert.tsx"],"names":["sva","jsx","Icon","XCircle","Info","CheckCircle2","TriangleAlert","useId","useState","isReactNode","jsxs","cx","Text","Button","ChevronDown","X"],"mappings":"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","file":"chunk-YJEX32HZ.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\n/**\n * Symmetric padding overrides for the collapsible body. Keys mirror the\n * `SpacingToken` scale so the `padding` prop maps onto build-time-validated\n * spacing tokens instead of a runtime token lookup.\n */\nconst paddingVariants = {\n  0: {bodyContent: {px: '0', py: '0'}},\n  0.5: {bodyContent: {px: '0.5', py: '0.5'}},\n  1: {bodyContent: {px: '1', py: '1'}},\n  1.5: {bodyContent: {px: '1.5', py: '1.5'}},\n  2: {bodyContent: {px: '2', py: '2'}},\n  3: {bodyContent: {px: '3', py: '3'}},\n  4: {bodyContent: {px: '4', py: '4'}},\n  5: {bodyContent: {px: '5', py: '5'}},\n  6: {bodyContent: {px: '6', py: '6'}},\n  8: {bodyContent: {px: '8', py: '8'}},\n  10: {bodyContent: {px: '10', py: '10'}},\n};\n\nexport const alertRecipe = sva({\n  slots: [\n    'root',\n    'header',\n    'icon',\n    'content',\n    'endArea',\n    'chevron',\n    'body',\n    'bodyContent',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      fontFamily: 'body',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'flex-start',\n      gap: '2',\n      px: '4',\n      py: '3',\n    },\n    icon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n    content: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      minW: 0,\n    },\n    endArea: {\n      display: 'flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      gap: '2',\n      ms: 'auto',\n    },\n    // The body stays mounted so child state and the `aria-controls` target are\n    // preserved; it is collapsed with a `grid-template-rows` 1fr -> 0fr\n    // transition (mirroring `AccordionItem`). `overflow: hidden` lives on this\n    // grid so the body chrome on `bodyContent` is fully clipped when collapsed.\n    body: {\n      display: 'grid',\n      gridTemplateRows: '1fr',\n      overflow: 'hidden',\n      // `visibility` is transitioned alongside the rows so the content stays\n      // readable while collapsing, then becomes `hidden` (removing it from the\n      // a11y tree and tab order) once closed. The inline `visibility` style in\n      // the component drives the open/closed value.\n      transitionProperty: 'grid-template-rows, visibility',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0.01s',\n      },\n    },\n    bodyContent: {\n      minH: 0,\n      bg: 'bg',\n      borderBlockEndWidth: 'default',\n      borderColor: 'border',\n      borderInlineWidth: 'default',\n      borderStyle: 'solid',\n      px: '4',\n      py: '3',\n    },\n  },\n  variants: {\n    status: {\n      error: {\n        header: {\n          bg: 'surface.red',\n          color: 'surface.red.fg',\n          '--silver-text-color': 'token(colors.surface.red.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.red.fg)',\n        },\n      },\n      info: {\n        header: {\n          bg: 'surface.blue',\n          color: 'surface.blue.fg',\n          '--silver-text-color': 'token(colors.surface.blue.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.blue.fg)',\n        },\n      },\n      success: {\n        header: {\n          bg: 'surface.green',\n          color: 'surface.green.fg',\n          '--silver-text-color': 'token(colors.surface.green.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.green.fg)',\n        },\n      },\n      warning: {\n        header: {\n          bg: 'surface.yellow',\n          color: 'surface.yellow.fg',\n          '--silver-text-color': 'token(colors.surface.yellow.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.yellow.fg)',\n        },\n      },\n    },\n    container: {\n      card: {\n        header: {borderTopRadius: 'lg'},\n        bodyContent: {borderBottomRadius: 'lg'},\n      },\n      section: {},\n    },\n    // Squares off the header's bottom corners while the body is revealed; the\n    // compound variant rounds them back when there is no expanded content.\n    hasContent: {\n      true: {},\n      false: {},\n    },\n    isCentered: {\n      true: {header: {alignItems: 'center'}},\n      false: {},\n    },\n    isExpanded: {\n      true: {chevron: {transform: 'rotate(180deg)'}},\n      false: {body: {gridTemplateRows: '0fr'}},\n    },\n    padding: paddingVariants,\n  },\n  compoundVariants: [\n    {\n      container: 'card',\n      css: {header: {borderBottomRadius: 'lg'}},\n      hasContent: false,\n    },\n  ],\n  defaultVariants: {\n    container: 'card',\n    hasContent: false,\n    isCentered: false,\n    isExpanded: false,\n    status: 'info',\n  },\n});\n\nexport type AlertVariants = RecipeVariantProps<typeof alertRecipe>;\n","import {\n  CheckCircle2,\n  ChevronDown,\n  Info,\n  TriangleAlert,\n  X,\n  XCircle,\n} from 'lucide-react';\nimport {\n  useId,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {alertRecipe} from 'components/Alert/Alert.recipe';\nimport type {AlertContainer, AlertStatus} from 'components/Alert/Alert.types';\nimport {Button} from 'components/Button';\nimport {Icon} from 'components/Icon';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\nexport type {AlertContainer, AlertStatus} from 'components/Alert/Alert.types';\n\nexport interface AlertProps {\n  /**\n   * Extra content rendered below the alert header in a collapsible area.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Visual container style.\n   * @default 'card'\n   */\n  container?: AlertContainer;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting description displayed below the title.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered at the end of the header, before collapse and dismiss controls.\n   */\n  endContent?: ReactNode;\n  /**\n   * Custom status icon. A default icon is rendered when omitted.\n   */\n  icon?: ReactNode;\n  /**\n   * Whether collapsible children are expanded initially.\n   * @default false\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the alert can be dismissed.\n   * @default false\n   */\n  isDismissable?: boolean;\n  /**\n   * Called when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n  /**\n   * Inner padding step.\n   * @default 4\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Status controlling role, icon, and color.\n   */\n  status: AlertStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Primary alert title.\n   */\n  title: ReactNode;\n}\n\nconst statusRole: Record<AlertStatus, 'alert' | 'status'> = {\n  error: 'alert',\n  info: 'status',\n  success: 'status',\n  warning: 'alert',\n};\n\nconst defaultIcons: Record<AlertStatus, ReactNode> = {\n  error: <Icon color=\"error\" icon={XCircle} />,\n  info: <Icon color=\"info\" icon={Info} />,\n  success: <Icon color=\"success\" icon={CheckCircle2} />,\n  warning: <Icon color=\"warning\" icon={TriangleAlert} />,\n};\n\n/**\n * Displays a contextual message with status-based styling, an optional\n * collapsible body, and dismiss functionality.\n */\nexport function Alert({\n  children,\n  className,\n  container = 'card',\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  icon,\n  isDefaultExpanded = false,\n  isDismissable = false,\n  onDismiss,\n  padding,\n  ref,\n  status,\n  style,\n  title,\n}: AlertProps): React.JSX.Element | null {\n  const bodyId = useId();\n  const [isDismissed, setIsDismissed] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(isDefaultExpanded);\n  const hasChildren = isReactNode(children);\n  // The body is kept mounted whenever there are children (so child state and\n  // the `aria-controls` target survive collapsing); `isExpanded` only drives\n  // the visual collapse. `showContent` reflects whether the body is currently\n  // revealed, which the header uses to square off its bottom corners.\n  const showContent = hasChildren && isExpanded;\n  const showEndArea = isReactNode(endContent) || isDismissable || hasChildren;\n  const isSingleLine =\n    !isReactNode(description) &&\n    (isReactNode(endContent) || isDismissable || hasChildren);\n\n  if (isDismissed) {\n    return null;\n  }\n\n  const classes = alertRecipe({\n    container,\n    hasContent: showContent,\n    isCentered: isSingleLine,\n    isExpanded,\n    padding,\n    status,\n  });\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role={statusRole[status]}\n      style={style}>\n      <div className={classes.header}>\n        <span aria-hidden=\"true\" className={classes.icon}>\n          {icon ?? defaultIcons[status]}\n        </span>\n        <div className={classes.content}>\n          <Text as=\"p\" type=\"label\" weight=\"semibold\">\n            {title}\n          </Text>\n          {isReactNode(description) ? (\n            <Text as=\"p\" color=\"secondary\" type=\"supporting\">\n              {description}\n            </Text>\n          ) : null}\n        </div>\n        {showEndArea ? (\n          <div className={classes.endArea}>\n            {endContent}\n            {hasChildren ? (\n              <Button\n                aria-controls={bodyId}\n                aria-expanded={isExpanded}\n                className={classes.chevron}\n                icon={ChevronDown}\n                isIconOnly\n                label={isExpanded ? 'Collapse' : 'Expand'}\n                onClick={() => setIsExpanded(value => !value)}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            ) : null}\n            {isDismissable ? (\n              <Button\n                icon={X}\n                isIconOnly\n                label=\"Dismiss\"\n                onClick={() => {\n                  setIsDismissed(true);\n                  onDismiss?.();\n                }}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n      {hasChildren ? (\n        <div\n          className={classes.body}\n          id={bodyId}\n          style={{visibility: isExpanded ? undefined : 'hidden'}}>\n          <div className={classes.bodyContent}>{children}</div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nAlert.displayName = 'Alert';\n"]}
+{"version":3,"sources":["../src/components/Alert/Alert.recipe.ts","../src/components/Alert/Alert.tsx"],"names":["sva","jsx","Icon","XCircle","Info","CheckCircle2","TriangleAlert","useId","useState","isReactNode","jsxs","cx","Text","Button","ChevronDown","X"],"mappings":"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","file":"chunk-PNM7MPUX.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\n/**\n * Symmetric padding overrides for the collapsible body. Keys mirror the\n * `SpacingToken` scale so the `padding` prop maps onto build-time-validated\n * spacing tokens instead of a runtime token lookup.\n */\nconst paddingVariants = {\n  0: {bodyContent: {px: '0', py: '0'}},\n  0.5: {bodyContent: {px: '0.5', py: '0.5'}},\n  1: {bodyContent: {px: '1', py: '1'}},\n  1.5: {bodyContent: {px: '1.5', py: '1.5'}},\n  2: {bodyContent: {px: '2', py: '2'}},\n  3: {bodyContent: {px: '3', py: '3'}},\n  4: {bodyContent: {px: '4', py: '4'}},\n  5: {bodyContent: {px: '5', py: '5'}},\n  6: {bodyContent: {px: '6', py: '6'}},\n  8: {bodyContent: {px: '8', py: '8'}},\n  10: {bodyContent: {px: '10', py: '10'}},\n};\n\nexport const alertRecipe = sva({\n  slots: [\n    'root',\n    'header',\n    'icon',\n    'content',\n    'endArea',\n    'chevron',\n    'body',\n    'bodyContent',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      fontFamily: 'body',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'flex-start',\n      gap: '2',\n      px: '4',\n      py: '3',\n    },\n    icon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n    content: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      minW: 0,\n    },\n    endArea: {\n      display: 'flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      gap: '2',\n      ms: 'auto',\n    },\n    // The body stays mounted so child state and the `aria-controls` target are\n    // preserved; it is collapsed with a `grid-template-rows` 1fr -> 0fr\n    // transition (mirroring `AccordionItem`). `overflow: hidden` lives on this\n    // grid so the body chrome on `bodyContent` is fully clipped when collapsed.\n    body: {\n      display: 'grid',\n      gridTemplateRows: '1fr',\n      overflow: 'hidden',\n      // `visibility` is transitioned alongside the rows so the content stays\n      // readable while collapsing, then becomes `hidden` (removing it from the\n      // a11y tree and tab order) once closed. The inline `visibility` style in\n      // the component drives the open/closed value.\n      transitionProperty: 'grid-template-rows, visibility',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0.01s',\n      },\n    },\n    bodyContent: {\n      minH: 0,\n      bg: 'bg',\n      borderBlockEndWidth: 'default',\n      borderColor: 'border',\n      borderInlineWidth: 'default',\n      borderStyle: 'solid',\n      px: '4',\n      py: '3',\n    },\n  },\n  variants: {\n    status: {\n      error: {\n        header: {\n          bg: 'surface.red',\n          color: 'surface.red.fg',\n          '--silver-text-color': 'token(colors.surface.red.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.red.fg)',\n        },\n      },\n      info: {\n        header: {\n          bg: 'surface.blue',\n          color: 'surface.blue.fg',\n          '--silver-text-color': 'token(colors.surface.blue.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.blue.fg)',\n        },\n      },\n      success: {\n        header: {\n          bg: 'surface.green',\n          color: 'surface.green.fg',\n          '--silver-text-color': 'token(colors.surface.green.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.green.fg)',\n        },\n      },\n      warning: {\n        header: {\n          bg: 'surface.yellow',\n          color: 'surface.yellow.fg',\n          '--silver-text-color': 'token(colors.surface.yellow.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.yellow.fg)',\n        },\n      },\n    },\n    container: {\n      card: {\n        header: {borderTopRadius: 'lg'},\n        bodyContent: {borderBottomRadius: 'lg'},\n      },\n      section: {},\n    },\n    // Squares off the header's bottom corners while the body is revealed; the\n    // compound variant rounds them back when there is no expanded content.\n    hasContent: {\n      true: {},\n      false: {},\n    },\n    isCentered: {\n      true: {header: {alignItems: 'center'}},\n      false: {},\n    },\n    isExpanded: {\n      true: {chevron: {transform: 'rotate(180deg)'}},\n      false: {body: {gridTemplateRows: '0fr'}},\n    },\n    padding: paddingVariants,\n  },\n  compoundVariants: [\n    {\n      container: 'card',\n      css: {header: {borderBottomRadius: 'lg'}},\n      hasContent: false,\n    },\n  ],\n  defaultVariants: {\n    container: 'card',\n    hasContent: false,\n    isCentered: false,\n    isExpanded: false,\n    status: 'info',\n  },\n});\n\nexport type AlertVariants = RecipeVariantProps<typeof alertRecipe>;\n","import {\n  CheckCircle2,\n  ChevronDown,\n  Info,\n  TriangleAlert,\n  X,\n  XCircle,\n} from 'lucide-react';\nimport {\n  useId,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {alertRecipe} from 'components/Alert/Alert.recipe';\nimport type {AlertContainer, AlertStatus} from 'components/Alert/Alert.types';\nimport {Button} from 'components/Button';\nimport {Icon} from 'components/Icon';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\nexport type {AlertContainer, AlertStatus} from 'components/Alert/Alert.types';\n\nexport interface AlertProps {\n  /**\n   * Extra content rendered below the alert header in a collapsible area.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Visual container style.\n   * @default 'card'\n   */\n  container?: AlertContainer;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting description displayed below the title.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered at the end of the header, before collapse and dismiss controls.\n   */\n  endContent?: ReactNode;\n  /**\n   * Custom status icon. A default icon is rendered when omitted.\n   */\n  icon?: ReactNode;\n  /**\n   * Whether collapsible children are expanded initially.\n   * @default false\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the alert can be dismissed.\n   * @default false\n   */\n  isDismissable?: boolean;\n  /**\n   * Called when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n  /**\n   * Inner padding step.\n   * @default 4\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Status controlling role, icon, and color.\n   */\n  status: AlertStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Primary alert title.\n   */\n  title: ReactNode;\n}\n\nconst statusRole: Record<AlertStatus, 'alert' | 'status'> = {\n  error: 'alert',\n  info: 'status',\n  success: 'status',\n  warning: 'alert',\n};\n\nconst defaultIcons: Record<AlertStatus, ReactNode> = {\n  error: <Icon color=\"error\" icon={XCircle} />,\n  info: <Icon color=\"info\" icon={Info} />,\n  success: <Icon color=\"success\" icon={CheckCircle2} />,\n  warning: <Icon color=\"warning\" icon={TriangleAlert} />,\n};\n\n/**\n * Displays a contextual message with status-based styling, an optional\n * collapsible body, and dismiss functionality.\n */\nexport function Alert({\n  children,\n  className,\n  container = 'card',\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  icon,\n  isDefaultExpanded = false,\n  isDismissable = false,\n  onDismiss,\n  padding,\n  ref,\n  status,\n  style,\n  title,\n}: AlertProps): React.JSX.Element | null {\n  const bodyId = useId();\n  const [isDismissed, setIsDismissed] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(isDefaultExpanded);\n  const hasChildren = isReactNode(children);\n  // The body is kept mounted whenever there are children (so child state and\n  // the `aria-controls` target survive collapsing); `isExpanded` only drives\n  // the visual collapse. `showContent` reflects whether the body is currently\n  // revealed, which the header uses to square off its bottom corners.\n  const showContent = hasChildren && isExpanded;\n  const showEndArea = isReactNode(endContent) || isDismissable || hasChildren;\n  const isSingleLine =\n    !isReactNode(description) &&\n    (isReactNode(endContent) || isDismissable || hasChildren);\n\n  if (isDismissed) {\n    return null;\n  }\n\n  const classes = alertRecipe({\n    container,\n    hasContent: showContent,\n    isCentered: isSingleLine,\n    isExpanded,\n    padding,\n    status,\n  });\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role={statusRole[status]}\n      style={style}>\n      <div className={classes.header}>\n        <span aria-hidden=\"true\" className={classes.icon}>\n          {icon ?? defaultIcons[status]}\n        </span>\n        <div className={classes.content}>\n          <Text as=\"p\" type=\"label\" weight=\"semibold\">\n            {title}\n          </Text>\n          {isReactNode(description) ? (\n            <Text as=\"p\" color=\"secondary\" type=\"supporting\">\n              {description}\n            </Text>\n          ) : null}\n        </div>\n        {showEndArea ? (\n          <div className={classes.endArea}>\n            {endContent}\n            {hasChildren ? (\n              <Button\n                aria-controls={bodyId}\n                aria-expanded={isExpanded}\n                className={classes.chevron}\n                icon={ChevronDown}\n                isIconOnly\n                label={isExpanded ? 'Collapse' : 'Expand'}\n                onClick={() => setIsExpanded(value => !value)}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            ) : null}\n            {isDismissable ? (\n              <Button\n                icon={X}\n                isIconOnly\n                label=\"Dismiss\"\n                onClick={() => {\n                  setIsDismissed(true);\n                  onDismiss?.();\n                }}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n      {hasChildren ? (\n        <div\n          className={classes.body}\n          id={bodyId}\n          style={{visibility: isExpanded ? undefined : 'hidden'}}>\n          <div className={classes.bodyContent}>{children}</div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nAlert.displayName = 'Alert';\n"]}

package/dist/{chunk-MEXR5ONE.js → chunk-PU4PBI3H.js}

@@ -1,8 +1,8 @@
 import { getStatusMessageID, getDescribedBy } from './chunk-G6HS52US.js';
-import { Spinner } from './chunk-2VAUVJVG.js';
-import { Text } from './chunk-RJEZBOSH.js';
+import { Spinner } from './chunk-QHXI2QDK.js';
 import { VisuallyHidden } from './chunk-V2V5TTTL.js';
-import { Tooltip } from './chunk-6PIVWNUR.js';
+import { Text } from './chunk-NXTDP6AX.js';
+import { Tooltip } from './chunk-KWZMXX4F.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { Icon } from './chunk-IUW777WZ.js';
 import { sva } from './chunk-IAVZKGZS.js';
@@ -275,5 +275,5 @@ function Switch({
 Switch.displayName = "Switch";
 
 export { Switch };
-//# sourceMappingURL=chunk-MEXR5ONE.js.map
-//# sourceMappingURL=chunk-MEXR5ONE.js.map
+//# sourceMappingURL=chunk-PU4PBI3H.js.map
+//# sourceMappingURL=chunk-PU4PBI3H.js.map