@techzyapp/ui-library 1.0.49 → 1.0.50

package/dist/{DateTimePicker-C9F2yJMf.js.map → DateTimePicker-CvWNDbib.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker-C9F2yJMf.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;"}
+{"version":3,"file":"DateTimePicker-CvWNDbib.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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"}

package/dist/{DescriptionList-DnGkHdzT.cjs → DescriptionList-Bed1MHU8.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),R=require("react"),S=require("clsx"),J=require("./breakpoints-Dpnh6BbG.cjs"),K=require("./useMediaQuery-CHMrI6Dy.cjs"),C=require("./Icon-CBg21lKA.cjs"),V=require("./CopyButton-DUG5s3TM.cjs"),X=require("./IconButton-DSPdv-oI.cjs"),k=require("./Skeleton-DK0lAjS9.cjs"),B=require("./Typography-d97DdbNd.cjs"),Y=require("./ConfigProvider-CYSpuSMJ.cjs"),Z="_root_deh4f_4",W="_sm_deh4f_14",ee="_md_deh4f_22",se="_lg_deh4f_30",te="_header_deh4f_40",le="_headerMain_deh4f_49",ae="_headerIcon_deh4f_56",ne="_headerText_deh4f_59",oe="_title_deh4f_65",re="_actions_deh4f_68",ce="_grid_deh4f_80",de="_item_deh4f_87",ie="_dividers_deh4f_95",he="_lastRow_deh4f_99",_e="_label_deh4f_103",ue="_labelIcon_deh4f_111",pe="_value_deh4f_116",fe="_valueMedium_deh4f_125",me="_valueBold_deh4f_128",ve="_valueText_deh4f_131",xe="_placeholder_deh4f_135",ye="_copy_deh4f_148",be="_copyButton_deh4f_156",je="_horizontal_deh4f_176",Ne="_stacked_deh4f_174",ge="_bordered_deh4f_188",Ie="_lastRowStart_deh4f_222",e={root:Z,sm:W,md:ee,lg:se,header:te,headerMain:le,headerIcon:ae,headerText:ne,title:oe,actions:re,grid:ce,item:de,dividers:ie,lastRow:he,label:_e,labelIcon:ue,value:pe,valueMedium:fe,valueBold:me,valueText:ve,placeholder:xe,copy:ye,copyButton:be,horizontal:je,stacked:Ne,bordered:ge,lastRowStart:Ie},we=new Set(C.ICON_NAMES),Te={xs:1,sm:2,lg:3},Me=t=>t==null||t===""||t===!1,Re=t=>{if(typeof t.copyable=="string")return t.copyable;if(typeof t.value=="string"||typeof t.value=="number")return String(t.value)},Se=(t,n)=>{let r=0,a=0;return t.map(i=>{const o=Math.min(i.span??1,n);a+o>n&&(r+=1,a=0);const u={item:i,span:o,row:r,col:a};return a+=o,a>=n&&(r+=1,a=0),u})},q=(t,n="sm")=>typeof t=="string"&&we.has(t)?s.jsx(C.Icon,{name:t,size:n}):t,ke=R.forwardRef(function({items:n,columns:r=Te,layout:a="vertical",size:i="md",valueWeight:o="regular",bordered:u=!1,dividers:L=!0,labelWidth:p=160,stackBelow:x="xxs",loading:c=!1,emptyText:z="—",title:d,icon:f,color:E="accent",subtitle:h,actions:m,className:A,style:D,...O},$){const y=Y.useT(),b=`${R.useId()}-title`,j=K.useBreakpointMatches(),N=J.resolveResponsive(r,j)??1,U=a==="horizontal"&&x!==!1&&j[x],g=n.filter(l=>!l.hidden),_=Se(g,N),I=_.length?_[_.length-1].row:0,F=typeof c=="number"?c:g.length||6,H=d!=null||h!=null||m!=null||f!=null,P={"--dl-cols":N,"--dl-label-w":typeof p=="number"?`${p}px`:p};return s.jsxs("div",{ref:$,className:S.clsx(e.root,e[i],e[a],o!=="regular"&&e[`value${o==="bold"?"Bold":"Medium"}`],u&&e.bordered,L&&e.dividers,U&&e.stacked,A),style:{...P,...D},...O,children:[H&&s.jsxs("div",{className:e.header,children:[s.jsxs("div",{className:e.headerMain,children:[f!=null&&s.jsx(X.IconButton,{variant:"filled",size:"sm",color:E,nonClickable:!0,"aria-hidden":!0,className:e.headerIcon,children:q(f,"md")}),(d!=null||h!=null)&&s.jsxs("div",{className:e.headerText,children:[d!=null&&s.jsx(B.Typography,{as:"h3",id:b,variant:"subtitle",className:e.title,children:d}),h!=null&&s.jsx(B.Typography,{as:"p",variant:"bodySmall",color:"muted",children:h})]})]}),m!=null&&s.jsx("div",{className:e.actions,children:m})]}),s.jsx("dl",{className:e.grid,"aria-labelledby":d!=null?b:void 0,"aria-busy":c?!0:void 0,"aria-label":c?y("descriptionList.loading"):void 0,children:c?Array.from({length:F},(l,v)=>s.jsxs("div",{className:e.item,"aria-hidden":"true",children:[s.jsx("dt",{className:e.label,children:s.jsx(k.Skeleton,{width:"40%",height:"0.9em"})}),s.jsx("dd",{className:e.value,children:s.jsx(k.Skeleton,{width:"70%",height:"1.1em"})})]},v)):_.map(({item:l,span:v,row:w,col:Q},G)=>{const T=Me(l.value),M=!T&&l.copyable?Re(l):void 0;return s.jsxs("div",{className:S.clsx(e.item,w===I&&e.lastRow,w===I&&Q===0&&e.lastRowStart),style:{"--dl-span":v},children:[s.jsxs("dt",{className:e.label,children:[l.icon!=null&&s.jsx("span",{className:e.labelIcon,"aria-hidden":"true",children:q(l.icon)}),l.label]}),s.jsxs("dd",{className:e.value,children:[s.jsx("span",{className:e.valueText,children:T?s.jsx("span",{className:e.placeholder,"aria-label":y("descriptionList.empty"),children:z}):l.value}),M!=null&&s.jsx("span",{className:e.copy,children:s.jsx(V.CopyButton,{value:M,size:"sm",variant:"text",className:e.copyButton})})]})]},l.key??G)})})]})});exports.DescriptionList=ke;
-//# sourceMappingURL=DescriptionList-DnGkHdzT.cjs.map
+"use strict";const s=require("react/jsx-runtime"),R=require("react"),S=require("clsx"),J=require("./breakpoints-Dpnh6BbG.cjs"),K=require("./useMediaQuery-CHMrI6Dy.cjs"),C=require("./Icon-BoQmbW7j.cjs"),V=require("./CopyButton-B2V6guZ0.cjs"),X=require("./IconButton-ChhZqleN.cjs"),k=require("./Skeleton-DK0lAjS9.cjs"),B=require("./Typography-d97DdbNd.cjs"),Y=require("./ConfigProvider-BFhkb0BV.cjs"),Z="_root_deh4f_4",W="_sm_deh4f_14",ee="_md_deh4f_22",se="_lg_deh4f_30",te="_header_deh4f_40",le="_headerMain_deh4f_49",ae="_headerIcon_deh4f_56",ne="_headerText_deh4f_59",oe="_title_deh4f_65",re="_actions_deh4f_68",ce="_grid_deh4f_80",de="_item_deh4f_87",ie="_dividers_deh4f_95",he="_lastRow_deh4f_99",_e="_label_deh4f_103",ue="_labelIcon_deh4f_111",pe="_value_deh4f_116",fe="_valueMedium_deh4f_125",me="_valueBold_deh4f_128",ve="_valueText_deh4f_131",xe="_placeholder_deh4f_135",ye="_copy_deh4f_148",be="_copyButton_deh4f_156",je="_horizontal_deh4f_176",Ne="_stacked_deh4f_174",ge="_bordered_deh4f_188",Ie="_lastRowStart_deh4f_222",e={root:Z,sm:W,md:ee,lg:se,header:te,headerMain:le,headerIcon:ae,headerText:ne,title:oe,actions:re,grid:ce,item:de,dividers:ie,lastRow:he,label:_e,labelIcon:ue,value:pe,valueMedium:fe,valueBold:me,valueText:ve,placeholder:xe,copy:ye,copyButton:be,horizontal:je,stacked:Ne,bordered:ge,lastRowStart:Ie},we=new Set(C.ICON_NAMES),Te={xs:1,sm:2,lg:3},Me=t=>t==null||t===""||t===!1,Re=t=>{if(typeof t.copyable=="string")return t.copyable;if(typeof t.value=="string"||typeof t.value=="number")return String(t.value)},Se=(t,n)=>{let r=0,a=0;return t.map(i=>{const o=Math.min(i.span??1,n);a+o>n&&(r+=1,a=0);const u={item:i,span:o,row:r,col:a};return a+=o,a>=n&&(r+=1,a=0),u})},q=(t,n="sm")=>typeof t=="string"&&we.has(t)?s.jsx(C.Icon,{name:t,size:n}):t,ke=R.forwardRef(function({items:n,columns:r=Te,layout:a="vertical",size:i="md",valueWeight:o="regular",bordered:u=!1,dividers:L=!0,labelWidth:p=160,stackBelow:x="xxs",loading:c=!1,emptyText:z="—",title:d,icon:f,color:E="accent",subtitle:h,actions:m,className:A,style:D,...O},$){const y=Y.useT(),b=`${R.useId()}-title`,j=K.useBreakpointMatches(),N=J.resolveResponsive(r,j)??1,U=a==="horizontal"&&x!==!1&&j[x],g=n.filter(l=>!l.hidden),_=Se(g,N),I=_.length?_[_.length-1].row:0,F=typeof c=="number"?c:g.length||6,H=d!=null||h!=null||m!=null||f!=null,P={"--dl-cols":N,"--dl-label-w":typeof p=="number"?`${p}px`:p};return s.jsxs("div",{ref:$,className:S.clsx(e.root,e[i],e[a],o!=="regular"&&e[`value${o==="bold"?"Bold":"Medium"}`],u&&e.bordered,L&&e.dividers,U&&e.stacked,A),style:{...P,...D},...O,children:[H&&s.jsxs("div",{className:e.header,children:[s.jsxs("div",{className:e.headerMain,children:[f!=null&&s.jsx(X.IconButton,{variant:"filled",size:"sm",color:E,nonClickable:!0,"aria-hidden":!0,className:e.headerIcon,children:q(f,"md")}),(d!=null||h!=null)&&s.jsxs("div",{className:e.headerText,children:[d!=null&&s.jsx(B.Typography,{as:"h3",id:b,variant:"subtitle",className:e.title,children:d}),h!=null&&s.jsx(B.Typography,{as:"p",variant:"bodySmall",color:"muted",children:h})]})]}),m!=null&&s.jsx("div",{className:e.actions,children:m})]}),s.jsx("dl",{className:e.grid,"aria-labelledby":d!=null?b:void 0,"aria-busy":c?!0:void 0,"aria-label":c?y("descriptionList.loading"):void 0,children:c?Array.from({length:F},(l,v)=>s.jsxs("div",{className:e.item,"aria-hidden":"true",children:[s.jsx("dt",{className:e.label,children:s.jsx(k.Skeleton,{width:"40%",height:"0.9em"})}),s.jsx("dd",{className:e.value,children:s.jsx(k.Skeleton,{width:"70%",height:"1.1em"})})]},v)):_.map(({item:l,span:v,row:w,col:Q},G)=>{const T=Me(l.value),M=!T&&l.copyable?Re(l):void 0;return s.jsxs("div",{className:S.clsx(e.item,w===I&&e.lastRow,w===I&&Q===0&&e.lastRowStart),style:{"--dl-span":v},children:[s.jsxs("dt",{className:e.label,children:[l.icon!=null&&s.jsx("span",{className:e.labelIcon,"aria-hidden":"true",children:q(l.icon)}),l.label]}),s.jsxs("dd",{className:e.value,children:[s.jsx("span",{className:e.valueText,children:T?s.jsx("span",{className:e.placeholder,"aria-label":y("descriptionList.empty"),children:z}):l.value}),M!=null&&s.jsx("span",{className:e.copy,children:s.jsx(V.CopyButton,{value:M,size:"sm",variant:"text",className:e.copyButton})})]})]},l.key??G)})})]})});exports.DescriptionList=ke;
+//# sourceMappingURL=DescriptionList-Bed1MHU8.cjs.map

package/dist/{DescriptionList-DnGkHdzT.cjs.map → DescriptionList-Bed1MHU8.cjs.map}

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

package/dist/{DescriptionList-kfNXbf_D.js → DescriptionList-BgMNjHJQ.js}

@@ -3,12 +3,12 @@ import { forwardRef as K, useId as P } from "react";
 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-B7DJn8Tw.js";
-import { C as Z } from "./CopyButton-LURMuaYw.js";
-import { I as W } from "./IconButton-iWbUJAz7.js";
+import { b as X, a as Y } from "./Icon-DMMO32p6.js";
+import { C as Z } from "./CopyButton-DfYAslz-.js";
+import { I as W } from "./IconButton-s5hohjxu.js";
 import { S as k } from "./Skeleton-_-uGax2j.js";
 import { T as z } from "./Typography-ChSuxgkc.js";
-import { a as ee } from "./ConfigProvider-DtyUlWk6.js";
+import { a as ee } from "./ConfigProvider-bXX8dnhY.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,
@@ -172,4 +172,4 @@ const ae = "_root_deh4f_4", se = "_sm_deh4f_14", le = "_md_deh4f_22", te = "_lg_
 export {
   Je as D
 };
-//# sourceMappingURL=DescriptionList-kfNXbf_D.js.map
+//# sourceMappingURL=DescriptionList-BgMNjHJQ.js.map

package/dist/{DescriptionList-kfNXbf_D.js.map → DescriptionList-BgMNjHJQ.js.map}

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

package/dist/{Dropdown-C_y9_dVn.cjs → Dropdown-DNL7RWdL.cjs}

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

package/dist/{Dropdown-C_y9_dVn.cjs.map → Dropdown-DNL7RWdL.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Dropdown-C_y9_dVn.cjs","sources":["../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport { List, type ListItemSize } from '../List'\nimport { useLockBodyScroll } from '../../hooks/useLockBodyScroll'\nimport styles from './Dropdown.module.css'\n\nexport type DropdownPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end'\n\ninterface Position {\n  top: number\n  left: number\n  side: 'top' | 'bottom'\n  maxHeight: number\n  minWidth?: number\n}\n\nexport interface DropdownProps {\n  /** The element that opens the menu (e.g. a `Button` / `IconButton`). Cloned to wire click + a11y. */\n  trigger: ReactElement\n  /** Menu content — typically `ListItem`s (composed inside a `role=\"menu\"` `List`). */\n  children: ReactNode\n  /** Preferred placement. Flips to the opposite side automatically when it would overflow. Default `bottom-start`. */\n  placement?: DropdownPlacement\n  /** Menu size — sets the panel min-width (`sm` 150 · `md` 190 · `lg` 220) and the items' density. Default `md`. */\n  size?: ListItemSize\n  /**\n   * Apply the size-based min-width (`sm` 150 · `md` 190 · `lg` 220px). Defaults to `true`; set `false`\n   * to let the menu size to its content instead (the items' density still tracks `size`).\n   */\n  minWidth?: boolean\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Close the menu when an item inside is clicked. Defaults to `true`. */\n  closeOnSelect?: boolean\n  /** Make the menu at least as wide as the trigger (select-like). Defaults to `false`. */\n  matchTriggerWidth?: boolean\n  /** Prevents opening. */\n  disabled?: boolean\n  /** Gap between the trigger and the menu, in px. Defaults to `6`. */\n  offset?: number\n  /** Class applied to the floating panel. */\n  className?: string\n  /** Style applied to the floating panel. */\n  style?: CSSProperties\n}\n\n/** Distance the menu is kept from the viewport edges (px). */\nconst VIEWPORT_PADDING = 8\n/** Focusable menu items, used for arrow-key roving. */\nconst FOCUSABLE =\n  '[role=\"menuitem\"],[role=\"button\"],a[href],button:not([disabled]),[tabindex]:not([tabindex=\"-1\"])'\n\nfunction focusableItems(panel: HTMLElement | null): HTMLElement[] {\n  if (!panel) return []\n  return Array.from(panel.querySelectorAll<HTMLElement>(FOCUSABLE)).filter(\n    (el) => el.getAttribute('aria-disabled') !== 'true' && el.offsetParent !== null,\n  )\n}\n\n/**\n * A floating menu anchored to a `trigger`. Opens on trigger click; closes on outside click, `Escape`,\n * or selecting an item. The panel is portaled to `document.body` and positioned with collision\n * handling — it **flips** to the opposite side when it would overflow, clamps within the viewport, and\n * re-positions on scroll/resize (a too-tall menu caps its height and scrolls). Arrow keys move between\n * items; `Escape` returns focus to the trigger. Compose `ListItem`s as `children`.\n */\nexport function Dropdown({\n  trigger,\n  children,\n  placement = 'bottom-start',\n  size = 'md',\n  minWidth = true,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  closeOnSelect = true,\n  matchTriggerWidth = false,\n  disabled = false,\n  offset = 6,\n  className,\n  style,\n}: DropdownProps) {\n  const menuId = useId()\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const panelRef = useRef<HTMLDivElement | null>(null)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internalOpen\n  const [visible, setVisible] = useState(false)\n  const [pos, setPos] = useState<Position | null>(null)\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next)\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n  const close = useCallback(() => setOpen(false), [setOpen])\n\n  // lock page scroll while the menu is open (no scrollbar shift)\n  useLockBodyScroll(isOpen)\n\n  // ── positioning: flip when it would overflow, clamp inside the viewport ──\n  const update = useCallback(() => {\n    const triggerEl = triggerRef.current\n    const panel = panelRef.current\n    if (!triggerEl || !panel) return\n\n    const rect = triggerEl.getBoundingClientRect()\n    const panelW = panel.offsetWidth\n    const panelH = panel.offsetHeight\n    const vw = window.innerWidth\n    const vh = window.innerHeight\n    const pad = VIEWPORT_PADDING\n\n    const spaceBelow = vh - rect.bottom - offset - pad\n    const spaceAbove = rect.top - offset - pad\n    let side: 'top' | 'bottom' = placement.startsWith('bottom') ? 'bottom' : 'top'\n    // flip only when the preferred side can't fit AND the opposite side has more room\n    if (side === 'bottom' && panelH > spaceBelow && spaceAbove > spaceBelow) side = 'top'\n    else if (side === 'top' && panelH > spaceAbove && spaceBelow > spaceAbove) side = 'bottom'\n\n    const available = side === 'bottom' ? spaceBelow : spaceAbove\n    const maxHeight = Math.max(0, available)\n    const usedH = Math.min(panelH, maxHeight)\n\n    let top = side === 'bottom' ? rect.bottom + offset : rect.top - offset - usedH\n    top = Math.min(Math.max(top, pad), Math.max(pad, vh - pad - usedH))\n\n    let left = placement.endsWith('end') ? rect.right - panelW : rect.left\n    left = Math.min(Math.max(left, pad), Math.max(pad, vw - pad - panelW))\n\n    setPos({ top, left, side, maxHeight, minWidth: matchTriggerWidth ? rect.width : undefined })\n  }, [placement, offset, matchTriggerWidth])\n\n  // position synchronously before paint whenever the menu is open\n  useLayoutEffect(() => {\n    if (!isOpen) {\n      setVisible(false)\n      return\n    }\n    update()\n  }, [isOpen, update])\n\n  // enter transition + reposition listeners while open\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => setVisible(true))\n\n    const onReposition = () => update()\n    window.addEventListener('resize', onReposition)\n    window.addEventListener('scroll', onReposition, true)\n    let ro: ResizeObserver | undefined\n    if (typeof ResizeObserver !== 'undefined') {\n      ro = new ResizeObserver(onReposition)\n      if (panelRef.current) ro.observe(panelRef.current)\n      if (triggerRef.current) ro.observe(triggerRef.current)\n    }\n\n    return () => {\n      cancelAnimationFrame(raf)\n      window.removeEventListener('resize', onReposition)\n      window.removeEventListener('scroll', onReposition, true)\n      ro?.disconnect()\n    }\n  }, [isOpen, update])\n\n  // outside click + keyboard (Escape, arrow roving)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      const target = event.target as Node\n      if (triggerRef.current?.contains(target) || panelRef.current?.contains(target)) return\n      close()\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        close()\n        triggerRef.current?.focus()\n      } else if (event.key === 'Tab') {\n        // Tab would move focus by portal DOM order (end of <body>), orphaning the open menu — close it\n        // and let focus continue naturally from the trigger (Select/MultiSelect do the same)\n        close()\n      } else if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault()\n        const items = focusableItems(panelRef.current)\n        if (!items.length) return\n        const current = items.indexOf(document.activeElement as HTMLElement)\n        const delta = event.key === 'ArrowDown' ? 1 : -1\n        const next = (current + delta + items.length) % items.length\n        items[next]?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown, true)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown, true)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen, close])\n\n  // focus the first item once the menu is open and positioned\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => focusableItems(panelRef.current)[0]?.focus())\n    return () => cancelAnimationFrame(raf)\n  }, [isOpen])\n\n  const triggerProps = trigger.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    onKeyDown?: (event: ReactKeyboardEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n\n  const clonedTrigger = cloneElement(trigger as ReactElement<Record<string, unknown>>, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node\n      if (typeof originalRef === 'function') originalRef(node)\n      else if (originalRef) (originalRef as { current: HTMLElement | null }).current = node\n    },\n    onClick: (event: ReactMouseEvent) => {\n      triggerProps.onClick?.(event)\n      if (!disabled) setOpen(!isOpen)\n    },\n    onKeyDown: (event: ReactKeyboardEvent) => {\n      triggerProps.onKeyDown?.(event)\n      stopEscape(event)\n    },\n    'aria-haspopup': 'menu',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? menuId : undefined,\n  })\n\n  // Escape while the menu is open closes THIS menu only — stopped here so it can't bubble (through the React\n  // tree; the panel is portaled) to an enclosing Modal / drawer / editor Overlay and dismiss that too.\n  // Stopping it also keeps it from the document listener above, hence the explicit close.\n  const stopEscape = (event: ReactKeyboardEvent) => {\n    if (event.key !== 'Escape' || !isOpen) return\n    event.stopPropagation()\n    event.preventDefault()\n    close()\n    triggerRef.current?.focus()\n  }\n\n  const handlePanelClick = (event: ReactMouseEvent) => {\n    if (!closeOnSelect) return\n    const item = (event.target as HTMLElement).closest(FOCUSABLE)\n    if (item && item.getAttribute('aria-disabled') !== 'true') {\n      close()\n      triggerRef.current?.focus()\n    }\n  }\n\n  return (\n    <>\n      {clonedTrigger}\n      {isOpen &&\n        createPortal(\n          <div\n            ref={panelRef}\n            id={menuId}\n            className={clsx(styles.panel, minWidth && styles[size], className)}\n            data-open={visible ? 'true' : 'false'}\n            data-side={pos?.side ?? 'bottom'}\n            style={{\n              position: 'fixed',\n              top: pos?.top ?? 0,\n              left: pos?.left ?? 0,\n              maxHeight: pos?.maxHeight,\n              minWidth: pos?.minWidth,\n              visibility: pos ? 'visible' : 'hidden',\n              ...style,\n            }}\n            onClick={handlePanelClick}\n            onKeyDown={stopEscape}\n          >\n            <List role=\"menu\" size={size} padding=\"xs\">\n              {children}\n            </List>\n          </div>,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["VIEWPORT_PADDING","FOCUSABLE","focusableItems","panel","el","Dropdown","trigger","children","placement","size","minWidth","open","defaultOpen","onOpenChange","closeOnSelect","matchTriggerWidth","disabled","offset","className","style","menuId","useId","triggerRef","useRef","panelRef","isControlled","internalOpen","setInternalOpen","useState","isOpen","visible","setVisible","pos","setPos","setOpen","useCallback","next","close","useLockBodyScroll","update","triggerEl","rect","panelW","panelH","vw","vh","pad","spaceBelow","spaceAbove","side","maxHeight","usedH","top","left","useLayoutEffect","useEffect","raf","onReposition","ro","onPointerDown","event","target","_a","_b","onKeyDown","items","current","delta","triggerProps","originalRef","clonedTrigger","cloneElement","node","stopEscape","handlePanelClick","item","jsxs","Fragment","createPortal","jsx","clsx","styles","List"],"mappings":"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"}
+{"version":3,"file":"Dropdown-DNL7RWdL.cjs","sources":["../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport { List, type ListItemSize } from '../List'\nimport { useLockBodyScroll } from '../../hooks/useLockBodyScroll'\nimport styles from './Dropdown.module.css'\n\nexport type DropdownPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end'\n\ninterface Position {\n  top: number\n  left: number\n  side: 'top' | 'bottom'\n  maxHeight: number\n  minWidth?: number\n}\n\nexport interface DropdownProps {\n  /** The element that opens the menu (e.g. a `Button` / `IconButton`). Cloned to wire click + a11y. */\n  trigger: ReactElement\n  /** Menu content — typically `ListItem`s (composed inside a `role=\"menu\"` `List`). */\n  children: ReactNode\n  /** Preferred placement. Flips to the opposite side automatically when it would overflow. Default `bottom-start`. */\n  placement?: DropdownPlacement\n  /** Menu size — sets the panel min-width (`sm` 150 · `md` 190 · `lg` 220) and the items' density. Default `md`. */\n  size?: ListItemSize\n  /**\n   * Apply the size-based min-width (`sm` 150 · `md` 190 · `lg` 220px). Defaults to `true`; set `false`\n   * to let the menu size to its content instead (the items' density still tracks `size`).\n   */\n  minWidth?: boolean\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Close the menu when an item inside is clicked. Defaults to `true`. */\n  closeOnSelect?: boolean\n  /** Make the menu at least as wide as the trigger (select-like). Defaults to `false`. */\n  matchTriggerWidth?: boolean\n  /** Prevents opening. */\n  disabled?: boolean\n  /** Gap between the trigger and the menu, in px. Defaults to `6`. */\n  offset?: number\n  /** Class applied to the floating panel. */\n  className?: string\n  /** Style applied to the floating panel. */\n  style?: CSSProperties\n}\n\n/** Distance the menu is kept from the viewport edges (px). */\nconst VIEWPORT_PADDING = 8\n/** Focusable menu items, used for arrow-key roving. */\nconst FOCUSABLE =\n  '[role=\"menuitem\"],[role=\"button\"],a[href],button:not([disabled]),[tabindex]:not([tabindex=\"-1\"])'\n\nfunction focusableItems(panel: HTMLElement | null): HTMLElement[] {\n  if (!panel) return []\n  return Array.from(panel.querySelectorAll<HTMLElement>(FOCUSABLE)).filter(\n    (el) => el.getAttribute('aria-disabled') !== 'true' && el.offsetParent !== null,\n  )\n}\n\n/**\n * A floating menu anchored to a `trigger`. Opens on trigger click; closes on outside click, `Escape`,\n * or selecting an item. The panel is portaled to `document.body` and positioned with collision\n * handling — it **flips** to the opposite side when it would overflow, clamps within the viewport, and\n * re-positions on scroll/resize (a too-tall menu caps its height and scrolls). Arrow keys move between\n * items; `Escape` returns focus to the trigger. Compose `ListItem`s as `children`.\n */\nexport function Dropdown({\n  trigger,\n  children,\n  placement = 'bottom-start',\n  size = 'md',\n  minWidth = true,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  closeOnSelect = true,\n  matchTriggerWidth = false,\n  disabled = false,\n  offset = 6,\n  className,\n  style,\n}: DropdownProps) {\n  const menuId = useId()\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const panelRef = useRef<HTMLDivElement | null>(null)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internalOpen\n  const [visible, setVisible] = useState(false)\n  const [pos, setPos] = useState<Position | null>(null)\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next)\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n  const close = useCallback(() => setOpen(false), [setOpen])\n\n  // lock page scroll while the menu is open (no scrollbar shift)\n  useLockBodyScroll(isOpen)\n\n  // ── positioning: flip when it would overflow, clamp inside the viewport ──\n  const update = useCallback(() => {\n    const triggerEl = triggerRef.current\n    const panel = panelRef.current\n    if (!triggerEl || !panel) return\n\n    const rect = triggerEl.getBoundingClientRect()\n    const panelW = panel.offsetWidth\n    const panelH = panel.offsetHeight\n    const vw = window.innerWidth\n    const vh = window.innerHeight\n    const pad = VIEWPORT_PADDING\n\n    const spaceBelow = vh - rect.bottom - offset - pad\n    const spaceAbove = rect.top - offset - pad\n    let side: 'top' | 'bottom' = placement.startsWith('bottom') ? 'bottom' : 'top'\n    // flip only when the preferred side can't fit AND the opposite side has more room\n    if (side === 'bottom' && panelH > spaceBelow && spaceAbove > spaceBelow) side = 'top'\n    else if (side === 'top' && panelH > spaceAbove && spaceBelow > spaceAbove) side = 'bottom'\n\n    const available = side === 'bottom' ? spaceBelow : spaceAbove\n    const maxHeight = Math.max(0, available)\n    const usedH = Math.min(panelH, maxHeight)\n\n    let top = side === 'bottom' ? rect.bottom + offset : rect.top - offset - usedH\n    top = Math.min(Math.max(top, pad), Math.max(pad, vh - pad - usedH))\n\n    let left = placement.endsWith('end') ? rect.right - panelW : rect.left\n    left = Math.min(Math.max(left, pad), Math.max(pad, vw - pad - panelW))\n\n    setPos({ top, left, side, maxHeight, minWidth: matchTriggerWidth ? rect.width : undefined })\n  }, [placement, offset, matchTriggerWidth])\n\n  // position synchronously before paint whenever the menu is open\n  useLayoutEffect(() => {\n    if (!isOpen) {\n      setVisible(false)\n      return\n    }\n    update()\n  }, [isOpen, update])\n\n  // enter transition + reposition listeners while open\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => setVisible(true))\n\n    const onReposition = () => update()\n    window.addEventListener('resize', onReposition)\n    window.addEventListener('scroll', onReposition, true)\n    let ro: ResizeObserver | undefined\n    if (typeof ResizeObserver !== 'undefined') {\n      ro = new ResizeObserver(onReposition)\n      if (panelRef.current) ro.observe(panelRef.current)\n      if (triggerRef.current) ro.observe(triggerRef.current)\n    }\n\n    return () => {\n      cancelAnimationFrame(raf)\n      window.removeEventListener('resize', onReposition)\n      window.removeEventListener('scroll', onReposition, true)\n      ro?.disconnect()\n    }\n  }, [isOpen, update])\n\n  // outside click + keyboard (Escape, arrow roving)\n  useEffect(() => {\n    if (!isOpen) return\n    const onPointerDown = (event: PointerEvent) => {\n      const target = event.target as Node\n      if (triggerRef.current?.contains(target) || panelRef.current?.contains(target)) return\n      close()\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        close()\n        triggerRef.current?.focus()\n      } else if (event.key === 'Tab') {\n        // Tab would move focus by portal DOM order (end of <body>), orphaning the open menu — close it\n        // and let focus continue naturally from the trigger (Select/MultiSelect do the same)\n        close()\n      } else if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault()\n        const items = focusableItems(panelRef.current)\n        if (!items.length) return\n        const current = items.indexOf(document.activeElement as HTMLElement)\n        const delta = event.key === 'ArrowDown' ? 1 : -1\n        const next = (current + delta + items.length) % items.length\n        items[next]?.focus()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown, true)\n    document.addEventListener('keydown', onKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', onPointerDown, true)\n      document.removeEventListener('keydown', onKeyDown)\n    }\n  }, [isOpen, close])\n\n  // focus the first item once the menu is open and positioned\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => focusableItems(panelRef.current)[0]?.focus())\n    return () => cancelAnimationFrame(raf)\n  }, [isOpen])\n\n  const triggerProps = trigger.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    onKeyDown?: (event: ReactKeyboardEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n\n  const clonedTrigger = cloneElement(trigger as ReactElement<Record<string, unknown>>, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node\n      if (typeof originalRef === 'function') originalRef(node)\n      else if (originalRef) (originalRef as { current: HTMLElement | null }).current = node\n    },\n    onClick: (event: ReactMouseEvent) => {\n      triggerProps.onClick?.(event)\n      if (!disabled) setOpen(!isOpen)\n    },\n    onKeyDown: (event: ReactKeyboardEvent) => {\n      triggerProps.onKeyDown?.(event)\n      stopEscape(event)\n    },\n    'aria-haspopup': 'menu',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? menuId : undefined,\n  })\n\n  // Escape while the menu is open closes THIS menu only — stopped here so it can't bubble (through the React\n  // tree; the panel is portaled) to an enclosing Modal / drawer / editor Overlay and dismiss that too.\n  // Stopping it also keeps it from the document listener above, hence the explicit close.\n  const stopEscape = (event: ReactKeyboardEvent) => {\n    if (event.key !== 'Escape' || !isOpen) return\n    event.stopPropagation()\n    event.preventDefault()\n    close()\n    triggerRef.current?.focus()\n  }\n\n  const handlePanelClick = (event: ReactMouseEvent) => {\n    if (!closeOnSelect) return\n    const item = (event.target as HTMLElement).closest(FOCUSABLE)\n    if (item && item.getAttribute('aria-disabled') !== 'true') {\n      close()\n      triggerRef.current?.focus()\n    }\n  }\n\n  return (\n    <>\n      {clonedTrigger}\n      {isOpen &&\n        createPortal(\n          <div\n            ref={panelRef}\n            id={menuId}\n            className={clsx(styles.panel, minWidth && styles[size], className)}\n            data-open={visible ? 'true' : 'false'}\n            data-side={pos?.side ?? 'bottom'}\n            style={{\n              position: 'fixed',\n              top: pos?.top ?? 0,\n              left: pos?.left ?? 0,\n              maxHeight: pos?.maxHeight,\n              minWidth: pos?.minWidth,\n              visibility: pos ? 'visible' : 'hidden',\n              ...style,\n            }}\n            onClick={handlePanelClick}\n            onKeyDown={stopEscape}\n          >\n            <List role=\"menu\" size={size} padding=\"xs\">\n              {children}\n            </List>\n          </div>,\n          document.body,\n        )}\n    </>\n  )\n}\n"],"names":["VIEWPORT_PADDING","FOCUSABLE","focusableItems","panel","el","Dropdown","trigger","children","placement","size","minWidth","open","defaultOpen","onOpenChange","closeOnSelect","matchTriggerWidth","disabled","offset","className","style","menuId","useId","triggerRef","useRef","panelRef","isControlled","internalOpen","setInternalOpen","useState","isOpen","visible","setVisible","pos","setPos","setOpen","useCallback","next","close","useLockBodyScroll","update","triggerEl","rect","panelW","panelH","vw","vh","pad","spaceBelow","spaceAbove","side","maxHeight","usedH","top","left","useLayoutEffect","useEffect","raf","onReposition","ro","onPointerDown","event","target","_a","_b","onKeyDown","items","current","delta","triggerProps","originalRef","clonedTrigger","cloneElement","node","stopEscape","handlePanelClick","item","jsxs","Fragment","createPortal","jsx","clsx","styles","List"],"mappings":"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"}

package/dist/{Dropdown-D-D_Z1Jo.js → Dropdown-iWbHokT7.js}

@@ -2,7 +2,7 @@ import { jsxs as nt, Fragment as ot, jsx as q } from "react/jsx-runtime";
 import { useId as rt, useRef as z, useState as R, useCallback as M, useLayoutEffect as it, useEffect as W, cloneElement as st } from "react";
 import { createPortal as ct } from "react-dom";
 import { clsx as at } from "clsx";
-import { L as lt } from "./List-DS91CZUt.js";
+import { L as lt } from "./List-DQlEG_S5.js";
 import { u as ut } from "./useLockBodyScroll-DwBILLPK.js";
 const dt = "_panel_ntp6g_4", ft = "_sm_ntp6g_21", mt = "_md_ntp6g_24", pt = "_lg_ntp6g_27", C = {
   panel: dt,
@@ -151,4 +151,4 @@ function kt({
 export {
   kt as D
 };
-//# sourceMappingURL=Dropdown-D-D_Z1Jo.js.map
+//# sourceMappingURL=Dropdown-iWbHokT7.js.map