silver-ui 0.7.3 → 0.8.0

package/dist/{chunk-BF2DUOC3.cjs.map → chunk-IA4TPVHR.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/internal/parseDateInput.ts","../src/components/DateInput/DateInput.tsx"],"names":["plainDateCreate","css","plainDateFormat","DATE_FORMAT_LONG","plainDateIsBefore","plainDateIsAfter","useId","isReactNode","getStatusMessageID","getDescribedBy","useRef","useState","getNecessity","useCallback","jsx","Field","jsxs","cx","inputRecipe","Popover","Calendar","Button","CalendarIcon","inputStyles","mergeRefs","X","Spinner","getStatusIcon"],"mappings":"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","file":"chunk-BF2DUOC3.cjs","sourcesContent":["import {plainDateCreate, type PlainDate} from 'internal/plainDate';\n\nconst MONTH_NAMES: Partial<Record<string, number>> = {\n  jan: 1,\n  january: 1,\n  feb: 2,\n  february: 2,\n  mar: 3,\n  march: 3,\n  apr: 4,\n  april: 4,\n  may: 5,\n  jun: 6,\n  june: 6,\n  jul: 7,\n  july: 7,\n  aug: 8,\n  august: 8,\n  sep: 9,\n  september: 9,\n  oct: 10,\n  october: 10,\n  nov: 11,\n  november: 11,\n  dec: 12,\n  december: 12,\n};\n\n/**\n * Parses common date input formats into a PlainDate.\n * Supports: \"2026-05-21\", \"05/21/2026\", \"May 21, 2026\", \"21 May 2026\", etc.\n * Returns null if the input cannot be parsed.\n */\nexport function parseDateInput(input: string): PlainDate | null {\n  const trimmed = input.trim();\n  if (trimmed === '') {\n    return null;\n  }\n\n  // ISO format: 2026-05-21\n  const isoMatch = /^(\\d{4})-(\\d{1,2})-(\\d{1,2})$/.exec(trimmed);\n  if (isoMatch != null) {\n    return tryCreate(\n      parseInt(isoMatch[1], 10),\n      parseInt(isoMatch[2], 10),\n      parseInt(isoMatch[3], 10),\n    );\n  }\n\n  // US format: 05/21/2026, 5/21/2026, or 3/4/25 (2-digit year)\n  const usMatch = /^(\\d{1,2})[/\\-.](\\d{1,2})[/\\-.](\\d{2,4})$/.exec(trimmed);\n  if (usMatch != null) {\n    let year = parseInt(usMatch[3], 10);\n    if (year < 100) {\n      year += year < 50 ? 2000 : 1900;\n    }\n    return tryCreate(year, parseInt(usMatch[1], 10), parseInt(usMatch[2], 10));\n  }\n\n  // Named month: \"May 21, 2026\" or \"May 21 2026\"\n  const namedMonthFirst = /^([A-Za-z]+)\\s+(\\d{1,2}),?\\s+(\\d{4})$/.exec(trimmed);\n  if (namedMonthFirst != null) {\n    const month = MONTH_NAMES[namedMonthFirst[1].toLowerCase()];\n    if (month != null) {\n      return tryCreate(\n        parseInt(namedMonthFirst[3], 10),\n        month,\n        parseInt(namedMonthFirst[2], 10),\n      );\n    }\n  }\n\n  // Named month reversed: \"21 May 2026\"\n  const namedMonthLast = /^(\\d{1,2})\\s+([A-Za-z]+),?\\s+(\\d{4})$/.exec(trimmed);\n  if (namedMonthLast != null) {\n    const month = MONTH_NAMES[namedMonthLast[2].toLowerCase()];\n    if (month != null) {\n      return tryCreate(\n        parseInt(namedMonthLast[3], 10),\n        month,\n        parseInt(namedMonthLast[1], 10),\n      );\n    }\n  }\n\n  return null;\n}\n\nfunction tryCreate(year: number, month: number, day: number): PlainDate | null {\n  try {\n    return plainDateCreate(year, month, day);\n  } catch {\n    return null;\n  }\n}\n","import {CalendarIcon, X} from 'lucide-react';\nimport {\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {Calendar, type CalendarHandle} from 'components/Calendar';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport type {IconComponent} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {parseDateInput} from 'internal/parseDateInput';\nimport {\n  DATE_FORMAT_LONG,\n  plainDateFormat,\n  plainDateIsAfter,\n  plainDateIsBefore,\n  type PlainDate,\n} from 'internal/plainDate';\nimport {css} from 'styled-system/css';\n\nexport type {PlainDate} from 'internal/plainDate';\n\nconst styles = {\n  wrapper: css({ps: '1', gap: '1'}),\n} as const;\n\nexport type DateInputProps = {\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Returns true for dates that should be disabled.\n   */\n  getIsDateDisabled?: (date: PlainDate) => boolean;\n  /**\n   * Whether to show a clear button when a value is selected.\n   * @default false\n   */\n  hasClear?: boolean;\n  /**\n   * Custom HTML id applied to the input element.\n   */\n  htmlId?: string;\n  /**\n   * Whether the input 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   * Whether the input is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum selectable date.\n   */\n  max?: PlainDate;\n  /**\n   * Minimum selectable date.\n   */\n  min?: PlainDate;\n  /**\n   * Called when the selected date changes.\n   */\n  onChange: (value: PlainDate | null) => void;\n  /**\n   * Placeholder text shown when no date is selected. Typed dates accept a\n   * range of formats, including \"May 21, 2026\", \"5/21/2026\", and \"2026-05-21\".\n   * @default 'e.g. May 21, 2026'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the input.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Currently selected date. Pass `null` for an empty input.\n   */\n  value: PlainDate | null;\n} & FieldNecessity;\n\nfunction formatDate(value: PlainDate | null | undefined): string {\n  return value == null ? '' : plainDateFormat(value, DATE_FORMAT_LONG);\n}\n\nfunction isDateAllowed(\n  date: PlainDate,\n  options: {\n    getIsDateDisabled?: (date: PlainDate) => boolean;\n    max?: PlainDate;\n    min?: PlainDate;\n  },\n): boolean {\n  if (options.min != null && plainDateIsBefore(date, options.min)) {\n    return false;\n  }\n  if (options.max != null && plainDateIsAfter(date, options.max)) {\n    return false;\n  }\n  if (options.getIsDateDisabled?.(date)) {\n    return false;\n  }\n  return true;\n}\n\n/**\n * A date picker input that combines a text input with a calendar popover.\n * Users can type a date directly or select one from the calendar.\n */\nexport function DateInput({\n  label,\n  value,\n  onChange,\n  min,\n  max,\n  getIsDateDisabled,\n  placeholder = 'e.g. May 21, 2026',\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasClear = false,\n  htmlId,\n  status,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DateInputProps): React.JSX.Element {\n  const generatedId = useId();\n  const inputId = htmlId ?? generatedId;\n  const popoverId = `${inputId}-calendar`;\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const calendarRef = useRef<CalendarHandle | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [pendingInput, setPendingInput] = useState<string | null>(null);\n\n  const displayValue = pendingInput ?? formatDate(value);\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  const handleCalendarChange = useCallback(\n    (nextValue: PlainDate) => {\n      onChange(nextValue);\n      setPendingInput(null);\n      setIsOpen(false);\n      inputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const handleInputChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value;\n      setPendingInput(text);\n\n      const parsed = parseDateInput(text);\n      if (\n        parsed != null &&\n        isDateAllowed(parsed, {min, max, getIsDateDisabled})\n      ) {\n        onChange(parsed);\n        calendarRef.current?.navigateTo(parsed);\n      }\n    },\n    [getIsDateDisabled, max, min, onChange],\n  );\n\n  const commitPendingInput = useCallback(() => {\n    if (pendingInput == null) {\n      return;\n    }\n\n    if (pendingInput.trim() === '') {\n      if (value != null) {\n        onChange(null);\n      }\n      setPendingInput(null);\n      return;\n    }\n\n    const parsed = parseDateInput(pendingInput);\n    if (\n      parsed != null &&\n      isDateAllowed(parsed, {min, max, getIsDateDisabled})\n    ) {\n      onChange(parsed);\n    }\n    setPendingInput(null);\n  }, [getIsDateDisabled, max, min, onChange, pendingInput, value]);\n\n  const handleBlur = useCallback(() => {\n    commitPendingInput();\n  }, [commitPendingInput]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        commitPendingInput();\n      }\n    },\n    [commitPendingInput],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(null);\n    setPendingInput(null);\n    inputRef.current?.focus();\n  }, [onChange]);\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled: isDisabled,\n          }),\n          styles.wrapper,\n        )}\n        ref={wrapperRef}>\n        <Popover\n          content={\n            <Calendar\n              getIsDateDisabled={getIsDateDisabled}\n              hasAutoFocus={isOpen}\n              max={max}\n              min={min}\n              onChange={handleCalendarChange}\n              ref={calendarRef}\n              value={value ?? undefined}\n              viewDate={value ?? undefined}\n            />\n          }\n          hasAutoFocus={false}\n          id={popoverId}\n          isEnabled={!isDisabled}\n          isOpen={isOpen}\n          label={`Choose ${label}`}\n          onOpenChange={setIsOpen}\n          padding={3}>\n          <Button\n            icon={CalendarIcon}\n            isDisabled={isDisabled}\n            isIconOnly\n            label={`Choose ${label}`}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        </Popover>\n        <input\n          aria-busy={isLoading || undefined}\n          aria-controls={popoverId}\n          aria-describedby={describedBy}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={status?.type === 'error' || undefined}\n          aria-required={isRequired ?? undefined}\n          autoComplete=\"off\"\n          className={inputStyles.control}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          onBlur={handleBlur}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          ref={mergeRefs(ref, inputRef)}\n          role=\"combobox\"\n          type=\"text\"\n          value={displayValue}\n        />\n        {hasClear && value != null && !isDisabled && !isLoading ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={handleClear}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n    </Field>\n  );\n}\n\nDateInput.displayName = 'DateInput';\n"]}
+{"version":3,"sources":["../src/internal/parseDateInput.ts","../src/components/DateInput/DateInput.tsx"],"names":["plainDateCreate","css","plainDateFormat","DATE_FORMAT_LONG","plainDateIsBefore","plainDateIsAfter","useId","isReactNode","getStatusMessageID","getDescribedBy","useRef","useState","getNecessity","useCallback","jsx","Field","jsxs","cx","inputRecipe","Popover","Calendar","Button","CalendarIcon","inputStyles","mergeRefs","X","Spinner","getStatusIcon"],"mappings":"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","file":"chunk-IA4TPVHR.cjs","sourcesContent":["import {plainDateCreate, type PlainDate} from 'internal/plainDate';\n\nconst MONTH_NAMES: Partial<Record<string, number>> = {\n  jan: 1,\n  january: 1,\n  feb: 2,\n  february: 2,\n  mar: 3,\n  march: 3,\n  apr: 4,\n  april: 4,\n  may: 5,\n  jun: 6,\n  june: 6,\n  jul: 7,\n  july: 7,\n  aug: 8,\n  august: 8,\n  sep: 9,\n  september: 9,\n  oct: 10,\n  october: 10,\n  nov: 11,\n  november: 11,\n  dec: 12,\n  december: 12,\n};\n\n/**\n * Parses common date input formats into a PlainDate.\n * Supports: \"2026-05-21\", \"05/21/2026\", \"May 21, 2026\", \"21 May 2026\", etc.\n * Returns null if the input cannot be parsed.\n */\nexport function parseDateInput(input: string): PlainDate | null {\n  const trimmed = input.trim();\n  if (trimmed === '') {\n    return null;\n  }\n\n  // ISO format: 2026-05-21\n  const isoMatch = /^(\\d{4})-(\\d{1,2})-(\\d{1,2})$/.exec(trimmed);\n  if (isoMatch != null) {\n    return tryCreate(\n      parseInt(isoMatch[1], 10),\n      parseInt(isoMatch[2], 10),\n      parseInt(isoMatch[3], 10),\n    );\n  }\n\n  // US format: 05/21/2026, 5/21/2026, or 3/4/25 (2-digit year)\n  const usMatch = /^(\\d{1,2})[/\\-.](\\d{1,2})[/\\-.](\\d{2,4})$/.exec(trimmed);\n  if (usMatch != null) {\n    let year = parseInt(usMatch[3], 10);\n    if (year < 100) {\n      year += year < 50 ? 2000 : 1900;\n    }\n    return tryCreate(year, parseInt(usMatch[1], 10), parseInt(usMatch[2], 10));\n  }\n\n  // Named month: \"May 21, 2026\" or \"May 21 2026\"\n  const namedMonthFirst = /^([A-Za-z]+)\\s+(\\d{1,2}),?\\s+(\\d{4})$/.exec(trimmed);\n  if (namedMonthFirst != null) {\n    const month = MONTH_NAMES[namedMonthFirst[1].toLowerCase()];\n    if (month != null) {\n      return tryCreate(\n        parseInt(namedMonthFirst[3], 10),\n        month,\n        parseInt(namedMonthFirst[2], 10),\n      );\n    }\n  }\n\n  // Named month reversed: \"21 May 2026\"\n  const namedMonthLast = /^(\\d{1,2})\\s+([A-Za-z]+),?\\s+(\\d{4})$/.exec(trimmed);\n  if (namedMonthLast != null) {\n    const month = MONTH_NAMES[namedMonthLast[2].toLowerCase()];\n    if (month != null) {\n      return tryCreate(\n        parseInt(namedMonthLast[3], 10),\n        month,\n        parseInt(namedMonthLast[1], 10),\n      );\n    }\n  }\n\n  return null;\n}\n\nfunction tryCreate(year: number, month: number, day: number): PlainDate | null {\n  try {\n    return plainDateCreate(year, month, day);\n  } catch {\n    return null;\n  }\n}\n","'use client';\n\nimport {CalendarIcon, X} from 'lucide-react';\nimport {\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {Calendar, type CalendarHandle} from 'components/Calendar';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport type {IconComponent} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {parseDateInput} from 'internal/parseDateInput';\nimport {\n  DATE_FORMAT_LONG,\n  plainDateFormat,\n  plainDateIsAfter,\n  plainDateIsBefore,\n  type PlainDate,\n} from 'internal/plainDate';\nimport {css} from 'styled-system/css';\n\nexport type {PlainDate} from 'internal/plainDate';\n\nconst styles = {\n  wrapper: css({ps: '1', gap: '1'}),\n} as const;\n\nexport type DateInputProps = {\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Returns true for dates that should be disabled.\n   */\n  getIsDateDisabled?: (date: PlainDate) => boolean;\n  /**\n   * Whether to show a clear button when a value is selected.\n   * @default false\n   */\n  hasClear?: boolean;\n  /**\n   * Custom HTML id applied to the input element.\n   */\n  htmlId?: string;\n  /**\n   * Whether the input 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   * Whether the input is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum selectable date.\n   */\n  max?: PlainDate;\n  /**\n   * Minimum selectable date.\n   */\n  min?: PlainDate;\n  /**\n   * Called when the selected date changes.\n   */\n  onChange: (value: PlainDate | null) => void;\n  /**\n   * Placeholder text shown when no date is selected. Typed dates accept a\n   * range of formats, including \"May 21, 2026\", \"5/21/2026\", and \"2026-05-21\".\n   * @default 'e.g. May 21, 2026'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the input.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Currently selected date. Pass `null` for an empty input.\n   */\n  value: PlainDate | null;\n} & FieldNecessity;\n\nfunction formatDate(value: PlainDate | null | undefined): string {\n  return value == null ? '' : plainDateFormat(value, DATE_FORMAT_LONG);\n}\n\nfunction isDateAllowed(\n  date: PlainDate,\n  options: {\n    getIsDateDisabled?: (date: PlainDate) => boolean;\n    max?: PlainDate;\n    min?: PlainDate;\n  },\n): boolean {\n  if (options.min != null && plainDateIsBefore(date, options.min)) {\n    return false;\n  }\n  if (options.max != null && plainDateIsAfter(date, options.max)) {\n    return false;\n  }\n  if (options.getIsDateDisabled?.(date)) {\n    return false;\n  }\n  return true;\n}\n\n/**\n * A date picker input that combines a text input with a calendar popover.\n * Users can type a date directly or select one from the calendar.\n */\nexport function DateInput({\n  label,\n  value,\n  onChange,\n  min,\n  max,\n  getIsDateDisabled,\n  placeholder = 'e.g. May 21, 2026',\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasClear = false,\n  htmlId,\n  status,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DateInputProps): React.JSX.Element {\n  const generatedId = useId();\n  const inputId = htmlId ?? generatedId;\n  const popoverId = `${inputId}-calendar`;\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const calendarRef = useRef<CalendarHandle | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [pendingInput, setPendingInput] = useState<string | null>(null);\n\n  const displayValue = pendingInput ?? formatDate(value);\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  const handleCalendarChange = useCallback(\n    (nextValue: PlainDate) => {\n      onChange(nextValue);\n      setPendingInput(null);\n      setIsOpen(false);\n      inputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const handleInputChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value;\n      setPendingInput(text);\n\n      const parsed = parseDateInput(text);\n      if (\n        parsed != null &&\n        isDateAllowed(parsed, {min, max, getIsDateDisabled})\n      ) {\n        onChange(parsed);\n        calendarRef.current?.navigateTo(parsed);\n      }\n    },\n    [getIsDateDisabled, max, min, onChange],\n  );\n\n  const commitPendingInput = useCallback(() => {\n    if (pendingInput == null) {\n      return;\n    }\n\n    if (pendingInput.trim() === '') {\n      if (value != null) {\n        onChange(null);\n      }\n      setPendingInput(null);\n      return;\n    }\n\n    const parsed = parseDateInput(pendingInput);\n    if (\n      parsed != null &&\n      isDateAllowed(parsed, {min, max, getIsDateDisabled})\n    ) {\n      onChange(parsed);\n    }\n    setPendingInput(null);\n  }, [getIsDateDisabled, max, min, onChange, pendingInput, value]);\n\n  const handleBlur = useCallback(() => {\n    commitPendingInput();\n  }, [commitPendingInput]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        commitPendingInput();\n      }\n    },\n    [commitPendingInput],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(null);\n    setPendingInput(null);\n    inputRef.current?.focus();\n  }, [onChange]);\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled: isDisabled,\n          }),\n          styles.wrapper,\n        )}\n        ref={wrapperRef}>\n        <Popover\n          content={\n            <Calendar\n              getIsDateDisabled={getIsDateDisabled}\n              hasAutoFocus={isOpen}\n              max={max}\n              min={min}\n              onChange={handleCalendarChange}\n              ref={calendarRef}\n              value={value ?? undefined}\n              viewDate={value ?? undefined}\n            />\n          }\n          hasAutoFocus={false}\n          id={popoverId}\n          isEnabled={!isDisabled}\n          isOpen={isOpen}\n          label={`Choose ${label}`}\n          onOpenChange={setIsOpen}\n          padding={3}>\n          <Button\n            icon={CalendarIcon}\n            isDisabled={isDisabled}\n            isIconOnly\n            label={`Choose ${label}`}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        </Popover>\n        <input\n          aria-busy={isLoading || undefined}\n          aria-controls={popoverId}\n          aria-describedby={describedBy}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={status?.type === 'error' || undefined}\n          aria-required={isRequired ?? undefined}\n          autoComplete=\"off\"\n          className={inputStyles.control}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          onBlur={handleBlur}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          ref={mergeRefs(ref, inputRef)}\n          role=\"combobox\"\n          type=\"text\"\n          value={displayValue}\n        />\n        {hasClear && value != null && !isDisabled && !isLoading ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={handleClear}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n    </Field>\n  );\n}\n\nDateInput.displayName = 'DateInput';\n"]}

package/dist/{chunk-JIF5TZHC.cjs → chunk-IFRIXTF5.cjs}

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -267,5 +268,5 @@ function Theme({
 Theme.displayName = "Theme";
 
 exports.Theme = Theme;
-//# sourceMappingURL=chunk-JIF5TZHC.cjs.map
-//# sourceMappingURL=chunk-JIF5TZHC.cjs.map
+//# sourceMappingURL=chunk-IFRIXTF5.cjs.map
+//# sourceMappingURL=chunk-IFRIXTF5.cjs.map

package/dist/chunk-IFRIXTF5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Theme/Theme.tsx"],"names":["useId","createElement","cx","Fragment"],"mappings":"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","file":"chunk-IFRIXTF5.cjs","sourcesContent":["'use client';\n\nimport {\n  Fragment,\n  createElement,\n  useId,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from 'internal/cx';\n\nexport type ThemeMode = 'dark' | 'light' | 'system';\n\nexport type ThemePaletteName =\n  | 'blue'\n  | 'cyan'\n  | 'gray'\n  | 'green'\n  | 'orange'\n  | 'pink'\n  | 'purple'\n  | 'red'\n  | 'teal'\n  | 'yellow';\n\nexport type ThemePaletteStep =\n  | 50\n  | 100\n  | 200\n  | 300\n  | 400\n  | 500\n  | 600\n  | 700\n  | 800\n  | 900;\n\nexport type ThemePaletteReference =\n  | `${ThemePaletteName}.${ThemePaletteStep}`\n  | `${ThemePaletteName}-${ThemePaletteStep}`;\n\nexport type ThemeColorValue = ThemePaletteReference | (string & {});\ntype ThemeCssVariableName = `--silver-${string}`;\ntype ThemeCssVariables = Partial<Record<ThemeCssVariableName, string>>;\n\nexport interface ThemeColorTokens {\n  bg?: ThemeColorValue;\n  bgGhostActive?: ThemeColorValue;\n  bgGhostHover?: ThemeColorValue;\n  bgHover?: ThemeColorValue;\n  bgSelected?: ThemeColorValue;\n  bgSubtle?: ThemeColorValue;\n  border?: ThemeColorValue;\n  borderEmphasized?: ThemeColorValue;\n  destructive?: ThemeColorValue;\n  destructiveActive?: ThemeColorValue;\n  destructiveFg?: ThemeColorValue;\n  destructiveHover?: ThemeColorValue;\n  fg?: ThemeColorValue;\n  fgDisabled?: ThemeColorValue;\n  fgMuted?: ThemeColorValue;\n  fgOnPrimary?: ThemeColorValue;\n  iconAccent?: ThemeColorValue;\n  iconBlue?: ThemeColorValue;\n  iconCyan?: ThemeColorValue;\n  iconDisabled?: ThemeColorValue;\n  iconError?: ThemeColorValue;\n  iconGray?: ThemeColorValue;\n  iconGreen?: ThemeColorValue;\n  iconInfo?: ThemeColorValue;\n  iconOrange?: ThemeColorValue;\n  iconPink?: ThemeColorValue;\n  iconPrimary?: ThemeColorValue;\n  iconPurple?: ThemeColorValue;\n  iconRed?: ThemeColorValue;\n  iconSecondary?: ThemeColorValue;\n  iconSuccess?: ThemeColorValue;\n  iconTeal?: ThemeColorValue;\n  iconTertiary?: ThemeColorValue;\n  iconWarning?: ThemeColorValue;\n  iconYellow?: ThemeColorValue;\n  overlayScrim?: ThemeColorValue;\n  overlayScrimStrong?: ThemeColorValue;\n  overlayScrimSubtle?: ThemeColorValue;\n  presenceError?: ThemeColorValue;\n  presenceNeutral?: ThemeColorValue;\n  presenceSuccess?: ThemeColorValue;\n  primary?: ThemeColorValue;\n  primaryActive?: ThemeColorValue;\n  primaryHover?: ThemeColorValue;\n  primarySubtle?: ThemeColorValue;\n  skeleton?: ThemeColorValue;\n  skeletonShimmer?: ThemeColorValue;\n  statusDisabledSolid?: ThemeColorValue;\n  statusDisabledSolidFg?: ThemeColorValue;\n  statusErrorBorder?: ThemeColorValue;\n  statusErrorBorderHover?: ThemeColorValue;\n  statusErrorFg?: ThemeColorValue;\n  statusErrorSolid?: ThemeColorValue;\n  statusErrorSolidFg?: ThemeColorValue;\n  statusInfoFg?: ThemeColorValue;\n  statusInfoSolid?: ThemeColorValue;\n  statusInfoSolidFg?: ThemeColorValue;\n  statusNeutralSolid?: ThemeColorValue;\n  statusNeutralSolidFg?: ThemeColorValue;\n  statusSuccessBorder?: ThemeColorValue;\n  statusSuccessBorderHover?: ThemeColorValue;\n  statusSuccessFg?: ThemeColorValue;\n  statusSuccessSolid?: ThemeColorValue;\n  statusSuccessSolidFg?: ThemeColorValue;\n  statusWarningBorder?: ThemeColorValue;\n  statusWarningBorderHover?: ThemeColorValue;\n  statusWarningFg?: ThemeColorValue;\n  statusWarningSolid?: ThemeColorValue;\n  statusWarningSolidFg?: ThemeColorValue;\n  surfaceBlue?: ThemeColorValue;\n  surfaceBlueAccent?: ThemeColorValue;\n  surfaceBlueFg?: ThemeColorValue;\n  surfaceBlueHover?: ThemeColorValue;\n  surfaceCyan?: ThemeColorValue;\n  surfaceCyanAccent?: ThemeColorValue;\n  surfaceCyanFg?: ThemeColorValue;\n  surfaceCyanHover?: ThemeColorValue;\n  surfaceGray?: ThemeColorValue;\n  surfaceGrayAccent?: ThemeColorValue;\n  surfaceGrayFg?: ThemeColorValue;\n  surfaceGrayHover?: ThemeColorValue;\n  surfaceGreen?: ThemeColorValue;\n  surfaceGreenAccent?: ThemeColorValue;\n  surfaceGreenFg?: ThemeColorValue;\n  surfaceGreenHover?: ThemeColorValue;\n  surfaceOrange?: ThemeColorValue;\n  surfaceOrangeAccent?: ThemeColorValue;\n  surfaceOrangeFg?: ThemeColorValue;\n  surfaceOrangeHover?: ThemeColorValue;\n  surfacePink?: ThemeColorValue;\n  surfacePinkAccent?: ThemeColorValue;\n  surfacePinkFg?: ThemeColorValue;\n  surfacePinkHover?: ThemeColorValue;\n  surfacePurple?: ThemeColorValue;\n  surfacePurpleAccent?: ThemeColorValue;\n  surfacePurpleFg?: ThemeColorValue;\n  surfacePurpleHover?: ThemeColorValue;\n  surfaceRed?: ThemeColorValue;\n  surfaceRedAccent?: ThemeColorValue;\n  surfaceRedFg?: ThemeColorValue;\n  surfaceRedHover?: ThemeColorValue;\n  surfaceTeal?: ThemeColorValue;\n  surfaceTealAccent?: ThemeColorValue;\n  surfaceTealFg?: ThemeColorValue;\n  surfaceTealHover?: ThemeColorValue;\n  surfaceYellow?: ThemeColorValue;\n  surfaceYellowAccent?: ThemeColorValue;\n  surfaceYellowFg?: ThemeColorValue;\n  surfaceYellowHover?: ThemeColorValue;\n  track?: ThemeColorValue;\n  trackDisabled?: ThemeColorValue;\n  trackEmphasized?: ThemeColorValue;\n}\n\nexport interface ThemeFontTokens {\n  body?: string;\n  mono?: string;\n}\n\nexport interface ThemeFontSizeTokens {\n  componentLg?: string;\n  componentMd?: string;\n  componentSm?: string;\n  iconLg?: string;\n  iconMd?: string;\n  iconSm?: string;\n}\n\nexport interface ThemeRadiusTokens {\n  componentLg?: string;\n  componentMd?: string;\n  componentSm?: string;\n  lg?: string;\n  md?: string;\n  sm?: string;\n}\n\nexport interface ThemeShadowTokens {\n  focus?: string;\n  focusError?: string;\n  focusSuccess?: string;\n  focusWarning?: string;\n}\n\nexport interface ThemeSizeTokens {\n  componentLg?: string;\n  componentMd?: string;\n  componentSm?: string;\n  iconLg?: string;\n  iconMd?: string;\n  iconSm?: string;\n}\n\nexport interface ThemeSpacingTokens {\n  componentLg?: string;\n  componentMd?: string;\n  componentSm?: string;\n  focusOffset?: string;\n  focusOffsetLoose?: string;\n  focusOffsetTight?: string;\n}\n\nexport interface ThemeTokens {\n  colors?: ThemeColorTokens;\n  fonts?: ThemeFontTokens;\n  fontSizes?: ThemeFontSizeTokens;\n  radii?: ThemeRadiusTokens;\n  shadows?: ThemeShadowTokens;\n  sizes?: ThemeSizeTokens;\n  spacing?: ThemeSpacingTokens;\n}\n\nexport interface ThemeModeTokens {\n  dark?: ThemeTokens;\n  light?: ThemeTokens;\n}\n\nexport interface ThemeProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * HTML element type to render.\n   * @default 'div'\n   */\n  as?: ElementType;\n  /**\n   * Theme content.\n   */\n  children?: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Theme mode. System mode omits data-theme and follows existing CSS/media\n   * query behavior.\n   * @default 'system'\n   */\n  mode?: ThemeMode;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Friendly token overrides mapped to Silver CSS custom properties.\n   */\n  themes?: ThemeModeTokens;\n  /**\n   * Friendly token overrides applied in every mode.\n   */\n  tokens?: ThemeTokens;\n}\n\nconst colorTokenVariables: Record<\n  keyof ThemeColorTokens,\n  ThemeCssVariableName\n> = {\n  bg: '--silver-colors-bg',\n  bgGhostActive: '--silver-colors-bg-ghost-active',\n  bgGhostHover: '--silver-colors-bg-ghost-hover',\n  bgHover: '--silver-colors-bg-hover',\n  bgSelected: '--silver-colors-bg-selected',\n  bgSubtle: '--silver-colors-bg-subtle',\n  border: '--silver-colors-border',\n  borderEmphasized: '--silver-colors-border-emphasized',\n  destructive: '--silver-colors-destructive',\n  destructiveActive: '--silver-colors-destructive-active',\n  destructiveFg: '--silver-colors-destructive-fg',\n  destructiveHover: '--silver-colors-destructive-hover',\n  fg: '--silver-colors-fg',\n  fgDisabled: '--silver-colors-fg-disabled',\n  fgMuted: '--silver-colors-fg-muted',\n  fgOnPrimary: '--silver-colors-fg-on-primary',\n  primary: '--silver-colors-primary',\n  primaryActive: '--silver-colors-primary-active',\n  primaryHover: '--silver-colors-primary-hover',\n  primarySubtle: '--silver-colors-primary-subtle',\n  iconAccent: '--silver-colors-icon-accent',\n  iconBlue: '--silver-colors-icon-blue',\n  iconCyan: '--silver-colors-icon-cyan',\n  iconDisabled: '--silver-colors-icon-disabled',\n  iconError: '--silver-colors-icon-error',\n  iconGray: '--silver-colors-icon-gray',\n  iconGreen: '--silver-colors-icon-green',\n  iconInfo: '--silver-colors-icon-info',\n  iconOrange: '--silver-colors-icon-orange',\n  iconPink: '--silver-colors-icon-pink',\n  iconPrimary: '--silver-colors-icon-primary',\n  iconPurple: '--silver-colors-icon-purple',\n  iconRed: '--silver-colors-icon-red',\n  iconSecondary: '--silver-colors-icon-secondary',\n  iconSuccess: '--silver-colors-icon-success',\n  iconTeal: '--silver-colors-icon-teal',\n  iconTertiary: '--silver-colors-icon-tertiary',\n  iconWarning: '--silver-colors-icon-warning',\n  iconYellow: '--silver-colors-icon-yellow',\n  overlayScrim: '--silver-colors-overlay-scrim',\n  overlayScrimStrong: '--silver-colors-overlay-scrim-strong',\n  overlayScrimSubtle: '--silver-colors-overlay-scrim-subtle',\n  presenceError: '--silver-colors-presence-error',\n  presenceNeutral: '--silver-colors-presence-neutral',\n  presenceSuccess: '--silver-colors-presence-success',\n  skeleton: '--silver-colors-skeleton',\n  skeletonShimmer: '--silver-colors-skeleton-shimmer',\n  statusDisabledSolid: '--silver-colors-status-disabled-solid',\n  statusDisabledSolidFg: '--silver-colors-status-disabled-solid-fg',\n  statusErrorBorder: '--silver-colors-status-error-border',\n  statusErrorBorderHover: '--silver-colors-status-error-border-hover',\n  statusErrorFg: '--silver-colors-status-error-fg',\n  statusErrorSolid: '--silver-colors-status-error-solid',\n  statusErrorSolidFg: '--silver-colors-status-error-solid-fg',\n  statusInfoFg: '--silver-colors-status-info-fg',\n  statusInfoSolid: '--silver-colors-status-info-solid',\n  statusInfoSolidFg: '--silver-colors-status-info-solid-fg',\n  statusNeutralSolid: '--silver-colors-status-neutral-solid',\n  statusNeutralSolidFg: '--silver-colors-status-neutral-solid-fg',\n  statusSuccessBorder: '--silver-colors-status-success-border',\n  statusSuccessBorderHover: '--silver-colors-status-success-border-hover',\n  statusSuccessFg: '--silver-colors-status-success-fg',\n  statusSuccessSolid: '--silver-colors-status-success-solid',\n  statusSuccessSolidFg: '--silver-colors-status-success-solid-fg',\n  statusWarningBorder: '--silver-colors-status-warning-border',\n  statusWarningBorderHover: '--silver-colors-status-warning-border-hover',\n  statusWarningFg: '--silver-colors-status-warning-fg',\n  statusWarningSolid: '--silver-colors-status-warning-solid',\n  statusWarningSolidFg: '--silver-colors-status-warning-solid-fg',\n  surfaceBlue: '--silver-colors-surface-blue',\n  surfaceBlueAccent: '--silver-colors-surface-blue-accent',\n  surfaceBlueFg: '--silver-colors-surface-blue-fg',\n  surfaceBlueHover: '--silver-colors-surface-blue-hover',\n  surfaceCyan: '--silver-colors-surface-cyan',\n  surfaceCyanAccent: '--silver-colors-surface-cyan-accent',\n  surfaceCyanFg: '--silver-colors-surface-cyan-fg',\n  surfaceCyanHover: '--silver-colors-surface-cyan-hover',\n  surfaceGray: '--silver-colors-surface-gray',\n  surfaceGrayAccent: '--silver-colors-surface-gray-accent',\n  surfaceGrayFg: '--silver-colors-surface-gray-fg',\n  surfaceGrayHover: '--silver-colors-surface-gray-hover',\n  surfaceGreen: '--silver-colors-surface-green',\n  surfaceGreenAccent: '--silver-colors-surface-green-accent',\n  surfaceGreenFg: '--silver-colors-surface-green-fg',\n  surfaceGreenHover: '--silver-colors-surface-green-hover',\n  surfaceOrange: '--silver-colors-surface-orange',\n  surfaceOrangeAccent: '--silver-colors-surface-orange-accent',\n  surfaceOrangeFg: '--silver-colors-surface-orange-fg',\n  surfaceOrangeHover: '--silver-colors-surface-orange-hover',\n  surfacePink: '--silver-colors-surface-pink',\n  surfacePinkAccent: '--silver-colors-surface-pink-accent',\n  surfacePinkFg: '--silver-colors-surface-pink-fg',\n  surfacePinkHover: '--silver-colors-surface-pink-hover',\n  surfacePurple: '--silver-colors-surface-purple',\n  surfacePurpleAccent: '--silver-colors-surface-purple-accent',\n  surfacePurpleFg: '--silver-colors-surface-purple-fg',\n  surfacePurpleHover: '--silver-colors-surface-purple-hover',\n  surfaceRed: '--silver-colors-surface-red',\n  surfaceRedAccent: '--silver-colors-surface-red-accent',\n  surfaceRedFg: '--silver-colors-surface-red-fg',\n  surfaceRedHover: '--silver-colors-surface-red-hover',\n  surfaceTeal: '--silver-colors-surface-teal',\n  surfaceTealAccent: '--silver-colors-surface-teal-accent',\n  surfaceTealFg: '--silver-colors-surface-teal-fg',\n  surfaceTealHover: '--silver-colors-surface-teal-hover',\n  surfaceYellow: '--silver-colors-surface-yellow',\n  surfaceYellowAccent: '--silver-colors-surface-yellow-accent',\n  surfaceYellowFg: '--silver-colors-surface-yellow-fg',\n  surfaceYellowHover: '--silver-colors-surface-yellow-hover',\n  track: '--silver-colors-track',\n  trackDisabled: '--silver-colors-track-disabled',\n  trackEmphasized: '--silver-colors-track-emphasized',\n};\n\nconst fontTokenVariables: Record<keyof ThemeFontTokens, ThemeCssVariableName> =\n  {\n    body: '--silver-fonts-body',\n    mono: '--silver-fonts-mono',\n  };\n\nconst fontSizeTokenVariables: Record<\n  keyof ThemeFontSizeTokens,\n  ThemeCssVariableName\n> = {\n  componentLg: '--silver-font-sizes-component-lg',\n  componentMd: '--silver-font-sizes-component-md',\n  componentSm: '--silver-font-sizes-component-sm',\n  iconLg: '--silver-font-sizes-icon-lg',\n  iconMd: '--silver-font-sizes-icon-md',\n  iconSm: '--silver-font-sizes-icon-sm',\n};\n\nconst radiusTokenVariables: Record<\n  keyof ThemeRadiusTokens,\n  ThemeCssVariableName\n> = {\n  componentLg: '--silver-radii-component-lg',\n  componentMd: '--silver-radii-component-md',\n  componentSm: '--silver-radii-component-sm',\n  lg: '--silver-radii-lg',\n  md: '--silver-radii-md',\n  sm: '--silver-radii-sm',\n};\n\nconst shadowTokenVariables: Record<\n  keyof ThemeShadowTokens,\n  ThemeCssVariableName\n> = {\n  focus: '--silver-shadows-focus',\n  focusError: '--silver-shadows-focus-error',\n  focusSuccess: '--silver-shadows-focus-success',\n  focusWarning: '--silver-shadows-focus-warning',\n};\n\nconst sizeTokenVariables: Record<keyof ThemeSizeTokens, ThemeCssVariableName> =\n  {\n    componentLg: '--silver-sizes-component-lg',\n    componentMd: '--silver-sizes-component-md',\n    componentSm: '--silver-sizes-component-sm',\n    iconLg: '--silver-sizes-icon-lg',\n    iconMd: '--silver-sizes-icon-md',\n    iconSm: '--silver-sizes-icon-sm',\n  };\n\nconst spacingTokenVariables: Record<\n  keyof ThemeSpacingTokens,\n  ThemeCssVariableName\n> = {\n  componentLg: '--silver-spacing-component-lg',\n  componentMd: '--silver-spacing-component-md',\n  componentSm: '--silver-spacing-component-sm',\n  focusOffset: '--silver-spacing-focus-offset',\n  focusOffsetLoose: '--silver-spacing-focus-offset-loose',\n  focusOffsetTight: '--silver-spacing-focus-offset-tight',\n};\n\nconst paletteReferencePattern =\n  /^(blue|cyan|gray|green|orange|pink|purple|red|teal|yellow)[.-](50|100|200|300|400|500|600|700|800|900)$/;\n\nfunction resolveThemeColorValue(value: ThemeColorValue): string {\n  const match = paletteReferencePattern.exec(value);\n\n  if (match == null) {\n    return value;\n  }\n\n  const [, paletteName, paletteStep] = match;\n  return `var(--silver-colors-${paletteName}-${paletteStep})`;\n}\n\nfunction assignTokenVariables<TTokenName extends string>(\n  style: ThemeCssVariables,\n  tokens: Partial<Record<TTokenName, string>> | undefined,\n  variables: Record<TTokenName, ThemeCssVariableName>,\n  resolveValue: (value: string) => string = value => value,\n): void {\n  if (tokens == null) {\n    return;\n  }\n\n  for (const tokenName of Object.keys(variables) as TTokenName[]) {\n    const value = tokens[tokenName];\n\n    if (value != null) {\n      style[variables[tokenName]] = resolveValue(value);\n    }\n  }\n}\n\nfunction createThemeStyle(\n  tokens: ThemeTokens | undefined,\n  style: CSSProperties | undefined,\n): CSSProperties {\n  return {\n    ...createThemeVariables(tokens),\n    ...style,\n  };\n}\n\nfunction createThemeVariables(\n  tokens: ThemeTokens | undefined,\n): ThemeCssVariables {\n  const themeStyle: ThemeCssVariables = {};\n\n  assignTokenVariables(\n    themeStyle,\n    tokens?.colors,\n    colorTokenVariables,\n    resolveThemeColorValue,\n  );\n  assignTokenVariables(themeStyle, tokens?.fontSizes, fontSizeTokenVariables);\n  assignTokenVariables(themeStyle, tokens?.fonts, fontTokenVariables);\n  assignTokenVariables(themeStyle, tokens?.radii, radiusTokenVariables);\n  assignTokenVariables(themeStyle, tokens?.shadows, shadowTokenVariables);\n  assignTokenVariables(themeStyle, tokens?.sizes, sizeTokenVariables);\n  assignTokenVariables(themeStyle, tokens?.spacing, spacingTokenVariables);\n\n  return themeStyle;\n}\n\nfunction sanitizeThemeClassName(id: string): string {\n  return `silver-theme-${id.replace(/[^a-zA-Z0-9_-]/g, '')}`;\n}\n\nfunction serializeThemeVariables(variables: ThemeCssVariables): string {\n  return Object.entries(variables)\n    .map(\n      ([name, value]) =>\n        `${name}: ${String(value).replace(/<\\/style/gi, '<\\\\/style')};`,\n    )\n    .join('');\n}\n\nfunction createThemeCss(\n  className: string,\n  tokens: ThemeModeTokens,\n  mode: ThemeMode,\n): string | undefined {\n  const baseTokens =\n    mode === 'dark'\n      ? (tokens.dark ?? tokens.light)\n      : (tokens.light ?? tokens.dark);\n\n  if (baseTokens == null) {\n    return undefined;\n  }\n\n  const selector = `.${className}`;\n  const baseCss = `${selector}{${serializeThemeVariables(createThemeVariables(baseTokens))}}`;\n\n  if (mode !== 'system' || tokens.dark == null) {\n    return baseCss;\n  }\n\n  const darkVariables = serializeThemeVariables(\n    createThemeVariables(tokens.dark),\n  );\n  const darkSelector = `.${className}[data-theme=\"dark\"],[data-theme=\"dark\"] .${className}`;\n  const darkCss = `${darkSelector}{${darkVariables}}`;\n\n  return `${baseCss}@media (prefers-color-scheme: dark){${selector}{${darkVariables}}}${darkCss}`;\n}\n\n/**\n * Scoped Silver UI theme provider backed by CSS custom properties.\n */\nexport function Theme({\n  as: Element = 'div',\n  children,\n  className,\n  'data-testid': dataTestId,\n  mode = 'system',\n  ref,\n  style,\n  themes,\n  tokens,\n  ...htmlProps\n}: ThemeProps): React.JSX.Element {\n  const themeId = useId();\n  const themeClassName =\n    themes == null ? undefined : sanitizeThemeClassName(themeId);\n  const themeCss =\n    themes != null && themeClassName != null\n      ? createThemeCss(themeClassName, themes, mode)\n      : undefined;\n  const themeStyle = createThemeStyle(tokens, style);\n\n  return createElement(\n    Element,\n    {\n      ...htmlProps,\n      className: cx(themeClassName, className),\n      'data-testid': dataTestId,\n      'data-theme': mode === 'system' ? undefined : mode,\n      ref,\n      style: themeStyle,\n    },\n    themeCss == null\n      ? children\n      : createElement(\n          Fragment,\n          null,\n          createElement(\n            'style',\n            dataTestId == null ? null : {'data-testid': `${dataTestId}-styles`},\n            themeCss,\n          ),\n          children,\n        ),\n  );\n}\n\nTheme.displayName = 'Theme';\n"]}

package/dist/{chunk-JMVYWHJ7.js → chunk-IJWWTBJ6.js}

@@ -1,6 +1,7 @@
-import { Popover } from './chunk-GTZQT6MK.js';
+'use client';
+import { Popover } from './chunk-TUUYGOLQ.js';
 import { mergeRefs } from './chunk-SGLIDI6R.js';
-import { ActionElement } from './chunk-PG4CZRTU.js';
+import { ActionElement } from './chunk-CRYF4JDH.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { Icon } from './chunk-IUW777WZ.js';
 import { sva } from './chunk-IAVZKGZS.js';
@@ -481,5 +482,5 @@ function TabMenu({
 TabMenu.displayName = "TabMenu";
 
 export { Tab, TabMenu, Tabs, TabsContext, useTabsContext };
-//# sourceMappingURL=chunk-JMVYWHJ7.js.map
-//# sourceMappingURL=chunk-JMVYWHJ7.js.map
+//# sourceMappingURL=chunk-IJWWTBJ6.js.map
+//# sourceMappingURL=chunk-IJWWTBJ6.js.map

package/dist/chunk-IJWWTBJ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/Tabs.recipe.ts","../src/components/Tabs/TabsContext.ts","../src/components/Tabs/Tab.tsx","../src/components/Tabs/Tabs.tsx","../src/components/Tabs/TabMenu.recipe.ts","../src/components/Tabs/TabMenu.tsx"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;;;AAEO,IAAM,aAAa,GAAA,CAAI;AAAA,EAC5B,KAAA,EAAO;AAAA,IACL,MAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,MAAA;AAAA,MACN,IAAA,EAAM;AAAA,KACR;AAAA,IACA,GAAA,EAAK;AAAA,MACH,QAAA,EAAU,UAAA;AAAA,MACV,OAAA,EAAS,aAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,GAAA,EAAK,GAAA;AAAA,MACL,EAAA,EAAI,MAAA;AAAA,MACJ,EAAA,EAAI,GAAA;AAAA,MACJ,WAAA,EAAa,CAAA;AAAA,MACb,iBAAA,EAAmB,YAAA;AAAA,MACnB,iBAAA,EAAmB,OAAA;AAAA,MACnB,iBAAA,EAAmB,aAAA;AAAA,MACnB,EAAA,EAAI,aAAA;AAAA,MACJ,KAAA,EAAO,UAAA;AAAA,MACP,MAAA,EAAQ,SAAA;AAAA,MACR,UAAA,EAAY,MAAA;AAAA,MACZ,QAAA,EAAU,IAAA;AAAA,MACV,UAAA,EAAY,QAAA;AAAA,MACZ,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,MAAA;AAAA,MAChB,UAAA,EAAY,QAAA;AAAA,MACZ,kBAAA,EAAoB,uCAAA;AAAA,MACpB,kBAAA,EAAoB,MAAA;AAAA,MACpB,wBAAA,EAA0B,SAAA;AAAA,MAC1B,MAAA,EAAQ;AAAA,QACN,EAAA,EAAI;AAAA,OACN;AAAA,MACA,aAAA,EAAe;AAAA,QACb,YAAA,EAAc,OAAA;AAAA,QACd,YAAA,EAAc,OAAA;AAAA,QACd,YAAA,EAAc,SAAA;AAAA,QACd,aAAA,EAAe;AAAA;AACjB,KACF;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,aAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,UAAA,EAAY;AAAA,KACd;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS;AAAA,KACX;AAAA,IACA,SAAA,EAAW;AAAA,MACT,YAAA,EAAc,CAAA;AAAA,MACd,eAAA,EAAiB;AAAA,KACnB;AAAA,IACA,UAAA,EAAY;AAAA,MACV,YAAA,EAAc,CAAA;AAAA,MACd,eAAA,EAAiB,CAAA;AAAA,MACjB,UAAA,EAAY,QAAA;AAAA,MACZ,aAAA,EAAe,MAAA;AAAA,MACf,UAAA,EAAY;AAAA,KACd;AAAA,IACA,UAAA,EAAY;AAAA,MACV,OAAA,EAAS,aAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,UAAA,EAAY;AAAA;AACd,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,IAAI,EAAC,GAAA,EAAK,EAAC,CAAA,EAAG,gBAAc,EAAC;AAAA,MAC7B,IAAI,EAAC,GAAA,EAAK,EAAC,CAAA,EAAG,gBAAc,EAAC;AAAA,MAC7B,IAAI,EAAC,GAAA,EAAK,EAAC,CAAA,EAAG,gBAAc;AAAC,KAC/B;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,KAAK,EAAC;AAAA,MACN,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,EAAC,CAAA,EAAG,MAAA,EAAM;AAAA,QAChB,GAAA,EAAK,EAAC,IAAA,EAAM,CAAA;AAAC;AACf,KACF;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,UACH,iBAAA,EAAmB,IAAA;AAAA,UACnB,KAAA,EAAO,IAAA;AAAA,UACP,UAAA,EAAY;AAAA;AACd,OACF;AAAA,MACA,OAAO;AAAC,KACV;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,UACH,KAAA,EAAO,aAAA;AAAA,UACP,MAAA,EAAQ,aAAA;AAAA,UACR,MAAA,EAAQ;AAAA,YACN,EAAA,EAAI;AAAA;AACN;AACF,OACF;AAAA,MACA,OAAO;AAAC,KACV;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,UACJ,mBAAA,EAAqB,SAAA;AAAA,UACrB,mBAAA,EAAqB,OAAA;AAAA,UACrB,mBAAA,EAAqB;AAAA;AACvB,OACF;AAAA,MACA,OAAO;AAAC;AACV,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAQ,KAAA;AAAA,IACR,UAAA,EAAY,KAAA;AAAA,IACZ,UAAA,EAAY,KAAA;AAAA,IACZ,UAAA,EAAY;AAAA;AAEhB,CAAC,CAAA;ACtHM,IAAM,WAAA,GAAc,cAAuC,IAAI;AAEtE,WAAA,CAAY,WAAA,GAAc,aAAA;AAEnB,SAAS,cAAA,GAAmC;AACjD,EAAA,MAAM,OAAA,GAAU,IAAI,WAAW,CAAA;AAC/B,EAAA,IAAI,WAAW,IAAA,EAAM;AACnB,IAAA,MAAM,IAAI,MAAM,2CAA2C,CAAA;AAAA,EAC7D;AACA,EAAA,OAAO,OAAA;AACT;ACsDO,SAAS,GAAA,CAAI;AAAA,EAClB,EAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,QAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,KAAA;AAAA,EACA,GAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAgC;AAC9B,EAAA,MAAM,UAAU,cAAA,EAAe;AAC/B,EAAA,MAAM,UAAA,GAAa,QAAQ,KAAA,KAAU,KAAA;AACrC,EAAA,MAAM,WAAA,GAAc,UAAA,IAAc,YAAA,IAAgB,IAAA,GAAO,YAAA,GAAe,IAAA;AACxE,EAAA,MAAM,UAAU,UAAA,CAAW;AAAA,IACzB,MAAM,OAAA,CAAQ,IAAA;AAAA,IACd,QAAQ,OAAA,CAAQ,MAAA;AAAA,IAChB,UAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAA,MAAM,aAAA,GAAgB,EAAA,CAAG,OAAA,CAAQ,GAAA,EAAK,SAAS,CAAA;AAC/C,EAAA,MAAM,0BACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA,IAAe,IAAA,mBACd,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,QAAQ,IAAA,EACvB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,WAAA,EAAa,IAAA,EAAM,OAAA,CAAQ,IAAA,EAAM,GAC/C,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,KAAA,EACvB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAY,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BAC1C,MAAA,EAAA,EAAK,aAAA,EAAY,QAAO,SAAA,EAAW,OAAA,CAAQ,YACzC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,IACC,WAAA,CAAY,UAAU,CAAA,mBACrB,GAAA,CAAC,UAAK,SAAA,EAAW,OAAA,CAAQ,UAAA,EAAa,QAAA,EAAA,UAAA,EAAW,CAAA,GAC/C;AAAA,GAAA,EACN,CAAA;AAGF,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,eAAA,EAAe,QAAA;AAAA,MACf,eAAA,EAAe,IAAA,IAAQ,IAAA,IAAQ,UAAA,GAAa,IAAA,GAAO,MAAA;AAAA,MACnD,eAAA,EAAe,UAAA;AAAA,MACf,EAAA;AAAA,MACA,SAAA,EAAW,aAAA;AAAA,MACX,mBAAA,EAAmB,aAAa,MAAA,GAAS,MAAA;AAAA,MACzC,gBAAA,EAAgB,aAAa,MAAA,GAAY,KAAA;AAAA,MACzC,aAAA,EAAa,UAAA;AAAA,MACb,IAAA;AAAA,MACA,EAAA;AAAA,MACA,UAAA,EAAY,IAAA,IAAQ,IAAA,GAAO,UAAA,GAAa,MAAA;AAAA,MACxC,QAAQ,IAAA,IAAQ,IAAA;AAAA,MAChB,SAAS,CAAA,KAAA,KAAS;AAChB,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA;AAAA,QACF;AAEA,QAAA,OAAA,CAAQ,SAAS,KAAK,CAAA;AAAA,MACxB,CAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA,EAAK,KAAA;AAAA,MACL,KAAA;AAAA,MACA,QAAA,EAAU,UAAA,IAAc,CAAC,UAAA,GAAa,CAAA,GAAI,EAAA;AAAA,MAC1C,IAAA,EAAK,QAAA;AAAA,MACJ,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA;AC/EX,SAAS,IAAA,CAAK;AAAA,EACnB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA,GAAa,KAAA;AAAA,EACb,KAAA,GAAQ,MAAA;AAAA,EACR,MAAA,GAAS,KAAA;AAAA,EACT,QAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA;AACF,CAAA,EAAiC;AAC/B,EAAA,MAAM,YAAA,GAAe,OAAA;AAAA,IACnB,OAAO,EAAC,MAAA,EAAQ,QAAA,EAAU,MAAM,KAAA,EAAK,CAAA;AAAA,IACrC,CAAC,MAAA,EAAQ,QAAA,EAAU,IAAA,EAAM,KAAK;AAAA,GAChC;AACA,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,EAAC,UAAA,EAAY,QAAO,CAAA;AAE/C,EAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAsC;AAC3D,IAAA,IACE,KAAA,CAAM,GAAA,KAAQ,WAAA,IACd,KAAA,CAAM,GAAA,KAAQ,YAAA,IACd,KAAA,CAAM,GAAA,KAAQ,MAAA,IACd,KAAA,CAAM,GAAA,KAAQ,KAAA,EACd;AACA,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,SAAA,GAAa,MAAM,MAAA,CAAuB,OAAA;AAAA,MAC9C;AAAA,KACF;AACA,IAAA,IAAI,aAAa,IAAA,IAAQ,CAAC,MAAM,aAAA,CAAc,QAAA,CAAS,SAAS,CAAA,EAAG;AACjE,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,OAAO,KAAA,CAAM,IAAA;AAAA,MACjB,MAAM,aAAA,CAAc,gBAAA;AAAA,QAClB;AAAA;AACF,KACF;AACA,IAAA,MAAM,YAAA,GAAe,IAAA,CAAK,OAAA,CAAQ,SAAS,CAAA;AAC3C,IAAA,IAAI,iBAAiB,EAAA,EAAI;AACvB,MAAA;AAAA,IACF;AAEA,IAAA,KAAA,CAAM,cAAA,EAAe;AAErB,IAAA,MAAM,SAAA,GACJ,MAAM,GAAA,KAAQ,MAAA,GACV,IACA,KAAA,CAAM,GAAA,KAAQ,KAAA,GACZ,IAAA,CAAK,MAAA,GAAS,CAAA,GACd,MAAM,GAAA,KAAQ,YAAA,GAAA,CACX,eAAe,CAAA,IAAK,IAAA,CAAK,UACzB,YAAA,GAAe,CAAA,GAAI,IAAA,CAAK,MAAA,IAAU,IAAA,CAAK,MAAA;AAClD,IAAA,MAAM,OAAA,GAAU,KAAK,SAAS,CAAA;AAC9B,IAAA,OAAA,CAAQ,KAAA,EAAM;AAEd,IAAA,MAAM,SAAA,GAAY,QAAQ,OAAA,CAAQ,QAAA;AAClC,IAAA,IAAI,aAAa,IAAA,EAAM;AACrB,MAAA,QAAA,CAAS,SAAS,CAAA;AAAA,IACpB;AAAA,EACF,CAAA;AAEA,EAAA,uBACEA,GAAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,cAClB,QAAA,kBAAAA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,SAAS,CAAA;AAAA,MACrC,aAAA,EAAa,UAAA;AAAA,MACb,SAAA,EAAW,aAAA;AAAA,MACX,GAAA;AAAA,MACA,IAAA,EAAK,SAAA;AAAA,MACL,KAAA;AAAA,MACA,QAAA,EAAU,EAAA;AAAA,MACT;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;;;AC5JZ,IAAM,gBAAgB,GAAA,CAAI;AAAA,EAC/B,OAAO,CAAC,SAAA,EAAW,QAAQ,MAAA,EAAQ,aAAA,EAAe,YAAY,OAAO,CAAA;AAAA,EACrE,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS;AAAA,MACP,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe,QAAA;AAAA,MACf,GAAA,EAAK,KAAA;AAAA,MACL,IAAA,EAAM,IAAA;AAAA,MACN,CAAA,EAAG;AAAA,KACL;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,eAAA;AAAA,MAChB,GAAA,EAAK,GAAA;AAAA,MACL,CAAA,EAAG,MAAA;AAAA,MACH,EAAA,EAAI,GAAA;AAAA,MACJ,EAAA,EAAI,GAAA;AAAA,MACJ,WAAA,EAAa,CAAA;AAAA,MACb,YAAA,EAAc,IAAA;AAAA,MACd,EAAA,EAAI,aAAA;AAAA,MACJ,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,SAAA;AAAA,MACR,UAAA,EAAY,MAAA;AAAA,MACZ,SAAA,EAAW,OAAA;AAAA,MACX,MAAA,EAAQ,EAAC,EAAA,EAAI,WAAA,EAAW;AAAA,MACxB,aAAA,EAAe;AAAA,QACb,YAAA,EAAc,OAAA;AAAA,QACd,YAAA,EAAc,OAAA;AAAA,QACd,YAAA,EAAc,SAAA;AAAA,QACd,aAAA,EAAe;AAAA;AACjB,KACF;AAAA,IACA,WAAA,EAAa;AAAA,MACX,OAAA,EAAS,aAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,GAAA,EAAK,GAAA;AAAA,MACL,IAAA,EAAM;AAAA,KACR;AAAA,IACA,QAAA,EAAU;AAAA,MACR,OAAA,EAAS,aAAA;AAAA,MACT,KAAA,EAAO;AAAA,KACT;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,aAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,MAAM,EAAC,OAAA,EAAS,EAAC,SAAA,EAAW,kBAAgB,EAAC;AAAA,MAC7C,OAAO;AAAC,KACV;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,MAAM,EAAC,IAAA,EAAM,EAAC,UAAA,EAAY,UAAQ,EAAC;AAAA,MACnC,OAAO;AAAC;AACV,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ,KAAA;AAAA,IACR,cAAA,EAAgB;AAAA;AAEpB,CAAC,CAAA;ACKM,SAAS,OAAA,CAAQ;AAAA,EACtB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,EAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,KAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,MAAM,UAAU,cAAA,EAAe;AAC/B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,UAAA,GAAa,OAA0B,IAAI,CAAA;AACjD,EAAA,MAAM,iBAAiB,OAAA,CAAQ,IAAA,CAAK,YAAU,MAAA,CAAO,KAAA,KAAU,QAAQ,KAAK,CAAA;AAC5E,EAAA,MAAM,YAAA,GAAe,gBAAgB,KAAA,IAAS,KAAA;AAC9C,EAAA,MAAM,oBAAoB,cAAA,IAAkB,IAAA;AAC5C,EAAA,MAAM,iBAAiB,UAAA,CAAW;AAAA,IAChC,MAAM,OAAA,CAAQ,IAAA;AAAA,IACd,QAAQ,OAAA,CAAQ,MAAA;AAAA,IAChB,UAAA,EAAY,iBAAA;AAAA,IACZ;AAAA,GACD,CAAA;AACD,EAAA,MAAM,OAAA,GAAU,aAAA,CAAc,EAAC,MAAA,EAAO,CAAA;AAEtC,EAAA,MAAM,aAAA,GAAgB,CACpB,KAAA,EACA,SAAA,KACG;AACH,IAAA,MAAM,IAAA,GAAO,KAAA,CAAM,aAAA,CAAc,OAAA,CAAqB,eAAe,CAAA;AACrE,IAAA,MAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,MAClB,IAAA,EAAM,gBAAA,CAAoC,mBAAmB,CAAA,IAAK;AAAC,KACrE;AACA,IAAA,KAAA,CAAM,SAAS,GAAG,KAAA,EAAM;AAAA,EAC1B,CAAA;AAEA,EAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAAsC;AAC/D,IAAA,MAAM,IAAA,GAAO,KAAA,CAAM,aAAA,CAAc,OAAA,CAAqB,eAAe,CAAA;AACrE,IAAA,MAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,MAClB,IAAA,EAAM,gBAAA,CAAoC,mBAAmB,CAAA,IAAK;AAAC,KACrE;AACA,IAAA,MAAM,cAAc,KAAA,CAAM,OAAA;AAAA,MACxB,QAAA,CAAS;AAAA,KACX;AAEA,IAAA,IAAI,KAAA,CAAM,QAAQ,QAAA,EAAU;AAC1B,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,SAAA,CAAU,KAAK,CAAA;AACf,MAAA,UAAA,CAAW,SAAS,KAAA,EAAM;AAC1B,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,KAAA,CAAM,QAAQ,MAAA,EAAQ;AACxB,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,aAAA,CAAc,OAAO,CAAC,CAAA;AACtB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,KAAA,CAAM,QAAQ,KAAA,EAAO;AACvB,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,aAAA,CAAc,KAAA,EAAO,KAAA,CAAM,MAAA,GAAS,CAAC,CAAA;AACrC,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,WAAA,IAAe,KAAA,CAAM,QAAQ,SAAA,EAAW;AACxD,MAAA;AAAA,IACF;AAEA,IAAA,KAAA,CAAM,cAAA,EAAe;AAErB,IAAA,MAAM,YAAA,GAAe,WAAA,KAAgB,EAAA,GAAK,CAAA,GAAI,WAAA;AAC9C,IAAA,MAAM,SAAA,GACJ,KAAA,CAAM,GAAA,KAAQ,WAAA,GAAA,CACT,YAAA,GAAe,CAAA,IAAK,KAAA,CAAM,MAAA,GAAA,CAC1B,YAAA,GAAe,CAAA,GAAI,KAAA,CAAM,MAAA,IAAU,KAAA,CAAM,MAAA;AAChD,IAAA,aAAA,CAAc,OAAO,SAAS,CAAA;AAAA,EAChC,CAAA;AAEA,EAAA,uBACEA,GAAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAA,kBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAW,OAAA,CAAQ,IAAA,EACrB,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAA,MAAA,KAAU;AACrB,QAAA,MAAM,UAAA,GAAa,MAAA,CAAO,KAAA,KAAU,OAAA,CAAQ,KAAA;AAC5C,QAAA,uBACEC,IAAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,cAAA,EAAc,aAAa,MAAA,GAAS,MAAA;AAAA,YACpC,WAAW,aAAA,CAAc,EAAC,cAAA,EAAgB,UAAA,EAAW,CAAA,CAAE,IAAA;AAAA,YAEvD,SAAS,MAAM;AACb,cAAA,OAAA,CAAQ,QAAA,CAAS,OAAO,KAAK,CAAA;AAC7B,cAAA,SAAA,CAAU,KAAK,CAAA;AAAA,YACjB,CAAA;AAAA,YACA,SAAA,EAAW,iBAAA;AAAA,YACX,IAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,QAAA;AAAA,YACL,QAAA,EAAA;AAAA,8BAAAA,IAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,WAAA,EACtB,QAAA,EAAA;AAAA,gBAAA,MAAA,CAAO,QAAQ,IAAA,mBACdD,IAAC,MAAA,EAAA,EAAK,SAAA,EAAW,QAAQ,QAAA,EACvB,QAAA,kBAAAA,IAAC,IAAA,EAAA,EAAK,KAAA,EAAM,aAAY,IAAA,EAAM,MAAA,CAAO,MAAM,IAAA,EAAK,IAAA,EAAK,GACvD,CAAA,GACE,IAAA;AAAA,gBACH,MAAA,CAAO;AAAA,eAAA,EACV,CAAA;AAAA,cACC,6BACCA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,QAAQ,KAAA,EACvB,QAAA,kBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAK,OAAM,QAAA,EAAS,IAAA,EAAM,OAAO,IAAA,EAAK,IAAA,EAAK,GAC9C,CAAA,GACE;AAAA;AAAA,WAAA;AAAA,UApBC,MAAA,CAAO;AAAA,SAqBd;AAAA,MAEJ,CAAC,CAAA,EACH,CAAA;AAAA,MAEF,YAAA,EAAY,IAAA;AAAA,MACZ,cAAA,EAAgB,KAAA;AAAA,MAChB,WAAW,CAAC,UAAA;AAAA,MACZ,MAAA;AAAA,MACA,KAAA;AAAA,MACA,YAAA,EAAc,SAAA;AAAA,MACd,IAAA,EAAK,MAAA;AAAA,MACL,QAAA,kBAAAC,IAAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,iBAAe,UAAA,IAAc,MAAA;AAAA,UAC7B,eAAA,EAAe,iBAAA;AAAA,UACf,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,GAAA,EAAK,SAAS,CAAA;AAAA,UAC3C,mBAAA,EAAmB,aAAa,MAAA,GAAS,MAAA;AAAA,UACzC,gBAAA,EACE,iBAAA,IAAqB,CAAC,UAAA,GAAa,QAAQ,KAAA,GAAQ,MAAA;AAAA,UAErD,aAAA,EAAa,UAAA;AAAA,UACb,QAAA,EAAU,UAAA;AAAA,UACV,EAAA;AAAA,UACA,WAAW,CAAA,KAAA,KAAS;AAClB,YAAA,IAAI,KAAA,CAAM,QAAQ,WAAA,EAAa;AAC7B,cAAA;AAAA,YACF;AAEA,YAAA,KAAA,CAAM,cAAA,EAAe;AACrB,YAAA,SAAA,CAAU,IAAI,CAAA;AAAA,UAChB,CAAA;AAAA,UACA,GAAA,EAAK,SAAA,CAAU,UAAA,EAAY,GAAG,CAAA;AAAA,UAC9B,IAAA,EAAK,KAAA;AAAA,UACL,KAAA;AAAA,UACA,QAAA,EAAU,iBAAA,IAAqB,CAAC,UAAA,GAAa,CAAA,GAAI,EAAA;AAAA,UACjD,IAAA,EAAK,QAAA;AAAA,UACJ,QAAA,EAAA;AAAA,YAAA,YAAA;AAAA,4BACDD,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,OAAA,EACvB,QAAA,kBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,WAAA,EAAa,IAAA,EAAK,MAAK,CAAA,EACrC;AAAA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-IJWWTBJ6.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const tabsRecipe = sva({\n  slots: [\n    'root',\n    'tab',\n    'icon',\n    'label',\n    'labelText',\n    'labelSizer',\n    'endContent',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      alignItems: 'stretch',\n      maxW: 'full',\n      minW: 0,\n    },\n    tab: {\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: '1',\n      mb: '-1px',\n      px: '3',\n      borderWidth: 0,\n      borderBottomWidth: 'emphasized',\n      borderBottomStyle: 'solid',\n      borderBottomColor: 'transparent',\n      bg: 'transparent',\n      color: 'fg.muted',\n      cursor: 'pointer',\n      fontFamily: 'body',\n      fontSize: 'md',\n      fontWeight: 'normal',\n      lineHeight: 'normal',\n      textDecoration: 'none',\n      whiteSpace: 'nowrap',\n      transitionProperty: 'color, background-color, border-color',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      _hover: {\n        bg: 'bg.subtle',\n      },\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n    },\n    icon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n    },\n    label: {\n      display: 'inline-grid',\n    },\n    labelText: {\n      gridRowStart: 1,\n      gridColumnStart: 1,\n    },\n    labelSizer: {\n      gridRowStart: 1,\n      gridColumnStart: 1,\n      visibility: 'hidden',\n      pointerEvents: 'none',\n      fontWeight: 'semibold',\n    },\n    endContent: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    size: {\n      sm: {tab: {h: 'component.sm'}},\n      md: {tab: {h: 'component.md'}},\n      lg: {tab: {h: 'component.lg'}},\n    },\n    layout: {\n      hug: {},\n      fill: {\n        root: {w: 'full'},\n        tab: {flex: 1},\n      },\n    },\n    isSelected: {\n      true: {\n        tab: {\n          borderBottomColor: 'fg',\n          color: 'fg',\n          fontWeight: 'semibold',\n        },\n      },\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        tab: {\n          color: 'fg.disabled',\n          cursor: 'not-allowed',\n          _hover: {\n            bg: 'transparent',\n          },\n        },\n      },\n      false: {},\n    },\n    hasDivider: {\n      true: {\n        root: {\n          borderBlockEndWidth: 'default',\n          borderBlockEndStyle: 'solid',\n          borderBlockEndColor: 'border',\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    layout: 'hug',\n    isSelected: false,\n    isDisabled: false,\n    hasDivider: false,\n  },\n});\n\nexport type TabsVariants = RecipeVariantProps<typeof tabsRecipe>;\n","'use client';\n\nimport {createContext, use} from 'react';\n\nexport type TabsSize = 'lg' | 'md' | 'sm';\nexport type TabsLayout = 'fill' | 'hug';\n\nexport interface TabsContextValue {\n  layout: TabsLayout;\n  onChange: (value: string) => void;\n  size: TabsSize;\n  value: string;\n}\n\nexport const TabsContext = createContext<TabsContextValue | null>(null);\n\nTabsContext.displayName = 'TabsContext';\n\nexport function useTabsContext(): TabsContextValue {\n  const context = use(TabsContext);\n  if (context == null) {\n    throw new Error('Tabs children must be used within a Tabs.');\n  }\n  return context;\n}\n","'use client';\n\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport type {LinkComponent} from 'components/Link';\nimport {tabsRecipe} from 'components/Tabs/Tabs.recipe';\nimport {useTabsContext} from 'components/Tabs/TabsContext';\nimport {ActionElement} from 'internal/ActionElement';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport interface TabProps {\n  /**\n   * Custom link component used when href is set.\n   */\n  as?: LinkComponent;\n  /**\n   * Additional CSS class names applied to the tab.\n   */\n  className?: string;\n  /**\n   * ID of the tabpanel controlled by this tab. Use this for in-page tabs, and\n   * render the corresponding panel with `id={controls}`, `role=\"tabpanel\"`,\n   * and `aria-labelledby` pointing to this tab's `id`.\n   */\n  controls?: string;\n  /**\n   * Test ID applied to the tab.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered after the label.\n   */\n  endContent?: ReactNode;\n  /**\n   * Optional link URL. When set, the tab renders as a link.\n   */\n  href?: string;\n  /**\n   * Icon shown before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * ID applied to the tab element. Provide this with `controls` when rendering\n   * your own tabpanel so the panel can reference the tab with\n   * `aria-labelledby`.\n   */\n  id?: string;\n  /**\n   * Whether the tab is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Visible tab label.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the tab root.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Icon shown when selected. Falls back to icon.\n   */\n  selectedIcon?: IconComponent;\n  /**\n   * Inline styles applied to the tab.\n   */\n  style?: CSSProperties;\n  /**\n   * Unique tab value.\n   */\n  value: string;\n}\n\n/**\n * A single tab inside `Tabs`.\n */\nexport function Tab({\n  as,\n  className,\n  'data-testid': dataTestId,\n  controls,\n  endContent,\n  href,\n  id,\n  icon,\n  isDisabled = false,\n  label,\n  ref,\n  selectedIcon,\n  style,\n  value,\n}: TabProps): React.JSX.Element {\n  const context = useTabsContext();\n  const isSelected = context.value === value;\n  const displayIcon = isSelected && selectedIcon != null ? selectedIcon : icon;\n  const classes = tabsRecipe({\n    size: context.size,\n    layout: context.layout,\n    isSelected,\n    isDisabled,\n  });\n  const rootClassName = cx(classes.tab, className);\n  const content = (\n    <>\n      {displayIcon != null ? (\n        <span className={classes.icon}>\n          <Icon icon={displayIcon} size={context.size} />\n        </span>\n      ) : null}\n      <span className={classes.label}>\n        <span className={classes.labelText}>{label}</span>\n        <span aria-hidden=\"true\" className={classes.labelSizer}>\n          {label}\n        </span>\n      </span>\n      {isReactNode(endContent) ? (\n        <span className={classes.endContent}>{endContent}</span>\n      ) : null}\n    </>\n  );\n\n  return (\n    <ActionElement\n      aria-controls={controls}\n      aria-disabled={href != null && isDisabled ? true : undefined}\n      aria-selected={isSelected}\n      as={as}\n      className={rootClassName}\n      data-tab-disabled={isDisabled ? 'true' : undefined}\n      data-tab-value={isDisabled ? undefined : value}\n      data-testid={dataTestId}\n      href={href}\n      id={id}\n      isDisabled={href == null ? isDisabled : undefined}\n      isLink={href != null}\n      onClick={event => {\n        if (isDisabled) {\n          event.preventDefault();\n          return;\n        }\n\n        context.onChange(value);\n      }}\n      ref={ref}\n      role=\"tab\"\n      style={style}\n      tabIndex={isSelected && !isDisabled ? 0 : -1}\n      type=\"button\">\n      {content}\n    </ActionElement>\n  );\n}\n\nTab.displayName = 'Tab';\n","'use client';\n\nimport {\n  useMemo,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {tabsRecipe} from 'components/Tabs/Tabs.recipe';\nimport {\n  TabsContext,\n  type TabsLayout,\n  type TabsSize,\n} from 'components/Tabs/TabsContext';\nimport {cx} from 'internal/cx';\n\nexport interface TabsProps {\n  /**\n   * Tab and TabMenu children.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the tablist element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the tablist element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to show a bottom divider.\n   * @default false\n   */\n  hasDivider?: boolean;\n  /**\n   * Accessible label for the tabs.\n   * @default 'Tabs'\n   */\n  label?: string;\n  /**\n   * Tab layout mode.\n   * @default 'hug'\n   */\n  layout?: TabsLayout;\n  /**\n   * Called when a tab is selected.\n   */\n  onChange: (value: string) => void;\n  /**\n   * Ref forwarded to the tablist element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Tab size.\n   * @default 'md'\n   */\n  size?: TabsSize;\n  /**\n   * Inline styles applied to the tablist element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current selected tab value.\n   */\n  value: string;\n}\n\n/**\n * Controlled tab wrapper.\n *\n * Uses `tablist` / `tabpanel` semantics, so reach for it when selecting an\n * option shows or hides associated content panels. To pick a value without\n * swapping panels — a styled radio group for filters, settings, or view modes —\n * use {@link SegmentedControl} instead.\n */\nexport function Tabs({\n  children,\n  className,\n  'data-testid': dataTestId,\n  hasDivider = false,\n  label = 'Tabs',\n  layout = 'hug',\n  onChange,\n  ref,\n  size = 'md',\n  style,\n  value,\n}: TabsProps): React.JSX.Element {\n  const contextValue = useMemo(\n    () => ({layout, onChange, size, value}),\n    [layout, onChange, size, value],\n  );\n  const classes = tabsRecipe({hasDivider, layout});\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (\n      event.key !== 'ArrowLeft' &&\n      event.key !== 'ArrowRight' &&\n      event.key !== 'Home' &&\n      event.key !== 'End'\n    ) {\n      return;\n    }\n\n    const activeTab = (event.target as HTMLElement).closest<HTMLElement>(\n      '[role=\"tab\"]',\n    );\n    if (activeTab == null || !event.currentTarget.contains(activeTab)) {\n      return;\n    }\n\n    const tabs = Array.from(\n      event.currentTarget.querySelectorAll<HTMLElement>(\n        '[role=\"tab\"]:not([data-tab-disabled=\"true\"])',\n      ),\n    );\n    const currentIndex = tabs.indexOf(activeTab);\n    if (currentIndex === -1) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const nextIndex =\n      event.key === 'Home'\n        ? 0\n        : event.key === 'End'\n          ? tabs.length - 1\n          : event.key === 'ArrowRight'\n            ? (currentIndex + 1) % tabs.length\n            : (currentIndex - 1 + tabs.length) % tabs.length;\n    const nextTab = tabs[nextIndex];\n    nextTab.focus();\n\n    const nextValue = nextTab.dataset.tabValue;\n    if (nextValue != null) {\n      onChange(nextValue);\n    }\n  };\n\n  return (\n    <TabsContext value={contextValue}>\n      <div\n        aria-label={label}\n        className={cx(classes.root, className)}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyDown}\n        ref={ref as Ref<HTMLDivElement>}\n        role=\"tablist\"\n        style={style}\n        tabIndex={-1}>\n        {children}\n      </div>\n    </TabsContext>\n  );\n}\n\nTabs.displayName = 'Tabs';\n","import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const tabMenuRecipe = sva({\n  slots: ['chevron', 'menu', 'item', 'itemContent', 'itemIcon', 'check'],\n  base: {\n    chevron: {\n      display: 'inline-flex',\n    },\n    menu: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.5',\n      minW: '40',\n      p: '1',\n    },\n    item: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: '2',\n      w: 'full',\n      px: '2',\n      py: '2',\n      borderWidth: 0,\n      borderRadius: 'md',\n      bg: 'transparent',\n      color: 'fg',\n      cursor: 'pointer',\n      fontFamily: 'body',\n      textAlign: 'start',\n      _hover: {bg: 'bg.subtle'},\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffsetTight',\n      },\n    },\n    itemContent: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '2',\n      minW: 0,\n    },\n    itemIcon: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n    },\n    check: {\n      display: 'inline-flex',\n      color: 'primary',\n    },\n  },\n  variants: {\n    isOpen: {\n      true: {chevron: {transform: 'rotate(180deg)'}},\n      false: {},\n    },\n    isItemSelected: {\n      true: {item: {fontWeight: 'medium'}},\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isOpen: false,\n    isItemSelected: false,\n  },\n});\n\nexport type TabMenuVariants = RecipeVariantProps<typeof tabMenuRecipe>;\n","'use client';\n\nimport {Check, ChevronDown} from 'lucide-react';\nimport {\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type Ref,\n} from 'react';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {tabMenuRecipe} from 'components/Tabs/TabMenu.recipe';\nimport {tabsRecipe} from 'components/Tabs/Tabs.recipe';\nimport {useTabsContext} from 'components/Tabs/TabsContext';\nimport {cx} from 'internal/cx';\nimport {mergeRefs} from 'internal/mergeRefs';\n\nexport interface TabMenuOption {\n  /**\n   * Icon rendered before the option label.\n   */\n  icon?: IconComponent;\n  /**\n   * Visible option label.\n   */\n  label: string;\n  /**\n   * Tab value selected by this option.\n   */\n  value: string;\n}\n\nexport interface TabMenuProps {\n  /**\n   * Additional CSS class names applied to the trigger.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the trigger.\n   */\n  'data-testid'?: string;\n  /**\n   * ID applied to the menu trigger tab.\n   */\n  id?: string;\n  /**\n   * Whether the menu trigger is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Trigger and menu heading label.\n   */\n  label: string;\n  /**\n   * Menu options.\n   */\n  options: ReadonlyArray<TabMenuOption>;\n  /**\n   * Ref forwarded to the trigger button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Inline styles applied to the trigger.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Overflow menu for additional tabs.\n */\nexport function TabMenu({\n  className,\n  'data-testid': dataTestId,\n  id,\n  isDisabled = false,\n  label,\n  options,\n  ref,\n  style,\n}: TabMenuProps): React.JSX.Element {\n  const context = useTabsContext();\n  const [isOpen, setIsOpen] = useState(false);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const selectedOption = options.find(option => option.value === context.value);\n  const triggerLabel = selectedOption?.label ?? label;\n  const hasSelectedOption = selectedOption != null;\n  const triggerClasses = tabsRecipe({\n    size: context.size,\n    layout: context.layout,\n    isSelected: hasSelectedOption,\n    isDisabled,\n  });\n  const classes = tabMenuRecipe({isOpen});\n\n  const focusMenuItem = (\n    event: KeyboardEvent<HTMLElement>,\n    nextIndex: number,\n  ) => {\n    const menu = event.currentTarget.closest<HTMLElement>('[role=\"menu\"]');\n    const items = Array.from(\n      menu?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]') ?? [],\n    );\n    items[nextIndex]?.focus();\n  };\n\n  const handleMenuKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    const menu = event.currentTarget.closest<HTMLElement>('[role=\"menu\"]');\n    const items = Array.from(\n      menu?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]') ?? [],\n    );\n    const activeIndex = items.indexOf(\n      document.activeElement as HTMLButtonElement,\n    );\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      setIsOpen(false);\n      triggerRef.current?.focus();\n      return;\n    }\n\n    if (items.length === 0) {\n      return;\n    }\n\n    if (event.key === 'Home') {\n      event.preventDefault();\n      focusMenuItem(event, 0);\n      return;\n    }\n\n    if (event.key === 'End') {\n      event.preventDefault();\n      focusMenuItem(event, items.length - 1);\n      return;\n    }\n\n    if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp') {\n      return;\n    }\n\n    event.preventDefault();\n\n    const currentIndex = activeIndex === -1 ? 0 : activeIndex;\n    const nextIndex =\n      event.key === 'ArrowDown'\n        ? (currentIndex + 1) % items.length\n        : (currentIndex - 1 + items.length) % items.length;\n    focusMenuItem(event, nextIndex);\n  };\n\n  return (\n    <Popover\n      content={\n        <div className={classes.menu}>\n          {options.map(option => {\n            const isSelected = option.value === context.value;\n            return (\n              <button\n                aria-current={isSelected ? 'true' : undefined}\n                className={tabMenuRecipe({isItemSelected: isSelected}).item}\n                key={option.value}\n                onClick={() => {\n                  context.onChange(option.value);\n                  setIsOpen(false);\n                }}\n                onKeyDown={handleMenuKeyDown}\n                role=\"menuitem\"\n                type=\"button\">\n                <span className={classes.itemContent}>\n                  {option.icon != null ? (\n                    <span className={classes.itemIcon}>\n                      <Icon color=\"secondary\" icon={option.icon} size=\"sm\" />\n                    </span>\n                  ) : null}\n                  {option.label}\n                </span>\n                {isSelected ? (\n                  <span className={classes.check}>\n                    <Icon color=\"accent\" icon={Check} size=\"sm\" />\n                  </span>\n                ) : null}\n              </button>\n            );\n          })}\n        </div>\n      }\n      hasAutoFocus\n      hasCloseButton={false}\n      isEnabled={!isDisabled}\n      isOpen={isOpen}\n      label={label}\n      onOpenChange={setIsOpen}\n      role=\"menu\">\n      <button\n        aria-disabled={isDisabled || undefined}\n        aria-selected={hasSelectedOption}\n        className={cx(triggerClasses.tab, className)}\n        data-tab-disabled={isDisabled ? 'true' : undefined}\n        data-tab-value={\n          hasSelectedOption && !isDisabled ? context.value : undefined\n        }\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        id={id}\n        onKeyDown={event => {\n          if (event.key !== 'ArrowDown') {\n            return;\n          }\n\n          event.preventDefault();\n          setIsOpen(true);\n        }}\n        ref={mergeRefs(triggerRef, ref)}\n        role=\"tab\"\n        style={style}\n        tabIndex={hasSelectedOption && !isDisabled ? 0 : -1}\n        type=\"button\">\n        {triggerLabel}\n        <span className={classes.chevron}>\n          <Icon icon={ChevronDown} size=\"sm\" />\n        </span>\n      </button>\n    </Popover>\n  );\n}\n\nTabMenu.displayName = 'TabMenu';\n"]}

package/dist/{chunk-JTPVAZE6.cjs → chunk-IVDCRMY3.cjs}

@@ -1,11 +1,12 @@
+'use client';
 'use strict';
 
-var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
+var chunkHIFJC2HY_cjs = require('./chunk-HIFJC2HY.cjs');
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
-var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
-var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
+var chunkS5FJ3FHH_cjs = require('./chunk-S5FJ3FHH.cjs');
+var chunk6VY3VM5W_cjs = require('./chunk-6VY3VM5W.cjs');
 var chunk2MXK2SDR_cjs = require('./chunk-2MXK2SDR.cjs');
-var chunkCKDB7QNT_cjs = require('./chunk-CKDB7QNT.cjs');
+var chunkEPQKIFGY_cjs = require('./chunk-EPQKIFGY.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
@@ -319,9 +320,9 @@ function FileInput({
       }
     }
   } : {};
-  const necessity = chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkHIFJC2HY_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRX2FXCIH_cjs.Field,
+    chunkHIFJC2HY_cjs.Field,
     {
       description,
       descriptionID,
@@ -361,9 +362,9 @@ function FileInput({
                 type: "file"
               }
             ) }),
-            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: isDropzone ? "md" : "sm" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: lucideReact.Upload, size: isDropzone ? "md" : "sm" }) }),
+            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk6VY3VM5W_cjs.Spinner, { size: isDropzone ? "md" : "sm" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: lucideReact.Upload, size: isDropzone ? "md" : "sm" }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkCKDB7QNT_cjs.Text,
+              chunkEPQKIFGY_cjs.Text,
               {
                 as: "span",
                 className: classes.fileName,
@@ -372,7 +373,7 @@ function FileInput({
               }
             ),
             fileNames != null && !isDisabled && !isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkWOVSJHY6_cjs.Button,
+              chunkS5FJ3FHH_cjs.Button,
               {
                 icon: lucideReact.X,
                 isIconOnly: true,
@@ -395,5 +396,5 @@ function FileInput({
 FileInput.displayName = "FileInput";
 
 exports.FileInput = FileInput;
-//# sourceMappingURL=chunk-JTPVAZE6.cjs.map
-//# sourceMappingURL=chunk-JTPVAZE6.cjs.map
+//# sourceMappingURL=chunk-IVDCRMY3.cjs.map
+//# sourceMappingURL=chunk-IVDCRMY3.cjs.map

package/dist/{chunk-JTPVAZE6.cjs.map → chunk-IVDCRMY3.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/FileInput/FileInput.recipe.ts","../src/internal/formatFileSize.ts","../src/components/FileInput/FileInput.tsx"],"names":["sva","useId","useRef","useState","isReactNode","getStatusMessageID","getDescribedBy","getNecessity","jsx","Field","jsxs","cx","VisuallyHidden","mergeRefs","Spinner","Icon","Upload","Text","Button","X","getStatusIcon"],"mappings":"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","file":"chunk-JTPVAZE6.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const fileInputRecipe = sva({\n  slots: ['surface', 'icon', 'fileName'],\n  base: {\n    surface: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      px: '3',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'border.emphasized',\n      borderRadius: 'md',\n      bg: 'bg',\n      cursor: 'pointer',\n      _hover: {borderColor: 'fg.muted'},\n    },\n    icon: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n    },\n    fileName: {\n      flex: 1,\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n  },\n  variants: {\n    mode: {\n      input: {\n        surface: {\n          position: 'relative',\n          zIndex: 1,\n          transitionProperty: 'border-color, box-shadow, opacity',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _focusWithin: {\n            borderColor: 'primary',\n            boxShadow: 'focus',\n          },\n        },\n      },\n      dropzone: {\n        surface: {\n          minH: '32',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          borderStyle: 'dashed',\n          textAlign: 'center',\n          '& > *': {flex: 'none'},\n          // Focus lives on the visually-hidden file input, so the surface\n          // reflects it via :focus-within (the input mode uses boxShadow).\n          _focusWithin: {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n    // Size only affects the input mode's height; the dropzone has a fixed\n    // height, so the real styling lives in compoundVariants below.\n    size: {\n      sm: {},\n      md: {},\n      lg: {},\n    },\n    // Status border/focus colors only apply in input mode (the dropzone\n    // surface keeps its dashed border), so they live in compoundVariants.\n    status: {\n      warning: {},\n      error: {},\n      success: {},\n    },\n    isDisabled: {\n      true: {\n        surface: {cursor: 'not-allowed', opacity: 0.55},\n      },\n      false: {},\n    },\n    isDragOver: {\n      true: {\n        surface: {borderColor: 'primary', bg: 'bg.selected'},\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {mode: 'input', size: 'sm', css: {surface: {minH: 'component.sm'}}},\n    {mode: 'input', size: 'md', css: {surface: {minH: 'component.md'}}},\n    {mode: 'input', size: 'lg', css: {surface: {minH: 'component.lg'}}},\n    {\n      mode: 'input',\n      status: 'warning',\n      css: {\n        surface: {\n          borderColor: 'status.warning.border',\n          _hover: {borderColor: 'status.warning.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.warning.border',\n            boxShadow: 'focus.warning',\n          },\n        },\n      },\n    },\n    {\n      mode: 'input',\n      status: 'error',\n      css: {\n        surface: {\n          borderColor: 'status.error.border',\n          _hover: {borderColor: 'status.error.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.error.border',\n            boxShadow: 'focus.error',\n          },\n        },\n      },\n    },\n    {\n      mode: 'input',\n      status: 'success',\n      css: {\n        surface: {\n          borderColor: 'status.success.border',\n          _hover: {borderColor: 'status.success.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.success.border',\n            boxShadow: 'focus.success',\n          },\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    mode: 'input',\n    size: 'md',\n    isDisabled: false,\n    isDragOver: false,\n  },\n});\n\nexport type FileInputVariants = RecipeVariantProps<typeof fileInputRecipe>;\n","export function formatFileSize(bytes: number): string {\n  if (bytes < 1024) {\n    return `${bytes} B`;\n  }\n\n  if (bytes < 1024 * 1024) {\n    return `${(bytes / 1024).toFixed(1)} KB`;\n  }\n\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n","import {Upload, X} from 'lucide-react';\nimport {\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type DragEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {fileInputRecipe} from 'components/FileInput/FileInput.recipe';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\nimport {formatFileSize} from 'internal/formatFileSize';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\n\nexport type FileInputMode = 'dropzone' | 'input';\n\ninterface FileInputBaseProps {\n  /**\n   * Comma-separated MIME types or file extensions the input accepts.\n   */\n  accept?: string;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the hidden file input.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether the input 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   * Whether the input is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum file size in bytes.\n   */\n  maxSize?: number;\n  /**\n   * Display mode: inline input or drag-and-drop dropzone.\n   * @default 'input'\n   */\n  mode?: FileInputMode;\n  /**\n   * Placeholder text shown when no file is selected.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the hidden file input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the input.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\ninterface FileInputSingleProps extends FileInputBaseProps {\n  /**\n   * Whether multiple files can be selected.\n   */\n  isMultiple?: false;\n  /**\n   * Maximum number of files allowed. Only applicable when isMultiple is true.\n   */\n  maxFiles?: undefined;\n  /**\n   * Called when the selected file changes.\n   */\n  onChange: (file: File | null) => void;\n  /**\n   * Currently selected file.\n   */\n  value: File | null;\n}\n\ninterface FileInputMultipleProps extends FileInputBaseProps {\n  /**\n   * Whether multiple files can be selected.\n   */\n  isMultiple: true;\n  /**\n   * Maximum number of files allowed.\n   */\n  maxFiles?: number;\n  /**\n   * Called when the selected files change.\n   */\n  onChange: (files: File[]) => void;\n  /**\n   * Currently selected files.\n   */\n  value: File[];\n}\n\nexport type FileInputProps = (FileInputMultipleProps | FileInputSingleProps) &\n  FieldNecessity;\n\nfunction validateFiles(\n  files: File[],\n  options: {\n    accept?: string;\n    isMultiple: boolean;\n    maxFiles?: number;\n    maxSize?: number;\n  },\n): {error: string | null; files: File[]} {\n  let validFiles = files;\n  if (options.accept != null) {\n    const acceptedTypes = options.accept\n      .split(',')\n      .map(type => type.trim().toLowerCase());\n    validFiles = validFiles.filter(file =>\n      acceptedTypes.some(type => {\n        if (type.startsWith('.')) {\n          return file.name.toLowerCase().endsWith(type);\n        }\n        if (type.endsWith('/*')) {\n          return file.type.startsWith(type.slice(0, -1));\n        }\n        return file.type.toLowerCase() === type;\n      }),\n    );\n    if (validFiles.length !== files.length) {\n      return {\n        files: validFiles,\n        error: 'One or more files are not an accepted type.',\n      };\n    }\n  }\n  if (options.maxSize != null) {\n    const maxSize = options.maxSize;\n    const oversized = validFiles.find(file => file.size > maxSize);\n    if (oversized != null) {\n      return {\n        error: `\"${oversized.name}\" exceeds ${formatFileSize(maxSize)}.`,\n        files: validFiles.filter(file => file.size <= maxSize),\n      };\n    }\n  }\n  if (\n    options.isMultiple &&\n    options.maxFiles != null &&\n    validFiles.length > options.maxFiles\n  ) {\n    return {\n      files: validFiles.slice(0, options.maxFiles),\n      error: `Maximum ${options.maxFiles} files allowed.`,\n    };\n  }\n  return {files: validFiles, error: null};\n}\n\nfunction getFileNames(value: File | File[] | null): string | null {\n  if (value == null) {\n    return null;\n  }\n  if (Array.isArray(value)) {\n    return value.length === 0 ? null : value.map(file => file.name).join(', ');\n  }\n  return value.name;\n}\n\n/**\n * A file input supporting both inline and drag-and-drop dropzone modes.\n */\nexport function FileInput({\n  label,\n  value,\n  onChange,\n  accept,\n  isMultiple = false,\n  maxSize,\n  maxFiles,\n  mode = 'input',\n  placeholder,\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  size = 'md',\n  status: statusFromProps,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: FileInputProps): React.JSX.Element {\n  const inputId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragOver, setIsDragOver] = useState(false);\n  const [validationError, setValidationError] = useState<string | null>(null);\n  // A validation error from the user's most recent selection is immediate,\n  // actionable feedback about what they just tried to do (wrong type, too\n  // large, too many), so it takes precedence over a consumer-provided `status`\n  // such as a form-level \"required\". Once there is no validation error (a valid\n  // selection or a cleared field), the external status surfaces again.\n  const status =\n    validationError == null\n      ? statusFromProps\n      : {type: 'error' as const, message: validationError};\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const fileNames = getFileNames(value);\n  const displayText =\n    fileNames ?? placeholder ?? (isMultiple ? 'Choose files' : 'Choose file');\n  const isDropzone = mode === 'dropzone';\n  const classes = fileInputRecipe({\n    mode,\n    size,\n    status: status?.type,\n    isDisabled,\n    isDragOver,\n  });\n\n  const handleFiles = (files: File[]) => {\n    if (isDisabled) {\n      return;\n    }\n    const result = validateFiles(files, {\n      accept,\n      isMultiple,\n      maxFiles,\n      maxSize,\n    });\n    setValidationError(result.error);\n    if (isMultiple) {\n      (onChange as (files: File[]) => void)(result.files);\n    } else if (result.files.length === 0) {\n      (onChange as (file: File | null) => void)(null);\n    } else {\n      (onChange as (file: File | null) => void)(result.files[0]);\n    }\n  };\n\n  const handleClear = () => {\n    setValidationError(null);\n    if (isMultiple) {\n      (onChange as (files: File[]) => void)([]);\n    } else {\n      (onChange as (file: File | null) => void)(null);\n    }\n  };\n\n  const openFilePicker = () => {\n    if (!isDisabled) {\n      inputRef.current?.click();\n    }\n  };\n\n  const dragProps = isDropzone\n    ? {\n        onDragEnter: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          if (!isDisabled) {\n            setIsDragOver(true);\n          }\n        },\n        onDragLeave: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          setIsDragOver(false);\n        },\n        onDragOver: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          if (!isDisabled) {\n            setIsDragOver(true);\n          }\n        },\n        onDrop: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          setIsDragOver(false);\n          if (!isDisabled) {\n            handleFiles(Array.from(event.dataTransfer.files));\n          }\n        },\n      }\n    : {};\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }>\n      {/*\n        The visually-hidden <input> is the real, focusable, labeled control\n        (the Field label targets it via htmlFor), so it owns the accessible\n        name, description, focus, and keyboard activation. The surface is only\n        a presentational mouse/drop target — it intentionally has no role or\n        keyboard handler, because that would create a redundant second control\n        with the same name. Hence the scoped a11y disables below.\n      */}\n      {/* eslint-disable jsx-a11y-x/no-static-element-interactions, jsx-a11y-x/click-events-have-key-events */}\n      <div\n        aria-busy={isLoading || undefined}\n        className={cx(classes.surface, className)}\n        onClick={openFilePicker}\n        style={style}\n        {...dragProps}>\n        <VisuallyHidden>\n          <input\n            accept={accept}\n            aria-describedby={describedBy}\n            aria-invalid={status?.type === 'error' || undefined}\n            data-testid={dataTestId}\n            disabled={isDisabled}\n            id={inputId}\n            multiple={isMultiple}\n            onChange={event => {\n              handleFiles(Array.from(event.target.files ?? []));\n              event.currentTarget.value = '';\n            }}\n            ref={mergeRefs(ref, inputRef)}\n            required={isRequired}\n            type=\"file\"\n          />\n        </VisuallyHidden>\n        {isLoading ? (\n          <Spinner size={isDropzone ? 'md' : 'sm'} />\n        ) : (\n          <span className={classes.icon}>\n            <Icon icon={Upload} size={isDropzone ? 'md' : 'sm'} />\n          </span>\n        )}\n        <Text\n          as=\"span\"\n          className={classes.fileName}\n          color={fileNames == null ? 'secondary' : 'primary'}>\n          {isDragOver ? 'Drop files here' : displayText}\n        </Text>\n        {fileNames != null && !isDisabled && !isLoading ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={event => {\n              event.stopPropagation();\n              handleClear();\n            }}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {status != null && !isDropzone ? (\n          <span className={classes.icon}>{getStatusIcon(status.type)}</span>\n        ) : null}\n      </div>\n      {/* eslint-enable jsx-a11y-x/no-static-element-interactions, jsx-a11y-x/click-events-have-key-events */}\n    </Field>\n  );\n}\n\nFileInput.displayName = 'FileInput';\n"]}
+{"version":3,"sources":["../src/components/FileInput/FileInput.recipe.ts","../src/internal/formatFileSize.ts","../src/components/FileInput/FileInput.tsx"],"names":["sva","useId","useRef","useState","isReactNode","getStatusMessageID","getDescribedBy","getNecessity","jsx","Field","jsxs","cx","VisuallyHidden","mergeRefs","Spinner","Icon","Upload","Text","Button","X","getStatusIcon"],"mappings":"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","file":"chunk-IVDCRMY3.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const fileInputRecipe = sva({\n  slots: ['surface', 'icon', 'fileName'],\n  base: {\n    surface: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      px: '3',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'border.emphasized',\n      borderRadius: 'md',\n      bg: 'bg',\n      cursor: 'pointer',\n      _hover: {borderColor: 'fg.muted'},\n    },\n    icon: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n    },\n    fileName: {\n      flex: 1,\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n  },\n  variants: {\n    mode: {\n      input: {\n        surface: {\n          position: 'relative',\n          zIndex: 1,\n          transitionProperty: 'border-color, box-shadow, opacity',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _focusWithin: {\n            borderColor: 'primary',\n            boxShadow: 'focus',\n          },\n        },\n      },\n      dropzone: {\n        surface: {\n          minH: '32',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          borderStyle: 'dashed',\n          textAlign: 'center',\n          '& > *': {flex: 'none'},\n          // Focus lives on the visually-hidden file input, so the surface\n          // reflects it via :focus-within (the input mode uses boxShadow).\n          _focusWithin: {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n    // Size only affects the input mode's height; the dropzone has a fixed\n    // height, so the real styling lives in compoundVariants below.\n    size: {\n      sm: {},\n      md: {},\n      lg: {},\n    },\n    // Status border/focus colors only apply in input mode (the dropzone\n    // surface keeps its dashed border), so they live in compoundVariants.\n    status: {\n      warning: {},\n      error: {},\n      success: {},\n    },\n    isDisabled: {\n      true: {\n        surface: {cursor: 'not-allowed', opacity: 0.55},\n      },\n      false: {},\n    },\n    isDragOver: {\n      true: {\n        surface: {borderColor: 'primary', bg: 'bg.selected'},\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {mode: 'input', size: 'sm', css: {surface: {minH: 'component.sm'}}},\n    {mode: 'input', size: 'md', css: {surface: {minH: 'component.md'}}},\n    {mode: 'input', size: 'lg', css: {surface: {minH: 'component.lg'}}},\n    {\n      mode: 'input',\n      status: 'warning',\n      css: {\n        surface: {\n          borderColor: 'status.warning.border',\n          _hover: {borderColor: 'status.warning.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.warning.border',\n            boxShadow: 'focus.warning',\n          },\n        },\n      },\n    },\n    {\n      mode: 'input',\n      status: 'error',\n      css: {\n        surface: {\n          borderColor: 'status.error.border',\n          _hover: {borderColor: 'status.error.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.error.border',\n            boxShadow: 'focus.error',\n          },\n        },\n      },\n    },\n    {\n      mode: 'input',\n      status: 'success',\n      css: {\n        surface: {\n          borderColor: 'status.success.border',\n          _hover: {borderColor: 'status.success.borderHover'},\n          _focusWithin: {\n            borderColor: 'status.success.border',\n            boxShadow: 'focus.success',\n          },\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    mode: 'input',\n    size: 'md',\n    isDisabled: false,\n    isDragOver: false,\n  },\n});\n\nexport type FileInputVariants = RecipeVariantProps<typeof fileInputRecipe>;\n","export function formatFileSize(bytes: number): string {\n  if (bytes < 1024) {\n    return `${bytes} B`;\n  }\n\n  if (bytes < 1024 * 1024) {\n    return `${(bytes / 1024).toFixed(1)} KB`;\n  }\n\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n","'use client';\n\nimport {Upload, X} from 'lucide-react';\nimport {\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type DragEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {fileInputRecipe} from 'components/FileInput/FileInput.recipe';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\nimport {formatFileSize} from 'internal/formatFileSize';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\n\nexport type FileInputMode = 'dropzone' | 'input';\n\ninterface FileInputBaseProps {\n  /**\n   * Comma-separated MIME types or file extensions the input accepts.\n   */\n  accept?: string;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the hidden file input.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether the input 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   * Whether the input is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum file size in bytes.\n   */\n  maxSize?: number;\n  /**\n   * Display mode: inline input or drag-and-drop dropzone.\n   * @default 'input'\n   */\n  mode?: FileInputMode;\n  /**\n   * Placeholder text shown when no file is selected.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the hidden file input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the input.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\ninterface FileInputSingleProps extends FileInputBaseProps {\n  /**\n   * Whether multiple files can be selected.\n   */\n  isMultiple?: false;\n  /**\n   * Maximum number of files allowed. Only applicable when isMultiple is true.\n   */\n  maxFiles?: undefined;\n  /**\n   * Called when the selected file changes.\n   */\n  onChange: (file: File | null) => void;\n  /**\n   * Currently selected file.\n   */\n  value: File | null;\n}\n\ninterface FileInputMultipleProps extends FileInputBaseProps {\n  /**\n   * Whether multiple files can be selected.\n   */\n  isMultiple: true;\n  /**\n   * Maximum number of files allowed.\n   */\n  maxFiles?: number;\n  /**\n   * Called when the selected files change.\n   */\n  onChange: (files: File[]) => void;\n  /**\n   * Currently selected files.\n   */\n  value: File[];\n}\n\nexport type FileInputProps = (FileInputMultipleProps | FileInputSingleProps) &\n  FieldNecessity;\n\nfunction validateFiles(\n  files: File[],\n  options: {\n    accept?: string;\n    isMultiple: boolean;\n    maxFiles?: number;\n    maxSize?: number;\n  },\n): {error: string | null; files: File[]} {\n  let validFiles = files;\n  if (options.accept != null) {\n    const acceptedTypes = options.accept\n      .split(',')\n      .map(type => type.trim().toLowerCase());\n    validFiles = validFiles.filter(file =>\n      acceptedTypes.some(type => {\n        if (type.startsWith('.')) {\n          return file.name.toLowerCase().endsWith(type);\n        }\n        if (type.endsWith('/*')) {\n          return file.type.startsWith(type.slice(0, -1));\n        }\n        return file.type.toLowerCase() === type;\n      }),\n    );\n    if (validFiles.length !== files.length) {\n      return {\n        files: validFiles,\n        error: 'One or more files are not an accepted type.',\n      };\n    }\n  }\n  if (options.maxSize != null) {\n    const maxSize = options.maxSize;\n    const oversized = validFiles.find(file => file.size > maxSize);\n    if (oversized != null) {\n      return {\n        error: `\"${oversized.name}\" exceeds ${formatFileSize(maxSize)}.`,\n        files: validFiles.filter(file => file.size <= maxSize),\n      };\n    }\n  }\n  if (\n    options.isMultiple &&\n    options.maxFiles != null &&\n    validFiles.length > options.maxFiles\n  ) {\n    return {\n      files: validFiles.slice(0, options.maxFiles),\n      error: `Maximum ${options.maxFiles} files allowed.`,\n    };\n  }\n  return {files: validFiles, error: null};\n}\n\nfunction getFileNames(value: File | File[] | null): string | null {\n  if (value == null) {\n    return null;\n  }\n  if (Array.isArray(value)) {\n    return value.length === 0 ? null : value.map(file => file.name).join(', ');\n  }\n  return value.name;\n}\n\n/**\n * A file input supporting both inline and drag-and-drop dropzone modes.\n */\nexport function FileInput({\n  label,\n  value,\n  onChange,\n  accept,\n  isMultiple = false,\n  maxSize,\n  maxFiles,\n  mode = 'input',\n  placeholder,\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  size = 'md',\n  status: statusFromProps,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: FileInputProps): React.JSX.Element {\n  const inputId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragOver, setIsDragOver] = useState(false);\n  const [validationError, setValidationError] = useState<string | null>(null);\n  // A validation error from the user's most recent selection is immediate,\n  // actionable feedback about what they just tried to do (wrong type, too\n  // large, too many), so it takes precedence over a consumer-provided `status`\n  // such as a form-level \"required\". Once there is no validation error (a valid\n  // selection or a cleared field), the external status surfaces again.\n  const status =\n    validationError == null\n      ? statusFromProps\n      : {type: 'error' as const, message: validationError};\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const fileNames = getFileNames(value);\n  const displayText =\n    fileNames ?? placeholder ?? (isMultiple ? 'Choose files' : 'Choose file');\n  const isDropzone = mode === 'dropzone';\n  const classes = fileInputRecipe({\n    mode,\n    size,\n    status: status?.type,\n    isDisabled,\n    isDragOver,\n  });\n\n  const handleFiles = (files: File[]) => {\n    if (isDisabled) {\n      return;\n    }\n    const result = validateFiles(files, {\n      accept,\n      isMultiple,\n      maxFiles,\n      maxSize,\n    });\n    setValidationError(result.error);\n    if (isMultiple) {\n      (onChange as (files: File[]) => void)(result.files);\n    } else if (result.files.length === 0) {\n      (onChange as (file: File | null) => void)(null);\n    } else {\n      (onChange as (file: File | null) => void)(result.files[0]);\n    }\n  };\n\n  const handleClear = () => {\n    setValidationError(null);\n    if (isMultiple) {\n      (onChange as (files: File[]) => void)([]);\n    } else {\n      (onChange as (file: File | null) => void)(null);\n    }\n  };\n\n  const openFilePicker = () => {\n    if (!isDisabled) {\n      inputRef.current?.click();\n    }\n  };\n\n  const dragProps = isDropzone\n    ? {\n        onDragEnter: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          if (!isDisabled) {\n            setIsDragOver(true);\n          }\n        },\n        onDragLeave: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          setIsDragOver(false);\n        },\n        onDragOver: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          if (!isDisabled) {\n            setIsDragOver(true);\n          }\n        },\n        onDrop: (event: DragEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          setIsDragOver(false);\n          if (!isDisabled) {\n            handleFiles(Array.from(event.dataTransfer.files));\n          }\n        },\n      }\n    : {};\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }>\n      {/*\n        The visually-hidden <input> is the real, focusable, labeled control\n        (the Field label targets it via htmlFor), so it owns the accessible\n        name, description, focus, and keyboard activation. The surface is only\n        a presentational mouse/drop target — it intentionally has no role or\n        keyboard handler, because that would create a redundant second control\n        with the same name. Hence the scoped a11y disables below.\n      */}\n      {/* eslint-disable jsx-a11y-x/no-static-element-interactions, jsx-a11y-x/click-events-have-key-events */}\n      <div\n        aria-busy={isLoading || undefined}\n        className={cx(classes.surface, className)}\n        onClick={openFilePicker}\n        style={style}\n        {...dragProps}>\n        <VisuallyHidden>\n          <input\n            accept={accept}\n            aria-describedby={describedBy}\n            aria-invalid={status?.type === 'error' || undefined}\n            data-testid={dataTestId}\n            disabled={isDisabled}\n            id={inputId}\n            multiple={isMultiple}\n            onChange={event => {\n              handleFiles(Array.from(event.target.files ?? []));\n              event.currentTarget.value = '';\n            }}\n            ref={mergeRefs(ref, inputRef)}\n            required={isRequired}\n            type=\"file\"\n          />\n        </VisuallyHidden>\n        {isLoading ? (\n          <Spinner size={isDropzone ? 'md' : 'sm'} />\n        ) : (\n          <span className={classes.icon}>\n            <Icon icon={Upload} size={isDropzone ? 'md' : 'sm'} />\n          </span>\n        )}\n        <Text\n          as=\"span\"\n          className={classes.fileName}\n          color={fileNames == null ? 'secondary' : 'primary'}>\n          {isDragOver ? 'Drop files here' : displayText}\n        </Text>\n        {fileNames != null && !isDisabled && !isLoading ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={event => {\n              event.stopPropagation();\n              handleClear();\n            }}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {status != null && !isDropzone ? (\n          <span className={classes.icon}>{getStatusIcon(status.type)}</span>\n        ) : null}\n      </div>\n      {/* eslint-enable jsx-a11y-x/no-static-element-interactions, jsx-a11y-x/click-events-have-key-events */}\n    </Field>\n  );\n}\n\nFileInput.displayName = 'FileInput';\n"]}

package/dist/{chunk-Q6YOSQAM.js → chunk-J52N3BTJ.js}

@@ -1,11 +1,12 @@
-import { Calendar } from './chunk-YGESCFX2.js';
+'use client';
+import { Calendar } from './chunk-WZGS7FX6.js';
 import { plainDateFormat, DATE_FORMAT_SHORT_WITH_YEAR } from './chunk-5HPXUDX6.js';
 import { inputStyles, inputRecipe } from './chunk-KB36TWOU.js';
-import { getNecessity, Field } from './chunk-USEA7DB5.js';
+import { getNecessity, Field } from './chunk-PZBY3JI7.js';
 import { getStatusMessageID, getDescribedBy, getStatusIcon } from './chunk-G6HS52US.js';
-import { Popover } from './chunk-GTZQT6MK.js';
-import { Button } from './chunk-EBV3EX3J.js';
-import { Spinner } from './chunk-X2P5SPGB.js';
+import { Popover } from './chunk-TUUYGOLQ.js';
+import { Button } from './chunk-JJ32AVLU.js';
+import { Spinner } from './chunk-7SGBGPZW.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { css } from './chunk-OD4DHHZH.js';
 import { cx } from './chunk-PPNETWIP.js';
@@ -165,5 +166,5 @@ function DateRangeInput({
 DateRangeInput.displayName = "DateRangeInput";
 
 export { DateRangeInput };
-//# sourceMappingURL=chunk-Q6YOSQAM.js.map
-//# sourceMappingURL=chunk-Q6YOSQAM.js.map
+//# sourceMappingURL=chunk-J52N3BTJ.js.map
+//# sourceMappingURL=chunk-J52N3BTJ.js.map

package/dist/chunk-J52N3BTJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DateRangeInput/DateRangeInput.tsx"],"names":[],"mappings":"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","file":"chunk-J52N3BTJ.js","sourcesContent":["'use client';\n\nimport {CalendarIcon, X} from 'lucide-react';\nimport {\n  useId,\n  useMemo,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {Calendar} from 'components/Calendar';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport type {IconComponent} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport type {DateRange} from 'internal/dateTypes';\nimport isReactNode from 'internal/isReactNode';\nimport {\n  DATE_FORMAT_SHORT_WITH_YEAR,\n  plainDateFormat,\n  type PlainDate,\n} from 'internal/plainDate';\nimport {css} from 'styled-system/css';\n\nexport type {DateRange} from 'internal/dateTypes';\n\nconst styles = {\n  wrapper: css({ps: '1', gap: '1'}),\n} as const;\n\nexport type DateRangeInputProps = {\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Returns true for dates that should be disabled.\n   */\n  getIsDateDisabled?: (date: PlainDate) => boolean;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to show a clear button when a value is selected.\n   * @default false\n   */\n  hasClear?: boolean;\n  /**\n   * Whether the input 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   * Whether the input is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label text.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Maximum selectable date.\n   */\n  max?: PlainDate;\n  /**\n   * Minimum selectable date.\n   */\n  min?: PlainDate;\n  /**\n   * Number of calendar months shown in the popover.\n   * @default 2\n   */\n  numberOfMonths?: 1 | 2;\n  /**\n   * Called when the selected date range changes.\n   */\n  onChange: (value: DateRange | null) => void;\n  /**\n   * Placeholder text shown when no range is selected.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the input.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Currently selected date range. Pass `null` for an empty input.\n   */\n  value: DateRange | null;\n} & FieldNecessity;\n\nfunction formatRange(value: DateRange | null | undefined): string {\n  if (value == null) {\n    return '';\n  }\n  return `${plainDateFormat(value.start, DATE_FORMAT_SHORT_WITH_YEAR)} - ${plainDateFormat(value.end, DATE_FORMAT_SHORT_WITH_YEAR)}`;\n}\n\n/**\n * A date range picker input that opens a calendar popover for selecting a start and end date.\n */\nexport function DateRangeInput({\n  label,\n  value,\n  onChange,\n  min,\n  max,\n  getIsDateDisabled,\n  numberOfMonths = 2,\n  placeholder = 'Select a date range',\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasClear = false,\n  status,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DateRangeInputProps): React.JSX.Element {\n  const inputId = useId();\n  const popoverId = `${inputId}-calendar`;\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const [isOpen, setIsOpen] = useState(false);\n  const displayValue = useMemo(() => formatRange(value), [value]);\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}>\n        <Popover\n          content={\n            <Calendar\n              getIsDateDisabled={getIsDateDisabled}\n              max={max}\n              min={min}\n              mode=\"range\"\n              numberOfMonths={numberOfMonths}\n              onChange={nextValue => {\n                onChange(nextValue);\n                setIsOpen(false);\n              }}\n              value={value ?? undefined}\n              viewDate={value?.start}\n            />\n          }\n          hasAutoFocus\n          id={popoverId}\n          isEnabled={!isDisabled}\n          isOpen={isOpen}\n          label={`Choose ${label}`}\n          onOpenChange={setIsOpen}\n          padding={3}>\n          <Button\n            icon={CalendarIcon}\n            isDisabled={isDisabled}\n            isIconOnly\n            label={`Choose ${label}`}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        </Popover>\n        <input\n          aria-busy={isLoading || undefined}\n          aria-controls={popoverId}\n          aria-describedby={describedBy}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={status?.type === 'error' || undefined}\n          aria-required={isRequired ?? undefined}\n          className={inputStyles.control}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          placeholder={placeholder}\n          readOnly\n          ref={ref}\n          role=\"combobox\"\n          type=\"text\"\n          value={displayValue}\n        />\n        {hasClear && value != null && !isDisabled && !isLoading ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={() => onChange(null)}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n    </Field>\n  );\n}\n\nDateRangeInput.displayName = 'DateRangeInput';\n"]}