@techzyapp/ui-library 1.0.31 → 1.0.32

package/dist/{DateTimePicker-CvaD8IkF.cjs.map → DateTimePicker-C3Kq5hKE.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-CvaD8IkF.cjs","sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tabs } from '../Tabs'\nimport { Typography } from '../Typography'\nimport { Calendar } from '../DatePicker/Calendar'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport dt from './DateTimePicker.module.css'\nimport { TimeColumns } from './TimeColumns'\n\nexport type DateTimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateTimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DateTimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a datetime string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next datetime in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'DD/MM/YYYY HH:mm:ss'` (or `hh:mm:ss A`\n   * when `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss[Z]'` when `utc` (the `Z` marks the\n   * value as UTC, e.g. `'2026-06-10T09:35:00Z'`), or `'YYYY-MM-DDTHH:mm:ss'` (no `Z`) when `utc={false}`.\n   * Incoming values are parsed **leniently** (this format, then any ISO-8601 string — so a backend\n   * datetime like `'2026-06-10T09:35:49.6134342'` with or without `Z` is accepted).\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion entirely — the field shows and emits the value's exact\n   * wall-clock (what you pick is what's sent, no UTC shift).\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Earliest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  min?: string\n  /** Latest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the datetime string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  const time = hour12\n    ? showSeconds\n      ? 'hh:mm:ss A'\n      : 'hh:mm A'\n    : showSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n  return `DD/MM/YYYY ${time}`\n}\n\n/**\n * A datetime field with a typed, masked input **and** a popover combining the keyboard-navigable\n * `Calendar` (date) with scrollable time columns (hour / minute / optional second + AM/PM in 12-hour\n * mode). All math runs in **UTC** so the instant never drifts with the viewer's timezone; the value is a\n * string in `valueFormat` (UTC ISO datetime with a `Z` by default, or no `Z` when `utc={false}`) — incoming values are parsed\n * leniently (a richer backend datetime is accepted) and the chosen instant is emitted in that format.\n * Picking a date keeps the time and vice-versa, and the popover stays open until you click away,\n * press Escape, or hit Done. Supports `hour12`, `minuteStep`, `showSeconds`, `min`/`max`,\n * `disabledDate`, `weekStartsOn`, and `clearable`. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires the `dayjs` peer dependency.\n */\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      disabled = false,\n      value,\n      defaultValue,\n      onChange,\n      format: formatProp,\n      valueFormat: valueFormatProp,\n      utc = true,\n      hour12 = false,\n      minuteStep = 1,\n      showSeconds = true,\n      placeholder,\n      min,\n      max,\n      disabledDate,\n      weekStartsOn = 1,\n      clearable = true,\n      name,\n      id: idProp,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n    const labelId = `${id}-label`\n    const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n    // when the value is UTC, the wire string carries a `Z` (\"…09:35:00Z\"); `utc={false}` emits the\n    // bare wall-clock (no zone designator). Override either via `valueFormat`.\n    const valueFormat = valueFormatProp ?? (utc ? 'YYYY-MM-DDTHH:mm:ss[Z]' : 'YYYY-MM-DDTHH:mm:ss')\n\n    // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` datetime string ────────────\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = isFormBound ? form!.field(name!) : undefined\n    const externalValue =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? ((form!.values[name!] as string | undefined) ?? '')\n          : undefined\n    const isControlled = value !== undefined || isFormBound\n    const [internal, setInternal] = useState<string>(defaultValue ?? '')\n    const currentValue = isControlled ? externalValue! : internal\n    // when `utc`, parse the UTC value and show it in the viewer's LOCAL time (value stays UTC, emit\n    // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n    const toDisplay = (instant: Dayjs | null) => (utc ? utcToLocalWall(instant) : instant)\n    const selected = toDisplay(parseValue(currentValue, valueFormat))\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const minDate = toDisplay(parseValue(min, valueFormat))\n    const maxDate = toDisplay(parseValue(max, valueFormat))\n    const mask = maskFromFormat(format)\n    // precision the user can actually type — driven by the display `format`, not just `showSeconds`\n    const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n    const commit = (next: string) => {\n      if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    // emit a datetime in the wire `valueFormat` (time preserved), or '' to clear. Re-picking the same\n    // instant is a no-op (string equality alone would leak a spurious emit for sub-second source values)\n    const commitDateTime = (d: Dayjs | null) => {\n      if (d && selected && d.isSame(selected, 'second')) return\n      // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n      commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n    }\n\n    // true when `d` differs from the current value at the input's precision — gates typed-input commits\n    // so a no-op round-trip (focus/blur) never rewrites an unchanged value's finer time\n    const changed = (d: Dayjs) => !selected || !d.isSame(selected, timeUnit)\n\n    // input display text (kept in sync with the committed value; free while typing an incomplete value)\n    const [inputText, setInputText] = useState<string>(() =>\n      selected ? selected.format(format) : '',\n    )\n    useEffect(() => {\n      setInputText(selected ? selected.format(format) : '')\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentValue, format, valueFormat])\n\n    // ── popover ──────────────────────────────────────────────────────────────────────────────────\n    const triggerRef = useRef<HTMLDivElement | null>(null)\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [open, setOpen] = useState(false)\n    const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n    // which popover tab is active — controlled so picking a day can auto-advance to Time\n    const [tab, setTab] = useState<'date' | 'time'>('date')\n    const advanceRef = useRef(false) // set when a day-pick advances to Time → move focus there\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n      },\n      [ref],\n    )\n\n    const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n    fieldBlurRef.current = bound\n      ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>)\n      : undefined\n\n    // the floating panel forwards its node here, for the blur check + the auto-advance focus move\n    const popoverRef = useRef<HTMLDivElement | null>(null)\n\n    const closePopover = useCallback((refocus: boolean) => {\n      setOpen(false)\n      fieldBlurRef.current?.()\n      if (refocus) inputRef.current?.focus()\n    }, [])\n\n    useEffect(() => {\n      if (open) {\n        setViewMonth(selected ?? today())\n        setTab('date') // always open on the Date tab\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    // after a day-pick auto-advances to the Time tab, move focus onto it so the focus trap holds\n    // (the just-picked calendar cell has unmounted); a manual tab switch never triggers this\n    useEffect(() => {\n      if (tab === 'time' && advanceRef.current) {\n        advanceRef.current = false\n        popoverRef.current\n          ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n          ?.focus()\n      }\n    }, [tab, popoverRef])\n\n    const isOutOfRange = (d: Dayjs): boolean => {\n      if (minDate && d.isBefore(minDate, 'day')) return true\n      if (maxDate && d.isAfter(maxDate, 'day')) return true\n      return Boolean(disabledDate && disabledDate(toISO(d)))\n    }\n\n    const handleInputChange = (raw: string) => {\n      const masked = applyMask(raw, mask)\n      setInputText(masked)\n      if (masked === '') {\n        commit('') // emptying the field clears the value\n        return\n      }\n      const parsed = parseInput(masked, format)\n      if (parsed && !isOutOfRange(parsed) && changed(parsed)) commitDateTime(parsed)\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const parsed = parseInput(inputText, format)\n      if (inputText === '') {\n        commit('') // an emptied field stays cleared\n      } else if (parsed && !isOutOfRange(parsed)) {\n        if (changed(parsed)) commitDateTime(parsed)\n        setInputText(parsed.format(format))\n      } else {\n        setInputText(selected ? selected.format(format) : '')\n      }\n      const nextEl = event.relatedTarget as Node | null\n      if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n        return\n      bound?.onBlur(event)\n    }\n\n    // picking a day keeps the current time; picking a time keeps the current day — the popover stays open\n    const handleSelectDate = (iso: string) => {\n      const date = parseISO(iso)\n      if (!date) return\n      const base = selected ?? today()\n      commitDateTime(date.hour(base.hour()).minute(base.minute()).second(base.second()))\n      advanceRef.current = true\n      setTab('time') // picking a day advances to the Time tab\n    }\n    const handleTimeChange = (next: Dayjs) => commitDateTime(next)\n\n    const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n          <input\n            ref={setInputRef}\n            id={id}\n            name={name}\n            className={styles.input}\n            value={inputText}\n            placeholder={placeholder ?? format.toLowerCase()}\n            disabled={disabled}\n            autoComplete=\"off\"\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={handleInputBlur}\n          />\n\n          {clearable && currentValue !== '' && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clear}\n              aria-label={t('dateTimePicker.clear')}\n              tabIndex={-1}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => {\n                commit('')\n                setInputText('')\n                inputRef.current?.focus()\n              }}\n            >\n              <Icon name=\"CloseCircle\" size=\"sm\" />\n            </button>\n          )}\n\n          <IconButton\n            type=\"button\"\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('dateTimePicker.open')}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            className={styles.calendarButton}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Icon name=\"Calendar3\" size={iconSize} />\n          </IconButton>\n        </div>\n\n        <FloatingPanel\n          ref={popoverRef}\n          open={open}\n          triggerRef={triggerRef}\n          onClose={closePopover}\n          role=\"dialog\"\n          ariaLabel=\"Choose date and time\"\n          trapFocus\n          className={clsx(styles.popover, dt.popover)}\n        >\n          <Tabs\n            className={dt.tabs}\n            aria-label={t('dateTimePicker.label')}\n            fullWidth\n            autoFocus\n            // the Date/Time tabs are internal popover UI — never sync them to the page URL\n            queryKey={null}\n            value={tab}\n            onChange={(v) => setTab(v as 'date' | 'time')}\n            items={[\n              {\n                value: 'date',\n                label: t('dateTimePicker.dateTab'),\n                icon: 'Calendar3',\n                content: (\n                  <Calendar\n                    value={selected}\n                    month={viewMonth}\n                    onMonthChange={setViewMonth}\n                    onSelect={handleSelectDate}\n                    min={minDate}\n                    max={maxDate}\n                    disabledDate={disabledDate}\n                    weekStartsOn={weekStartsOn}\n                    labelId={labelId}\n                  />\n                ),\n              },\n              {\n                value: 'time',\n                label: t('dateTimePicker.timeTab'),\n                icon: 'Clock',\n                content: (\n                  <div className={dt.timePane}>\n                    <TimeColumns\n                      value={selected}\n                      onChange={handleTimeChange}\n                      hour12={hour12}\n                      minuteStep={minuteStep}\n                      showSeconds={showSeconds}\n                    />\n                  </div>\n                ),\n              },\n            ]}\n          />\n          <div className={dt.footer}>\n            <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n              {t('common.done')}\n            </Button>\n          </div>\n        </FloatingPanel>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["defaultFormatFor","hour12","showSeconds","DateTimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","toDisplay","instant","utcToLocalWall","selected","parseValue","resolvedError","resolvedHelperText","minDate","maxDate","mask","maskFromFormat","timeUnit","commit","next","commitDateTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","tab","setTab","advanceRef","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","isOutOfRange","toISO","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleSelectDate","iso","date","parseISO","base","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","dt","Tabs","v","Calendar","TimeColumns","Button"],"mappings":"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"}
+{"version":3,"file":"DateTimePicker-C3Kq5hKE.cjs","sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tabs } from '../Tabs'\nimport { Typography } from '../Typography'\nimport { Calendar } from '../DatePicker/Calendar'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport dt from './DateTimePicker.module.css'\nimport { TimeColumns } from './TimeColumns'\n\nexport type DateTimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateTimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DateTimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a datetime string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next datetime in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'DD/MM/YYYY HH:mm:ss'` (or `hh:mm:ss A`\n   * when `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss[Z]'` when `utc` (the `Z` marks the\n   * value as UTC, e.g. `'2026-06-10T09:35:00Z'`), or `'YYYY-MM-DDTHH:mm:ss'` (no `Z`) when `utc={false}`.\n   * Incoming values are parsed **leniently** (this format, then any ISO-8601 string — so a backend\n   * datetime like `'2026-06-10T09:35:49.6134342'` with or without `Z` is accepted).\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion entirely — the field shows and emits the value's exact\n   * wall-clock (what you pick is what's sent, no UTC shift).\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Earliest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  min?: string\n  /** Latest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the datetime string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  const time = hour12\n    ? showSeconds\n      ? 'hh:mm:ss A'\n      : 'hh:mm A'\n    : showSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n  return `DD/MM/YYYY ${time}`\n}\n\n/**\n * A datetime field with a typed, masked input **and** a popover combining the keyboard-navigable\n * `Calendar` (date) with scrollable time columns (hour / minute / optional second + AM/PM in 12-hour\n * mode). All math runs in **UTC** so the instant never drifts with the viewer's timezone; the value is a\n * string in `valueFormat` (UTC ISO datetime with a `Z` by default, or no `Z` when `utc={false}`) — incoming values are parsed\n * leniently (a richer backend datetime is accepted) and the chosen instant is emitted in that format.\n * Picking a date keeps the time and vice-versa, and the popover stays open until you click away,\n * press Escape, or hit Done. Supports `hour12`, `minuteStep`, `showSeconds`, `min`/`max`,\n * `disabledDate`, `weekStartsOn`, and `clearable`. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires the `dayjs` peer dependency.\n */\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      disabled = false,\n      value,\n      defaultValue,\n      onChange,\n      format: formatProp,\n      valueFormat: valueFormatProp,\n      utc = true,\n      hour12 = false,\n      minuteStep = 1,\n      showSeconds = true,\n      placeholder,\n      min,\n      max,\n      disabledDate,\n      weekStartsOn = 1,\n      clearable = true,\n      name,\n      id: idProp,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n    const labelId = `${id}-label`\n    const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n    // when the value is UTC, the wire string carries a `Z` (\"…09:35:00Z\"); `utc={false}` emits the\n    // bare wall-clock (no zone designator). Override either via `valueFormat`.\n    const valueFormat = valueFormatProp ?? (utc ? 'YYYY-MM-DDTHH:mm:ss[Z]' : 'YYYY-MM-DDTHH:mm:ss')\n\n    // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` datetime string ────────────\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = isFormBound ? form!.field(name!) : undefined\n    const externalValue =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? ((form!.values[name!] as string | undefined) ?? '')\n          : undefined\n    const isControlled = value !== undefined || isFormBound\n    const [internal, setInternal] = useState<string>(defaultValue ?? '')\n    const currentValue = isControlled ? externalValue! : internal\n    // when `utc`, parse the UTC value and show it in the viewer's LOCAL time (value stays UTC, emit\n    // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n    const toDisplay = (instant: Dayjs | null) => (utc ? utcToLocalWall(instant) : instant)\n    const selected = toDisplay(parseValue(currentValue, valueFormat))\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const minDate = toDisplay(parseValue(min, valueFormat))\n    const maxDate = toDisplay(parseValue(max, valueFormat))\n    const mask = maskFromFormat(format)\n    // precision the user can actually type — driven by the display `format`, not just `showSeconds`\n    const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n    const commit = (next: string) => {\n      if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    // emit a datetime in the wire `valueFormat` (time preserved), or '' to clear. Re-picking the same\n    // instant is a no-op (string equality alone would leak a spurious emit for sub-second source values)\n    const commitDateTime = (d: Dayjs | null) => {\n      if (d && selected && d.isSame(selected, 'second')) return\n      // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n      commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n    }\n\n    // true when `d` differs from the current value at the input's precision — gates typed-input commits\n    // so a no-op round-trip (focus/blur) never rewrites an unchanged value's finer time\n    const changed = (d: Dayjs) => !selected || !d.isSame(selected, timeUnit)\n\n    // input display text (kept in sync with the committed value; free while typing an incomplete value)\n    const [inputText, setInputText] = useState<string>(() =>\n      selected ? selected.format(format) : '',\n    )\n    useEffect(() => {\n      setInputText(selected ? selected.format(format) : '')\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentValue, format, valueFormat])\n\n    // ── popover ──────────────────────────────────────────────────────────────────────────────────\n    const triggerRef = useRef<HTMLDivElement | null>(null)\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [open, setOpen] = useState(false)\n    const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n    // which popover tab is active — controlled so picking a day can auto-advance to Time\n    const [tab, setTab] = useState<'date' | 'time'>('date')\n    const advanceRef = useRef(false) // set when a day-pick advances to Time → move focus there\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n      },\n      [ref],\n    )\n\n    const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n    fieldBlurRef.current = bound\n      ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>)\n      : undefined\n\n    // the floating panel forwards its node here, for the blur check + the auto-advance focus move\n    const popoverRef = useRef<HTMLDivElement | null>(null)\n\n    const closePopover = useCallback((refocus: boolean) => {\n      setOpen(false)\n      fieldBlurRef.current?.()\n      if (refocus) inputRef.current?.focus()\n    }, [])\n\n    useEffect(() => {\n      if (open) {\n        setViewMonth(selected ?? today())\n        setTab('date') // always open on the Date tab\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    // after a day-pick auto-advances to the Time tab, move focus onto it so the focus trap holds\n    // (the just-picked calendar cell has unmounted); a manual tab switch never triggers this\n    useEffect(() => {\n      if (tab === 'time' && advanceRef.current) {\n        advanceRef.current = false\n        popoverRef.current\n          ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n          ?.focus()\n      }\n    }, [tab, popoverRef])\n\n    const isOutOfRange = (d: Dayjs): boolean => {\n      if (minDate && d.isBefore(minDate, 'day')) return true\n      if (maxDate && d.isAfter(maxDate, 'day')) return true\n      return Boolean(disabledDate && disabledDate(toISO(d)))\n    }\n\n    const handleInputChange = (raw: string) => {\n      const masked = applyMask(raw, mask)\n      setInputText(masked)\n      if (masked === '') {\n        commit('') // emptying the field clears the value\n        return\n      }\n      const parsed = parseInput(masked, format)\n      if (parsed && !isOutOfRange(parsed) && changed(parsed)) commitDateTime(parsed)\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const parsed = parseInput(inputText, format)\n      if (inputText === '') {\n        commit('') // an emptied field stays cleared\n      } else if (parsed && !isOutOfRange(parsed)) {\n        if (changed(parsed)) commitDateTime(parsed)\n        setInputText(parsed.format(format))\n      } else {\n        setInputText(selected ? selected.format(format) : '')\n      }\n      const nextEl = event.relatedTarget as Node | null\n      if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n        return\n      bound?.onBlur(event)\n    }\n\n    // picking a day keeps the current time; picking a time keeps the current day — the popover stays open\n    const handleSelectDate = (iso: string) => {\n      const date = parseISO(iso)\n      if (!date) return\n      const base = selected ?? today()\n      commitDateTime(date.hour(base.hour()).minute(base.minute()).second(base.second()))\n      advanceRef.current = true\n      setTab('time') // picking a day advances to the Time tab\n    }\n    const handleTimeChange = (next: Dayjs) => commitDateTime(next)\n\n    const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n          <input\n            ref={setInputRef}\n            id={id}\n            name={name}\n            className={styles.input}\n            value={inputText}\n            placeholder={placeholder ?? format.toLowerCase()}\n            disabled={disabled}\n            autoComplete=\"off\"\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={handleInputBlur}\n          />\n\n          {clearable && currentValue !== '' && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clear}\n              aria-label={t('dateTimePicker.clear')}\n              tabIndex={-1}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => {\n                commit('')\n                setInputText('')\n                inputRef.current?.focus()\n              }}\n            >\n              <Icon name=\"CloseCircle\" size=\"sm\" />\n            </button>\n          )}\n\n          <IconButton\n            type=\"button\"\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('dateTimePicker.open')}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            className={styles.calendarButton}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Icon name=\"Calendar3\" size={iconSize} />\n          </IconButton>\n        </div>\n\n        <FloatingPanel\n          ref={popoverRef}\n          open={open}\n          triggerRef={triggerRef}\n          onClose={closePopover}\n          role=\"dialog\"\n          ariaLabel=\"Choose date and time\"\n          trapFocus\n          className={clsx(styles.popover, dt.popover)}\n        >\n          <Tabs\n            className={dt.tabs}\n            aria-label={t('dateTimePicker.label')}\n            fullWidth\n            autoFocus\n            // the Date/Time tabs are internal popover UI — never sync them to the page URL\n            queryKey={null}\n            value={tab}\n            onChange={(v) => setTab(v as 'date' | 'time')}\n            items={[\n              {\n                value: 'date',\n                label: t('dateTimePicker.dateTab'),\n                icon: 'Calendar3',\n                content: (\n                  <Calendar\n                    value={selected}\n                    month={viewMonth}\n                    onMonthChange={setViewMonth}\n                    onSelect={handleSelectDate}\n                    min={minDate}\n                    max={maxDate}\n                    disabledDate={disabledDate}\n                    weekStartsOn={weekStartsOn}\n                    labelId={labelId}\n                  />\n                ),\n              },\n              {\n                value: 'time',\n                label: t('dateTimePicker.timeTab'),\n                icon: 'Clock',\n                content: (\n                  <div className={dt.timePane}>\n                    <TimeColumns\n                      value={selected}\n                      onChange={handleTimeChange}\n                      hour12={hour12}\n                      minuteStep={minuteStep}\n                      showSeconds={showSeconds}\n                    />\n                  </div>\n                ),\n              },\n            ]}\n          />\n          <div className={dt.footer}>\n            <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n              {t('common.done')}\n            </Button>\n          </div>\n        </FloatingPanel>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["defaultFormatFor","hour12","showSeconds","DateTimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","toDisplay","instant","utcToLocalWall","selected","parseValue","resolvedError","resolvedHelperText","minDate","maxDate","mask","maskFromFormat","timeUnit","commit","next","commitDateTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","tab","setTab","advanceRef","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","isOutOfRange","toISO","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleSelectDate","iso","date","parseISO","base","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","dt","Tabs","v","Calendar","TimeColumns","Button"],"mappings":"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"}

package/dist/{DateTimePicker-M2UBjFVc.js → DateTimePicker-DdXFzqO_.js}

@@ -3,15 +3,15 @@ import { forwardRef as Ae, useId as Ee, useState as h, useEffect as j, useRef as
 import { clsx as z } from "clsx";
 import { u as Le } from "./formContext-B7ln1Miy.js";
 import { F as $e } from "./FloatingPanel-C5c_eMQ0.js";
-import { B as je } from "./Button-9Qcdkw-y.js";
+import { B as je } from "./Button-BJ5Xd10u.js";
 import { I as le } from "./Icon-CGQ5yGSZ.js";
-import { I as ze } from "./IconButton-CL_6iMQh.js";
-import { T as Ue } from "./Tabs-Bztnezt9.js";
+import { I as ze } from "./IconButton-CqFgam3J.js";
+import { T as Ue } from "./Tabs-RjyUkLTB.js";
 import { T as ie } from "./Typography-CJv5AnRP.js";
-import { C as Ke } from "./Calendar-BB-C0qXO.js";
+import { C as Ke } from "./Calendar-rRPnaU9M.js";
 import { p as U, m as Ze, t as K, s, u as Ge, b as ce, c as Je, a as Qe, l as Xe, d as _e } from "./DatePicker.module-CMMQyEhG.js";
-import { d as N, T as et } from "./TimeColumns-BEoHh961.js";
-import { a as tt } from "./ConfigProvider-Ct0Pe3Ku.js";
+import { d as N, T as et } from "./TimeColumns-fD6dosYP.js";
+import { a as tt } from "./ConfigProvider-D2svpXFu.js";
 function at(Z, c) {
   return `DD/MM/YYYY ${Z ? c ? "hh:mm:ss A" : "hh:mm A" : c ? "HH:mm:ss" : "HH:mm"}`;
 }
@@ -242,4 +242,4 @@ const Tt = Ae(
 export {
   Tt as D
 };
-//# sourceMappingURL=DateTimePicker-M2UBjFVc.js.map
+//# sourceMappingURL=DateTimePicker-DdXFzqO_.js.map

package/dist/{DateTimePicker-M2UBjFVc.js.map → DateTimePicker-DdXFzqO_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-M2UBjFVc.js","sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tabs } from '../Tabs'\nimport { Typography } from '../Typography'\nimport { Calendar } from '../DatePicker/Calendar'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport dt from './DateTimePicker.module.css'\nimport { TimeColumns } from './TimeColumns'\n\nexport type DateTimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateTimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DateTimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a datetime string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next datetime in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'DD/MM/YYYY HH:mm:ss'` (or `hh:mm:ss A`\n   * when `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss[Z]'` when `utc` (the `Z` marks the\n   * value as UTC, e.g. `'2026-06-10T09:35:00Z'`), or `'YYYY-MM-DDTHH:mm:ss'` (no `Z`) when `utc={false}`.\n   * Incoming values are parsed **leniently** (this format, then any ISO-8601 string — so a backend\n   * datetime like `'2026-06-10T09:35:49.6134342'` with or without `Z` is accepted).\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion entirely — the field shows and emits the value's exact\n   * wall-clock (what you pick is what's sent, no UTC shift).\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Earliest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  min?: string\n  /** Latest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the datetime string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  const time = hour12\n    ? showSeconds\n      ? 'hh:mm:ss A'\n      : 'hh:mm A'\n    : showSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n  return `DD/MM/YYYY ${time}`\n}\n\n/**\n * A datetime field with a typed, masked input **and** a popover combining the keyboard-navigable\n * `Calendar` (date) with scrollable time columns (hour / minute / optional second + AM/PM in 12-hour\n * mode). All math runs in **UTC** so the instant never drifts with the viewer's timezone; the value is a\n * string in `valueFormat` (UTC ISO datetime with a `Z` by default, or no `Z` when `utc={false}`) — incoming values are parsed\n * leniently (a richer backend datetime is accepted) and the chosen instant is emitted in that format.\n * Picking a date keeps the time and vice-versa, and the popover stays open until you click away,\n * press Escape, or hit Done. Supports `hour12`, `minuteStep`, `showSeconds`, `min`/`max`,\n * `disabledDate`, `weekStartsOn`, and `clearable`. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires the `dayjs` peer dependency.\n */\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      disabled = false,\n      value,\n      defaultValue,\n      onChange,\n      format: formatProp,\n      valueFormat: valueFormatProp,\n      utc = true,\n      hour12 = false,\n      minuteStep = 1,\n      showSeconds = true,\n      placeholder,\n      min,\n      max,\n      disabledDate,\n      weekStartsOn = 1,\n      clearable = true,\n      name,\n      id: idProp,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n    const labelId = `${id}-label`\n    const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n    // when the value is UTC, the wire string carries a `Z` (\"…09:35:00Z\"); `utc={false}` emits the\n    // bare wall-clock (no zone designator). Override either via `valueFormat`.\n    const valueFormat = valueFormatProp ?? (utc ? 'YYYY-MM-DDTHH:mm:ss[Z]' : 'YYYY-MM-DDTHH:mm:ss')\n\n    // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` datetime string ────────────\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = isFormBound ? form!.field(name!) : undefined\n    const externalValue =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? ((form!.values[name!] as string | undefined) ?? '')\n          : undefined\n    const isControlled = value !== undefined || isFormBound\n    const [internal, setInternal] = useState<string>(defaultValue ?? '')\n    const currentValue = isControlled ? externalValue! : internal\n    // when `utc`, parse the UTC value and show it in the viewer's LOCAL time (value stays UTC, emit\n    // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n    const toDisplay = (instant: Dayjs | null) => (utc ? utcToLocalWall(instant) : instant)\n    const selected = toDisplay(parseValue(currentValue, valueFormat))\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const minDate = toDisplay(parseValue(min, valueFormat))\n    const maxDate = toDisplay(parseValue(max, valueFormat))\n    const mask = maskFromFormat(format)\n    // precision the user can actually type — driven by the display `format`, not just `showSeconds`\n    const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n    const commit = (next: string) => {\n      if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    // emit a datetime in the wire `valueFormat` (time preserved), or '' to clear. Re-picking the same\n    // instant is a no-op (string equality alone would leak a spurious emit for sub-second source values)\n    const commitDateTime = (d: Dayjs | null) => {\n      if (d && selected && d.isSame(selected, 'second')) return\n      // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n      commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n    }\n\n    // true when `d` differs from the current value at the input's precision — gates typed-input commits\n    // so a no-op round-trip (focus/blur) never rewrites an unchanged value's finer time\n    const changed = (d: Dayjs) => !selected || !d.isSame(selected, timeUnit)\n\n    // input display text (kept in sync with the committed value; free while typing an incomplete value)\n    const [inputText, setInputText] = useState<string>(() =>\n      selected ? selected.format(format) : '',\n    )\n    useEffect(() => {\n      setInputText(selected ? selected.format(format) : '')\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentValue, format, valueFormat])\n\n    // ── popover ──────────────────────────────────────────────────────────────────────────────────\n    const triggerRef = useRef<HTMLDivElement | null>(null)\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [open, setOpen] = useState(false)\n    const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n    // which popover tab is active — controlled so picking a day can auto-advance to Time\n    const [tab, setTab] = useState<'date' | 'time'>('date')\n    const advanceRef = useRef(false) // set when a day-pick advances to Time → move focus there\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n      },\n      [ref],\n    )\n\n    const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n    fieldBlurRef.current = bound\n      ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>)\n      : undefined\n\n    // the floating panel forwards its node here, for the blur check + the auto-advance focus move\n    const popoverRef = useRef<HTMLDivElement | null>(null)\n\n    const closePopover = useCallback((refocus: boolean) => {\n      setOpen(false)\n      fieldBlurRef.current?.()\n      if (refocus) inputRef.current?.focus()\n    }, [])\n\n    useEffect(() => {\n      if (open) {\n        setViewMonth(selected ?? today())\n        setTab('date') // always open on the Date tab\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    // after a day-pick auto-advances to the Time tab, move focus onto it so the focus trap holds\n    // (the just-picked calendar cell has unmounted); a manual tab switch never triggers this\n    useEffect(() => {\n      if (tab === 'time' && advanceRef.current) {\n        advanceRef.current = false\n        popoverRef.current\n          ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n          ?.focus()\n      }\n    }, [tab, popoverRef])\n\n    const isOutOfRange = (d: Dayjs): boolean => {\n      if (minDate && d.isBefore(minDate, 'day')) return true\n      if (maxDate && d.isAfter(maxDate, 'day')) return true\n      return Boolean(disabledDate && disabledDate(toISO(d)))\n    }\n\n    const handleInputChange = (raw: string) => {\n      const masked = applyMask(raw, mask)\n      setInputText(masked)\n      if (masked === '') {\n        commit('') // emptying the field clears the value\n        return\n      }\n      const parsed = parseInput(masked, format)\n      if (parsed && !isOutOfRange(parsed) && changed(parsed)) commitDateTime(parsed)\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const parsed = parseInput(inputText, format)\n      if (inputText === '') {\n        commit('') // an emptied field stays cleared\n      } else if (parsed && !isOutOfRange(parsed)) {\n        if (changed(parsed)) commitDateTime(parsed)\n        setInputText(parsed.format(format))\n      } else {\n        setInputText(selected ? selected.format(format) : '')\n      }\n      const nextEl = event.relatedTarget as Node | null\n      if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n        return\n      bound?.onBlur(event)\n    }\n\n    // picking a day keeps the current time; picking a time keeps the current day — the popover stays open\n    const handleSelectDate = (iso: string) => {\n      const date = parseISO(iso)\n      if (!date) return\n      const base = selected ?? today()\n      commitDateTime(date.hour(base.hour()).minute(base.minute()).second(base.second()))\n      advanceRef.current = true\n      setTab('time') // picking a day advances to the Time tab\n    }\n    const handleTimeChange = (next: Dayjs) => commitDateTime(next)\n\n    const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n          <input\n            ref={setInputRef}\n            id={id}\n            name={name}\n            className={styles.input}\n            value={inputText}\n            placeholder={placeholder ?? format.toLowerCase()}\n            disabled={disabled}\n            autoComplete=\"off\"\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={handleInputBlur}\n          />\n\n          {clearable && currentValue !== '' && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clear}\n              aria-label={t('dateTimePicker.clear')}\n              tabIndex={-1}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => {\n                commit('')\n                setInputText('')\n                inputRef.current?.focus()\n              }}\n            >\n              <Icon name=\"CloseCircle\" size=\"sm\" />\n            </button>\n          )}\n\n          <IconButton\n            type=\"button\"\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('dateTimePicker.open')}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            className={styles.calendarButton}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Icon name=\"Calendar3\" size={iconSize} />\n          </IconButton>\n        </div>\n\n        <FloatingPanel\n          ref={popoverRef}\n          open={open}\n          triggerRef={triggerRef}\n          onClose={closePopover}\n          role=\"dialog\"\n          ariaLabel=\"Choose date and time\"\n          trapFocus\n          className={clsx(styles.popover, dt.popover)}\n        >\n          <Tabs\n            className={dt.tabs}\n            aria-label={t('dateTimePicker.label')}\n            fullWidth\n            autoFocus\n            // the Date/Time tabs are internal popover UI — never sync them to the page URL\n            queryKey={null}\n            value={tab}\n            onChange={(v) => setTab(v as 'date' | 'time')}\n            items={[\n              {\n                value: 'date',\n                label: t('dateTimePicker.dateTab'),\n                icon: 'Calendar3',\n                content: (\n                  <Calendar\n                    value={selected}\n                    month={viewMonth}\n                    onMonthChange={setViewMonth}\n                    onSelect={handleSelectDate}\n                    min={minDate}\n                    max={maxDate}\n                    disabledDate={disabledDate}\n                    weekStartsOn={weekStartsOn}\n                    labelId={labelId}\n                  />\n                ),\n              },\n              {\n                value: 'time',\n                label: t('dateTimePicker.timeTab'),\n                icon: 'Clock',\n                content: (\n                  <div className={dt.timePane}>\n                    <TimeColumns\n                      value={selected}\n                      onChange={handleTimeChange}\n                      hour12={hour12}\n                      minuteStep={minuteStep}\n                      showSeconds={showSeconds}\n                    />\n                  </div>\n                ),\n              },\n            ]}\n          />\n          <div className={dt.footer}>\n            <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n              {t('common.done')}\n            </Button>\n          </div>\n        </FloatingPanel>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["defaultFormatFor","hour12","showSeconds","DateTimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","toDisplay","instant","utcToLocalWall","selected","parseValue","resolvedError","resolvedHelperText","minDate","maxDate","mask","maskFromFormat","timeUnit","commit","next","commitDateTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","tab","setTab","advanceRef","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","isOutOfRange","toISO","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleSelectDate","iso","date","parseISO","base","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","dt","Tabs","v","Calendar","TimeColumns","Button"],"mappings":"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"}
+{"version":3,"file":"DateTimePicker-DdXFzqO_.js","sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tabs } from '../Tabs'\nimport { Typography } from '../Typography'\nimport { Calendar } from '../DatePicker/Calendar'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseISO,\n  parseInput,\n  parseValue,\n  today,\n  toISO,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport dt from './DateTimePicker.module.css'\nimport { TimeColumns } from './TimeColumns'\n\nexport type DateTimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface DateTimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and calendar density. */\n  size?: DateTimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a datetime string in `valueFormat` (default ISO datetime; `''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next datetime in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'DD/MM/YYYY HH:mm:ss'` (or `hh:mm:ss A`\n   * when `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to the ISO datetime `'YYYY-MM-DDTHH:mm:ss[Z]'` when `utc` (the `Z` marks the\n   * value as UTC, e.g. `'2026-06-10T09:35:00Z'`), or `'YYYY-MM-DDTHH:mm:ss'` (no `Z`) when `utc={false}`.\n   * Incoming values are parsed **leniently** (this format, then any ISO-8601 string — so a backend\n   * datetime like `'2026-06-10T09:35:49.6134342'` with or without `Z` is accepted).\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion entirely — the field shows and emits the value's exact\n   * wall-clock (what you pick is what's sent, no UTC shift).\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Earliest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  min?: string\n  /** Latest selectable date (ISO date or datetime; day-level bound on the calendar). */\n  max?: string\n  /** Disables specific dates — receives each day as an ISO `'YYYY-MM-DD'` string. */\n  disabledDate?: (date: string) => boolean\n  /** First day of the week: 0 = Sunday … 6 = Saturday. Defaults to `1` (Monday). */\n  weekStartsOn?: number\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the datetime string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  const time = hour12\n    ? showSeconds\n      ? 'hh:mm:ss A'\n      : 'hh:mm A'\n    : showSeconds\n      ? 'HH:mm:ss'\n      : 'HH:mm'\n  return `DD/MM/YYYY ${time}`\n}\n\n/**\n * A datetime field with a typed, masked input **and** a popover combining the keyboard-navigable\n * `Calendar` (date) with scrollable time columns (hour / minute / optional second + AM/PM in 12-hour\n * mode). All math runs in **UTC** so the instant never drifts with the viewer's timezone; the value is a\n * string in `valueFormat` (UTC ISO datetime with a `Z` by default, or no `Z` when `utc={false}`) — incoming values are parsed\n * leniently (a richer backend datetime is accepted) and the chosen instant is emitted in that format.\n * Picking a date keeps the time and vice-versa, and the popover stays open until you click away,\n * press Escape, or hit Done. Supports `hour12`, `minuteStep`, `showSeconds`, `min`/`max`,\n * `disabledDate`, `weekStartsOn`, and `clearable`. Controlled (`value` + `onChange`) or uncontrolled\n * (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires the `dayjs` peer dependency.\n */\nexport const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  function DateTimePicker(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      fullWidth = true,\n      disabled = false,\n      value,\n      defaultValue,\n      onChange,\n      format: formatProp,\n      valueFormat: valueFormatProp,\n      utc = true,\n      hour12 = false,\n      minuteStep = 1,\n      showSeconds = true,\n      placeholder,\n      min,\n      max,\n      disabledDate,\n      weekStartsOn = 1,\n      clearable = true,\n      name,\n      id: idProp,\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const reactId = useId()\n    const id = idProp ?? reactId\n    const helperId = `${id}-helper`\n    const labelId = `${id}-label`\n    const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n    // when the value is UTC, the wire string carries a `Z` (\"…09:35:00Z\"); `utc={false}` emits the\n    // bare wall-clock (no zone designator). Override either via `valueFormat`.\n    const valueFormat = valueFormatProp ?? (utc ? 'YYYY-MM-DDTHH:mm:ss[Z]' : 'YYYY-MM-DDTHH:mm:ss')\n\n    // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` datetime string ────────────\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = isFormBound ? form!.field(name!) : undefined\n    const externalValue =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? ((form!.values[name!] as string | undefined) ?? '')\n          : undefined\n    const isControlled = value !== undefined || isFormBound\n    const [internal, setInternal] = useState<string>(defaultValue ?? '')\n    const currentValue = isControlled ? externalValue! : internal\n    // when `utc`, parse the UTC value and show it in the viewer's LOCAL time (value stays UTC, emit\n    // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n    const toDisplay = (instant: Dayjs | null) => (utc ? utcToLocalWall(instant) : instant)\n    const selected = toDisplay(parseValue(currentValue, valueFormat))\n\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const minDate = toDisplay(parseValue(min, valueFormat))\n    const maxDate = toDisplay(parseValue(max, valueFormat))\n    const mask = maskFromFormat(format)\n    // precision the user can actually type — driven by the display `format`, not just `showSeconds`\n    const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n    const commit = (next: string) => {\n      if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    // emit a datetime in the wire `valueFormat` (time preserved), or '' to clear. Re-picking the same\n    // instant is a no-op (string equality alone would leak a spurious emit for sub-second source values)\n    const commitDateTime = (d: Dayjs | null) => {\n      if (d && selected && d.isSame(selected, 'second')) return\n      // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n      commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n    }\n\n    // true when `d` differs from the current value at the input's precision — gates typed-input commits\n    // so a no-op round-trip (focus/blur) never rewrites an unchanged value's finer time\n    const changed = (d: Dayjs) => !selected || !d.isSame(selected, timeUnit)\n\n    // input display text (kept in sync with the committed value; free while typing an incomplete value)\n    const [inputText, setInputText] = useState<string>(() =>\n      selected ? selected.format(format) : '',\n    )\n    useEffect(() => {\n      setInputText(selected ? selected.format(format) : '')\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [currentValue, format, valueFormat])\n\n    // ── popover ──────────────────────────────────────────────────────────────────────────────────\n    const triggerRef = useRef<HTMLDivElement | null>(null)\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [open, setOpen] = useState(false)\n    const [viewMonth, setViewMonth] = useState<Dayjs>(() => selected ?? today())\n    // which popover tab is active — controlled so picking a day can auto-advance to Time\n    const [tab, setTab] = useState<'date' | 'time'>('date')\n    const advanceRef = useRef(false) // set when a day-pick advances to Time → move focus there\n\n    const setInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n      },\n      [ref],\n    )\n\n    const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n    fieldBlurRef.current = bound\n      ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>)\n      : undefined\n\n    // the floating panel forwards its node here, for the blur check + the auto-advance focus move\n    const popoverRef = useRef<HTMLDivElement | null>(null)\n\n    const closePopover = useCallback((refocus: boolean) => {\n      setOpen(false)\n      fieldBlurRef.current?.()\n      if (refocus) inputRef.current?.focus()\n    }, [])\n\n    useEffect(() => {\n      if (open) {\n        setViewMonth(selected ?? today())\n        setTab('date') // always open on the Date tab\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    // after a day-pick auto-advances to the Time tab, move focus onto it so the focus trap holds\n    // (the just-picked calendar cell has unmounted); a manual tab switch never triggers this\n    useEffect(() => {\n      if (tab === 'time' && advanceRef.current) {\n        advanceRef.current = false\n        popoverRef.current\n          ?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')\n          ?.focus()\n      }\n    }, [tab, popoverRef])\n\n    const isOutOfRange = (d: Dayjs): boolean => {\n      if (minDate && d.isBefore(minDate, 'day')) return true\n      if (maxDate && d.isAfter(maxDate, 'day')) return true\n      return Boolean(disabledDate && disabledDate(toISO(d)))\n    }\n\n    const handleInputChange = (raw: string) => {\n      const masked = applyMask(raw, mask)\n      setInputText(masked)\n      if (masked === '') {\n        commit('') // emptying the field clears the value\n        return\n      }\n      const parsed = parseInput(masked, format)\n      if (parsed && !isOutOfRange(parsed) && changed(parsed)) commitDateTime(parsed)\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const parsed = parseInput(inputText, format)\n      if (inputText === '') {\n        commit('') // an emptied field stays cleared\n      } else if (parsed && !isOutOfRange(parsed)) {\n        if (changed(parsed)) commitDateTime(parsed)\n        setInputText(parsed.format(format))\n      } else {\n        setInputText(selected ? selected.format(format) : '')\n      }\n      const nextEl = event.relatedTarget as Node | null\n      if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n        return\n      bound?.onBlur(event)\n    }\n\n    // picking a day keeps the current time; picking a time keeps the current day — the popover stays open\n    const handleSelectDate = (iso: string) => {\n      const date = parseISO(iso)\n      if (!date) return\n      const base = selected ?? today()\n      commitDateTime(date.hour(base.hour()).minute(base.minute()).second(base.second()))\n      advanceRef.current = true\n      setTab('time') // picking a day advances to the Time tab\n    }\n    const handleTimeChange = (next: Dayjs) => commitDateTime(next)\n\n    const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n    return (\n      <div\n        className={clsx(\n          styles.field,\n          styles[size],\n          fullWidth && styles.fullWidth,\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={style}\n      >\n        {label != null && (\n          <label htmlFor={id} className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n\n        <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n          <input\n            ref={setInputRef}\n            id={id}\n            name={name}\n            className={styles.input}\n            value={inputText}\n            placeholder={placeholder ?? format.toLowerCase()}\n            disabled={disabled}\n            autoComplete=\"off\"\n            aria-invalid={resolvedError || undefined}\n            aria-describedby={resolvedHelperText != null ? helperId : undefined}\n            onChange={(e) => handleInputChange(e.target.value)}\n            onBlur={handleInputBlur}\n          />\n\n          {clearable && currentValue !== '' && !disabled && (\n            <button\n              type=\"button\"\n              className={styles.clear}\n              aria-label={t('dateTimePicker.clear')}\n              tabIndex={-1}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => {\n                commit('')\n                setInputText('')\n                inputRef.current?.focus()\n              }}\n            >\n              <Icon name=\"CloseCircle\" size=\"sm\" />\n            </button>\n          )}\n\n          <IconButton\n            type=\"button\"\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('dateTimePicker.open')}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            className={styles.calendarButton}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => setOpen((o) => !o)}\n          >\n            <Icon name=\"Calendar3\" size={iconSize} />\n          </IconButton>\n        </div>\n\n        <FloatingPanel\n          ref={popoverRef}\n          open={open}\n          triggerRef={triggerRef}\n          onClose={closePopover}\n          role=\"dialog\"\n          ariaLabel=\"Choose date and time\"\n          trapFocus\n          className={clsx(styles.popover, dt.popover)}\n        >\n          <Tabs\n            className={dt.tabs}\n            aria-label={t('dateTimePicker.label')}\n            fullWidth\n            autoFocus\n            // the Date/Time tabs are internal popover UI — never sync them to the page URL\n            queryKey={null}\n            value={tab}\n            onChange={(v) => setTab(v as 'date' | 'time')}\n            items={[\n              {\n                value: 'date',\n                label: t('dateTimePicker.dateTab'),\n                icon: 'Calendar3',\n                content: (\n                  <Calendar\n                    value={selected}\n                    month={viewMonth}\n                    onMonthChange={setViewMonth}\n                    onSelect={handleSelectDate}\n                    min={minDate}\n                    max={maxDate}\n                    disabledDate={disabledDate}\n                    weekStartsOn={weekStartsOn}\n                    labelId={labelId}\n                  />\n                ),\n              },\n              {\n                value: 'time',\n                label: t('dateTimePicker.timeTab'),\n                icon: 'Clock',\n                content: (\n                  <div className={dt.timePane}>\n                    <TimeColumns\n                      value={selected}\n                      onChange={handleTimeChange}\n                      hour12={hour12}\n                      minuteStep={minuteStep}\n                      showSeconds={showSeconds}\n                    />\n                  </div>\n                ),\n              },\n            ]}\n          />\n          <div className={dt.footer}>\n            <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n              {t('common.done')}\n            </Button>\n          </div>\n        </FloatingPanel>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            id={helperId}\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["defaultFormatFor","hour12","showSeconds","DateTimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","min","max","disabledDate","weekStartsOn","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","labelId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","toDisplay","instant","utcToLocalWall","selected","parseValue","resolvedError","resolvedHelperText","minDate","maxDate","mask","maskFromFormat","timeUnit","commit","next","commitDateTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","viewMonth","setViewMonth","today","tab","setTab","advanceRef","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","isOutOfRange","toISO","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleSelectDate","iso","date","parseISO","base","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","dt","Tabs","v","Calendar","TimeColumns","Button"],"mappings":"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"}

package/dist/{DescriptionList-DQHNOTWl.cjs → DescriptionList-C7AOcw_2.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),M=require("react"),R=require("clsx"),G=require("./breakpoints-Dpnh6BbG.cjs"),J=require("./useMediaQuery-CHMrI6Dy.cjs"),K=require("./names-YOCJ4B5J.cjs"),V=require("./Icon-BUP5_kRs.cjs"),X=require("./CopyButton-Bfte6TJF.cjs"),Y=require("./IconButton-CvIXSFsr.cjs"),S=require("./Skeleton-DK0lAjS9.cjs"),q=require("./Typography-B6ASPrzT.cjs"),Z=require("./ConfigProvider-CtpfSy1i.cjs"),W="_root_10k89_4",ee="_sm_10k89_14",se="_md_10k89_22",te="_lg_10k89_30",ae="_header_10k89_40",le="_headerMain_10k89_49",ne="_headerIcon_10k89_56",oe="_headerText_10k89_59",re="_title_10k89_65",ce="_actions_10k89_68",de="_grid_10k89_80",ie="_item_10k89_87",_e="_dividers_10k89_95",ue="_lastRow_10k89_99",he="_label_10k89_103",pe="_labelIcon_10k89_111",me="_value_10k89_116",ve="_valueMedium_10k89_125",xe="_valueBold_10k89_128",ke="_valueText_10k89_131",ye="_placeholder_10k89_135",be="_copy_10k89_148",je="_copyButton_10k89_156",Ne="_horizontal_10k89_172",fe="_stacked_10k89_170",ge="_bordered_10k89_184",Ie="_lastRowStart_10k89_218",e={root:W,sm:ee,md:se,lg:te,header:ae,headerMain:le,headerIcon:ne,headerText:oe,title:re,actions:ce,grid:de,item:ie,dividers:_e,lastRow:ue,label:he,labelIcon:pe,value:me,valueMedium:ve,valueBold:xe,valueText:ke,placeholder:ye,copy:be,copyButton:je,horizontal:Ne,stacked:fe,bordered:ge,lastRowStart:Ie},we=new Set(K.ICON_NAMES),Te={xs:1,sm:2,lg:3},Me=t=>t==null||t===""||t===!1,Re=t=>{if(typeof t.copyable=="string")return t.copyable;if(typeof t.value=="string"||typeof t.value=="number")return String(t.value)},Se=(t,n)=>{let r=0,l=0;return t.map(i=>{const o=Math.min(i.span??1,n);l+o>n&&(r+=1,l=0);const h={item:i,span:o,row:r,col:l};return l+=o,l>=n&&(r+=1,l=0),h})},B=(t,n="sm")=>typeof t=="string"&&we.has(t)?s.jsx(V.Icon,{name:t,size:n}):t,qe=M.forwardRef(function({items:n,columns:r=Te,layout:l="vertical",size:i="md",valueWeight:o="regular",bordered:h=!1,dividers:C=!0,labelWidth:p=160,stackBelow:k="xxs",loading:c=!1,emptyText:L="—",title:d,icon:m,color:z="accent",subtitle:_,actions:v,className:E,style:A,...D},O){const y=Z.useT(),b=`${M.useId()}-title`,j=J.useBreakpointMatches(),N=G.resolveResponsive(r,j)??1,$=l==="horizontal"&&k!==!1&&j[k],f=n.filter(a=>!a.hidden),u=Se(f,N),g=u.length?u[u.length-1].row:0,U=typeof c=="number"?c:f.length||6,F=d!=null||_!=null||v!=null||m!=null,H={"--dl-cols":N,"--dl-label-w":typeof p=="number"?`${p}px`:p};return s.jsxs("div",{ref:O,className:R.clsx(e.root,e[i],e[l],o!=="regular"&&e[`value${o==="bold"?"Bold":"Medium"}`],h&&e.bordered,C&&e.dividers,$&&e.stacked,E),style:{...H,...A},...D,children:[F&&s.jsxs("div",{className:e.header,children:[s.jsxs("div",{className:e.headerMain,children:[m!=null&&s.jsx(Y.IconButton,{variant:"filled",size:"sm",color:z,nonClickable:!0,"aria-hidden":!0,className:e.headerIcon,children:B(m,"md")}),(d!=null||_!=null)&&s.jsxs("div",{className:e.headerText,children:[d!=null&&s.jsx(q.Typography,{as:"h3",id:b,variant:"subtitle",className:e.title,children:d}),_!=null&&s.jsx(q.Typography,{as:"p",variant:"bodySmall",color:"muted",children:_})]})]}),v!=null&&s.jsx("div",{className:e.actions,children:v})]}),s.jsx("dl",{className:e.grid,"aria-labelledby":d!=null?b:void 0,"aria-busy":c?!0:void 0,"aria-label":c?y("descriptionList.loading"):void 0,children:c?Array.from({length:U},(a,x)=>s.jsxs("div",{className:e.item,"aria-hidden":"true",children:[s.jsx("dt",{className:e.label,children:s.jsx(S.Skeleton,{width:"40%",height:"0.9em"})}),s.jsx("dd",{className:e.value,children:s.jsx(S.Skeleton,{width:"70%",height:"1.1em"})})]},x)):u.map(({item:a,span:x,row:I,col:P},Q)=>{const w=Me(a.value),T=!w&&a.copyable?Re(a):void 0;return s.jsxs("div",{className:R.clsx(e.item,I===g&&e.lastRow,I===g&&P===0&&e.lastRowStart),style:{"--dl-span":x},children:[s.jsxs("dt",{className:e.label,children:[a.icon!=null&&s.jsx("span",{className:e.labelIcon,"aria-hidden":"true",children:B(a.icon)}),a.label]}),s.jsxs("dd",{className:e.value,children:[s.jsx("span",{className:e.valueText,children:w?s.jsx("span",{className:e.placeholder,"aria-label":y("descriptionList.empty"),children:L}):a.value}),T!=null&&s.jsx("span",{className:e.copy,children:s.jsx(X.CopyButton,{value:T,size:"sm",variant:"text",className:e.copyButton})})]})]},a.key??Q)})})]})});exports.DescriptionList=qe;
-//# sourceMappingURL=DescriptionList-DQHNOTWl.cjs.map
+"use strict";const s=require("react/jsx-runtime"),M=require("react"),R=require("clsx"),G=require("./breakpoints-Dpnh6BbG.cjs"),J=require("./useMediaQuery-CHMrI6Dy.cjs"),K=require("./names-YOCJ4B5J.cjs"),V=require("./Icon-BUP5_kRs.cjs"),X=require("./CopyButton-DUtx2-Gi.cjs"),Y=require("./IconButton-V8tjArlt.cjs"),S=require("./Skeleton-DK0lAjS9.cjs"),q=require("./Typography-B6ASPrzT.cjs"),Z=require("./ConfigProvider-CzAQf_d_.cjs"),W="_root_10k89_4",ee="_sm_10k89_14",se="_md_10k89_22",te="_lg_10k89_30",ae="_header_10k89_40",le="_headerMain_10k89_49",ne="_headerIcon_10k89_56",oe="_headerText_10k89_59",re="_title_10k89_65",ce="_actions_10k89_68",de="_grid_10k89_80",ie="_item_10k89_87",_e="_dividers_10k89_95",ue="_lastRow_10k89_99",he="_label_10k89_103",pe="_labelIcon_10k89_111",me="_value_10k89_116",ve="_valueMedium_10k89_125",xe="_valueBold_10k89_128",ke="_valueText_10k89_131",ye="_placeholder_10k89_135",be="_copy_10k89_148",je="_copyButton_10k89_156",Ne="_horizontal_10k89_172",fe="_stacked_10k89_170",ge="_bordered_10k89_184",Ie="_lastRowStart_10k89_218",e={root:W,sm:ee,md:se,lg:te,header:ae,headerMain:le,headerIcon:ne,headerText:oe,title:re,actions:ce,grid:de,item:ie,dividers:_e,lastRow:ue,label:he,labelIcon:pe,value:me,valueMedium:ve,valueBold:xe,valueText:ke,placeholder:ye,copy:be,copyButton:je,horizontal:Ne,stacked:fe,bordered:ge,lastRowStart:Ie},we=new Set(K.ICON_NAMES),Te={xs:1,sm:2,lg:3},Me=t=>t==null||t===""||t===!1,Re=t=>{if(typeof t.copyable=="string")return t.copyable;if(typeof t.value=="string"||typeof t.value=="number")return String(t.value)},Se=(t,n)=>{let r=0,l=0;return t.map(i=>{const o=Math.min(i.span??1,n);l+o>n&&(r+=1,l=0);const h={item:i,span:o,row:r,col:l};return l+=o,l>=n&&(r+=1,l=0),h})},B=(t,n="sm")=>typeof t=="string"&&we.has(t)?s.jsx(V.Icon,{name:t,size:n}):t,qe=M.forwardRef(function({items:n,columns:r=Te,layout:l="vertical",size:i="md",valueWeight:o="regular",bordered:h=!1,dividers:C=!0,labelWidth:p=160,stackBelow:k="xxs",loading:c=!1,emptyText:L="—",title:d,icon:m,color:z="accent",subtitle:_,actions:v,className:E,style:A,...D},O){const y=Z.useT(),b=`${M.useId()}-title`,j=J.useBreakpointMatches(),N=G.resolveResponsive(r,j)??1,$=l==="horizontal"&&k!==!1&&j[k],f=n.filter(a=>!a.hidden),u=Se(f,N),g=u.length?u[u.length-1].row:0,U=typeof c=="number"?c:f.length||6,F=d!=null||_!=null||v!=null||m!=null,H={"--dl-cols":N,"--dl-label-w":typeof p=="number"?`${p}px`:p};return s.jsxs("div",{ref:O,className:R.clsx(e.root,e[i],e[l],o!=="regular"&&e[`value${o==="bold"?"Bold":"Medium"}`],h&&e.bordered,C&&e.dividers,$&&e.stacked,E),style:{...H,...A},...D,children:[F&&s.jsxs("div",{className:e.header,children:[s.jsxs("div",{className:e.headerMain,children:[m!=null&&s.jsx(Y.IconButton,{variant:"filled",size:"sm",color:z,nonClickable:!0,"aria-hidden":!0,className:e.headerIcon,children:B(m,"md")}),(d!=null||_!=null)&&s.jsxs("div",{className:e.headerText,children:[d!=null&&s.jsx(q.Typography,{as:"h3",id:b,variant:"subtitle",className:e.title,children:d}),_!=null&&s.jsx(q.Typography,{as:"p",variant:"bodySmall",color:"muted",children:_})]})]}),v!=null&&s.jsx("div",{className:e.actions,children:v})]}),s.jsx("dl",{className:e.grid,"aria-labelledby":d!=null?b:void 0,"aria-busy":c?!0:void 0,"aria-label":c?y("descriptionList.loading"):void 0,children:c?Array.from({length:U},(a,x)=>s.jsxs("div",{className:e.item,"aria-hidden":"true",children:[s.jsx("dt",{className:e.label,children:s.jsx(S.Skeleton,{width:"40%",height:"0.9em"})}),s.jsx("dd",{className:e.value,children:s.jsx(S.Skeleton,{width:"70%",height:"1.1em"})})]},x)):u.map(({item:a,span:x,row:I,col:P},Q)=>{const w=Me(a.value),T=!w&&a.copyable?Re(a):void 0;return s.jsxs("div",{className:R.clsx(e.item,I===g&&e.lastRow,I===g&&P===0&&e.lastRowStart),style:{"--dl-span":x},children:[s.jsxs("dt",{className:e.label,children:[a.icon!=null&&s.jsx("span",{className:e.labelIcon,"aria-hidden":"true",children:B(a.icon)}),a.label]}),s.jsxs("dd",{className:e.value,children:[s.jsx("span",{className:e.valueText,children:w?s.jsx("span",{className:e.placeholder,"aria-label":y("descriptionList.empty"),children:L}):a.value}),T!=null&&s.jsx("span",{className:e.copy,children:s.jsx(X.CopyButton,{value:T,size:"sm",variant:"text",className:e.copyButton})})]})]},a.key??Q)})})]})});exports.DescriptionList=qe;
+//# sourceMappingURL=DescriptionList-C7AOcw_2.cjs.map

package/dist/{DescriptionList-DQHNOTWl.cjs.map → DescriptionList-C7AOcw_2.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList-DQHNOTWl.cjs","sources":["../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { resolveResponsive, type Breakpoint, type Responsive } from '../../theme/breakpoints'\nimport { useBreakpointMatches } from '../../hooks/useMediaQuery'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { CopyButton } from '../CopyButton'\nimport { IconButton } from '../IconButton'\nimport { Skeleton } from '../Skeleton'\nimport { Typography } from '../Typography'\nimport styles from './DescriptionList.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type DescriptionListSize = 'sm' | 'md' | 'lg'\nexport type DescriptionListLayout = 'vertical' | 'horizontal'\nexport type DescriptionListColumns = 1 | 2 | 3 | 4\nexport type DescriptionListValueWeight = 'regular' | 'medium' | 'bold'\n\nexport interface DescriptionItem {\n  /** Stable key (defaults to the index). */\n  key?: string\n  /** The term — \"Entry fee\". */\n  label: ReactNode\n  /** The value. `null` / `undefined` / `''` / `false` render the `emptyText` placeholder (\"—\"). */\n  value?: ReactNode\n  /** Columns this pair spans (clamped to the resolved column count) — for long text, addresses, lists. */\n  span?: DescriptionListColumns\n  /** Show a copy button: `true` copies a string/number `value`; pass a string to copy something else (an id behind a label). */\n  copyable?: boolean | string\n  /** Drop the pair entirely (e.g. by role). */\n  hidden?: boolean\n  /** Small leading icon in the label — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n}\n\nexport interface DescriptionListProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'color'\n> {\n  /** The label / value pairs, in order. Declarative so `loading` skeletons and `hidden` stay trivial. */\n  items: DescriptionItem[]\n  /** Column count — a number or a desktop-first breakpoint map. Defaults to `{ xs: 1, sm: 2, lg: 3 }`. */\n  columns?: Responsive<DescriptionListColumns>\n  /** `vertical` (label above value, default) or `horizontal` (label beside value; stacks again on phones). */\n  layout?: DescriptionListLayout\n  /** Text + spacing scale. Defaults to `md`. */\n  size?: DescriptionListSize\n  /** Font weight of the values. Defaults to `regular` (the library's body default); `medium` / `bold` add emphasis. */\n  valueWeight?: DescriptionListValueWeight\n  /** Frame the list as a surface card (border + radius); `horizontal` also tints the label column. */\n  bordered?: boolean\n  /** Hairlines between rows. Defaults to `true` (turn off inside an already-ruled container). */\n  dividers?: boolean\n  /** Label column width for `horizontal` (px number or CSS length). Defaults to `160px`. */\n  labelWidth?: number | string\n  /**\n   * `horizontal` only — the breakpoint at (and below) which the label stacks back above the value.\n   * A breakpoint token (`'xxs'` ≤ 576px default, `'xs'` ≤ 768px, …) or `false` to keep the two columns\n   * side by side at every width. Uses the shared JS breakpoint layer, so `config.theme.breakpoints` applies.\n   */\n  stackBelow?: Breakpoint | false\n  /** Render shimmering placeholders instead of values — `true` uses `items.length` rows, a number sets the count. */\n  loading?: boolean | number\n  /** Placeholder for an empty value. Defaults to `\"—\"`. */\n  emptyText?: ReactNode\n  /** Optional header title. */\n  title?: ReactNode\n  /** Leading header icon (a tinted box before the title, like `Card`) — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the header icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Muted line under the title. */\n  subtitle?: ReactNode\n  /** Header slot on the right (buttons, a status chip …). */\n  actions?: ReactNode\n}\n\nconst DEFAULT_COLUMNS: Responsive<DescriptionListColumns> = { xs: 1, sm: 2, lg: 3 }\n\nconst isEmpty = (value: ReactNode) => value == null || value === '' || value === false\n\n/** What `copyable` copies: an explicit string, else a string / number value; nothing for rich nodes. */\nconst copyTextOf = (item: DescriptionItem): string | undefined => {\n  if (typeof item.copyable === 'string') return item.copyable\n  if (typeof item.value === 'string' || typeof item.value === 'number') return String(item.value)\n  return undefined\n}\n\n/** Lay the items on a `cols`-wide grid the way CSS auto-placement will (spans clamped, wrapping rows). */\nconst placeItems = (items: DescriptionItem[], cols: number) => {\n  let row = 0\n  let col = 0\n  return items.map((item) => {\n    const span = Math.min(item.span ?? 1, cols)\n    if (col + span > cols) {\n      row += 1\n      col = 0\n    }\n    const placed = { item, span, row, col }\n    col += span\n    if (col >= cols) {\n      row += 1\n      col = 0\n    }\n    return placed\n  })\n}\n\nconst renderIcon = (icon: IconName | ReactNode, size: 'sm' | 'md' = 'sm') =>\n  typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n    <Icon name={icon as IconName} size={size} />\n  ) : (\n    icon\n  )\n\n/**\n * Label / value pairs for a **detail page** (the read-only twin of a form: \"User #42\" → Name, Email,\n * Role …). Renders a semantic `<dl>` of `<dt>` / `<dd>` groups laid out on a responsive CSS grid\n * (`columns`, desktop-first breakpoint map — default 1 → 2 → 3), each pair optionally spanning several\n * columns. An optional Card-style header carries an `icon` box (tinted by `color`), `title`,\n * `subtitle` and `actions`. Values are regular weight by default (`valueWeight` adds emphasis) and any node: `null` / `''` show a muted \"—\" placeholder (`emptyText`), string / number\n * values can grow a `CopyButton` (revealed on hover / focus; always visible without hover), and\n * `hidden` drops a pair (e.g. by role). `layout=\"horizontal\"` puts the label beside the value in a\n * `labelWidth` column and stacks back on phones (`stackBelow` — a breakpoint, or `false` to never stack); `bordered` frames the list as a surface card (tinting the\n * label column when horizontal). `loading` swaps the values for `Skeleton` lines of the same shape.\n * Rows are separated by hairline `dividers`. Token-only; the grid is never `overflow: hidden` so the\n * copy tooltip is never clipped. `forwardRef` to the root `<div>`.\n */\nexport const DescriptionList = forwardRef<HTMLDivElement, DescriptionListProps>(\n  function DescriptionList(\n    {\n      items,\n      columns = DEFAULT_COLUMNS,\n      layout = 'vertical',\n      size = 'md',\n      valueWeight = 'regular',\n      bordered = false,\n      dividers = true,\n      labelWidth = 160,\n      stackBelow = 'xxs',\n      loading = false,\n      emptyText = '\\u2014',\n      title,\n      icon,\n      color = 'accent',\n      subtitle,\n      actions,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const t = useT()\n    const id = useId()\n    const titleId = `${id}-title`\n    const matches = useBreakpointMatches()\n    const cols = resolveResponsive(columns, matches) ?? 1\n    const stacked = layout === 'horizontal' && stackBelow !== false && matches[stackBelow]\n\n    const visible = items.filter((item) => !item.hidden)\n    // Grid placement (span-aware) — the last row drops its hairline (nothing follows it, and in `bordered`\n    // it would double the frame's border), and its first cell rounds the frame's bottom-left corner\n    // (`bordered` + `horizontal` tints the label column, and that tint must not bleed past the radius).\n    const placed = placeItems(visible, cols)\n    const lastRow = placed.length ? placed[placed.length - 1].row : 0\n    const skeletonRows = typeof loading === 'number' ? loading : visible.length || 6\n    const hasHeader = title != null || subtitle != null || actions != null || icon != null\n\n    const vars = {\n      '--dl-cols': cols,\n      '--dl-label-w': typeof labelWidth === 'number' ? `${labelWidth}px` : labelWidth,\n    } as CSSProperties\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.root,\n          styles[size],\n          styles[layout],\n          valueWeight !== 'regular' && styles[`value${valueWeight === 'bold' ? 'Bold' : 'Medium'}`],\n          bordered && styles.bordered,\n          dividers && styles.dividers,\n          stacked && styles.stacked,\n          className,\n        )}\n        style={{ ...vars, ...style }}\n        {...props}\n      >\n        {hasHeader && (\n          <div className={styles.header}>\n            <div className={styles.headerMain}>\n              {icon != null && (\n                <IconButton\n                  variant=\"filled\"\n                  size=\"sm\"\n                  color={color}\n                  nonClickable\n                  aria-hidden\n                  className={styles.headerIcon}\n                >\n                  {renderIcon(icon, 'md')}\n                </IconButton>\n              )}\n              {(title != null || subtitle != null) && (\n                <div className={styles.headerText}>\n                  {title != null && (\n                    <Typography as=\"h3\" id={titleId} variant=\"subtitle\" className={styles.title}>\n                      {title}\n                    </Typography>\n                  )}\n                  {subtitle != null && (\n                    <Typography as=\"p\" variant=\"bodySmall\" color=\"muted\">\n                      {subtitle}\n                    </Typography>\n                  )}\n                </div>\n              )}\n            </div>\n            {actions != null && <div className={styles.actions}>{actions}</div>}\n          </div>\n        )}\n\n        <dl\n          className={styles.grid}\n          aria-labelledby={title != null ? titleId : undefined}\n          aria-busy={loading ? true : undefined}\n          aria-label={loading ? t('descriptionList.loading') : undefined}\n        >\n          {loading\n            ? Array.from({ length: skeletonRows }, (_, i) => (\n                <div key={i} className={styles.item} aria-hidden=\"true\">\n                  <dt className={styles.label}>\n                    <Skeleton width=\"40%\" height=\"0.9em\" />\n                  </dt>\n                  <dd className={styles.value}>\n                    <Skeleton width=\"70%\" height=\"1.1em\" />\n                  </dd>\n                </div>\n              ))\n            : placed.map(({ item, span, row, col }, i) => {\n                const empty = isEmpty(item.value)\n                const copy = !empty && item.copyable ? copyTextOf(item) : undefined\n                return (\n                  <div\n                    key={item.key ?? i}\n                    className={clsx(\n                      styles.item,\n                      row === lastRow && styles.lastRow,\n                      row === lastRow && col === 0 && styles.lastRowStart,\n                    )}\n                    style={{ '--dl-span': span } as CSSProperties}\n                  >\n                    <dt className={styles.label}>\n                      {item.icon != null && (\n                        <span className={styles.labelIcon} aria-hidden=\"true\">\n                          {renderIcon(item.icon)}\n                        </span>\n                      )}\n                      {item.label}\n                    </dt>\n                    <dd className={styles.value}>\n                      <span className={styles.valueText}>\n                        {empty ? (\n                          <span\n                            className={styles.placeholder}\n                            aria-label={t('descriptionList.empty')}\n                          >\n                            {emptyText}\n                          </span>\n                        ) : (\n                          item.value\n                        )}\n                      </span>\n                      {copy != null && (\n                        <span className={styles.copy}>\n                          <CopyButton\n                            value={copy}\n                            size=\"sm\"\n                            variant=\"text\"\n                            className={styles.copyButton}\n                          />\n                        </span>\n                      )}\n                    </dd>\n                  </div>\n                )\n              })}\n        </dl>\n      </div>\n    )\n  },\n)\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_COLUMNS","isEmpty","value","copyTextOf","item","placeItems","items","cols","row","col","span","placed","renderIcon","icon","size","jsx","Icon","DescriptionList","forwardRef","columns","layout","valueWeight","bordered","dividers","labelWidth","stackBelow","loading","emptyText","title","color","subtitle","actions","className","style","props","ref","t","useT","titleId","useId","matches","useBreakpointMatches","resolveResponsive","stacked","visible","lastRow","skeletonRows","hasHeader","vars","jsxs","clsx","styles","IconButton","Typography","_","i","Skeleton","empty","copy","CopyButton"],"mappings":"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"}
+{"version":3,"file":"DescriptionList-C7AOcw_2.cjs","sources":["../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { resolveResponsive, type Breakpoint, type Responsive } from '../../theme/breakpoints'\nimport { useBreakpointMatches } from '../../hooks/useMediaQuery'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { CopyButton } from '../CopyButton'\nimport { IconButton } from '../IconButton'\nimport { Skeleton } from '../Skeleton'\nimport { Typography } from '../Typography'\nimport styles from './DescriptionList.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type DescriptionListSize = 'sm' | 'md' | 'lg'\nexport type DescriptionListLayout = 'vertical' | 'horizontal'\nexport type DescriptionListColumns = 1 | 2 | 3 | 4\nexport type DescriptionListValueWeight = 'regular' | 'medium' | 'bold'\n\nexport interface DescriptionItem {\n  /** Stable key (defaults to the index). */\n  key?: string\n  /** The term — \"Entry fee\". */\n  label: ReactNode\n  /** The value. `null` / `undefined` / `''` / `false` render the `emptyText` placeholder (\"—\"). */\n  value?: ReactNode\n  /** Columns this pair spans (clamped to the resolved column count) — for long text, addresses, lists. */\n  span?: DescriptionListColumns\n  /** Show a copy button: `true` copies a string/number `value`; pass a string to copy something else (an id behind a label). */\n  copyable?: boolean | string\n  /** Drop the pair entirely (e.g. by role). */\n  hidden?: boolean\n  /** Small leading icon in the label — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n}\n\nexport interface DescriptionListProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'color'\n> {\n  /** The label / value pairs, in order. Declarative so `loading` skeletons and `hidden` stay trivial. */\n  items: DescriptionItem[]\n  /** Column count — a number or a desktop-first breakpoint map. Defaults to `{ xs: 1, sm: 2, lg: 3 }`. */\n  columns?: Responsive<DescriptionListColumns>\n  /** `vertical` (label above value, default) or `horizontal` (label beside value; stacks again on phones). */\n  layout?: DescriptionListLayout\n  /** Text + spacing scale. Defaults to `md`. */\n  size?: DescriptionListSize\n  /** Font weight of the values. Defaults to `regular` (the library's body default); `medium` / `bold` add emphasis. */\n  valueWeight?: DescriptionListValueWeight\n  /** Frame the list as a surface card (border + radius); `horizontal` also tints the label column. */\n  bordered?: boolean\n  /** Hairlines between rows. Defaults to `true` (turn off inside an already-ruled container). */\n  dividers?: boolean\n  /** Label column width for `horizontal` (px number or CSS length). Defaults to `160px`. */\n  labelWidth?: number | string\n  /**\n   * `horizontal` only — the breakpoint at (and below) which the label stacks back above the value.\n   * A breakpoint token (`'xxs'` ≤ 576px default, `'xs'` ≤ 768px, …) or `false` to keep the two columns\n   * side by side at every width. Uses the shared JS breakpoint layer, so `config.theme.breakpoints` applies.\n   */\n  stackBelow?: Breakpoint | false\n  /** Render shimmering placeholders instead of values — `true` uses `items.length` rows, a number sets the count. */\n  loading?: boolean | number\n  /** Placeholder for an empty value. Defaults to `\"—\"`. */\n  emptyText?: ReactNode\n  /** Optional header title. */\n  title?: ReactNode\n  /** Leading header icon (a tinted box before the title, like `Card`) — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the header icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Muted line under the title. */\n  subtitle?: ReactNode\n  /** Header slot on the right (buttons, a status chip …). */\n  actions?: ReactNode\n}\n\nconst DEFAULT_COLUMNS: Responsive<DescriptionListColumns> = { xs: 1, sm: 2, lg: 3 }\n\nconst isEmpty = (value: ReactNode) => value == null || value === '' || value === false\n\n/** What `copyable` copies: an explicit string, else a string / number value; nothing for rich nodes. */\nconst copyTextOf = (item: DescriptionItem): string | undefined => {\n  if (typeof item.copyable === 'string') return item.copyable\n  if (typeof item.value === 'string' || typeof item.value === 'number') return String(item.value)\n  return undefined\n}\n\n/** Lay the items on a `cols`-wide grid the way CSS auto-placement will (spans clamped, wrapping rows). */\nconst placeItems = (items: DescriptionItem[], cols: number) => {\n  let row = 0\n  let col = 0\n  return items.map((item) => {\n    const span = Math.min(item.span ?? 1, cols)\n    if (col + span > cols) {\n      row += 1\n      col = 0\n    }\n    const placed = { item, span, row, col }\n    col += span\n    if (col >= cols) {\n      row += 1\n      col = 0\n    }\n    return placed\n  })\n}\n\nconst renderIcon = (icon: IconName | ReactNode, size: 'sm' | 'md' = 'sm') =>\n  typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n    <Icon name={icon as IconName} size={size} />\n  ) : (\n    icon\n  )\n\n/**\n * Label / value pairs for a **detail page** (the read-only twin of a form: \"User #42\" → Name, Email,\n * Role …). Renders a semantic `<dl>` of `<dt>` / `<dd>` groups laid out on a responsive CSS grid\n * (`columns`, desktop-first breakpoint map — default 1 → 2 → 3), each pair optionally spanning several\n * columns. An optional Card-style header carries an `icon` box (tinted by `color`), `title`,\n * `subtitle` and `actions`. Values are regular weight by default (`valueWeight` adds emphasis) and any node: `null` / `''` show a muted \"—\" placeholder (`emptyText`), string / number\n * values can grow a `CopyButton` (revealed on hover / focus; always visible without hover), and\n * `hidden` drops a pair (e.g. by role). `layout=\"horizontal\"` puts the label beside the value in a\n * `labelWidth` column and stacks back on phones (`stackBelow` — a breakpoint, or `false` to never stack); `bordered` frames the list as a surface card (tinting the\n * label column when horizontal). `loading` swaps the values for `Skeleton` lines of the same shape.\n * Rows are separated by hairline `dividers`. Token-only; the grid is never `overflow: hidden` so the\n * copy tooltip is never clipped. `forwardRef` to the root `<div>`.\n */\nexport const DescriptionList = forwardRef<HTMLDivElement, DescriptionListProps>(\n  function DescriptionList(\n    {\n      items,\n      columns = DEFAULT_COLUMNS,\n      layout = 'vertical',\n      size = 'md',\n      valueWeight = 'regular',\n      bordered = false,\n      dividers = true,\n      labelWidth = 160,\n      stackBelow = 'xxs',\n      loading = false,\n      emptyText = '\\u2014',\n      title,\n      icon,\n      color = 'accent',\n      subtitle,\n      actions,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const t = useT()\n    const id = useId()\n    const titleId = `${id}-title`\n    const matches = useBreakpointMatches()\n    const cols = resolveResponsive(columns, matches) ?? 1\n    const stacked = layout === 'horizontal' && stackBelow !== false && matches[stackBelow]\n\n    const visible = items.filter((item) => !item.hidden)\n    // Grid placement (span-aware) — the last row drops its hairline (nothing follows it, and in `bordered`\n    // it would double the frame's border), and its first cell rounds the frame's bottom-left corner\n    // (`bordered` + `horizontal` tints the label column, and that tint must not bleed past the radius).\n    const placed = placeItems(visible, cols)\n    const lastRow = placed.length ? placed[placed.length - 1].row : 0\n    const skeletonRows = typeof loading === 'number' ? loading : visible.length || 6\n    const hasHeader = title != null || subtitle != null || actions != null || icon != null\n\n    const vars = {\n      '--dl-cols': cols,\n      '--dl-label-w': typeof labelWidth === 'number' ? `${labelWidth}px` : labelWidth,\n    } as CSSProperties\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.root,\n          styles[size],\n          styles[layout],\n          valueWeight !== 'regular' && styles[`value${valueWeight === 'bold' ? 'Bold' : 'Medium'}`],\n          bordered && styles.bordered,\n          dividers && styles.dividers,\n          stacked && styles.stacked,\n          className,\n        )}\n        style={{ ...vars, ...style }}\n        {...props}\n      >\n        {hasHeader && (\n          <div className={styles.header}>\n            <div className={styles.headerMain}>\n              {icon != null && (\n                <IconButton\n                  variant=\"filled\"\n                  size=\"sm\"\n                  color={color}\n                  nonClickable\n                  aria-hidden\n                  className={styles.headerIcon}\n                >\n                  {renderIcon(icon, 'md')}\n                </IconButton>\n              )}\n              {(title != null || subtitle != null) && (\n                <div className={styles.headerText}>\n                  {title != null && (\n                    <Typography as=\"h3\" id={titleId} variant=\"subtitle\" className={styles.title}>\n                      {title}\n                    </Typography>\n                  )}\n                  {subtitle != null && (\n                    <Typography as=\"p\" variant=\"bodySmall\" color=\"muted\">\n                      {subtitle}\n                    </Typography>\n                  )}\n                </div>\n              )}\n            </div>\n            {actions != null && <div className={styles.actions}>{actions}</div>}\n          </div>\n        )}\n\n        <dl\n          className={styles.grid}\n          aria-labelledby={title != null ? titleId : undefined}\n          aria-busy={loading ? true : undefined}\n          aria-label={loading ? t('descriptionList.loading') : undefined}\n        >\n          {loading\n            ? Array.from({ length: skeletonRows }, (_, i) => (\n                <div key={i} className={styles.item} aria-hidden=\"true\">\n                  <dt className={styles.label}>\n                    <Skeleton width=\"40%\" height=\"0.9em\" />\n                  </dt>\n                  <dd className={styles.value}>\n                    <Skeleton width=\"70%\" height=\"1.1em\" />\n                  </dd>\n                </div>\n              ))\n            : placed.map(({ item, span, row, col }, i) => {\n                const empty = isEmpty(item.value)\n                const copy = !empty && item.copyable ? copyTextOf(item) : undefined\n                return (\n                  <div\n                    key={item.key ?? i}\n                    className={clsx(\n                      styles.item,\n                      row === lastRow && styles.lastRow,\n                      row === lastRow && col === 0 && styles.lastRowStart,\n                    )}\n                    style={{ '--dl-span': span } as CSSProperties}\n                  >\n                    <dt className={styles.label}>\n                      {item.icon != null && (\n                        <span className={styles.labelIcon} aria-hidden=\"true\">\n                          {renderIcon(item.icon)}\n                        </span>\n                      )}\n                      {item.label}\n                    </dt>\n                    <dd className={styles.value}>\n                      <span className={styles.valueText}>\n                        {empty ? (\n                          <span\n                            className={styles.placeholder}\n                            aria-label={t('descriptionList.empty')}\n                          >\n                            {emptyText}\n                          </span>\n                        ) : (\n                          item.value\n                        )}\n                      </span>\n                      {copy != null && (\n                        <span className={styles.copy}>\n                          <CopyButton\n                            value={copy}\n                            size=\"sm\"\n                            variant=\"text\"\n                            className={styles.copyButton}\n                          />\n                        </span>\n                      )}\n                    </dd>\n                  </div>\n                )\n              })}\n        </dl>\n      </div>\n    )\n  },\n)\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_COLUMNS","isEmpty","value","copyTextOf","item","placeItems","items","cols","row","col","span","placed","renderIcon","icon","size","jsx","Icon","DescriptionList","forwardRef","columns","layout","valueWeight","bordered","dividers","labelWidth","stackBelow","loading","emptyText","title","color","subtitle","actions","className","style","props","ref","t","useT","titleId","useId","matches","useBreakpointMatches","resolveResponsive","stacked","visible","lastRow","skeletonRows","hasHeader","vars","jsxs","clsx","styles","IconButton","Typography","_","i","Skeleton","empty","copy","CopyButton"],"mappings":"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"}

package/dist/{DescriptionList-BhsmdtS1.js → DescriptionList-DxRgKNEJ.js}

@@ -5,11 +5,11 @@ import { r as Q } from "./breakpoints-BbDakdqF.js";
 import { u as V } from "./useMediaQuery-DrDUrkmJ.js";
 import { a as X } from "./names-BR1uJs0-.js";
 import { I as Y } from "./Icon-CGQ5yGSZ.js";
-import { C as Z } from "./CopyButton-CBk85MQ7.js";
-import { I as W } from "./IconButton-CL_6iMQh.js";
+import { C as Z } from "./CopyButton-BNcW9-KU.js";
+import { I as W } from "./IconButton-CqFgam3J.js";
 import { S as B } from "./Skeleton-_-uGax2j.js";
 import { T as z } from "./Typography-CJv5AnRP.js";
-import { a as ee } from "./ConfigProvider-Ct0Pe3Ku.js";
+import { a as ee } from "./ConfigProvider-D2svpXFu.js";
 const ae = "_root_10k89_4", se = "_sm_10k89_14", le = "_md_10k89_22", te = "_lg_10k89_30", oe = "_header_10k89_40", ne = "_headerMain_10k89_49", re = "_headerIcon_10k89_56", ce = "_headerText_10k89_59", de = "_title_10k89_65", ie = "_actions_10k89_68", _e = "_grid_10k89_80", me = "_item_10k89_87", ue = "_dividers_10k89_95", pe = "_lastRow_10k89_99", he = "_label_10k89_103", ve = "_labelIcon_10k89_111", ke = "_value_10k89_116", fe = "_valueMedium_10k89_125", ye = "_valueBold_10k89_128", be = "_valueText_10k89_131", Ne = "_placeholder_10k89_135", xe = "_copy_10k89_148", Ie = "_copyButton_10k89_156", ge = "_horizontal_10k89_172", we = "_stacked_10k89_170", Te = "_bordered_10k89_184", Me = "_lastRowStart_10k89_218", e = {
   root: ae,
   sm: se,
@@ -173,4 +173,4 @@ const ae = "_root_10k89_4", se = "_sm_10k89_14", le = "_md_10k89_22", te = "_lg_
 export {
   Ke as D
 };
-//# sourceMappingURL=DescriptionList-BhsmdtS1.js.map
+//# sourceMappingURL=DescriptionList-DxRgKNEJ.js.map

package/dist/{DescriptionList-BhsmdtS1.js.map → DescriptionList-DxRgKNEJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList-BhsmdtS1.js","sources":["../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { resolveResponsive, type Breakpoint, type Responsive } from '../../theme/breakpoints'\nimport { useBreakpointMatches } from '../../hooks/useMediaQuery'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { CopyButton } from '../CopyButton'\nimport { IconButton } from '../IconButton'\nimport { Skeleton } from '../Skeleton'\nimport { Typography } from '../Typography'\nimport styles from './DescriptionList.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type DescriptionListSize = 'sm' | 'md' | 'lg'\nexport type DescriptionListLayout = 'vertical' | 'horizontal'\nexport type DescriptionListColumns = 1 | 2 | 3 | 4\nexport type DescriptionListValueWeight = 'regular' | 'medium' | 'bold'\n\nexport interface DescriptionItem {\n  /** Stable key (defaults to the index). */\n  key?: string\n  /** The term — \"Entry fee\". */\n  label: ReactNode\n  /** The value. `null` / `undefined` / `''` / `false` render the `emptyText` placeholder (\"—\"). */\n  value?: ReactNode\n  /** Columns this pair spans (clamped to the resolved column count) — for long text, addresses, lists. */\n  span?: DescriptionListColumns\n  /** Show a copy button: `true` copies a string/number `value`; pass a string to copy something else (an id behind a label). */\n  copyable?: boolean | string\n  /** Drop the pair entirely (e.g. by role). */\n  hidden?: boolean\n  /** Small leading icon in the label — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n}\n\nexport interface DescriptionListProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'color'\n> {\n  /** The label / value pairs, in order. Declarative so `loading` skeletons and `hidden` stay trivial. */\n  items: DescriptionItem[]\n  /** Column count — a number or a desktop-first breakpoint map. Defaults to `{ xs: 1, sm: 2, lg: 3 }`. */\n  columns?: Responsive<DescriptionListColumns>\n  /** `vertical` (label above value, default) or `horizontal` (label beside value; stacks again on phones). */\n  layout?: DescriptionListLayout\n  /** Text + spacing scale. Defaults to `md`. */\n  size?: DescriptionListSize\n  /** Font weight of the values. Defaults to `regular` (the library's body default); `medium` / `bold` add emphasis. */\n  valueWeight?: DescriptionListValueWeight\n  /** Frame the list as a surface card (border + radius); `horizontal` also tints the label column. */\n  bordered?: boolean\n  /** Hairlines between rows. Defaults to `true` (turn off inside an already-ruled container). */\n  dividers?: boolean\n  /** Label column width for `horizontal` (px number or CSS length). Defaults to `160px`. */\n  labelWidth?: number | string\n  /**\n   * `horizontal` only — the breakpoint at (and below) which the label stacks back above the value.\n   * A breakpoint token (`'xxs'` ≤ 576px default, `'xs'` ≤ 768px, …) or `false` to keep the two columns\n   * side by side at every width. Uses the shared JS breakpoint layer, so `config.theme.breakpoints` applies.\n   */\n  stackBelow?: Breakpoint | false\n  /** Render shimmering placeholders instead of values — `true` uses `items.length` rows, a number sets the count. */\n  loading?: boolean | number\n  /** Placeholder for an empty value. Defaults to `\"—\"`. */\n  emptyText?: ReactNode\n  /** Optional header title. */\n  title?: ReactNode\n  /** Leading header icon (a tinted box before the title, like `Card`) — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the header icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Muted line under the title. */\n  subtitle?: ReactNode\n  /** Header slot on the right (buttons, a status chip …). */\n  actions?: ReactNode\n}\n\nconst DEFAULT_COLUMNS: Responsive<DescriptionListColumns> = { xs: 1, sm: 2, lg: 3 }\n\nconst isEmpty = (value: ReactNode) => value == null || value === '' || value === false\n\n/** What `copyable` copies: an explicit string, else a string / number value; nothing for rich nodes. */\nconst copyTextOf = (item: DescriptionItem): string | undefined => {\n  if (typeof item.copyable === 'string') return item.copyable\n  if (typeof item.value === 'string' || typeof item.value === 'number') return String(item.value)\n  return undefined\n}\n\n/** Lay the items on a `cols`-wide grid the way CSS auto-placement will (spans clamped, wrapping rows). */\nconst placeItems = (items: DescriptionItem[], cols: number) => {\n  let row = 0\n  let col = 0\n  return items.map((item) => {\n    const span = Math.min(item.span ?? 1, cols)\n    if (col + span > cols) {\n      row += 1\n      col = 0\n    }\n    const placed = { item, span, row, col }\n    col += span\n    if (col >= cols) {\n      row += 1\n      col = 0\n    }\n    return placed\n  })\n}\n\nconst renderIcon = (icon: IconName | ReactNode, size: 'sm' | 'md' = 'sm') =>\n  typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n    <Icon name={icon as IconName} size={size} />\n  ) : (\n    icon\n  )\n\n/**\n * Label / value pairs for a **detail page** (the read-only twin of a form: \"User #42\" → Name, Email,\n * Role …). Renders a semantic `<dl>` of `<dt>` / `<dd>` groups laid out on a responsive CSS grid\n * (`columns`, desktop-first breakpoint map — default 1 → 2 → 3), each pair optionally spanning several\n * columns. An optional Card-style header carries an `icon` box (tinted by `color`), `title`,\n * `subtitle` and `actions`. Values are regular weight by default (`valueWeight` adds emphasis) and any node: `null` / `''` show a muted \"—\" placeholder (`emptyText`), string / number\n * values can grow a `CopyButton` (revealed on hover / focus; always visible without hover), and\n * `hidden` drops a pair (e.g. by role). `layout=\"horizontal\"` puts the label beside the value in a\n * `labelWidth` column and stacks back on phones (`stackBelow` — a breakpoint, or `false` to never stack); `bordered` frames the list as a surface card (tinting the\n * label column when horizontal). `loading` swaps the values for `Skeleton` lines of the same shape.\n * Rows are separated by hairline `dividers`. Token-only; the grid is never `overflow: hidden` so the\n * copy tooltip is never clipped. `forwardRef` to the root `<div>`.\n */\nexport const DescriptionList = forwardRef<HTMLDivElement, DescriptionListProps>(\n  function DescriptionList(\n    {\n      items,\n      columns = DEFAULT_COLUMNS,\n      layout = 'vertical',\n      size = 'md',\n      valueWeight = 'regular',\n      bordered = false,\n      dividers = true,\n      labelWidth = 160,\n      stackBelow = 'xxs',\n      loading = false,\n      emptyText = '\\u2014',\n      title,\n      icon,\n      color = 'accent',\n      subtitle,\n      actions,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const t = useT()\n    const id = useId()\n    const titleId = `${id}-title`\n    const matches = useBreakpointMatches()\n    const cols = resolveResponsive(columns, matches) ?? 1\n    const stacked = layout === 'horizontal' && stackBelow !== false && matches[stackBelow]\n\n    const visible = items.filter((item) => !item.hidden)\n    // Grid placement (span-aware) — the last row drops its hairline (nothing follows it, and in `bordered`\n    // it would double the frame's border), and its first cell rounds the frame's bottom-left corner\n    // (`bordered` + `horizontal` tints the label column, and that tint must not bleed past the radius).\n    const placed = placeItems(visible, cols)\n    const lastRow = placed.length ? placed[placed.length - 1].row : 0\n    const skeletonRows = typeof loading === 'number' ? loading : visible.length || 6\n    const hasHeader = title != null || subtitle != null || actions != null || icon != null\n\n    const vars = {\n      '--dl-cols': cols,\n      '--dl-label-w': typeof labelWidth === 'number' ? `${labelWidth}px` : labelWidth,\n    } as CSSProperties\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.root,\n          styles[size],\n          styles[layout],\n          valueWeight !== 'regular' && styles[`value${valueWeight === 'bold' ? 'Bold' : 'Medium'}`],\n          bordered && styles.bordered,\n          dividers && styles.dividers,\n          stacked && styles.stacked,\n          className,\n        )}\n        style={{ ...vars, ...style }}\n        {...props}\n      >\n        {hasHeader && (\n          <div className={styles.header}>\n            <div className={styles.headerMain}>\n              {icon != null && (\n                <IconButton\n                  variant=\"filled\"\n                  size=\"sm\"\n                  color={color}\n                  nonClickable\n                  aria-hidden\n                  className={styles.headerIcon}\n                >\n                  {renderIcon(icon, 'md')}\n                </IconButton>\n              )}\n              {(title != null || subtitle != null) && (\n                <div className={styles.headerText}>\n                  {title != null && (\n                    <Typography as=\"h3\" id={titleId} variant=\"subtitle\" className={styles.title}>\n                      {title}\n                    </Typography>\n                  )}\n                  {subtitle != null && (\n                    <Typography as=\"p\" variant=\"bodySmall\" color=\"muted\">\n                      {subtitle}\n                    </Typography>\n                  )}\n                </div>\n              )}\n            </div>\n            {actions != null && <div className={styles.actions}>{actions}</div>}\n          </div>\n        )}\n\n        <dl\n          className={styles.grid}\n          aria-labelledby={title != null ? titleId : undefined}\n          aria-busy={loading ? true : undefined}\n          aria-label={loading ? t('descriptionList.loading') : undefined}\n        >\n          {loading\n            ? Array.from({ length: skeletonRows }, (_, i) => (\n                <div key={i} className={styles.item} aria-hidden=\"true\">\n                  <dt className={styles.label}>\n                    <Skeleton width=\"40%\" height=\"0.9em\" />\n                  </dt>\n                  <dd className={styles.value}>\n                    <Skeleton width=\"70%\" height=\"1.1em\" />\n                  </dd>\n                </div>\n              ))\n            : placed.map(({ item, span, row, col }, i) => {\n                const empty = isEmpty(item.value)\n                const copy = !empty && item.copyable ? copyTextOf(item) : undefined\n                return (\n                  <div\n                    key={item.key ?? i}\n                    className={clsx(\n                      styles.item,\n                      row === lastRow && styles.lastRow,\n                      row === lastRow && col === 0 && styles.lastRowStart,\n                    )}\n                    style={{ '--dl-span': span } as CSSProperties}\n                  >\n                    <dt className={styles.label}>\n                      {item.icon != null && (\n                        <span className={styles.labelIcon} aria-hidden=\"true\">\n                          {renderIcon(item.icon)}\n                        </span>\n                      )}\n                      {item.label}\n                    </dt>\n                    <dd className={styles.value}>\n                      <span className={styles.valueText}>\n                        {empty ? (\n                          <span\n                            className={styles.placeholder}\n                            aria-label={t('descriptionList.empty')}\n                          >\n                            {emptyText}\n                          </span>\n                        ) : (\n                          item.value\n                        )}\n                      </span>\n                      {copy != null && (\n                        <span className={styles.copy}>\n                          <CopyButton\n                            value={copy}\n                            size=\"sm\"\n                            variant=\"text\"\n                            className={styles.copyButton}\n                          />\n                        </span>\n                      )}\n                    </dd>\n                  </div>\n                )\n              })}\n        </dl>\n      </div>\n    )\n  },\n)\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_COLUMNS","isEmpty","value","copyTextOf","item","placeItems","items","cols","row","col","span","placed","renderIcon","icon","size","jsx","Icon","DescriptionList","forwardRef","columns","layout","valueWeight","bordered","dividers","labelWidth","stackBelow","loading","emptyText","title","color","subtitle","actions","className","style","props","ref","t","useT","titleId","useId","matches","useBreakpointMatches","resolveResponsive","stacked","visible","lastRow","skeletonRows","hasHeader","vars","jsxs","clsx","styles","IconButton","Typography","_","i","Skeleton","empty","copy","CopyButton"],"mappings":"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"}
+{"version":3,"file":"DescriptionList-DxRgKNEJ.js","sources":["../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { resolveResponsive, type Breakpoint, type Responsive } from '../../theme/breakpoints'\nimport { useBreakpointMatches } from '../../hooks/useMediaQuery'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { CopyButton } from '../CopyButton'\nimport { IconButton } from '../IconButton'\nimport { Skeleton } from '../Skeleton'\nimport { Typography } from '../Typography'\nimport styles from './DescriptionList.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type DescriptionListSize = 'sm' | 'md' | 'lg'\nexport type DescriptionListLayout = 'vertical' | 'horizontal'\nexport type DescriptionListColumns = 1 | 2 | 3 | 4\nexport type DescriptionListValueWeight = 'regular' | 'medium' | 'bold'\n\nexport interface DescriptionItem {\n  /** Stable key (defaults to the index). */\n  key?: string\n  /** The term — \"Entry fee\". */\n  label: ReactNode\n  /** The value. `null` / `undefined` / `''` / `false` render the `emptyText` placeholder (\"—\"). */\n  value?: ReactNode\n  /** Columns this pair spans (clamped to the resolved column count) — for long text, addresses, lists. */\n  span?: DescriptionListColumns\n  /** Show a copy button: `true` copies a string/number `value`; pass a string to copy something else (an id behind a label). */\n  copyable?: boolean | string\n  /** Drop the pair entirely (e.g. by role). */\n  hidden?: boolean\n  /** Small leading icon in the label — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n}\n\nexport interface DescriptionListProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'color'\n> {\n  /** The label / value pairs, in order. Declarative so `loading` skeletons and `hidden` stay trivial. */\n  items: DescriptionItem[]\n  /** Column count — a number or a desktop-first breakpoint map. Defaults to `{ xs: 1, sm: 2, lg: 3 }`. */\n  columns?: Responsive<DescriptionListColumns>\n  /** `vertical` (label above value, default) or `horizontal` (label beside value; stacks again on phones). */\n  layout?: DescriptionListLayout\n  /** Text + spacing scale. Defaults to `md`. */\n  size?: DescriptionListSize\n  /** Font weight of the values. Defaults to `regular` (the library's body default); `medium` / `bold` add emphasis. */\n  valueWeight?: DescriptionListValueWeight\n  /** Frame the list as a surface card (border + radius); `horizontal` also tints the label column. */\n  bordered?: boolean\n  /** Hairlines between rows. Defaults to `true` (turn off inside an already-ruled container). */\n  dividers?: boolean\n  /** Label column width for `horizontal` (px number or CSS length). Defaults to `160px`. */\n  labelWidth?: number | string\n  /**\n   * `horizontal` only — the breakpoint at (and below) which the label stacks back above the value.\n   * A breakpoint token (`'xxs'` ≤ 576px default, `'xs'` ≤ 768px, …) or `false` to keep the two columns\n   * side by side at every width. Uses the shared JS breakpoint layer, so `config.theme.breakpoints` applies.\n   */\n  stackBelow?: Breakpoint | false\n  /** Render shimmering placeholders instead of values — `true` uses `items.length` rows, a number sets the count. */\n  loading?: boolean | number\n  /** Placeholder for an empty value. Defaults to `\"—\"`. */\n  emptyText?: ReactNode\n  /** Optional header title. */\n  title?: ReactNode\n  /** Leading header icon (a tinted box before the title, like `Card`) — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the header icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Muted line under the title. */\n  subtitle?: ReactNode\n  /** Header slot on the right (buttons, a status chip …). */\n  actions?: ReactNode\n}\n\nconst DEFAULT_COLUMNS: Responsive<DescriptionListColumns> = { xs: 1, sm: 2, lg: 3 }\n\nconst isEmpty = (value: ReactNode) => value == null || value === '' || value === false\n\n/** What `copyable` copies: an explicit string, else a string / number value; nothing for rich nodes. */\nconst copyTextOf = (item: DescriptionItem): string | undefined => {\n  if (typeof item.copyable === 'string') return item.copyable\n  if (typeof item.value === 'string' || typeof item.value === 'number') return String(item.value)\n  return undefined\n}\n\n/** Lay the items on a `cols`-wide grid the way CSS auto-placement will (spans clamped, wrapping rows). */\nconst placeItems = (items: DescriptionItem[], cols: number) => {\n  let row = 0\n  let col = 0\n  return items.map((item) => {\n    const span = Math.min(item.span ?? 1, cols)\n    if (col + span > cols) {\n      row += 1\n      col = 0\n    }\n    const placed = { item, span, row, col }\n    col += span\n    if (col >= cols) {\n      row += 1\n      col = 0\n    }\n    return placed\n  })\n}\n\nconst renderIcon = (icon: IconName | ReactNode, size: 'sm' | 'md' = 'sm') =>\n  typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n    <Icon name={icon as IconName} size={size} />\n  ) : (\n    icon\n  )\n\n/**\n * Label / value pairs for a **detail page** (the read-only twin of a form: \"User #42\" → Name, Email,\n * Role …). Renders a semantic `<dl>` of `<dt>` / `<dd>` groups laid out on a responsive CSS grid\n * (`columns`, desktop-first breakpoint map — default 1 → 2 → 3), each pair optionally spanning several\n * columns. An optional Card-style header carries an `icon` box (tinted by `color`), `title`,\n * `subtitle` and `actions`. Values are regular weight by default (`valueWeight` adds emphasis) and any node: `null` / `''` show a muted \"—\" placeholder (`emptyText`), string / number\n * values can grow a `CopyButton` (revealed on hover / focus; always visible without hover), and\n * `hidden` drops a pair (e.g. by role). `layout=\"horizontal\"` puts the label beside the value in a\n * `labelWidth` column and stacks back on phones (`stackBelow` — a breakpoint, or `false` to never stack); `bordered` frames the list as a surface card (tinting the\n * label column when horizontal). `loading` swaps the values for `Skeleton` lines of the same shape.\n * Rows are separated by hairline `dividers`. Token-only; the grid is never `overflow: hidden` so the\n * copy tooltip is never clipped. `forwardRef` to the root `<div>`.\n */\nexport const DescriptionList = forwardRef<HTMLDivElement, DescriptionListProps>(\n  function DescriptionList(\n    {\n      items,\n      columns = DEFAULT_COLUMNS,\n      layout = 'vertical',\n      size = 'md',\n      valueWeight = 'regular',\n      bordered = false,\n      dividers = true,\n      labelWidth = 160,\n      stackBelow = 'xxs',\n      loading = false,\n      emptyText = '\\u2014',\n      title,\n      icon,\n      color = 'accent',\n      subtitle,\n      actions,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const t = useT()\n    const id = useId()\n    const titleId = `${id}-title`\n    const matches = useBreakpointMatches()\n    const cols = resolveResponsive(columns, matches) ?? 1\n    const stacked = layout === 'horizontal' && stackBelow !== false && matches[stackBelow]\n\n    const visible = items.filter((item) => !item.hidden)\n    // Grid placement (span-aware) — the last row drops its hairline (nothing follows it, and in `bordered`\n    // it would double the frame's border), and its first cell rounds the frame's bottom-left corner\n    // (`bordered` + `horizontal` tints the label column, and that tint must not bleed past the radius).\n    const placed = placeItems(visible, cols)\n    const lastRow = placed.length ? placed[placed.length - 1].row : 0\n    const skeletonRows = typeof loading === 'number' ? loading : visible.length || 6\n    const hasHeader = title != null || subtitle != null || actions != null || icon != null\n\n    const vars = {\n      '--dl-cols': cols,\n      '--dl-label-w': typeof labelWidth === 'number' ? `${labelWidth}px` : labelWidth,\n    } as CSSProperties\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.root,\n          styles[size],\n          styles[layout],\n          valueWeight !== 'regular' && styles[`value${valueWeight === 'bold' ? 'Bold' : 'Medium'}`],\n          bordered && styles.bordered,\n          dividers && styles.dividers,\n          stacked && styles.stacked,\n          className,\n        )}\n        style={{ ...vars, ...style }}\n        {...props}\n      >\n        {hasHeader && (\n          <div className={styles.header}>\n            <div className={styles.headerMain}>\n              {icon != null && (\n                <IconButton\n                  variant=\"filled\"\n                  size=\"sm\"\n                  color={color}\n                  nonClickable\n                  aria-hidden\n                  className={styles.headerIcon}\n                >\n                  {renderIcon(icon, 'md')}\n                </IconButton>\n              )}\n              {(title != null || subtitle != null) && (\n                <div className={styles.headerText}>\n                  {title != null && (\n                    <Typography as=\"h3\" id={titleId} variant=\"subtitle\" className={styles.title}>\n                      {title}\n                    </Typography>\n                  )}\n                  {subtitle != null && (\n                    <Typography as=\"p\" variant=\"bodySmall\" color=\"muted\">\n                      {subtitle}\n                    </Typography>\n                  )}\n                </div>\n              )}\n            </div>\n            {actions != null && <div className={styles.actions}>{actions}</div>}\n          </div>\n        )}\n\n        <dl\n          className={styles.grid}\n          aria-labelledby={title != null ? titleId : undefined}\n          aria-busy={loading ? true : undefined}\n          aria-label={loading ? t('descriptionList.loading') : undefined}\n        >\n          {loading\n            ? Array.from({ length: skeletonRows }, (_, i) => (\n                <div key={i} className={styles.item} aria-hidden=\"true\">\n                  <dt className={styles.label}>\n                    <Skeleton width=\"40%\" height=\"0.9em\" />\n                  </dt>\n                  <dd className={styles.value}>\n                    <Skeleton width=\"70%\" height=\"1.1em\" />\n                  </dd>\n                </div>\n              ))\n            : placed.map(({ item, span, row, col }, i) => {\n                const empty = isEmpty(item.value)\n                const copy = !empty && item.copyable ? copyTextOf(item) : undefined\n                return (\n                  <div\n                    key={item.key ?? i}\n                    className={clsx(\n                      styles.item,\n                      row === lastRow && styles.lastRow,\n                      row === lastRow && col === 0 && styles.lastRowStart,\n                    )}\n                    style={{ '--dl-span': span } as CSSProperties}\n                  >\n                    <dt className={styles.label}>\n                      {item.icon != null && (\n                        <span className={styles.labelIcon} aria-hidden=\"true\">\n                          {renderIcon(item.icon)}\n                        </span>\n                      )}\n                      {item.label}\n                    </dt>\n                    <dd className={styles.value}>\n                      <span className={styles.valueText}>\n                        {empty ? (\n                          <span\n                            className={styles.placeholder}\n                            aria-label={t('descriptionList.empty')}\n                          >\n                            {emptyText}\n                          </span>\n                        ) : (\n                          item.value\n                        )}\n                      </span>\n                      {copy != null && (\n                        <span className={styles.copy}>\n                          <CopyButton\n                            value={copy}\n                            size=\"sm\"\n                            variant=\"text\"\n                            className={styles.copyButton}\n                          />\n                        </span>\n                      )}\n                    </dd>\n                  </div>\n                )\n              })}\n        </dl>\n      </div>\n    )\n  },\n)\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_COLUMNS","isEmpty","value","copyTextOf","item","placeItems","items","cols","row","col","span","placed","renderIcon","icon","size","jsx","Icon","DescriptionList","forwardRef","columns","layout","valueWeight","bordered","dividers","labelWidth","stackBelow","loading","emptyText","title","color","subtitle","actions","className","style","props","ref","t","useT","titleId","useId","matches","useBreakpointMatches","resolveResponsive","stacked","visible","lastRow","skeletonRows","hasHeader","vars","jsxs","clsx","styles","IconButton","Typography","_","i","Skeleton","empty","copy","CopyButton"],"mappings":"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"}

package/dist/{Dropdown-BbaU1WDC.cjs → Dropdown-CMqWq6J_.cjs}

@@ -1,2 +1,2 @@
-"use strict";const A=require("react/jsx-runtime"),o=require("react"),Z=require("react-dom"),$=require("clsx"),ee=require("./List-ah2PNWeY.cjs"),te=require("./useLockBodyScroll-CIXHZo-Q.cjs"),ne="_panel_ntp6g_4",re="_sm_ntp6g_21",oe="_md_ntp6g_24",se="_lg_ntp6g_27",B={panel:ne,sm:re,md:oe,lg:se},ie=8,j='[role="menuitem"],[role="button"],a[href],button:not([disabled]),[tabindex]:not([tabindex="-1"])';function C(b){return b?Array.from(b.querySelectorAll(j)).filter(h=>h.getAttribute("aria-disabled")!=="true"&&h.offsetParent!==null):[]}function ce({trigger:b,children:h,placement:L="bottom-start",size:M="md",minWidth:O=!0,open:W,defaultOpen:z=!1,onOpenChange:v,closeOnSelect:N=!0,matchTriggerWidth:H=!1,disabled:T=!1,offset:p=6,className:U,style:V}){const S=o.useId(),u=o.useRef(null),d=o.useRef(null),_=W!==void 0,[G,K]=o.useState(z),s=_?W:G,[J,F]=o.useState(!1),[r,Q]=o.useState(null),D=o.useCallback(n=>{_||K(n),v==null||v(n)},[_,v]),w=o.useCallback(()=>D(!1),[D]);te.useLockBodyScroll(s);const g=o.useCallback(()=>{const n=u.current,t=d.current;if(!n||!t)return;const e=n.getBoundingClientRect(),l=t.offsetWidth,a=t.offsetHeight,i=window.innerWidth,E=window.innerHeight,c=ie,m=E-e.bottom-p-c,k=e.top-p-c;let f=L.startsWith("bottom")?"bottom":"top";f==="bottom"&&a>m&&k>m?f="top":f==="top"&&a>k&&m>k&&(f="bottom");const I=Math.max(0,f==="bottom"?m:k),P=Math.min(a,I);let R=f==="bottom"?e.bottom+p:e.top-p-P;R=Math.min(Math.max(R,c),Math.max(c,E-c-P));let q=L.endsWith("end")?e.right-l:e.left;q=Math.min(Math.max(q,c),Math.max(c,i-c-l)),Q({top:R,left:q,side:f,maxHeight:I,minWidth:H?e.width:void 0})},[L,p,H]);o.useLayoutEffect(()=>{if(!s){F(!1);return}g()},[s,g]),o.useEffect(()=>{if(!s)return;const n=requestAnimationFrame(()=>F(!0)),t=()=>g();window.addEventListener("resize",t),window.addEventListener("scroll",t,!0);let e;return typeof ResizeObserver<"u"&&(e=new ResizeObserver(t),d.current&&e.observe(d.current),u.current&&e.observe(u.current)),()=>{cancelAnimationFrame(n),window.removeEventListener("resize",t),window.removeEventListener("scroll",t,!0),e==null||e.disconnect()}},[s,g]),o.useEffect(()=>{if(!s)return;const n=e=>{var a,i;const l=e.target;(a=u.current)!=null&&a.contains(l)||(i=d.current)!=null&&i.contains(l)||w()},t=e=>{var l,a;if(e.key==="Escape")e.preventDefault(),w(),(l=u.current)==null||l.focus();else if(e.key==="Tab")w();else if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault();const i=C(d.current);if(!i.length)return;const E=i.indexOf(document.activeElement),c=e.key==="ArrowDown"?1:-1,m=(E+c+i.length)%i.length;(a=i[m])==null||a.focus()}};return document.addEventListener("pointerdown",n,!0),document.addEventListener("keydown",t),()=>{document.removeEventListener("pointerdown",n,!0),document.removeEventListener("keydown",t)}},[s,w]),o.useEffect(()=>{if(!s)return;const n=requestAnimationFrame(()=>{var t;return(t=C(d.current)[0])==null?void 0:t.focus()});return()=>cancelAnimationFrame(n)},[s]);const x=b.props,y=x.ref,X=o.cloneElement(b,{ref:n=>{u.current=n,typeof y=="function"?y(n):y&&(y.current=n)},onClick:n=>{var t;(t=x.onClick)==null||t.call(x,n),T||D(!s)},"aria-haspopup":"menu","aria-expanded":s,"aria-controls":s?S:void 0}),Y=n=>{var e;if(!N)return;const t=n.target.closest(j);t&&t.getAttribute("aria-disabled")!=="true"&&(w(),(e=u.current)==null||e.focus())};return A.jsxs(A.Fragment,{children:[X,s&&Z.createPortal(A.jsx("div",{ref:d,id:S,className:$.clsx(B.panel,O&&B[M],U),"data-open":J?"true":"false","data-side":(r==null?void 0:r.side)??"bottom",style:{position:"fixed",top:(r==null?void 0:r.top)??0,left:(r==null?void 0:r.left)??0,maxHeight:r==null?void 0:r.maxHeight,minWidth:r==null?void 0:r.minWidth,visibility:r?"visible":"hidden",...V},onClick:Y,children:A.jsx(ee.List,{role:"menu",size:M,padding:"xs",children:h})}),document.body)]})}exports.Dropdown=ce;
-//# sourceMappingURL=Dropdown-BbaU1WDC.cjs.map
+"use strict";const A=require("react/jsx-runtime"),o=require("react"),Z=require("react-dom"),$=require("clsx"),ee=require("./List-DOsh6w-d.cjs"),te=require("./useLockBodyScroll-CIXHZo-Q.cjs"),ne="_panel_ntp6g_4",re="_sm_ntp6g_21",oe="_md_ntp6g_24",se="_lg_ntp6g_27",B={panel:ne,sm:re,md:oe,lg:se},ie=8,j='[role="menuitem"],[role="button"],a[href],button:not([disabled]),[tabindex]:not([tabindex="-1"])';function C(b){return b?Array.from(b.querySelectorAll(j)).filter(h=>h.getAttribute("aria-disabled")!=="true"&&h.offsetParent!==null):[]}function ce({trigger:b,children:h,placement:L="bottom-start",size:M="md",minWidth:O=!0,open:W,defaultOpen:z=!1,onOpenChange:v,closeOnSelect:N=!0,matchTriggerWidth:H=!1,disabled:T=!1,offset:p=6,className:U,style:V}){const S=o.useId(),u=o.useRef(null),d=o.useRef(null),_=W!==void 0,[G,K]=o.useState(z),s=_?W:G,[J,F]=o.useState(!1),[r,Q]=o.useState(null),D=o.useCallback(n=>{_||K(n),v==null||v(n)},[_,v]),w=o.useCallback(()=>D(!1),[D]);te.useLockBodyScroll(s);const g=o.useCallback(()=>{const n=u.current,t=d.current;if(!n||!t)return;const e=n.getBoundingClientRect(),l=t.offsetWidth,a=t.offsetHeight,i=window.innerWidth,E=window.innerHeight,c=ie,m=E-e.bottom-p-c,k=e.top-p-c;let f=L.startsWith("bottom")?"bottom":"top";f==="bottom"&&a>m&&k>m?f="top":f==="top"&&a>k&&m>k&&(f="bottom");const I=Math.max(0,f==="bottom"?m:k),P=Math.min(a,I);let R=f==="bottom"?e.bottom+p:e.top-p-P;R=Math.min(Math.max(R,c),Math.max(c,E-c-P));let q=L.endsWith("end")?e.right-l:e.left;q=Math.min(Math.max(q,c),Math.max(c,i-c-l)),Q({top:R,left:q,side:f,maxHeight:I,minWidth:H?e.width:void 0})},[L,p,H]);o.useLayoutEffect(()=>{if(!s){F(!1);return}g()},[s,g]),o.useEffect(()=>{if(!s)return;const n=requestAnimationFrame(()=>F(!0)),t=()=>g();window.addEventListener("resize",t),window.addEventListener("scroll",t,!0);let e;return typeof ResizeObserver<"u"&&(e=new ResizeObserver(t),d.current&&e.observe(d.current),u.current&&e.observe(u.current)),()=>{cancelAnimationFrame(n),window.removeEventListener("resize",t),window.removeEventListener("scroll",t,!0),e==null||e.disconnect()}},[s,g]),o.useEffect(()=>{if(!s)return;const n=e=>{var a,i;const l=e.target;(a=u.current)!=null&&a.contains(l)||(i=d.current)!=null&&i.contains(l)||w()},t=e=>{var l,a;if(e.key==="Escape")e.preventDefault(),w(),(l=u.current)==null||l.focus();else if(e.key==="Tab")w();else if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault();const i=C(d.current);if(!i.length)return;const E=i.indexOf(document.activeElement),c=e.key==="ArrowDown"?1:-1,m=(E+c+i.length)%i.length;(a=i[m])==null||a.focus()}};return document.addEventListener("pointerdown",n,!0),document.addEventListener("keydown",t),()=>{document.removeEventListener("pointerdown",n,!0),document.removeEventListener("keydown",t)}},[s,w]),o.useEffect(()=>{if(!s)return;const n=requestAnimationFrame(()=>{var t;return(t=C(d.current)[0])==null?void 0:t.focus()});return()=>cancelAnimationFrame(n)},[s]);const x=b.props,y=x.ref,X=o.cloneElement(b,{ref:n=>{u.current=n,typeof y=="function"?y(n):y&&(y.current=n)},onClick:n=>{var t;(t=x.onClick)==null||t.call(x,n),T||D(!s)},"aria-haspopup":"menu","aria-expanded":s,"aria-controls":s?S:void 0}),Y=n=>{var e;if(!N)return;const t=n.target.closest(j);t&&t.getAttribute("aria-disabled")!=="true"&&(w(),(e=u.current)==null||e.focus())};return A.jsxs(A.Fragment,{children:[X,s&&Z.createPortal(A.jsx("div",{ref:d,id:S,className:$.clsx(B.panel,O&&B[M],U),"data-open":J?"true":"false","data-side":(r==null?void 0:r.side)??"bottom",style:{position:"fixed",top:(r==null?void 0:r.top)??0,left:(r==null?void 0:r.left)??0,maxHeight:r==null?void 0:r.maxHeight,minWidth:r==null?void 0:r.minWidth,visibility:r?"visible":"hidden",...V},onClick:Y,children:A.jsx(ee.List,{role:"menu",size:M,padding:"xs",children:h})}),document.body)]})}exports.Dropdown=ce;
+//# sourceMappingURL=Dropdown-CMqWq6J_.cjs.map