@techzyapp/ui-library 1.0.43 → 1.0.44

package/dist/{DateTimePicker-gDxM2CGy.js.map → DateTimePicker-Ch1kUHEb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-gDxM2CGy.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; a day pick advances to the Time tab, and the popover\n * stays open until you click away, 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={t('dateTimePicker.dialog')}\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-Ch1kUHEb.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; a day pick advances to the Time tab, and the popover\n * stays open until you click away, 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={t('dateTimePicker.dialog')}\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":";;;;;;;;;;;;;;AAyGA,SAASA,GAAiBC,GAAiBC,GAA8B;AAQvE,SAAO,cAPMD,IACTC,IACE,eACA,YACFA,IACE,aACA,OACmB;AAC3B;AAaO,MAAMC,KAAiBC;AAAA,EAC5B,SACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,KAAW;AAAA,IACX,WAAAC,KAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAQC;AAAA,IACR,aAAaC;AAAA,IACb,KAAAC,IAAM;AAAA,IACN,QAAAhB,IAAS;AAAA,IACT,YAAAiB,KAAa;AAAA,IACb,aAAAhB,IAAc;AAAA,IACd,aAAAiB;AAAA,IACA,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC,KAAe;AAAA,IACf,WAAAC,KAAY;AAAA,IACZ,MAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,WAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,GAEFC,GACA;AACA,UAAMC,IAAIC,GAAA,GACJC,KAAUC,GAAA,GACVC,IAAKR,MAAUM,IACfG,IAAW,GAAGD,CAAE,WAChBE,KAAU,GAAGF,CAAE,UACfG,IAAStB,MAAcf,GAAiBC,GAAQC,CAAW,GAG3DoC,IAActB,OAAoBC,IAAM,2BAA2B,wBAGnEsB,IAAOC,GAAA,GACPC,IAAc,GAAQF,KAAQd,IAC9BiB,IAAQD,IAAcF,EAAM,MAAMd,CAAK,IAAI,QAC3CkB,KACJ/B,MAAU,SACNA,IACA6B,IACIF,EAAM,OAAOd,CAAK,KAA4B,KAChD,QACFmB,IAAehC,MAAU,UAAa6B,GACtC,CAACI,IAAUC,EAAW,IAAIC,EAAiBlC,MAAgB,EAAE,GAC7DmC,IAAeJ,IAAeD,KAAiBE,IAG/CI,IAAY,CAACC,MAA2BjC,IAAMkC,GAAeD,CAAO,IAAIA,GACxEE,IAAWH,EAAUI,EAAWL,GAAcV,CAAW,CAAC,GAE1DgB,IAAgB/C,OAASmC,KAAA,gBAAAA,EAAO,UAAS,IACzCa,IAAqB/C,OAAckC,KAAA,gBAAAA,EAAO,aAE1Cc,IAAUP,EAAUI,EAAWjC,IAAKkB,CAAW,CAAC,GAChDmB,IAAUR,EAAUI,EAAWhC,IAAKiB,CAAW,CAAC,GAChDoB,KAAOC,GAAetB,CAAM,GAE5BuB,KAAW,IAAI,KAAKvB,CAAM,IAAI,WAAW,UAEzCwB,IAAS,CAACC,MAAiB;AAC/B,MAAIA,MAASd,MACRJ,KAAcE,GAAYgB,CAAI,GAC/BrB,KAAaF,EAAM,SAASd,GAAOqC,CAAI,GAC3ChD,KAAA,QAAAA,EAAWgD;AAAA,IACb,GAIMC,IAAiB,CAACC,MAAoB;AAC1C,MAAIA,KAAKZ,KAAYY,EAAE,OAAOZ,GAAU,QAAQ,KAEhDS,EAAOG,KAAK/C,IAAMgD,GAAeD,CAAC,IAAIA,GAAG,OAAO1B,CAAW,IAAI,EAAE;AAAA,IACnE,GAIM4B,IAAU,CAACF,MAAa,CAACZ,KAAY,CAACY,EAAE,OAAOZ,GAAUQ,EAAQ,GAGjE,CAACO,GAAWC,CAAY,IAAIrB;AAAA,MAAiB,MACjDK,IAAWA,EAAS,OAAOf,CAAM,IAAI;AAAA,IAAA;AAEvC,IAAAgC,EAAU,MAAM;AACd,MAAAD,EAAahB,IAAWA,EAAS,OAAOf,CAAM,IAAI,EAAE;AAAA,IAEtD,GAAG,CAACW,GAAcX,GAAQC,CAAW,CAAC;AAGtC,UAAMgC,IAAaC,EAA8B,IAAI,GAC/CC,IAAWD,EAAgC,IAAI,GAC/C,CAACE,GAAMC,EAAO,IAAI3B,EAAS,EAAK,GAChC,CAAC4B,IAAWC,EAAY,IAAI7B,EAAgB,MAAMK,KAAYyB,GAAO,GAErE,CAACC,GAAKC,CAAM,IAAIhC,EAA0B,MAAM,GAChDiC,IAAaT,EAAO,EAAK,GAEzBU,KAAcC;AAAA,MAClB,CAACC,MAAkC;AACjC,QAAAX,EAAS,UAAUW,GACf,OAAOtD,KAAQ,aAAYA,EAAIsD,CAAI,IAC9BtD,MAAMA,EAA6C,UAAUsD;AAAA,MACxE;AAAA,MACA,CAACtD,CAAG;AAAA,IAAA,GAGAuD,IAAeb,EAAiC,MAAS;AAC/D,IAAAa,EAAa,UAAU1C,IACnB,MAAMA,EAAM,OAAO,CAAA,CAAkC,IACrD;AAGJ,UAAM2C,IAAad,EAA8B,IAAI,GAE/Ce,KAAeJ,GAAY,CAACK,MAAqB;;AACrD,MAAAb,GAAQ,EAAK,IACbc,IAAAJ,EAAa,YAAb,QAAAI,EAAA,KAAAJ,IACIG,OAASE,IAAAjB,EAAS,YAAT,QAAAiB,EAAkB;AAAA,IACjC,GAAG,CAAA,CAAE;AAEL,IAAApB,EAAU,MAAM;AACd,MAAII,MACFG,GAAaxB,KAAYyB,GAAO,GAChCE,EAAO,MAAM;AAAA,IAGjB,GAAG,CAACN,CAAI,CAAC,GAITJ,EAAU,MAAM;;AACd,MAAIS,MAAQ,UAAUE,EAAW,YAC/BA,EAAW,UAAU,KACrBS,KAAAD,IAAAH,EAAW,YAAX,gBAAAG,EACI,cAA2B,0CAD/B,QAAAC,EAEI;AAAA,IAER,GAAG,CAACX,GAAKO,CAAU,CAAC;AAEpB,UAAMK,KAAe,CAAC1B,MAChBR,KAAWQ,EAAE,SAASR,GAAS,KAAK,KACpCC,KAAWO,EAAE,QAAQP,GAAS,KAAK,IAAU,KAC1C,GAAQnC,KAAgBA,EAAaqE,GAAM3B,CAAC,CAAC,IAGhD4B,KAAoB,CAACC,MAAgB;AACzC,YAAMC,IAASC,GAAUF,GAAKnC,EAAI;AAElC,UADAU,EAAa0B,CAAM,GACfA,MAAW,IAAI;AACjB,QAAAjC,EAAO,EAAE;AACT;AAAA,MACF;AACA,YAAMmC,IAASC,GAAWH,GAAQzD,CAAM;AACxC,MAAI2D,KAAU,CAACN,GAAaM,CAAM,KAAK9B,EAAQ8B,CAAM,KAAGjC,EAAeiC,CAAM;AAAA,IAC/E,GAEME,KAAkB,CAACC,MAAwC;;AAC/D,YAAMH,IAASC,GAAW9B,GAAW9B,CAAM;AAC3C,MAAI8B,MAAc,KAChBN,EAAO,EAAE,IACAmC,KAAU,CAACN,GAAaM,CAAM,KACnC9B,EAAQ8B,CAAM,KAAGjC,EAAeiC,CAAM,GAC1C5B,EAAa4B,EAAO,OAAO3D,CAAM,CAAC,KAElC+B,EAAahB,IAAWA,EAAS,OAAOf,CAAM,IAAI,EAAE;AAEtD,YAAM+D,IAASD,EAAM;AACrB,MAAIC,OAAWZ,KAAAH,EAAW,YAAX,QAAAG,GAAoB,SAASY,OAAWX,KAAAnB,EAAW,YAAX,QAAAmB,GAAoB,SAASW,OAEpF1D,KAAA,QAAAA,EAAO,OAAOyD;AAAA,IAChB,GAGME,KAAmB,CAACC,MAAgB;AACxC,YAAMC,IAAOC,GAASF,CAAG;AACzB,UAAI,CAACC,EAAM;AACX,YAAME,IAAOrD,KAAYyB,EAAA;AACzB,MAAAd,EAAewC,EAAK,KAAKE,EAAK,KAAA,CAAM,EAAE,OAAOA,EAAK,OAAA,CAAQ,EAAE,OAAOA,EAAK,OAAA,CAAQ,CAAC,GACjFzB,EAAW,UAAU,IACrBD,EAAO,MAAM;AAAA,IACf,GACM2B,KAAmB,CAAC5C,MAAgBC,EAAeD,CAAI,GAEvD6C,KAAwBrG,MAAS,OAAO,OAAO;AAErD,WACE,gBAAAsG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACTC,EAAO;AAAA,UACPA,EAAOxG,CAAI;AAAA,UACXI,MAAaoG,EAAO;AAAA,UACpBxD,KAAiBwD,EAAO;AAAA,UACxBnG,KAAYmG,EAAO;AAAA,UACnBnF;AAAA,QAAA;AAAA,QAEF,OAAAC;AAAA,QAEC,UAAA;AAAA,UAAAvB,KAAS,QACR,gBAAAuG,EAAC,SAAA,EAAM,SAAS1E,GAAI,WAAW4E,EAAO,OACpC,UAAA;AAAA,YAAA,gBAAAC,EAACC,MAAW,IAAG,QAAO,SAAQ,aAAY,OAAM,SAC7C,UAAA3G,EAAA,CACH;AAAA,YACCI,wBACE,QAAA,EAAK,WAAWqG,EAAO,UAAU,eAAY,QAAO,UAAA,IAAA,CAErD;AAAA,UAAA,GAEJ;AAAA,UAGF,gBAAAF,EAAC,OAAA,EAAI,KAAKtC,GAAY,WAAWuC,EAAKC,EAAO,SAASrC,KAAQqC,EAAO,IAAI,GACvE,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK9B;AAAA,gBACL,IAAA/C;AAAA,gBACA,MAAAT;AAAA,gBACA,WAAWqF,EAAO;AAAA,gBAClB,OAAO3C;AAAA,gBACP,aAAahD,MAAekB,EAAO,YAAA;AAAA,gBACnC,UAAA1B;AAAA,gBACA,cAAa;AAAA,gBACb,gBAAc2C,KAAiB;AAAA,gBAC/B,oBAAkBC,KAAsB,OAAOpB,IAAW;AAAA,gBAC1D,UAAU,CAAC,MAAMyD,GAAkB,EAAE,OAAO,KAAK;AAAA,gBACjD,QAAQM;AAAA,cAAA;AAAA,YAAA;AAAA,YAGT1E,MAAawB,MAAiB,MAAM,CAACrC,KACpC,gBAAAoG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAWD,EAAO;AAAA,gBAClB,cAAYhF,EAAE,sBAAsB;AAAA,gBACpC,UAAU;AAAA,gBACV,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,gBACtB,SAAS,MAAM;;AACb,kBAAA+B,EAAO,EAAE,GACTO,EAAa,EAAE,IACfoB,IAAAhB,EAAS,YAAT,QAAAgB,EAAkB;AAAA,gBACpB;AAAA,gBAEA,UAAA,gBAAAuB,EAACE,IAAA,EAAK,MAAK,eAAc,MAAK,KAAA,CAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAIvC,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAA5G;AAAA,gBACA,UAAAK;AAAA,gBACA,cAAYmB,EAAE,qBAAqB;AAAA,gBACnC,iBAAc;AAAA,gBACd,iBAAe2C;AAAA,gBACf,WAAWqC,EAAO;AAAA,gBAClB,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,gBACtB,SAAS,MAAMpC,GAAQ,CAACyC,MAAM,CAACA,CAAC;AAAA,gBAEhC,UAAA,gBAAAJ,EAACE,IAAA,EAAK,MAAK,aAAY,MAAMN,GAAA,CAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACzC,GACF;AAAA,UAEA,gBAAAC;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,KAAK/B;AAAA,cACL,MAAAZ;AAAA,cACA,YAAAH;AAAA,cACA,SAASgB;AAAA,cACT,MAAK;AAAA,cACL,WAAWxD,EAAE,uBAAuB;AAAA,cACpC,WAAS;AAAA,cACT,WAAW+E,EAAKC,EAAO,SAASO,EAAG,OAAO;AAAA,cAE1C,UAAA;AAAA,gBAAA,gBAAAN;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACC,WAAWD,EAAG;AAAA,oBACd,cAAYvF,EAAE,sBAAsB;AAAA,oBACpC,WAAS;AAAA,oBACT,WAAS;AAAA,oBAET,UAAU;AAAA,oBACV,OAAOgD;AAAA,oBACP,UAAU,CAACyC,MAAMxC,EAAOwC,CAAoB;AAAA,oBAC5C,OAAO;AAAA,sBACL;AAAA,wBACE,OAAO;AAAA,wBACP,OAAOzF,EAAE,wBAAwB;AAAA,wBACjC,MAAM;AAAA,wBACN,SACE,gBAAAiF;AAAA,0BAACS;AAAA,0BAAA;AAAA,4BACC,OAAOpE;AAAA,4BACP,OAAOuB;AAAA,4BACP,eAAeC;AAAA,4BACf,UAAUyB;AAAA,4BACV,KAAK7C;AAAA,4BACL,KAAKC;AAAA,4BACL,cAAAnC;AAAA,4BACA,cAAAC;AAAA,4BACA,SAAAa;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACF;AAAA,sBAGJ;AAAA,wBACE,OAAO;AAAA,wBACP,OAAON,EAAE,wBAAwB;AAAA,wBACjC,MAAM;AAAA,wBACN,SACE,gBAAAiF,EAAC,OAAA,EAAI,WAAWM,EAAG,UACjB,UAAA,gBAAAN;AAAA,0BAACU;AAAA,0BAAA;AAAA,4BACC,OAAOrE;AAAA,4BACP,UAAUsD;AAAA,4BACV,QAAAzG;AAAA,4BACA,YAAAiB;AAAA,4BACA,aAAAhB;AAAA,0BAAA;AAAA,wBAAA,EACF,CACF;AAAA,sBAAA;AAAA,oBAEJ;AAAA,kBACF;AAAA,gBAAA;AAAA,gBAEF,gBAAA6G,EAAC,SAAI,WAAWM,EAAG,QACjB,UAAA,gBAAAN,EAACW,IAAA,EAAO,MAAK,MAAK,SAAQ,UAAS,OAAM,WAAU,SAAS,MAAMpC,GAAa,EAAI,GAChF,UAAAxD,EAAE,aAAa,EAAA,CAClB,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGDyB,KAAsB,QACrB,gBAAAwD;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,IAAI7E;AAAA,cACJ,SAAQ;AAAA,cACR,OAAOmB,IAAgB,UAAU;AAAA,cACjC,WAAWwD,EAAO;AAAA,cAEjB,UAAAvD;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/dist/{DateTimePicker-CVFzKzyA.cjs → DateTimePicker-ClTZGMON.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),a=require("react"),A=require("clsx"),Ne=require("./formContext-bTWrqdEV.cjs"),Re=require("./FloatingPanel-tGCG2nhA.cjs"),Ye=require("./Button-Q_5uA-zc.cjs"),te=require("./Icon-B6lz-V0A.cjs"),He=require("./IconButton-CiDPeKM4.cjs"),Ve=require("./Tabs-C4kB1yfG.cjs"),se=require("./Typography-d97DdbNd.cjs"),Ee=require("./Calendar-BbbtMsZs.cjs"),t=require("./DatePicker.module-BDtTsg8M.cjs"),y=require("./TimeColumns-B8KTj-tc.cjs"),Oe=require("./ConfigProvider-Ci9Q2HLF.cjs");function we(L,u){return`DD/MM/YYYY ${L?u?"hh:mm:ss A":"hh:mm A":u?"HH:mm:ss":"HH:mm"}`}const We=a.forwardRef(function({label:u,size:v="md",error:re,helperText:ae,required:oe=!1,fullWidth:ne=!0,disabled:x=!1,value:D,defaultValue:le,onChange:P,format:ce,valueFormat:ie,utc:F=!0,hour12:$=!1,minuteStep:ue=1,showSeconds:z=!0,placeholder:me,min:de,max:fe,disabledDate:S,weekStartsOn:pe=1,clearable:he=!0,name:m,id:ye,className:ve,style:xe},d){const i=Oe.useT(),Te=a.useId(),T=ye??Te,U=`${T}-helper`,Ce=`${T}-label`,c=ce??we($,z),f=ie??(F?"YYYY-MM-DDTHH:mm:ss[Z]":"YYYY-MM-DDTHH:mm:ss"),C=Ne.useFormContext(),b=!!(C&&m),l=b?C.field(m):void 0,be=D!==void 0?D:b?C.values[m]??"":void 0,K=D!==void 0||b,[ke,je]=a.useState(le??""),k=K?be:ke,B=e=>F?t.utcToLocalWall(e):e,o=B(t.parseValue(k,f)),M=re??(l==null?void 0:l.error)??!1,N=ae??(l==null?void 0:l.helperText),R=B(t.parseValue(de,f)),Y=B(t.parseValue(fe,f)),Ie=t.maskFromFormat(c),ge=/s/.test(c)?"second":"minute",j=e=>{e!==k&&(K||je(e),b&&C.setValue(m,e),P==null||P(e))},I=e=>{e&&o&&e.isSame(o,"second")||j(e?(F?t.localWallToUtc(e):e).format(f):"")},Z=e=>!o||!e.isSame(o,ge),[H,p]=a.useState(()=>o?o.format(c):"");a.useEffect(()=>{p(o?o.format(c):"")},[k,c,f]);const V=a.useRef(null),E=a.useRef(null),[h,_]=a.useState(!1),[qe,G]=a.useState(()=>o??t.today()),[O,w]=a.useState("date"),W=a.useRef(!1),De=a.useCallback(e=>{E.current=e,typeof d=="function"?d(e):d&&(d.current=e)},[d]),g=a.useRef(void 0);g.current=l?()=>l.onBlur({}):void 0;const q=a.useRef(null),J=a.useCallback(e=>{var s,n;_(!1),(s=g.current)==null||s.call(g),e&&((n=E.current)==null||n.focus())},[]);a.useEffect(()=>{h&&(G(o??t.today()),w("date"))},[h]),a.useEffect(()=>{var e,s;O==="time"&&W.current&&(W.current=!1,(s=(e=q.current)==null?void 0:e.querySelector('[role="tab"][aria-selected="true"]'))==null||s.focus())},[O,q]);const Q=e=>R&&e.isBefore(R,"day")||Y&&e.isAfter(Y,"day")?!0:!!(S&&S(t.toISO(e))),Pe=e=>{const s=t.applyMask(e,Ie);if(p(s),s===""){j("");return}const n=t.parseInput(s,c);n&&!Q(n)&&Z(n)&&I(n)},Fe=e=>{var X,ee;const s=t.parseInput(H,c);H===""?j(""):s&&!Q(s)?(Z(s)&&I(s),p(s.format(c))):p(o?o.format(c):"");const n=e.relatedTarget;n&&((X=q.current)!=null&&X.contains(n)||(ee=V.current)!=null&&ee.contains(n))||l==null||l.onBlur(e)},Se=e=>{const s=t.parseISO(e);if(!s)return;const n=o??t.today();I(s.hour(n.hour()).minute(n.minute()).second(n.second())),W.current=!0,w("time")},Be=e=>I(e),Me=v==="sm"?"sm":"md";return r.jsxs("div",{className:A.clsx(t.styles.field,t.styles[v],ne&&t.styles.fullWidth,M&&t.styles.error,x&&t.styles.disabled,ve),style:xe,children:[u!=null&&r.jsxs("label",{htmlFor:T,className:t.styles.label,children:[r.jsx(se.Typography,{as:"span",variant:"bodySmall",color:"muted",children:u}),oe&&r.jsx("span",{className:t.styles.required,"aria-hidden":"true",children:"*"})]}),r.jsxs("div",{ref:V,className:A.clsx(t.styles.control,h&&t.styles.open),children:[r.jsx("input",{ref:De,id:T,name:m,className:t.styles.input,value:H,placeholder:me??c.toLowerCase(),disabled:x,autoComplete:"off","aria-invalid":M||void 0,"aria-describedby":N!=null?U:void 0,onChange:e=>Pe(e.target.value),onBlur:Fe}),he&&k!==""&&!x&&r.jsx("button",{type:"button",className:t.styles.clear,"aria-label":i("dateTimePicker.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{var e;j(""),p(""),(e=E.current)==null||e.focus()},children:r.jsx(te.Icon,{name:"CloseCircle",size:"sm"})}),r.jsx(He.IconButton,{type:"button",variant:"text",color:"primary",size:v,disabled:x,"aria-label":i("dateTimePicker.open"),"aria-haspopup":"dialog","aria-expanded":h,className:t.styles.calendarButton,onMouseDown:e=>e.preventDefault(),onClick:()=>_(e=>!e),children:r.jsx(te.Icon,{name:"Calendar3",size:Me})})]}),r.jsxs(Re.FloatingPanel,{ref:q,open:h,triggerRef:V,onClose:J,role:"dialog",ariaLabel:i("dateTimePicker.dialog"),trapFocus:!0,className:A.clsx(t.styles.popover,y.dt.popover),children:[r.jsx(Ve.Tabs,{className:y.dt.tabs,"aria-label":i("dateTimePicker.label"),fullWidth:!0,autoFocus:!0,queryKey:null,value:O,onChange:e=>w(e),items:[{value:"date",label:i("dateTimePicker.dateTab"),icon:"Calendar3",content:r.jsx(Ee.Calendar,{value:o,month:qe,onMonthChange:G,onSelect:Se,min:R,max:Y,disabledDate:S,weekStartsOn:pe,labelId:Ce})},{value:"time",label:i("dateTimePicker.timeTab"),icon:"Clock",content:r.jsx("div",{className:y.dt.timePane,children:r.jsx(y.TimeColumns,{value:o,onChange:Be,hour12:$,minuteStep:ue,showSeconds:z})})}]}),r.jsx("div",{className:y.dt.footer,children:r.jsx(Ye.Button,{size:"sm",variant:"filled",color:"primary",onClick:()=>J(!0),children:i("common.done")})})]}),N!=null&&r.jsx(se.Typography,{as:"span",id:U,variant:"bodySmall",color:M?"error":"muted",className:t.styles.helper,children:N})]})});exports.DateTimePicker=We;
-//# sourceMappingURL=DateTimePicker-CVFzKzyA.cjs.map
+"use strict";const r=require("react/jsx-runtime"),a=require("react"),A=require("clsx"),Ne=require("./formContext-bTWrqdEV.cjs"),Re=require("./FloatingPanel-tGCG2nhA.cjs"),Ye=require("./Button-Bxztlybi.cjs"),te=require("./Icon-CBg21lKA.cjs"),He=require("./IconButton-wW1o4HHw.cjs"),Ve=require("./Tabs-DiL1vNW3.cjs"),se=require("./Typography-d97DdbNd.cjs"),Ee=require("./Calendar-CsBgaKZ-.cjs"),t=require("./DatePicker.module-BaQyKOUM.cjs"),y=require("./TimeColumns-By23LHZw.cjs"),Oe=require("./ConfigProvider-Cf-awvZs.cjs");function we(L,u){return`DD/MM/YYYY ${L?u?"hh:mm:ss A":"hh:mm A":u?"HH:mm:ss":"HH:mm"}`}const We=a.forwardRef(function({label:u,size:v="md",error:re,helperText:ae,required:oe=!1,fullWidth:ne=!0,disabled:x=!1,value:D,defaultValue:le,onChange:P,format:ce,valueFormat:ie,utc:F=!0,hour12:$=!1,minuteStep:ue=1,showSeconds:z=!0,placeholder:me,min:de,max:fe,disabledDate:S,weekStartsOn:pe=1,clearable:he=!0,name:m,id:ye,className:ve,style:xe},d){const i=Oe.useT(),Te=a.useId(),T=ye??Te,U=`${T}-helper`,Ce=`${T}-label`,c=ce??we($,z),f=ie??(F?"YYYY-MM-DDTHH:mm:ss[Z]":"YYYY-MM-DDTHH:mm:ss"),C=Ne.useFormContext(),b=!!(C&&m),l=b?C.field(m):void 0,be=D!==void 0?D:b?C.values[m]??"":void 0,K=D!==void 0||b,[ke,je]=a.useState(le??""),k=K?be:ke,B=e=>F?t.utcToLocalWall(e):e,o=B(t.parseValue(k,f)),M=re??(l==null?void 0:l.error)??!1,N=ae??(l==null?void 0:l.helperText),R=B(t.parseValue(de,f)),Y=B(t.parseValue(fe,f)),Ie=t.maskFromFormat(c),ge=/s/.test(c)?"second":"minute",j=e=>{e!==k&&(K||je(e),b&&C.setValue(m,e),P==null||P(e))},I=e=>{e&&o&&e.isSame(o,"second")||j(e?(F?t.localWallToUtc(e):e).format(f):"")},Z=e=>!o||!e.isSame(o,ge),[H,p]=a.useState(()=>o?o.format(c):"");a.useEffect(()=>{p(o?o.format(c):"")},[k,c,f]);const V=a.useRef(null),E=a.useRef(null),[h,_]=a.useState(!1),[qe,G]=a.useState(()=>o??t.today()),[O,w]=a.useState("date"),W=a.useRef(!1),De=a.useCallback(e=>{E.current=e,typeof d=="function"?d(e):d&&(d.current=e)},[d]),g=a.useRef(void 0);g.current=l?()=>l.onBlur({}):void 0;const q=a.useRef(null),J=a.useCallback(e=>{var s,n;_(!1),(s=g.current)==null||s.call(g),e&&((n=E.current)==null||n.focus())},[]);a.useEffect(()=>{h&&(G(o??t.today()),w("date"))},[h]),a.useEffect(()=>{var e,s;O==="time"&&W.current&&(W.current=!1,(s=(e=q.current)==null?void 0:e.querySelector('[role="tab"][aria-selected="true"]'))==null||s.focus())},[O,q]);const Q=e=>R&&e.isBefore(R,"day")||Y&&e.isAfter(Y,"day")?!0:!!(S&&S(t.toISO(e))),Pe=e=>{const s=t.applyMask(e,Ie);if(p(s),s===""){j("");return}const n=t.parseInput(s,c);n&&!Q(n)&&Z(n)&&I(n)},Fe=e=>{var X,ee;const s=t.parseInput(H,c);H===""?j(""):s&&!Q(s)?(Z(s)&&I(s),p(s.format(c))):p(o?o.format(c):"");const n=e.relatedTarget;n&&((X=q.current)!=null&&X.contains(n)||(ee=V.current)!=null&&ee.contains(n))||l==null||l.onBlur(e)},Se=e=>{const s=t.parseISO(e);if(!s)return;const n=o??t.today();I(s.hour(n.hour()).minute(n.minute()).second(n.second())),W.current=!0,w("time")},Be=e=>I(e),Me=v==="sm"?"sm":"md";return r.jsxs("div",{className:A.clsx(t.styles.field,t.styles[v],ne&&t.styles.fullWidth,M&&t.styles.error,x&&t.styles.disabled,ve),style:xe,children:[u!=null&&r.jsxs("label",{htmlFor:T,className:t.styles.label,children:[r.jsx(se.Typography,{as:"span",variant:"bodySmall",color:"muted",children:u}),oe&&r.jsx("span",{className:t.styles.required,"aria-hidden":"true",children:"*"})]}),r.jsxs("div",{ref:V,className:A.clsx(t.styles.control,h&&t.styles.open),children:[r.jsx("input",{ref:De,id:T,name:m,className:t.styles.input,value:H,placeholder:me??c.toLowerCase(),disabled:x,autoComplete:"off","aria-invalid":M||void 0,"aria-describedby":N!=null?U:void 0,onChange:e=>Pe(e.target.value),onBlur:Fe}),he&&k!==""&&!x&&r.jsx("button",{type:"button",className:t.styles.clear,"aria-label":i("dateTimePicker.clear"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{var e;j(""),p(""),(e=E.current)==null||e.focus()},children:r.jsx(te.Icon,{name:"CloseCircle",size:"sm"})}),r.jsx(He.IconButton,{type:"button",variant:"text",color:"primary",size:v,disabled:x,"aria-label":i("dateTimePicker.open"),"aria-haspopup":"dialog","aria-expanded":h,className:t.styles.calendarButton,onMouseDown:e=>e.preventDefault(),onClick:()=>_(e=>!e),children:r.jsx(te.Icon,{name:"Calendar3",size:Me})})]}),r.jsxs(Re.FloatingPanel,{ref:q,open:h,triggerRef:V,onClose:J,role:"dialog",ariaLabel:i("dateTimePicker.dialog"),trapFocus:!0,className:A.clsx(t.styles.popover,y.dt.popover),children:[r.jsx(Ve.Tabs,{className:y.dt.tabs,"aria-label":i("dateTimePicker.label"),fullWidth:!0,autoFocus:!0,queryKey:null,value:O,onChange:e=>w(e),items:[{value:"date",label:i("dateTimePicker.dateTab"),icon:"Calendar3",content:r.jsx(Ee.Calendar,{value:o,month:qe,onMonthChange:G,onSelect:Se,min:R,max:Y,disabledDate:S,weekStartsOn:pe,labelId:Ce})},{value:"time",label:i("dateTimePicker.timeTab"),icon:"Clock",content:r.jsx("div",{className:y.dt.timePane,children:r.jsx(y.TimeColumns,{value:o,onChange:Be,hour12:$,minuteStep:ue,showSeconds:z})})}]}),r.jsx("div",{className:y.dt.footer,children:r.jsx(Ye.Button,{size:"sm",variant:"filled",color:"primary",onClick:()=>J(!0),children:i("common.done")})})]}),N!=null&&r.jsx(se.Typography,{as:"span",id:U,variant:"bodySmall",color:M?"error":"muted",className:t.styles.helper,children:N})]})});exports.DateTimePicker=We;
+//# sourceMappingURL=DateTimePicker-ClTZGMON.cjs.map

package/dist/{DateTimePicker-CVFzKzyA.cjs.map → DateTimePicker-ClTZGMON.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-CVFzKzyA.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; a day pick advances to the Time tab, and the popover\n * stays open until you click away, 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={t('dateTimePicker.dialog')}\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-ClTZGMON.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; a day pick advances to the Time tab, and the popover\n * stays open until you click away, 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={t('dateTimePicker.dialog')}\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-Die3lRBW.js → DescriptionList-Cque-iYk.js}

@@ -1,15 +1,15 @@
 import { jsxs as o, jsx as s } from "react/jsx-runtime";
 import { forwardRef as K, useId as P } from "react";
-import { clsx as S } from "clsx";
+import { clsx as B } from "clsx";
 import { r as Q } from "./breakpoints-BbDakdqF.js";
 import { u as V } from "./useMediaQuery-DrDUrkmJ.js";
-import { b as X, a as Y } from "./Icon-D5TxgfCc.js";
-import { C as Z } from "./CopyButton-Bidt2Vgp.js";
-import { I as W } from "./IconButton-BoURJOUD.js";
-import { S as B } from "./Skeleton-_-uGax2j.js";
+import { b as X, a as Y } from "./Icon-B7DJn8Tw.js";
+import { C as Z } from "./CopyButton-_iMBE4q_.js";
+import { I as W } from "./IconButton-EaExCXRq.js";
+import { S as k } from "./Skeleton-_-uGax2j.js";
 import { T as z } from "./Typography-ChSuxgkc.js";
-import { a as ee } from "./ConfigProvider-Dqfu7UBU.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", he = "_lastRow_10k89_99", pe = "_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", ge = "_copyButton_10k89_156", Ie = "_horizontal_10k89_172", we = "_stacked_10k89_170", Te = "_bordered_10k89_184", Me = "_lastRowStart_10k89_218", e = {
+import { a as ee } from "./ConfigProvider-CYgmMH4j.js";
+const ae = "_root_deh4f_4", se = "_sm_deh4f_14", le = "_md_deh4f_22", te = "_lg_deh4f_30", oe = "_header_deh4f_40", ne = "_headerMain_deh4f_49", re = "_headerIcon_deh4f_56", de = "_headerText_deh4f_59", ce = "_title_deh4f_65", ie = "_actions_deh4f_68", he = "_grid_deh4f_80", _e = "_item_deh4f_87", me = "_dividers_deh4f_95", ue = "_lastRow_deh4f_99", pe = "_label_deh4f_103", fe = "_labelIcon_deh4f_111", ve = "_value_deh4f_116", ye = "_valueMedium_deh4f_125", be = "_valueBold_deh4f_128", Ne = "_valueText_deh4f_131", xe = "_placeholder_deh4f_135", ge = "_copy_deh4f_148", Ie = "_copyButton_deh4f_156", we = "_horizontal_deh4f_176", Te = "_stacked_deh4f_174", Me = "_bordered_deh4f_188", Re = "_lastRowStart_deh4f_222", e = {
   root: ae,
   sm: se,
   md: le,
@@ -17,73 +17,73 @@ const ae = "_root_10k89_4", se = "_sm_10k89_14", le = "_md_10k89_22", te = "_lg_
   header: oe,
   headerMain: ne,
   headerIcon: re,
-  headerText: ce,
-  title: de,
+  headerText: de,
+  title: ce,
   actions: ie,
-  grid: _e,
-  item: me,
-  dividers: ue,
-  lastRow: he,
+  grid: he,
+  item: _e,
+  dividers: me,
+  lastRow: ue,
   label: pe,
-  labelIcon: ve,
-  value: ke,
-  valueMedium: fe,
-  valueBold: ye,
-  valueText: be,
-  placeholder: Ne,
-  copy: xe,
-  copyButton: ge,
-  horizontal: Ie,
-  stacked: we,
-  bordered: Te,
-  lastRowStart: Me
-}, Re = new Set(Y), Se = { xs: 1, sm: 2, lg: 3 }, Be = (a) => a == null || a === "" || a === !1, ze = (a) => {
+  labelIcon: fe,
+  value: ve,
+  valueMedium: ye,
+  valueBold: be,
+  valueText: Ne,
+  placeholder: xe,
+  copy: ge,
+  copyButton: Ie,
+  horizontal: we,
+  stacked: Te,
+  bordered: Me,
+  lastRowStart: Re
+}, Se = new Set(Y), Be = { xs: 1, sm: 2, lg: 3 }, ke = (a) => a == null || a === "" || a === !1, ze = (a) => {
   if (typeof a.copyable == "string") return a.copyable;
   if (typeof a.value == "string" || typeof a.value == "number") return String(a.value);
 }, Ce = (a, n) => {
-  let c = 0, t = 0;
-  return a.map((_) => {
-    const r = Math.min(_.span ?? 1, n);
-    t + r > n && (c += 1, t = 0);
-    const h = { item: _, span: r, row: c, col: t };
-    return t += r, t >= n && (c += 1, t = 0), h;
+  let d = 0, t = 0;
+  return a.map((h) => {
+    const r = Math.min(h.span ?? 1, n);
+    t + r > n && (d += 1, t = 0);
+    const u = { item: h, span: r, row: d, col: t };
+    return t += r, t >= n && (d += 1, t = 0), u;
   });
-}, C = (a, n = "sm") => typeof a == "string" && Re.has(a) ? /* @__PURE__ */ s(X, { name: a, size: n }) : a, Je = K(
+}, C = (a, n = "sm") => typeof a == "string" && Se.has(a) ? /* @__PURE__ */ s(X, { name: a, size: n }) : a, Je = K(
   function({
     items: n,
-    columns: c = Se,
+    columns: d = Be,
     layout: t = "vertical",
-    size: _ = "md",
+    size: h = "md",
     valueWeight: r = "regular",
-    bordered: h = !1,
+    bordered: u = !1,
     dividers: L = !0,
     labelWidth: p = 160,
-    stackBelow: y = "xxs",
-    loading: d = !1,
+    stackBelow: b = "xxs",
+    loading: c = !1,
     emptyText: E = "—",
     title: i,
-    icon: v,
+    icon: f,
     color: A = "accent",
-    subtitle: m,
-    actions: k,
+    subtitle: _,
+    actions: v,
     className: D,
     style: O,
     ...$
   }, j) {
-    const b = ee(), N = `${P()}-title`, x = V(), g = Q(c, x) ?? 1, U = t === "horizontal" && y !== !1 && x[y], I = n.filter((l) => !l.hidden), u = Ce(I, g), w = u.length ? u[u.length - 1].row : 0, F = typeof d == "number" ? d : I.length || 6, H = i != null || m != null || k != null || v != null, q = {
-      "--dl-cols": g,
+    const N = ee(), x = `${P()}-title`, g = V(), I = Q(d, g) ?? 1, U = t === "horizontal" && b !== !1 && g[b], w = n.filter((l) => !l.hidden), m = Ce(w, I), T = m.length ? m[m.length - 1].row : 0, F = typeof c == "number" ? c : w.length || 6, H = i != null || _ != null || v != null || f != null, q = {
+      "--dl-cols": I,
       "--dl-label-w": typeof p == "number" ? `${p}px` : p
     };
     return /* @__PURE__ */ o(
       "div",
       {
         ref: j,
-        className: S(
+        className: B(
           e.root,
-          e[_],
+          e[h],
           e[t],
           r !== "regular" && e[`value${r === "bold" ? "Bold" : "Medium"}`],
-          h && e.bordered,
+          u && e.bordered,
           L && e.dividers,
           U && e.stacked,
           D
@@ -93,7 +93,7 @@ const ae = "_root_10k89_4", se = "_sm_10k89_14", le = "_md_10k89_22", te = "_lg_
         children: [
           H && /* @__PURE__ */ o("div", { className: e.header, children: [
             /* @__PURE__ */ o("div", { className: e.headerMain, children: [
-              v != null && /* @__PURE__ */ s(
+              f != null && /* @__PURE__ */ s(
                 W,
                 {
                   variant: "filled",
@@ -102,55 +102,55 @@ const ae = "_root_10k89_4", se = "_sm_10k89_14", le = "_md_10k89_22", te = "_lg_
                   nonClickable: !0,
                   "aria-hidden": !0,
                   className: e.headerIcon,
-                  children: C(v, "md")
+                  children: C(f, "md")
                 }
               ),
-              (i != null || m != null) && /* @__PURE__ */ o("div", { className: e.headerText, children: [
-                i != null && /* @__PURE__ */ s(z, { as: "h3", id: N, variant: "subtitle", className: e.title, children: i }),
-                m != null && /* @__PURE__ */ s(z, { as: "p", variant: "bodySmall", color: "muted", children: m })
+              (i != null || _ != null) && /* @__PURE__ */ o("div", { className: e.headerText, children: [
+                i != null && /* @__PURE__ */ s(z, { as: "h3", id: x, variant: "subtitle", className: e.title, children: i }),
+                _ != null && /* @__PURE__ */ s(z, { as: "p", variant: "bodySmall", color: "muted", children: _ })
               ] })
             ] }),
-            k != null && /* @__PURE__ */ s("div", { className: e.actions, children: k })
+            v != null && /* @__PURE__ */ s("div", { className: e.actions, children: v })
           ] }),
           /* @__PURE__ */ s(
             "dl",
             {
               className: e.grid,
-              "aria-labelledby": i != null ? N : void 0,
-              "aria-busy": d ? !0 : void 0,
-              "aria-label": d ? b("descriptionList.loading") : void 0,
-              children: d ? Array.from({ length: F }, (l, f) => /* @__PURE__ */ o("div", { className: e.item, "aria-hidden": "true", children: [
-                /* @__PURE__ */ s("dt", { className: e.label, children: /* @__PURE__ */ s(B, { width: "40%", height: "0.9em" }) }),
-                /* @__PURE__ */ s("dd", { className: e.value, children: /* @__PURE__ */ s(B, { width: "70%", height: "1.1em" }) })
-              ] }, f)) : u.map(({ item: l, span: f, row: T, col: G }, J) => {
-                const M = Be(l.value), R = !M && l.copyable ? ze(l) : void 0;
+              "aria-labelledby": i != null ? x : void 0,
+              "aria-busy": c ? !0 : void 0,
+              "aria-label": c ? N("descriptionList.loading") : void 0,
+              children: c ? Array.from({ length: F }, (l, y) => /* @__PURE__ */ o("div", { className: e.item, "aria-hidden": "true", children: [
+                /* @__PURE__ */ s("dt", { className: e.label, children: /* @__PURE__ */ s(k, { width: "40%", height: "0.9em" }) }),
+                /* @__PURE__ */ s("dd", { className: e.value, children: /* @__PURE__ */ s(k, { width: "70%", height: "1.1em" }) })
+              ] }, y)) : m.map(({ item: l, span: y, row: M, col: G }, J) => {
+                const R = ke(l.value), S = !R && l.copyable ? ze(l) : void 0;
                 return /* @__PURE__ */ o(
                   "div",
                   {
-                    className: S(
+                    className: B(
                       e.item,
-                      T === w && e.lastRow,
-                      T === w && G === 0 && e.lastRowStart
+                      M === T && e.lastRow,
+                      M === T && G === 0 && e.lastRowStart
                     ),
-                    style: { "--dl-span": f },
+                    style: { "--dl-span": y },
                     children: [
                       /* @__PURE__ */ o("dt", { className: e.label, children: [
                         l.icon != null && /* @__PURE__ */ s("span", { className: e.labelIcon, "aria-hidden": "true", children: C(l.icon) }),
                         l.label
                       ] }),
                       /* @__PURE__ */ o("dd", { className: e.value, children: [
-                        /* @__PURE__ */ s("span", { className: e.valueText, children: M ? /* @__PURE__ */ s(
+                        /* @__PURE__ */ s("span", { className: e.valueText, children: R ? /* @__PURE__ */ s(
                           "span",
                           {
                             className: e.placeholder,
-                            "aria-label": b("descriptionList.empty"),
+                            "aria-label": N("descriptionList.empty"),
                             children: E
                           }
                         ) : l.value }),
-                        R != null && /* @__PURE__ */ s("span", { className: e.copy, children: /* @__PURE__ */ s(
+                        S != null && /* @__PURE__ */ s("span", { className: e.copy, children: /* @__PURE__ */ s(
                           Z,
                           {
-                            value: R,
+                            value: S,
                             size: "sm",
                             variant: "text",
                             className: e.copyButton
@@ -172,4 +172,4 @@ const ae = "_root_10k89_4", se = "_sm_10k89_14", le = "_md_10k89_22", te = "_lg_
 export {
   Je as D
 };
-//# sourceMappingURL=DescriptionList-Die3lRBW.js.map
+//# sourceMappingURL=DescriptionList-Cque-iYk.js.map