@techzyapp/ui-library 1.0.41 → 1.0.42

package/dist/{Calendar-CQaPEukM.js.map → Calendar-CxzdnzdK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Calendar-CQaPEukM.js","sources":["../src/components/DatePicker/Calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type KeyboardEvent } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type MessageKey } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { buildMonthGrid, isDisabled, today, toISO, yearList, type Dayjs } from './dateUtils'\nimport styles from './DatePicker.module.css'\n\nexport interface CalendarProps {\n  /** Currently selected date (UTC dayjs) or null. */\n  value: Dayjs | null\n  /** The month currently shown (UTC dayjs). */\n  month: Dayjs\n  /** Change the shown month. */\n  onMonthChange: (month: Dayjs) => void\n  /** Commit a selected date as an ISO `'YYYY-MM-DD'` string. */\n  onSelect: (iso: string) => void\n  min: Dayjs | null\n  max: Dayjs | null\n  disabledDate?: (iso: string) => boolean\n  /** 0 = Sunday … 6 = Saturday. */\n  weekStartsOn: number\n  /** Focus the active cell on mount (when the popover opens). */\n  autoFocus?: boolean\n  /** Id of the element labelling the grid. */\n  labelId?: string\n}\n\ntype View = 'day' | 'month' | 'year'\n\n/** Picks the day that should hold roving focus for a given month. */\nfunction focusableDay(value: Dayjs | null, month: Dayjs): Dayjs {\n  if (value && value.isSame(month, 'month')) return value\n  const now = today()\n  if (now.isSame(month, 'month')) return now\n  return month.startOf('month')\n}\n\n/** Number of columns in the month / year picker grids (drives Up/Down arrow steps). */\nconst PICK_COLS = 3\n\n/**\n * The calendar grid used by the date components. Three views — a `role=\"grid\"` **day** view with full\n * keyboard navigation (Arrows move days, Home/End the week, PageUp/Down the month, Shift+PageUp/Down\n * the year, Enter/Space to select), plus separate **month** and **year** picker views reached from the\n * header (the month and year labels are independently clickable). Picking a year advances to the month\n * view; picking a month returns to the day view. The year view lists every year in range and scrolls.\n * Controlled: the consumer owns `value` + `month`; `onSelect`/`onMonthChange` lift changes up.\n */\nexport function Calendar({\n  value,\n  month,\n  onMonthChange,\n  onSelect,\n  min,\n  max,\n  disabledDate,\n  weekStartsOn,\n  autoFocus,\n  labelId,\n}: CalendarProps) {\n  const t = useT()\n  const [view, setView] = useState<View>('day')\n  const [focused, setFocused] = useState<Dayjs>(() => focusableDay(value, month))\n  const bodyRef = useRef<HTMLDivElement | null>(null)\n  const focusOnRender = useRef(Boolean(autoFocus))\n\n  // re-anchor the roving focus into the month whenever it changes from outside (nav buttons, pickers)\n  useEffect(() => {\n    setFocused((f) => (f.isSame(month, 'month') ? f : focusableDay(value, month)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [month])\n\n  // move DOM focus to the roving cell after a keyboard move, a view switch, or the initial autoFocus\n  useEffect(() => {\n    if (!focusOnRender.current) return\n    focusOnRender.current = false\n    const el = bodyRef.current?.querySelector<HTMLElement>('[tabindex=\"0\"]')\n    el?.focus()\n    el?.scrollIntoView?.({ block: 'nearest' })\n  }, [focused, view, month])\n\n  const switchTo = (next: View) => {\n    focusOnRender.current = true\n    setView(next)\n  }\n\n  // ── navigation helpers ─────────────────────────────────────────────────────────────────────────\n  const moveDay = (next: Dayjs) => {\n    focusOnRender.current = true\n    if (!next.isSame(month, 'month')) onMonthChange(next.startOf('month'))\n    setFocused(next)\n  }\n  const stepMonthBy = (delta: number) => {\n    const next = focused.add(delta, 'month')\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next.startOf('month')) // keep the rendered grid + header in sync with focus\n  }\n  const stepYearBy = (delta: number) => {\n    let year = focused.year() + delta\n    if (min) year = Math.max(year, min.year())\n    if (max) year = Math.min(year, max.year())\n    const next = focused.year(year)\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next.startOf('month')) // re-anchor the year window so focus never leaves it\n  }\n\n  const pickYear = (y: number) => {\n    const next = month.year(y)\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next)\n    setView('month') // picking a year advances to the month view\n  }\n  const pickMonth = (m: number) => {\n    const next = month.month(m)\n    focusOnRender.current = true\n    setFocused(focusableDay(value, next))\n    onMonthChange(next)\n    setView('day') // picking a month returns to the day view\n  }\n\n  // ── keyboard ─────────────────────────────────────────────────────────────────────────────────────\n  const handleDayKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const offsetInWeek = (focused.day() - weekStartsOn + 7) % 7\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        moveDay(focused.subtract(1, 'day'))\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        moveDay(focused.add(1, 'day'))\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        moveDay(focused.subtract(7, 'day'))\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        moveDay(focused.add(7, 'day'))\n        break\n      case 'Home':\n        event.preventDefault()\n        moveDay(focused.subtract(offsetInWeek, 'day'))\n        break\n      case 'End':\n        event.preventDefault()\n        moveDay(focused.add(6 - offsetInWeek, 'day'))\n        break\n      case 'PageUp':\n        event.preventDefault()\n        moveDay(focused.subtract(1, event.shiftKey ? 'year' : 'month'))\n        break\n      case 'PageDown':\n        event.preventDefault()\n        moveDay(focused.add(1, event.shiftKey ? 'year' : 'month'))\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        if (!isDisabled(focused, min, max, disabledDate)) onSelect(toISO(focused))\n        break\n    }\n  }\n\n  const handleMonthKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        stepMonthBy(-1)\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        stepMonthBy(1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        stepMonthBy(-PICK_COLS)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        stepMonthBy(PICK_COLS)\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        pickMonth(focused.month())\n        break\n    }\n  }\n\n  const handleYearKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        stepYearBy(-1)\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        stepYearBy(1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        stepYearBy(-PICK_COLS)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        stepYearBy(PICK_COLS)\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        pickYear(focused.year())\n        break\n    }\n  }\n\n  // ── derived data (built once per render) ─────────────────────────────────────────────────────────\n  const now = today()\n  // month names + short weekday labels come from the i18n catalog (localized), not dayjs\n  const monthName = (m: number) => t(`calendar.month${m}` as MessageKey)\n  const weekdays = Array.from({ length: 7 }, (_, i) =>\n    t(`calendar.weekday${(weekStartsOn + i) % 7}` as MessageKey),\n  )\n  const monthGrid = view === 'day' ? buildMonthGrid(month, weekStartsOn) : []\n  const months = view === 'month' ? Array.from({ length: 12 }, (_, m) => monthName(m)) : []\n  const years = view === 'year' ? yearList(min, max, month.year()) : []\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calHeader}>\n        {view === 'day' && (\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size=\"sm\"\n            aria-label={t('calendar.prevMonth')}\n            onClick={() => onMonthChange(month.subtract(1, 'month'))}\n          >\n            <Icon name=\"ArrowCircleLeft\" />\n          </IconButton>\n        )}\n\n        <div className={styles.calTitleGroup}>\n          {(view === 'day' || view === 'month') && (\n            <button\n              type=\"button\"\n              id={labelId}\n              className={styles.calTitle}\n              onClick={() => switchTo('year')}\n            >\n              {month.format('YYYY')}\n            </button>\n          )}\n          {view === 'day' && (\n            <button type=\"button\" className={styles.calTitle} onClick={() => switchTo('month')}>\n              {monthName(month.month())}\n            </button>\n          )}\n          {view === 'year' && (\n            <span id={labelId} className={styles.calTitleStatic}>\n              {t('calendar.selectYear')}\n            </span>\n          )}\n        </div>\n\n        {view === 'day' && (\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size=\"sm\"\n            aria-label={t('calendar.nextMonth')}\n            onClick={() => onMonthChange(month.add(1, 'month'))}\n          >\n            <Icon name=\"ArrowCircleRight\" />\n          </IconButton>\n        )}\n      </div>\n\n      {view === 'year' ? (\n        <div\n          ref={bodyRef}\n          className={clsx(styles.pickGrid, styles.pickScroll)}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          onKeyDown={handleYearKeyDown}\n        >\n          {years.map((y) => {\n            const isSelected = value ? value.year() === y : false\n            return (\n              <button\n                key={y}\n                type=\"button\"\n                role=\"option\"\n                className={clsx(\n                  styles.pickCell,\n                  isSelected && styles.pickSelected,\n                  !isSelected && y === now.year() && styles.pickToday,\n                )}\n                tabIndex={y === focused.year() ? 0 : -1}\n                aria-selected={isSelected}\n                onClick={() => pickYear(y)}\n              >\n                {y}\n              </button>\n            )\n          })}\n        </div>\n      ) : view === 'month' ? (\n        <div\n          ref={bodyRef}\n          className={styles.pickGrid}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          onKeyDown={handleMonthKeyDown}\n        >\n          {months.map((label, m) => {\n            const isSelected = value ? value.isSame(month.month(m), 'month') : false\n            const isCurrent = now.isSame(month.month(m), 'month')\n            return (\n              <button\n                key={label}\n                type=\"button\"\n                role=\"option\"\n                className={clsx(\n                  styles.pickCell,\n                  isSelected && styles.pickSelected,\n                  !isSelected && isCurrent && styles.pickToday,\n                )}\n                tabIndex={m === focused.month() ? 0 : -1}\n                aria-selected={isSelected}\n                onClick={() => pickMonth(m)}\n              >\n                {label}\n              </button>\n            )\n          })}\n        </div>\n      ) : (\n        <div\n          ref={bodyRef}\n          className={styles.grid}\n          role=\"grid\"\n          aria-label={`${monthName(month.month())} ${month.format('YYYY')}`}\n          onKeyDown={handleDayKeyDown}\n        >\n          <div className={styles.weekdays} role=\"row\">\n            {weekdays.map((w, i) => (\n              <span key={i} role=\"columnheader\" className={styles.weekday}>\n                {w}\n              </span>\n            ))}\n          </div>\n          {Array.from({ length: 6 }, (_, wk) => (\n            <div key={wk} role=\"row\" className={styles.week}>\n              {monthGrid.slice(wk * 7, wk * 7 + 7).map((d) => {\n                const selected = value ? d.date.isSame(value, 'day') : false\n                const disabled = isDisabled(d.date, min, max, disabledDate)\n                return (\n                  <button\n                    key={d.iso}\n                    type=\"button\"\n                    role=\"gridcell\"\n                    className={clsx(\n                      styles.day,\n                      !d.inMonth && styles.dayOutside,\n                      selected && styles.daySelected,\n                      d.isToday && styles.dayToday,\n                      disabled && styles.dayDisabled,\n                    )}\n                    tabIndex={d.date.isSame(focused, 'day') ? 0 : -1}\n                    aria-selected={selected}\n                    aria-disabled={disabled || undefined}\n                    aria-current={d.isToday ? 'date' : undefined}\n                    onClick={() => !disabled && onSelect(d.iso)}\n                  >\n                    {d.date.date()}\n                  </button>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["focusableDay","value","month","now","today","PICK_COLS","Calendar","onMonthChange","onSelect","min","max","disabledDate","weekStartsOn","autoFocus","labelId","t","useT","view","setView","useState","focused","setFocused","bodyRef","useRef","focusOnRender","useEffect","f","el","_a","_b","switchTo","next","moveDay","stepMonthBy","delta","stepYearBy","year","pickYear","y","pickMonth","m","handleDayKeyDown","event","offsetInWeek","isDisabled","toISO","handleMonthKeyDown","handleYearKeyDown","monthName","weekdays","_","i","monthGrid","buildMonthGrid","months","years","yearList","jsxs","styles","jsx","IconButton","Icon","clsx","isSelected","label","isCurrent","w","wk","d","selected","disabled"],"mappings":"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"}
+{"version":3,"file":"Calendar-CxzdnzdK.js","sources":["../src/components/DatePicker/Calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type KeyboardEvent } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type MessageKey } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { buildMonthGrid, isDisabled, today, toISO, yearList, type Dayjs } from './dateUtils'\nimport styles from './DatePicker.module.css'\n\nexport interface CalendarProps {\n  /** Currently selected date (UTC dayjs) or null. */\n  value: Dayjs | null\n  /** The month currently shown (UTC dayjs). */\n  month: Dayjs\n  /** Change the shown month. */\n  onMonthChange: (month: Dayjs) => void\n  /** Commit a selected date as an ISO `'YYYY-MM-DD'` string. */\n  onSelect: (iso: string) => void\n  min: Dayjs | null\n  max: Dayjs | null\n  disabledDate?: (iso: string) => boolean\n  /** 0 = Sunday … 6 = Saturday. */\n  weekStartsOn: number\n  /** Focus the active cell on mount (when the popover opens). */\n  autoFocus?: boolean\n  /** Id of the element labelling the grid. */\n  labelId?: string\n}\n\ntype View = 'day' | 'month' | 'year'\n\n/** Picks the day that should hold roving focus for a given month. */\nfunction focusableDay(value: Dayjs | null, month: Dayjs): Dayjs {\n  if (value && value.isSame(month, 'month')) return value\n  const now = today()\n  if (now.isSame(month, 'month')) return now\n  return month.startOf('month')\n}\n\n/** Number of columns in the month / year picker grids (drives Up/Down arrow steps). */\nconst PICK_COLS = 3\n\n/**\n * The calendar grid used by the date components. Three views — a `role=\"grid\"` **day** view with full\n * keyboard navigation (Arrows move days, Home/End the week, PageUp/Down the month, Shift+PageUp/Down\n * the year, Enter/Space to select), plus separate **month** and **year** picker views reached from the\n * header (the month and year labels are independently clickable). Picking a year advances to the month\n * view; picking a month returns to the day view. The year view lists every year in range and scrolls.\n * Controlled: the consumer owns `value` + `month`; `onSelect`/`onMonthChange` lift changes up.\n */\nexport function Calendar({\n  value,\n  month,\n  onMonthChange,\n  onSelect,\n  min,\n  max,\n  disabledDate,\n  weekStartsOn,\n  autoFocus,\n  labelId,\n}: CalendarProps) {\n  const t = useT()\n  const [view, setView] = useState<View>('day')\n  const [focused, setFocused] = useState<Dayjs>(() => focusableDay(value, month))\n  const bodyRef = useRef<HTMLDivElement | null>(null)\n  const focusOnRender = useRef(Boolean(autoFocus))\n\n  // re-anchor the roving focus into the month whenever it changes from outside (nav buttons, pickers)\n  useEffect(() => {\n    setFocused((f) => (f.isSame(month, 'month') ? f : focusableDay(value, month)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [month])\n\n  // move DOM focus to the roving cell after a keyboard move, a view switch, or the initial autoFocus\n  useEffect(() => {\n    if (!focusOnRender.current) return\n    focusOnRender.current = false\n    const el = bodyRef.current?.querySelector<HTMLElement>('[tabindex=\"0\"]')\n    el?.focus()\n    el?.scrollIntoView?.({ block: 'nearest' })\n  }, [focused, view, month])\n\n  const switchTo = (next: View) => {\n    focusOnRender.current = true\n    setView(next)\n  }\n\n  // ── navigation helpers ─────────────────────────────────────────────────────────────────────────\n  const moveDay = (next: Dayjs) => {\n    focusOnRender.current = true\n    if (!next.isSame(month, 'month')) onMonthChange(next.startOf('month'))\n    setFocused(next)\n  }\n  const stepMonthBy = (delta: number) => {\n    const next = focused.add(delta, 'month')\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next.startOf('month')) // keep the rendered grid + header in sync with focus\n  }\n  const stepYearBy = (delta: number) => {\n    let year = focused.year() + delta\n    if (min) year = Math.max(year, min.year())\n    if (max) year = Math.min(year, max.year())\n    const next = focused.year(year)\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next.startOf('month')) // re-anchor the year window so focus never leaves it\n  }\n\n  const pickYear = (y: number) => {\n    const next = month.year(y)\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next)\n    setView('month') // picking a year advances to the month view\n  }\n  const pickMonth = (m: number) => {\n    const next = month.month(m)\n    focusOnRender.current = true\n    setFocused(focusableDay(value, next))\n    onMonthChange(next)\n    setView('day') // picking a month returns to the day view\n  }\n\n  // ── keyboard ─────────────────────────────────────────────────────────────────────────────────────\n  const handleDayKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const offsetInWeek = (focused.day() - weekStartsOn + 7) % 7\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        moveDay(focused.subtract(1, 'day'))\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        moveDay(focused.add(1, 'day'))\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        moveDay(focused.subtract(7, 'day'))\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        moveDay(focused.add(7, 'day'))\n        break\n      case 'Home':\n        event.preventDefault()\n        moveDay(focused.subtract(offsetInWeek, 'day'))\n        break\n      case 'End':\n        event.preventDefault()\n        moveDay(focused.add(6 - offsetInWeek, 'day'))\n        break\n      case 'PageUp':\n        event.preventDefault()\n        moveDay(focused.subtract(1, event.shiftKey ? 'year' : 'month'))\n        break\n      case 'PageDown':\n        event.preventDefault()\n        moveDay(focused.add(1, event.shiftKey ? 'year' : 'month'))\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        if (!isDisabled(focused, min, max, disabledDate)) onSelect(toISO(focused))\n        break\n    }\n  }\n\n  const handleMonthKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        stepMonthBy(-1)\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        stepMonthBy(1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        stepMonthBy(-PICK_COLS)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        stepMonthBy(PICK_COLS)\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        pickMonth(focused.month())\n        break\n    }\n  }\n\n  const handleYearKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        stepYearBy(-1)\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        stepYearBy(1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        stepYearBy(-PICK_COLS)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        stepYearBy(PICK_COLS)\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        pickYear(focused.year())\n        break\n    }\n  }\n\n  // ── derived data (built once per render) ─────────────────────────────────────────────────────────\n  const now = today()\n  // month names + short weekday labels come from the i18n catalog (localized), not dayjs\n  const monthName = (m: number) => t(`calendar.month${m}` as MessageKey)\n  const weekdays = Array.from({ length: 7 }, (_, i) =>\n    t(`calendar.weekday${(weekStartsOn + i) % 7}` as MessageKey),\n  )\n  const monthGrid = view === 'day' ? buildMonthGrid(month, weekStartsOn) : []\n  const months = view === 'month' ? Array.from({ length: 12 }, (_, m) => monthName(m)) : []\n  const years = view === 'year' ? yearList(min, max, month.year()) : []\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calHeader}>\n        {view === 'day' && (\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size=\"sm\"\n            aria-label={t('calendar.prevMonth')}\n            onClick={() => onMonthChange(month.subtract(1, 'month'))}\n          >\n            <Icon name=\"ArrowCircleLeft\" />\n          </IconButton>\n        )}\n\n        <div className={styles.calTitleGroup}>\n          {(view === 'day' || view === 'month') && (\n            <button\n              type=\"button\"\n              id={labelId}\n              className={styles.calTitle}\n              onClick={() => switchTo('year')}\n            >\n              {month.format('YYYY')}\n            </button>\n          )}\n          {view === 'day' && (\n            <button type=\"button\" className={styles.calTitle} onClick={() => switchTo('month')}>\n              {monthName(month.month())}\n            </button>\n          )}\n          {view === 'year' && (\n            <span id={labelId} className={styles.calTitleStatic}>\n              {t('calendar.selectYear')}\n            </span>\n          )}\n        </div>\n\n        {view === 'day' && (\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size=\"sm\"\n            aria-label={t('calendar.nextMonth')}\n            onClick={() => onMonthChange(month.add(1, 'month'))}\n          >\n            <Icon name=\"ArrowCircleRight\" />\n          </IconButton>\n        )}\n      </div>\n\n      {view === 'year' ? (\n        <div\n          ref={bodyRef}\n          className={clsx(styles.pickGrid, styles.pickScroll)}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          onKeyDown={handleYearKeyDown}\n        >\n          {years.map((y) => {\n            const isSelected = value ? value.year() === y : false\n            return (\n              <button\n                key={y}\n                type=\"button\"\n                role=\"option\"\n                className={clsx(\n                  styles.pickCell,\n                  isSelected && styles.pickSelected,\n                  !isSelected && y === now.year() && styles.pickToday,\n                )}\n                tabIndex={y === focused.year() ? 0 : -1}\n                aria-selected={isSelected}\n                onClick={() => pickYear(y)}\n              >\n                {y}\n              </button>\n            )\n          })}\n        </div>\n      ) : view === 'month' ? (\n        <div\n          ref={bodyRef}\n          className={styles.pickGrid}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          onKeyDown={handleMonthKeyDown}\n        >\n          {months.map((label, m) => {\n            const isSelected = value ? value.isSame(month.month(m), 'month') : false\n            const isCurrent = now.isSame(month.month(m), 'month')\n            return (\n              <button\n                key={label}\n                type=\"button\"\n                role=\"option\"\n                className={clsx(\n                  styles.pickCell,\n                  isSelected && styles.pickSelected,\n                  !isSelected && isCurrent && styles.pickToday,\n                )}\n                tabIndex={m === focused.month() ? 0 : -1}\n                aria-selected={isSelected}\n                onClick={() => pickMonth(m)}\n              >\n                {label}\n              </button>\n            )\n          })}\n        </div>\n      ) : (\n        <div\n          ref={bodyRef}\n          className={styles.grid}\n          role=\"grid\"\n          aria-label={`${monthName(month.month())} ${month.format('YYYY')}`}\n          onKeyDown={handleDayKeyDown}\n        >\n          <div className={styles.weekdays} role=\"row\">\n            {weekdays.map((w, i) => (\n              <span key={i} role=\"columnheader\" className={styles.weekday}>\n                {w}\n              </span>\n            ))}\n          </div>\n          {Array.from({ length: 6 }, (_, wk) => (\n            <div key={wk} role=\"row\" className={styles.week}>\n              {monthGrid.slice(wk * 7, wk * 7 + 7).map((d) => {\n                const selected = value ? d.date.isSame(value, 'day') : false\n                const disabled = isDisabled(d.date, min, max, disabledDate)\n                return (\n                  <button\n                    key={d.iso}\n                    type=\"button\"\n                    role=\"gridcell\"\n                    className={clsx(\n                      styles.day,\n                      !d.inMonth && styles.dayOutside,\n                      selected && styles.daySelected,\n                      d.isToday && styles.dayToday,\n                      disabled && styles.dayDisabled,\n                    )}\n                    tabIndex={d.date.isSame(focused, 'day') ? 0 : -1}\n                    aria-selected={selected}\n                    aria-disabled={disabled || undefined}\n                    aria-current={d.isToday ? 'date' : undefined}\n                    onClick={() => !disabled && onSelect(d.iso)}\n                  >\n                    {d.date.date()}\n                  </button>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["focusableDay","value","month","now","today","PICK_COLS","Calendar","onMonthChange","onSelect","min","max","disabledDate","weekStartsOn","autoFocus","labelId","t","useT","view","setView","useState","focused","setFocused","bodyRef","useRef","focusOnRender","useEffect","f","el","_a","_b","switchTo","next","moveDay","stepMonthBy","delta","stepYearBy","year","pickYear","y","pickMonth","m","handleDayKeyDown","event","offsetInWeek","isDisabled","toISO","handleMonthKeyDown","handleYearKeyDown","monthName","weekdays","_","i","monthGrid","buildMonthGrid","months","years","yearList","jsxs","styles","jsx","IconButton","Icon","clsx","isSelected","label","isCurrent","w","wk","d","selected","disabled"],"mappings":"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"}

package/dist/{Calendar-BzGVX4F4.cjs → Calendar-d3CX5UJp.cjs}

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),f=require("react"),j=require("clsx"),E=require("./Icon-B6lz-V0A.cjs"),L=require("./IconButton-D3ZpI0XL.cjs"),r=require("./DatePicker.module-BDtTsg8M.cjs"),z=require("./ConfigProvider-DELhJlqo.cjs");function T(n,s){if(n&&n.isSame(s,"month"))return n;const i=r.today();return i.isSame(s,"month")?i:s.startOf("month")}const A=3;function H({value:n,month:s,onMonthChange:i,onSelect:I,min:p,max:b,disabledDate:K,weekStartsOn:S,autoFocus:O,labelId:k}){const m=z.useT(),[l,N]=f.useState("day"),[a,u]=f.useState(()=>T(n,s)),h=f.useRef(null),d=f.useRef(!!O);f.useEffect(()=>{u(e=>e.isSame(s,"month")?e:T(n,s))},[s]),f.useEffect(()=>{var t,c;if(!d.current)return;d.current=!1;const e=(t=h.current)==null?void 0:t.querySelector('[tabindex="0"]');e==null||e.focus(),(c=e==null?void 0:e.scrollIntoView)==null||c.call(e,{block:"nearest"})},[a,l,s]);const R=e=>{d.current=!0,N(e)},y=e=>{d.current=!0,e.isSame(s,"month")||i(e.startOf("month")),u(e)},w=e=>{const t=a.add(e,"month");d.current=!0,u(t),i(t.startOf("month"))},D=e=>{let t=a.year()+e;p&&(t=Math.max(t,p.year())),b&&(t=Math.min(t,b.year()));const c=a.year(t);d.current=!0,u(c),i(c.startOf("month"))},q=e=>{const t=s.year(e);d.current=!0,u(t),i(t),N("month")},g=e=>{const t=s.month(e);d.current=!0,u(T(n,t)),i(t),N("day")},G=e=>{const t=(a.day()-S+7)%7;switch(e.key){case"ArrowLeft":e.preventDefault(),y(a.subtract(1,"day"));break;case"ArrowRight":e.preventDefault(),y(a.add(1,"day"));break;case"ArrowUp":e.preventDefault(),y(a.subtract(7,"day"));break;case"ArrowDown":e.preventDefault(),y(a.add(7,"day"));break;case"Home":e.preventDefault(),y(a.subtract(t,"day"));break;case"End":e.preventDefault(),y(a.add(6-t,"day"));break;case"PageUp":e.preventDefault(),y(a.subtract(1,e.shiftKey?"year":"month"));break;case"PageDown":e.preventDefault(),y(a.add(1,e.shiftKey?"year":"month"));break;case"Enter":case" ":e.preventDefault(),r.isDisabled(a,p,b,K)||I(r.toISO(a));break}},P=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),w(-1);break;case"ArrowRight":e.preventDefault(),w(1);break;case"ArrowUp":e.preventDefault(),w(-A);break;case"ArrowDown":e.preventDefault(),w(A);break;case"Enter":case" ":e.preventDefault(),g(a.month());break}},_=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),D(-1);break;case"ArrowRight":e.preventDefault(),D(1);break;case"ArrowUp":e.preventDefault(),D(-A);break;case"ArrowDown":e.preventDefault(),D(A);break;case"Enter":case" ":e.preventDefault(),q(a.year());break}},B=r.today(),Y=e=>m(`calendar.month${e}`),v=Array.from({length:7},(e,t)=>m(`calendar.weekday${(S+t)%7}`)),U=l==="day"?r.buildMonthGrid(s,S):[],$=l==="month"?Array.from({length:12},(e,t)=>Y(t)):[],M=l==="year"?r.yearList(p,b,s.year()):[];return o.jsxs("div",{className:r.styles.calendar,children:[o.jsxs("div",{className:r.styles.calHeader,children:[l==="day"&&o.jsx(L.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":m("calendar.prevMonth"),onClick:()=>i(s.subtract(1,"month")),children:o.jsx(E.Icon,{name:"ArrowCircleLeft"})}),o.jsxs("div",{className:r.styles.calTitleGroup,children:[(l==="day"||l==="month")&&o.jsx("button",{type:"button",id:k,className:r.styles.calTitle,onClick:()=>R("year"),children:s.format("YYYY")}),l==="day"&&o.jsx("button",{type:"button",className:r.styles.calTitle,onClick:()=>R("month"),children:Y(s.month())}),l==="year"&&o.jsx("span",{id:k,className:r.styles.calTitleStatic,children:m("calendar.selectYear")})]}),l==="day"&&o.jsx(L.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":m("calendar.nextMonth"),onClick:()=>i(s.add(1,"month")),children:o.jsx(E.Icon,{name:"ArrowCircleRight"})})]}),l==="year"?o.jsx("div",{ref:h,className:j.clsx(r.styles.pickGrid,r.styles.pickScroll),role:"listbox","aria-labelledby":k,onKeyDown:_,children:M.map(e=>{const t=n?n.year()===e:!1;return o.jsx("button",{type:"button",role:"option",className:j.clsx(r.styles.pickCell,t&&r.styles.pickSelected,!t&&e===B.year()&&r.styles.pickToday),tabIndex:e===a.year()?0:-1,"aria-selected":t,onClick:()=>q(e),children:e},e)})}):l==="month"?o.jsx("div",{ref:h,className:r.styles.pickGrid,role:"listbox","aria-labelledby":k,onKeyDown:P,children:$.map((e,t)=>{const c=n?n.isSame(s.month(t),"month"):!1,x=B.isSame(s.month(t),"month");return o.jsx("button",{type:"button",role:"option",className:j.clsx(r.styles.pickCell,c&&r.styles.pickSelected,!c&&x&&r.styles.pickToday),tabIndex:t===a.month()?0:-1,"aria-selected":c,onClick:()=>g(t),children:e},e)})}):o.jsxs("div",{ref:h,className:r.styles.grid,role:"grid","aria-label":`${Y(s.month())} ${s.format("YYYY")}`,onKeyDown:G,children:[o.jsx("div",{className:r.styles.weekdays,role:"row",children:v.map((e,t)=>o.jsx("span",{role:"columnheader",className:r.styles.weekday,children:e},t))}),Array.from({length:6},(e,t)=>o.jsx("div",{role:"row",className:r.styles.week,children:U.slice(t*7,t*7+7).map(c=>{const x=n?c.date.isSame(n,"day"):!1,C=r.isDisabled(c.date,p,b,K);return o.jsx("button",{type:"button",role:"gridcell",className:j.clsx(r.styles.day,!c.inMonth&&r.styles.dayOutside,x&&r.styles.daySelected,c.isToday&&r.styles.dayToday,C&&r.styles.dayDisabled),tabIndex:c.date.isSame(a,"day")?0:-1,"aria-selected":x,"aria-disabled":C||void 0,"aria-current":c.isToday?"date":void 0,onClick:()=>!C&&I(c.iso),children:c.date.date()},c.iso)})},t))]})]})}exports.Calendar=H;
-//# sourceMappingURL=Calendar-BzGVX4F4.cjs.map
+"use strict";const o=require("react/jsx-runtime"),f=require("react"),j=require("clsx"),E=require("./Icon-B6lz-V0A.cjs"),L=require("./IconButton-CxSXEYce.cjs"),r=require("./DatePicker.module-BDtTsg8M.cjs"),z=require("./ConfigProvider-BaiTKZKC.cjs");function T(n,s){if(n&&n.isSame(s,"month"))return n;const i=r.today();return i.isSame(s,"month")?i:s.startOf("month")}const A=3;function H({value:n,month:s,onMonthChange:i,onSelect:I,min:p,max:b,disabledDate:K,weekStartsOn:S,autoFocus:O,labelId:k}){const m=z.useT(),[l,N]=f.useState("day"),[a,u]=f.useState(()=>T(n,s)),h=f.useRef(null),d=f.useRef(!!O);f.useEffect(()=>{u(e=>e.isSame(s,"month")?e:T(n,s))},[s]),f.useEffect(()=>{var t,c;if(!d.current)return;d.current=!1;const e=(t=h.current)==null?void 0:t.querySelector('[tabindex="0"]');e==null||e.focus(),(c=e==null?void 0:e.scrollIntoView)==null||c.call(e,{block:"nearest"})},[a,l,s]);const R=e=>{d.current=!0,N(e)},y=e=>{d.current=!0,e.isSame(s,"month")||i(e.startOf("month")),u(e)},w=e=>{const t=a.add(e,"month");d.current=!0,u(t),i(t.startOf("month"))},D=e=>{let t=a.year()+e;p&&(t=Math.max(t,p.year())),b&&(t=Math.min(t,b.year()));const c=a.year(t);d.current=!0,u(c),i(c.startOf("month"))},q=e=>{const t=s.year(e);d.current=!0,u(t),i(t),N("month")},g=e=>{const t=s.month(e);d.current=!0,u(T(n,t)),i(t),N("day")},G=e=>{const t=(a.day()-S+7)%7;switch(e.key){case"ArrowLeft":e.preventDefault(),y(a.subtract(1,"day"));break;case"ArrowRight":e.preventDefault(),y(a.add(1,"day"));break;case"ArrowUp":e.preventDefault(),y(a.subtract(7,"day"));break;case"ArrowDown":e.preventDefault(),y(a.add(7,"day"));break;case"Home":e.preventDefault(),y(a.subtract(t,"day"));break;case"End":e.preventDefault(),y(a.add(6-t,"day"));break;case"PageUp":e.preventDefault(),y(a.subtract(1,e.shiftKey?"year":"month"));break;case"PageDown":e.preventDefault(),y(a.add(1,e.shiftKey?"year":"month"));break;case"Enter":case" ":e.preventDefault(),r.isDisabled(a,p,b,K)||I(r.toISO(a));break}},P=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),w(-1);break;case"ArrowRight":e.preventDefault(),w(1);break;case"ArrowUp":e.preventDefault(),w(-A);break;case"ArrowDown":e.preventDefault(),w(A);break;case"Enter":case" ":e.preventDefault(),g(a.month());break}},_=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),D(-1);break;case"ArrowRight":e.preventDefault(),D(1);break;case"ArrowUp":e.preventDefault(),D(-A);break;case"ArrowDown":e.preventDefault(),D(A);break;case"Enter":case" ":e.preventDefault(),q(a.year());break}},B=r.today(),Y=e=>m(`calendar.month${e}`),v=Array.from({length:7},(e,t)=>m(`calendar.weekday${(S+t)%7}`)),U=l==="day"?r.buildMonthGrid(s,S):[],$=l==="month"?Array.from({length:12},(e,t)=>Y(t)):[],M=l==="year"?r.yearList(p,b,s.year()):[];return o.jsxs("div",{className:r.styles.calendar,children:[o.jsxs("div",{className:r.styles.calHeader,children:[l==="day"&&o.jsx(L.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":m("calendar.prevMonth"),onClick:()=>i(s.subtract(1,"month")),children:o.jsx(E.Icon,{name:"ArrowCircleLeft"})}),o.jsxs("div",{className:r.styles.calTitleGroup,children:[(l==="day"||l==="month")&&o.jsx("button",{type:"button",id:k,className:r.styles.calTitle,onClick:()=>R("year"),children:s.format("YYYY")}),l==="day"&&o.jsx("button",{type:"button",className:r.styles.calTitle,onClick:()=>R("month"),children:Y(s.month())}),l==="year"&&o.jsx("span",{id:k,className:r.styles.calTitleStatic,children:m("calendar.selectYear")})]}),l==="day"&&o.jsx(L.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":m("calendar.nextMonth"),onClick:()=>i(s.add(1,"month")),children:o.jsx(E.Icon,{name:"ArrowCircleRight"})})]}),l==="year"?o.jsx("div",{ref:h,className:j.clsx(r.styles.pickGrid,r.styles.pickScroll),role:"listbox","aria-labelledby":k,onKeyDown:_,children:M.map(e=>{const t=n?n.year()===e:!1;return o.jsx("button",{type:"button",role:"option",className:j.clsx(r.styles.pickCell,t&&r.styles.pickSelected,!t&&e===B.year()&&r.styles.pickToday),tabIndex:e===a.year()?0:-1,"aria-selected":t,onClick:()=>q(e),children:e},e)})}):l==="month"?o.jsx("div",{ref:h,className:r.styles.pickGrid,role:"listbox","aria-labelledby":k,onKeyDown:P,children:$.map((e,t)=>{const c=n?n.isSame(s.month(t),"month"):!1,x=B.isSame(s.month(t),"month");return o.jsx("button",{type:"button",role:"option",className:j.clsx(r.styles.pickCell,c&&r.styles.pickSelected,!c&&x&&r.styles.pickToday),tabIndex:t===a.month()?0:-1,"aria-selected":c,onClick:()=>g(t),children:e},e)})}):o.jsxs("div",{ref:h,className:r.styles.grid,role:"grid","aria-label":`${Y(s.month())} ${s.format("YYYY")}`,onKeyDown:G,children:[o.jsx("div",{className:r.styles.weekdays,role:"row",children:v.map((e,t)=>o.jsx("span",{role:"columnheader",className:r.styles.weekday,children:e},t))}),Array.from({length:6},(e,t)=>o.jsx("div",{role:"row",className:r.styles.week,children:U.slice(t*7,t*7+7).map(c=>{const x=n?c.date.isSame(n,"day"):!1,C=r.isDisabled(c.date,p,b,K);return o.jsx("button",{type:"button",role:"gridcell",className:j.clsx(r.styles.day,!c.inMonth&&r.styles.dayOutside,x&&r.styles.daySelected,c.isToday&&r.styles.dayToday,C&&r.styles.dayDisabled),tabIndex:c.date.isSame(a,"day")?0:-1,"aria-selected":x,"aria-disabled":C||void 0,"aria-current":c.isToday?"date":void 0,onClick:()=>!C&&I(c.iso),children:c.date.date()},c.iso)})},t))]})]})}exports.Calendar=H;
+//# sourceMappingURL=Calendar-d3CX5UJp.cjs.map

package/dist/{Calendar-BzGVX4F4.cjs.map → Calendar-d3CX5UJp.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Calendar-BzGVX4F4.cjs","sources":["../src/components/DatePicker/Calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type KeyboardEvent } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type MessageKey } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { buildMonthGrid, isDisabled, today, toISO, yearList, type Dayjs } from './dateUtils'\nimport styles from './DatePicker.module.css'\n\nexport interface CalendarProps {\n  /** Currently selected date (UTC dayjs) or null. */\n  value: Dayjs | null\n  /** The month currently shown (UTC dayjs). */\n  month: Dayjs\n  /** Change the shown month. */\n  onMonthChange: (month: Dayjs) => void\n  /** Commit a selected date as an ISO `'YYYY-MM-DD'` string. */\n  onSelect: (iso: string) => void\n  min: Dayjs | null\n  max: Dayjs | null\n  disabledDate?: (iso: string) => boolean\n  /** 0 = Sunday … 6 = Saturday. */\n  weekStartsOn: number\n  /** Focus the active cell on mount (when the popover opens). */\n  autoFocus?: boolean\n  /** Id of the element labelling the grid. */\n  labelId?: string\n}\n\ntype View = 'day' | 'month' | 'year'\n\n/** Picks the day that should hold roving focus for a given month. */\nfunction focusableDay(value: Dayjs | null, month: Dayjs): Dayjs {\n  if (value && value.isSame(month, 'month')) return value\n  const now = today()\n  if (now.isSame(month, 'month')) return now\n  return month.startOf('month')\n}\n\n/** Number of columns in the month / year picker grids (drives Up/Down arrow steps). */\nconst PICK_COLS = 3\n\n/**\n * The calendar grid used by the date components. Three views — a `role=\"grid\"` **day** view with full\n * keyboard navigation (Arrows move days, Home/End the week, PageUp/Down the month, Shift+PageUp/Down\n * the year, Enter/Space to select), plus separate **month** and **year** picker views reached from the\n * header (the month and year labels are independently clickable). Picking a year advances to the month\n * view; picking a month returns to the day view. The year view lists every year in range and scrolls.\n * Controlled: the consumer owns `value` + `month`; `onSelect`/`onMonthChange` lift changes up.\n */\nexport function Calendar({\n  value,\n  month,\n  onMonthChange,\n  onSelect,\n  min,\n  max,\n  disabledDate,\n  weekStartsOn,\n  autoFocus,\n  labelId,\n}: CalendarProps) {\n  const t = useT()\n  const [view, setView] = useState<View>('day')\n  const [focused, setFocused] = useState<Dayjs>(() => focusableDay(value, month))\n  const bodyRef = useRef<HTMLDivElement | null>(null)\n  const focusOnRender = useRef(Boolean(autoFocus))\n\n  // re-anchor the roving focus into the month whenever it changes from outside (nav buttons, pickers)\n  useEffect(() => {\n    setFocused((f) => (f.isSame(month, 'month') ? f : focusableDay(value, month)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [month])\n\n  // move DOM focus to the roving cell after a keyboard move, a view switch, or the initial autoFocus\n  useEffect(() => {\n    if (!focusOnRender.current) return\n    focusOnRender.current = false\n    const el = bodyRef.current?.querySelector<HTMLElement>('[tabindex=\"0\"]')\n    el?.focus()\n    el?.scrollIntoView?.({ block: 'nearest' })\n  }, [focused, view, month])\n\n  const switchTo = (next: View) => {\n    focusOnRender.current = true\n    setView(next)\n  }\n\n  // ── navigation helpers ─────────────────────────────────────────────────────────────────────────\n  const moveDay = (next: Dayjs) => {\n    focusOnRender.current = true\n    if (!next.isSame(month, 'month')) onMonthChange(next.startOf('month'))\n    setFocused(next)\n  }\n  const stepMonthBy = (delta: number) => {\n    const next = focused.add(delta, 'month')\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next.startOf('month')) // keep the rendered grid + header in sync with focus\n  }\n  const stepYearBy = (delta: number) => {\n    let year = focused.year() + delta\n    if (min) year = Math.max(year, min.year())\n    if (max) year = Math.min(year, max.year())\n    const next = focused.year(year)\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next.startOf('month')) // re-anchor the year window so focus never leaves it\n  }\n\n  const pickYear = (y: number) => {\n    const next = month.year(y)\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next)\n    setView('month') // picking a year advances to the month view\n  }\n  const pickMonth = (m: number) => {\n    const next = month.month(m)\n    focusOnRender.current = true\n    setFocused(focusableDay(value, next))\n    onMonthChange(next)\n    setView('day') // picking a month returns to the day view\n  }\n\n  // ── keyboard ─────────────────────────────────────────────────────────────────────────────────────\n  const handleDayKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const offsetInWeek = (focused.day() - weekStartsOn + 7) % 7\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        moveDay(focused.subtract(1, 'day'))\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        moveDay(focused.add(1, 'day'))\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        moveDay(focused.subtract(7, 'day'))\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        moveDay(focused.add(7, 'day'))\n        break\n      case 'Home':\n        event.preventDefault()\n        moveDay(focused.subtract(offsetInWeek, 'day'))\n        break\n      case 'End':\n        event.preventDefault()\n        moveDay(focused.add(6 - offsetInWeek, 'day'))\n        break\n      case 'PageUp':\n        event.preventDefault()\n        moveDay(focused.subtract(1, event.shiftKey ? 'year' : 'month'))\n        break\n      case 'PageDown':\n        event.preventDefault()\n        moveDay(focused.add(1, event.shiftKey ? 'year' : 'month'))\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        if (!isDisabled(focused, min, max, disabledDate)) onSelect(toISO(focused))\n        break\n    }\n  }\n\n  const handleMonthKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        stepMonthBy(-1)\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        stepMonthBy(1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        stepMonthBy(-PICK_COLS)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        stepMonthBy(PICK_COLS)\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        pickMonth(focused.month())\n        break\n    }\n  }\n\n  const handleYearKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        stepYearBy(-1)\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        stepYearBy(1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        stepYearBy(-PICK_COLS)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        stepYearBy(PICK_COLS)\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        pickYear(focused.year())\n        break\n    }\n  }\n\n  // ── derived data (built once per render) ─────────────────────────────────────────────────────────\n  const now = today()\n  // month names + short weekday labels come from the i18n catalog (localized), not dayjs\n  const monthName = (m: number) => t(`calendar.month${m}` as MessageKey)\n  const weekdays = Array.from({ length: 7 }, (_, i) =>\n    t(`calendar.weekday${(weekStartsOn + i) % 7}` as MessageKey),\n  )\n  const monthGrid = view === 'day' ? buildMonthGrid(month, weekStartsOn) : []\n  const months = view === 'month' ? Array.from({ length: 12 }, (_, m) => monthName(m)) : []\n  const years = view === 'year' ? yearList(min, max, month.year()) : []\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calHeader}>\n        {view === 'day' && (\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size=\"sm\"\n            aria-label={t('calendar.prevMonth')}\n            onClick={() => onMonthChange(month.subtract(1, 'month'))}\n          >\n            <Icon name=\"ArrowCircleLeft\" />\n          </IconButton>\n        )}\n\n        <div className={styles.calTitleGroup}>\n          {(view === 'day' || view === 'month') && (\n            <button\n              type=\"button\"\n              id={labelId}\n              className={styles.calTitle}\n              onClick={() => switchTo('year')}\n            >\n              {month.format('YYYY')}\n            </button>\n          )}\n          {view === 'day' && (\n            <button type=\"button\" className={styles.calTitle} onClick={() => switchTo('month')}>\n              {monthName(month.month())}\n            </button>\n          )}\n          {view === 'year' && (\n            <span id={labelId} className={styles.calTitleStatic}>\n              {t('calendar.selectYear')}\n            </span>\n          )}\n        </div>\n\n        {view === 'day' && (\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size=\"sm\"\n            aria-label={t('calendar.nextMonth')}\n            onClick={() => onMonthChange(month.add(1, 'month'))}\n          >\n            <Icon name=\"ArrowCircleRight\" />\n          </IconButton>\n        )}\n      </div>\n\n      {view === 'year' ? (\n        <div\n          ref={bodyRef}\n          className={clsx(styles.pickGrid, styles.pickScroll)}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          onKeyDown={handleYearKeyDown}\n        >\n          {years.map((y) => {\n            const isSelected = value ? value.year() === y : false\n            return (\n              <button\n                key={y}\n                type=\"button\"\n                role=\"option\"\n                className={clsx(\n                  styles.pickCell,\n                  isSelected && styles.pickSelected,\n                  !isSelected && y === now.year() && styles.pickToday,\n                )}\n                tabIndex={y === focused.year() ? 0 : -1}\n                aria-selected={isSelected}\n                onClick={() => pickYear(y)}\n              >\n                {y}\n              </button>\n            )\n          })}\n        </div>\n      ) : view === 'month' ? (\n        <div\n          ref={bodyRef}\n          className={styles.pickGrid}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          onKeyDown={handleMonthKeyDown}\n        >\n          {months.map((label, m) => {\n            const isSelected = value ? value.isSame(month.month(m), 'month') : false\n            const isCurrent = now.isSame(month.month(m), 'month')\n            return (\n              <button\n                key={label}\n                type=\"button\"\n                role=\"option\"\n                className={clsx(\n                  styles.pickCell,\n                  isSelected && styles.pickSelected,\n                  !isSelected && isCurrent && styles.pickToday,\n                )}\n                tabIndex={m === focused.month() ? 0 : -1}\n                aria-selected={isSelected}\n                onClick={() => pickMonth(m)}\n              >\n                {label}\n              </button>\n            )\n          })}\n        </div>\n      ) : (\n        <div\n          ref={bodyRef}\n          className={styles.grid}\n          role=\"grid\"\n          aria-label={`${monthName(month.month())} ${month.format('YYYY')}`}\n          onKeyDown={handleDayKeyDown}\n        >\n          <div className={styles.weekdays} role=\"row\">\n            {weekdays.map((w, i) => (\n              <span key={i} role=\"columnheader\" className={styles.weekday}>\n                {w}\n              </span>\n            ))}\n          </div>\n          {Array.from({ length: 6 }, (_, wk) => (\n            <div key={wk} role=\"row\" className={styles.week}>\n              {monthGrid.slice(wk * 7, wk * 7 + 7).map((d) => {\n                const selected = value ? d.date.isSame(value, 'day') : false\n                const disabled = isDisabled(d.date, min, max, disabledDate)\n                return (\n                  <button\n                    key={d.iso}\n                    type=\"button\"\n                    role=\"gridcell\"\n                    className={clsx(\n                      styles.day,\n                      !d.inMonth && styles.dayOutside,\n                      selected && styles.daySelected,\n                      d.isToday && styles.dayToday,\n                      disabled && styles.dayDisabled,\n                    )}\n                    tabIndex={d.date.isSame(focused, 'day') ? 0 : -1}\n                    aria-selected={selected}\n                    aria-disabled={disabled || undefined}\n                    aria-current={d.isToday ? 'date' : undefined}\n                    onClick={() => !disabled && onSelect(d.iso)}\n                  >\n                    {d.date.date()}\n                  </button>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["focusableDay","value","month","now","today","PICK_COLS","Calendar","onMonthChange","onSelect","min","max","disabledDate","weekStartsOn","autoFocus","labelId","t","useT","view","setView","useState","focused","setFocused","bodyRef","useRef","focusOnRender","useEffect","f","el","_a","_b","switchTo","next","moveDay","stepMonthBy","delta","stepYearBy","year","pickYear","y","pickMonth","m","handleDayKeyDown","event","offsetInWeek","isDisabled","toISO","handleMonthKeyDown","handleYearKeyDown","monthName","weekdays","_","i","monthGrid","buildMonthGrid","months","years","yearList","jsxs","styles","jsx","IconButton","Icon","clsx","isSelected","label","isCurrent","w","wk","d","selected","disabled"],"mappings":"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"}
+{"version":3,"file":"Calendar-d3CX5UJp.cjs","sources":["../src/components/DatePicker/Calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type KeyboardEvent } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type MessageKey } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { buildMonthGrid, isDisabled, today, toISO, yearList, type Dayjs } from './dateUtils'\nimport styles from './DatePicker.module.css'\n\nexport interface CalendarProps {\n  /** Currently selected date (UTC dayjs) or null. */\n  value: Dayjs | null\n  /** The month currently shown (UTC dayjs). */\n  month: Dayjs\n  /** Change the shown month. */\n  onMonthChange: (month: Dayjs) => void\n  /** Commit a selected date as an ISO `'YYYY-MM-DD'` string. */\n  onSelect: (iso: string) => void\n  min: Dayjs | null\n  max: Dayjs | null\n  disabledDate?: (iso: string) => boolean\n  /** 0 = Sunday … 6 = Saturday. */\n  weekStartsOn: number\n  /** Focus the active cell on mount (when the popover opens). */\n  autoFocus?: boolean\n  /** Id of the element labelling the grid. */\n  labelId?: string\n}\n\ntype View = 'day' | 'month' | 'year'\n\n/** Picks the day that should hold roving focus for a given month. */\nfunction focusableDay(value: Dayjs | null, month: Dayjs): Dayjs {\n  if (value && value.isSame(month, 'month')) return value\n  const now = today()\n  if (now.isSame(month, 'month')) return now\n  return month.startOf('month')\n}\n\n/** Number of columns in the month / year picker grids (drives Up/Down arrow steps). */\nconst PICK_COLS = 3\n\n/**\n * The calendar grid used by the date components. Three views — a `role=\"grid\"` **day** view with full\n * keyboard navigation (Arrows move days, Home/End the week, PageUp/Down the month, Shift+PageUp/Down\n * the year, Enter/Space to select), plus separate **month** and **year** picker views reached from the\n * header (the month and year labels are independently clickable). Picking a year advances to the month\n * view; picking a month returns to the day view. The year view lists every year in range and scrolls.\n * Controlled: the consumer owns `value` + `month`; `onSelect`/`onMonthChange` lift changes up.\n */\nexport function Calendar({\n  value,\n  month,\n  onMonthChange,\n  onSelect,\n  min,\n  max,\n  disabledDate,\n  weekStartsOn,\n  autoFocus,\n  labelId,\n}: CalendarProps) {\n  const t = useT()\n  const [view, setView] = useState<View>('day')\n  const [focused, setFocused] = useState<Dayjs>(() => focusableDay(value, month))\n  const bodyRef = useRef<HTMLDivElement | null>(null)\n  const focusOnRender = useRef(Boolean(autoFocus))\n\n  // re-anchor the roving focus into the month whenever it changes from outside (nav buttons, pickers)\n  useEffect(() => {\n    setFocused((f) => (f.isSame(month, 'month') ? f : focusableDay(value, month)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [month])\n\n  // move DOM focus to the roving cell after a keyboard move, a view switch, or the initial autoFocus\n  useEffect(() => {\n    if (!focusOnRender.current) return\n    focusOnRender.current = false\n    const el = bodyRef.current?.querySelector<HTMLElement>('[tabindex=\"0\"]')\n    el?.focus()\n    el?.scrollIntoView?.({ block: 'nearest' })\n  }, [focused, view, month])\n\n  const switchTo = (next: View) => {\n    focusOnRender.current = true\n    setView(next)\n  }\n\n  // ── navigation helpers ─────────────────────────────────────────────────────────────────────────\n  const moveDay = (next: Dayjs) => {\n    focusOnRender.current = true\n    if (!next.isSame(month, 'month')) onMonthChange(next.startOf('month'))\n    setFocused(next)\n  }\n  const stepMonthBy = (delta: number) => {\n    const next = focused.add(delta, 'month')\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next.startOf('month')) // keep the rendered grid + header in sync with focus\n  }\n  const stepYearBy = (delta: number) => {\n    let year = focused.year() + delta\n    if (min) year = Math.max(year, min.year())\n    if (max) year = Math.min(year, max.year())\n    const next = focused.year(year)\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next.startOf('month')) // re-anchor the year window so focus never leaves it\n  }\n\n  const pickYear = (y: number) => {\n    const next = month.year(y)\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next)\n    setView('month') // picking a year advances to the month view\n  }\n  const pickMonth = (m: number) => {\n    const next = month.month(m)\n    focusOnRender.current = true\n    setFocused(focusableDay(value, next))\n    onMonthChange(next)\n    setView('day') // picking a month returns to the day view\n  }\n\n  // ── keyboard ─────────────────────────────────────────────────────────────────────────────────────\n  const handleDayKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const offsetInWeek = (focused.day() - weekStartsOn + 7) % 7\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        moveDay(focused.subtract(1, 'day'))\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        moveDay(focused.add(1, 'day'))\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        moveDay(focused.subtract(7, 'day'))\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        moveDay(focused.add(7, 'day'))\n        break\n      case 'Home':\n        event.preventDefault()\n        moveDay(focused.subtract(offsetInWeek, 'day'))\n        break\n      case 'End':\n        event.preventDefault()\n        moveDay(focused.add(6 - offsetInWeek, 'day'))\n        break\n      case 'PageUp':\n        event.preventDefault()\n        moveDay(focused.subtract(1, event.shiftKey ? 'year' : 'month'))\n        break\n      case 'PageDown':\n        event.preventDefault()\n        moveDay(focused.add(1, event.shiftKey ? 'year' : 'month'))\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        if (!isDisabled(focused, min, max, disabledDate)) onSelect(toISO(focused))\n        break\n    }\n  }\n\n  const handleMonthKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        stepMonthBy(-1)\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        stepMonthBy(1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        stepMonthBy(-PICK_COLS)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        stepMonthBy(PICK_COLS)\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        pickMonth(focused.month())\n        break\n    }\n  }\n\n  const handleYearKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        stepYearBy(-1)\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        stepYearBy(1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        stepYearBy(-PICK_COLS)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        stepYearBy(PICK_COLS)\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        pickYear(focused.year())\n        break\n    }\n  }\n\n  // ── derived data (built once per render) ─────────────────────────────────────────────────────────\n  const now = today()\n  // month names + short weekday labels come from the i18n catalog (localized), not dayjs\n  const monthName = (m: number) => t(`calendar.month${m}` as MessageKey)\n  const weekdays = Array.from({ length: 7 }, (_, i) =>\n    t(`calendar.weekday${(weekStartsOn + i) % 7}` as MessageKey),\n  )\n  const monthGrid = view === 'day' ? buildMonthGrid(month, weekStartsOn) : []\n  const months = view === 'month' ? Array.from({ length: 12 }, (_, m) => monthName(m)) : []\n  const years = view === 'year' ? yearList(min, max, month.year()) : []\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calHeader}>\n        {view === 'day' && (\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size=\"sm\"\n            aria-label={t('calendar.prevMonth')}\n            onClick={() => onMonthChange(month.subtract(1, 'month'))}\n          >\n            <Icon name=\"ArrowCircleLeft\" />\n          </IconButton>\n        )}\n\n        <div className={styles.calTitleGroup}>\n          {(view === 'day' || view === 'month') && (\n            <button\n              type=\"button\"\n              id={labelId}\n              className={styles.calTitle}\n              onClick={() => switchTo('year')}\n            >\n              {month.format('YYYY')}\n            </button>\n          )}\n          {view === 'day' && (\n            <button type=\"button\" className={styles.calTitle} onClick={() => switchTo('month')}>\n              {monthName(month.month())}\n            </button>\n          )}\n          {view === 'year' && (\n            <span id={labelId} className={styles.calTitleStatic}>\n              {t('calendar.selectYear')}\n            </span>\n          )}\n        </div>\n\n        {view === 'day' && (\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size=\"sm\"\n            aria-label={t('calendar.nextMonth')}\n            onClick={() => onMonthChange(month.add(1, 'month'))}\n          >\n            <Icon name=\"ArrowCircleRight\" />\n          </IconButton>\n        )}\n      </div>\n\n      {view === 'year' ? (\n        <div\n          ref={bodyRef}\n          className={clsx(styles.pickGrid, styles.pickScroll)}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          onKeyDown={handleYearKeyDown}\n        >\n          {years.map((y) => {\n            const isSelected = value ? value.year() === y : false\n            return (\n              <button\n                key={y}\n                type=\"button\"\n                role=\"option\"\n                className={clsx(\n                  styles.pickCell,\n                  isSelected && styles.pickSelected,\n                  !isSelected && y === now.year() && styles.pickToday,\n                )}\n                tabIndex={y === focused.year() ? 0 : -1}\n                aria-selected={isSelected}\n                onClick={() => pickYear(y)}\n              >\n                {y}\n              </button>\n            )\n          })}\n        </div>\n      ) : view === 'month' ? (\n        <div\n          ref={bodyRef}\n          className={styles.pickGrid}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          onKeyDown={handleMonthKeyDown}\n        >\n          {months.map((label, m) => {\n            const isSelected = value ? value.isSame(month.month(m), 'month') : false\n            const isCurrent = now.isSame(month.month(m), 'month')\n            return (\n              <button\n                key={label}\n                type=\"button\"\n                role=\"option\"\n                className={clsx(\n                  styles.pickCell,\n                  isSelected && styles.pickSelected,\n                  !isSelected && isCurrent && styles.pickToday,\n                )}\n                tabIndex={m === focused.month() ? 0 : -1}\n                aria-selected={isSelected}\n                onClick={() => pickMonth(m)}\n              >\n                {label}\n              </button>\n            )\n          })}\n        </div>\n      ) : (\n        <div\n          ref={bodyRef}\n          className={styles.grid}\n          role=\"grid\"\n          aria-label={`${monthName(month.month())} ${month.format('YYYY')}`}\n          onKeyDown={handleDayKeyDown}\n        >\n          <div className={styles.weekdays} role=\"row\">\n            {weekdays.map((w, i) => (\n              <span key={i} role=\"columnheader\" className={styles.weekday}>\n                {w}\n              </span>\n            ))}\n          </div>\n          {Array.from({ length: 6 }, (_, wk) => (\n            <div key={wk} role=\"row\" className={styles.week}>\n              {monthGrid.slice(wk * 7, wk * 7 + 7).map((d) => {\n                const selected = value ? d.date.isSame(value, 'day') : false\n                const disabled = isDisabled(d.date, min, max, disabledDate)\n                return (\n                  <button\n                    key={d.iso}\n                    type=\"button\"\n                    role=\"gridcell\"\n                    className={clsx(\n                      styles.day,\n                      !d.inMonth && styles.dayOutside,\n                      selected && styles.daySelected,\n                      d.isToday && styles.dayToday,\n                      disabled && styles.dayDisabled,\n                    )}\n                    tabIndex={d.date.isSame(focused, 'day') ? 0 : -1}\n                    aria-selected={selected}\n                    aria-disabled={disabled || undefined}\n                    aria-current={d.isToday ? 'date' : undefined}\n                    onClick={() => !disabled && onSelect(d.iso)}\n                  >\n                    {d.date.date()}\n                  </button>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["focusableDay","value","month","now","today","PICK_COLS","Calendar","onMonthChange","onSelect","min","max","disabledDate","weekStartsOn","autoFocus","labelId","t","useT","view","setView","useState","focused","setFocused","bodyRef","useRef","focusOnRender","useEffect","f","el","_a","_b","switchTo","next","moveDay","stepMonthBy","delta","stepYearBy","year","pickYear","y","pickMonth","m","handleDayKeyDown","event","offsetInWeek","isDisabled","toISO","handleMonthKeyDown","handleYearKeyDown","monthName","weekdays","_","i","monthGrid","buildMonthGrid","months","years","yearList","jsxs","styles","jsx","IconButton","Icon","clsx","isSelected","label","isCurrent","w","wk","d","selected","disabled"],"mappings":"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"}

package/dist/Card-CjqStov5.js

@@ -0,0 +1,129 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as R, useState as U, useId as q } from "react";
+import { clsx as m } from "clsx";
+import { b as y, a as G } from "./Icon-D5TxgfCc.js";
+import { S as J } from "./Skeleton-_-uGax2j.js";
+import { I as S } from "./IconButton-D9MCwRK_.js";
+import { a as K } from "./ConfigProvider-D61cpCz-.js";
+const L = "_card_7za2z_3", P = "_flat_7za2z_14", Q = "_header_7za2z_18", V = "_headerDivided_7za2z_27", W = "_headerMain_7za2z_31", X = "_icon_7za2z_39", Y = "_headerText_7za2z_43", Z = "_title_7za2z_51", $ = "_subtitle_7za2z_64", g = "_actions_7za2z_78", ee = "_chevron_7za2z_85", ae = "_collapsible_7za2z_93", oe = "_collapsed_7za2z_98", se = "_collapsibleInner_7za2z_101", le = "_foldable_7za2z_110", te = "_body_7za2z_114", ne = "_footer_7za2z_118", re = "_stickyFooter_7za2z_129", ce = "_footerStart_7za2z_144", de = "_footerEnd_7za2z_145", e = {
+  card: L,
+  flat: P,
+  header: Q,
+  headerDivided: V,
+  headerMain: W,
+  icon: X,
+  headerText: Y,
+  title: Z,
+  subtitle: $,
+  actions: g,
+  chevron: ee,
+  collapsible: ae,
+  collapsed: oe,
+  collapsibleInner: se,
+  foldable: le,
+  body: te,
+  footer: ne,
+  stickyFooter: re,
+  footerStart: ce,
+  footerEnd: de
+}, ie = new Set(G), be = R(function({
+  title: n,
+  subtitle: r,
+  icon: l,
+  color: k = "accent",
+  flat: E = !1,
+  actions: c,
+  footer: h,
+  footerStart: u,
+  stickyFooter: M = !1,
+  collapsible: t = !1,
+  collapsed: v,
+  defaultCollapsed: T = !1,
+  onCollapsedChange: d,
+  loading: i = !1,
+  className: D,
+  children: _,
+  ...F
+}, w) {
+  const A = K(), p = v !== void 0, [C, j] = U(T), o = t && (p ? v : C), b = q(), B = () => {
+    const x = !o;
+    p || j(x), d == null || d(x);
+  }, z = l == null ? null : typeof l == "string" && ie.has(l) ? /* @__PURE__ */ a(y, { name: l }) : l, O = n != null || r != null || z != null || c != null || t, N = i || _ != null && _ !== "", f = h != null || u != null, I = N || f, H = I && !o;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ref: w,
+      className: m(
+        e.card,
+        E && e.flat,
+        o && e.collapsed,
+        M && f && e.stickyFooter,
+        D
+      ),
+      "aria-busy": i || void 0,
+      ...F,
+      children: [
+        O && /* @__PURE__ */ s("div", { className: m(e.header, H && e.headerDivided), children: [
+          /* @__PURE__ */ s("div", { className: e.headerMain, children: [
+            z != null && /* @__PURE__ */ a(
+              S,
+              {
+                variant: "filled",
+                size: "sm",
+                color: k,
+                nonClickable: !0,
+                "aria-hidden": !0,
+                className: e.icon,
+                children: z
+              }
+            ),
+            (n != null || r != null) && /* @__PURE__ */ s("div", { className: e.headerText, children: [
+              n != null && /* @__PURE__ */ a("div", { className: e.title, children: n }),
+              r != null && /* @__PURE__ */ a("div", { className: e.subtitle, children: r })
+            ] })
+          ] }),
+          (c != null || t) && /* @__PURE__ */ s("div", { className: e.actions, children: [
+            !o && c,
+            t && /* @__PURE__ */ a(
+              S,
+              {
+                variant: "text",
+                size: "sm",
+                "aria-label": A(o ? "common.expand" : "common.collapse"),
+                "aria-expanded": !o,
+                "aria-controls": b,
+                onClick: B,
+                children: /* @__PURE__ */ a(
+                  y,
+                  {
+                    name: "ArrowUp3",
+                    className: e.chevron,
+                    "data-collapsed": o ? "true" : "false"
+                  }
+                )
+              }
+            )
+          ] })
+        ] }),
+        I && /* @__PURE__ */ a(
+          "div",
+          {
+            id: b,
+            className: m(e.collapsible, t && e.foldable),
+            children: /* @__PURE__ */ s("div", { className: e.collapsibleInner, children: [
+              N && /* @__PURE__ */ a("div", { className: e.body, children: i ? /* @__PURE__ */ a(J, { lines: 3 }) : _ }),
+              f && /* @__PURE__ */ s("div", { className: e.footer, children: [
+                /* @__PURE__ */ a("div", { className: e.footerStart, children: u }),
+                /* @__PURE__ */ a("div", { className: e.footerEnd, children: h })
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  be as C
+};
+//# sourceMappingURL=Card-CjqStov5.js.map

package/dist/Card-CjqStov5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-CjqStov5.js","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import { forwardRef, useId, useState, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { Skeleton } from '../Skeleton'\nimport { IconButton } from '../IconButton'\nimport { useT, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './Card.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Header title (left, next to the icon). */\n  title?: ReactNode\n  /** Secondary muted line shown under the `title` (e.g. a short description). */\n  subtitle?: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the leading icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Marks the card flat (used by `PageLayout`). Cards are shadowless, so this currently adds no visual difference — it's a styling hook, not a distinct look. */\n  flat?: boolean\n  /** Header actions, placed at the end of the header row (before the collapse toggle). */\n  actions?: ReactNode\n  /** Footer content (e.g. actions), pinned to the **right** of the footer row. */\n  footer?: ReactNode\n  /** Footer content pinned to the **left** of the footer row (opposite `footer`). */\n  footerStart?: ReactNode\n  /**\n   * Keep the footer **pinned to the bottom of the screen** while the card is taller than the viewport — so a\n   * long form's Save / Cancel stay reachable without scrolling to the end. It sits in its normal place once\n   * the card's end scrolls into view. Needs no `overflow` on the scrolling ancestors (the admin shell has\n   * none). Defaults to `false`.\n   */\n  stickyFooter?: boolean\n  /** Adds a collapse/expand toggle to the header that folds the body + footer. */\n  collapsible?: boolean\n  /** Controlled collapsed state. */\n  collapsed?: boolean\n  /** Initial collapsed state for uncontrolled use. Defaults to `false`. */\n  defaultCollapsed?: boolean\n  /** Fires with the next collapsed state when the toggle is clicked. */\n  onCollapsedChange?: (collapsed: boolean) => void\n  /** Replace the body with skeleton lines while its data loads (header + footer stay). Defaults to `false`. */\n  loading?: boolean\n  /** Card body. */\n  children?: ReactNode\n}\n\n/**\n * A surface card with an optional header (icon + title + actions), a body, and a footer for actions.\n * `collapsible` adds a chevron that smoothly folds the body + footer (controlled via `collapsed`/\n * `onCollapsedChange`, or uncontrolled via `defaultCollapsed`). `stickyFooter` pins the footer to the bottom\n * of the screen while the card scrolls. Token-only styling.\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(\n  {\n    title,\n    subtitle,\n    icon,\n    color = 'accent',\n    flat = false,\n    actions,\n    footer,\n    footerStart,\n    stickyFooter = false,\n    collapsible = false,\n    collapsed,\n    defaultCollapsed = false,\n    onCollapsedChange,\n    loading = false,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const isControlled = collapsed !== undefined\n  const [internal, setInternal] = useState(defaultCollapsed)\n  const isCollapsed = collapsible && (isControlled ? collapsed! : internal)\n  const collapsibleId = useId() // ties the toggle to the fold region via aria-controls\n\n  const toggle = () => {\n    const next = !isCollapsed\n    if (!isControlled) setInternal(next)\n    onCollapsedChange?.(next)\n  }\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  const hasHeader =\n    title != null || subtitle != null || renderedIcon != null || actions != null || collapsible\n  const hasBody = loading || (children != null && children !== '')\n  const hasFooter = footer != null || footerStart != null\n  const hasCollapsibleContent = hasBody || hasFooter\n  // The header is separated by a divider only while content is visible beneath it.\n  const headerDivided = hasCollapsibleContent && !isCollapsed\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        styles.card,\n        flat && styles.flat,\n        isCollapsed && styles.collapsed,\n        stickyFooter && hasFooter && styles.stickyFooter,\n        className,\n      )}\n      aria-busy={loading || undefined}\n      {...props}\n    >\n      {hasHeader && (\n        <div className={clsx(styles.header, headerDivided && styles.headerDivided)}>\n          <div className={styles.headerMain}>\n            {renderedIcon != null && (\n              <IconButton\n                variant=\"filled\"\n                size=\"sm\"\n                color={color}\n                nonClickable\n                aria-hidden\n                className={styles.icon}\n              >\n                {renderedIcon}\n              </IconButton>\n            )}\n            {(title != null || subtitle != null) && (\n              <div className={styles.headerText}>\n                {title != null && <div className={styles.title}>{title}</div>}\n                {subtitle != null && <div className={styles.subtitle}>{subtitle}</div>}\n              </div>\n            )}\n          </div>\n          {(actions != null || collapsible) && (\n            <div className={styles.actions}>\n              {!isCollapsed && actions}\n              {collapsible && (\n                <IconButton\n                  variant=\"text\"\n                  size=\"sm\"\n                  aria-label={t(isCollapsed ? 'common.expand' : 'common.collapse')}\n                  aria-expanded={!isCollapsed}\n                  aria-controls={collapsibleId}\n                  onClick={toggle}\n                >\n                  <Icon\n                    name=\"ArrowUp3\"\n                    className={styles.chevron}\n                    data-collapsed={isCollapsed ? 'true' : 'false'}\n                  />\n                </IconButton>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n      {hasCollapsibleContent && (\n        <div\n          id={collapsibleId}\n          className={clsx(styles.collapsible, collapsible && styles.foldable)}\n        >\n          <div className={styles.collapsibleInner}>\n            {hasBody && (\n              <div className={styles.body}>{loading ? <Skeleton lines={3} /> : children}</div>\n            )}\n            {hasFooter && (\n              <div className={styles.footer}>\n                <div className={styles.footerStart}>{footerStart}</div>\n                <div className={styles.footerEnd}>{footer}</div>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","Card","forwardRef","title","subtitle","icon","color","flat","actions","footer","footerStart","stickyFooter","collapsible","collapsed","defaultCollapsed","onCollapsedChange","loading","className","children","props","ref","t","useT","isControlled","internal","setInternal","useState","isCollapsed","collapsibleId","useId","toggle","next","renderedIcon","jsx","Icon","hasHeader","hasBody","hasFooter","hasCollapsibleContent","headerDivided","jsxs","clsx","styles","IconButton","Skeleton"],"mappings":"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"}

package/dist/Card-CxnUoWsi.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),u=require("react"),h=require("clsx"),f=require("./Icon-B6lz-V0A.cjs"),R=require("./Skeleton-DK0lAjS9.cjs"),y=require("./IconButton-CxSXEYce.cjs"),H=require("./ConfigProvider-BaiTKZKC.cjs"),P="_card_7za2z_3",U="_flat_7za2z_14",G="_header_7za2z_18",J="_headerDivided_7za2z_27",K="_headerMain_7za2z_31",L="_icon_7za2z_39",Q="_headerText_7za2z_43",V="_title_7za2z_51",W="_subtitle_7za2z_64",X="_actions_7za2z_78",Y="_chevron_7za2z_85",Z="_collapsible_7za2z_93",$="_collapsed_7za2z_98",g="_collapsibleInner_7za2z_101",ee="_foldable_7za2z_110",se="_body_7za2z_114",ae="_footer_7za2z_118",ne="_stickyFooter_7za2z_129",oe="_footerStart_7za2z_144",te="_footerEnd_7za2z_145",e={card:P,flat:U,header:G,headerDivided:J,headerMain:K,icon:L,headerText:Q,title:V,subtitle:W,actions:X,chevron:Y,collapsible:Z,collapsed:$,collapsibleInner:g,foldable:ee,body:se,footer:ae,stickyFooter:ne,footerStart:oe,footerEnd:te},le=new Set(f.ICON_NAMES),ce=u.forwardRef(function({title:t,subtitle:l,icon:n,color:S="accent",flat:k=!1,actions:c,footer:x,footerStart:v,stickyFooter:q=!1,collapsible:o=!1,collapsed:m,defaultCollapsed:E=!1,onCollapsedChange:r,loading:d=!1,className:M,children:i,...T},D){const F=H.useT(),j=m!==void 0,[B,C]=u.useState(E),a=o&&(j?m:B),N=u.useId(),w=()=>{const p=!a;j||C(p),r==null||r(p)},_=n==null?null:typeof n=="string"&&le.has(n)?s.jsx(f.Icon,{name:n}):n,A=t!=null||l!=null||_!=null||c!=null||o,b=d||i!=null&&i!=="",z=x!=null||v!=null,I=b||z,O=I&&!a;return s.jsxs("div",{ref:D,className:h.clsx(e.card,k&&e.flat,a&&e.collapsed,q&&z&&e.stickyFooter,M),"aria-busy":d||void 0,...T,children:[A&&s.jsxs("div",{className:h.clsx(e.header,O&&e.headerDivided),children:[s.jsxs("div",{className:e.headerMain,children:[_!=null&&s.jsx(y.IconButton,{variant:"filled",size:"sm",color:S,nonClickable:!0,"aria-hidden":!0,className:e.icon,children:_}),(t!=null||l!=null)&&s.jsxs("div",{className:e.headerText,children:[t!=null&&s.jsx("div",{className:e.title,children:t}),l!=null&&s.jsx("div",{className:e.subtitle,children:l})]})]}),(c!=null||o)&&s.jsxs("div",{className:e.actions,children:[!a&&c,o&&s.jsx(y.IconButton,{variant:"text",size:"sm","aria-label":F(a?"common.expand":"common.collapse"),"aria-expanded":!a,"aria-controls":N,onClick:w,children:s.jsx(f.Icon,{name:"ArrowUp3",className:e.chevron,"data-collapsed":a?"true":"false"})})]})]}),I&&s.jsx("div",{id:N,className:h.clsx(e.collapsible,o&&e.foldable),children:s.jsxs("div",{className:e.collapsibleInner,children:[b&&s.jsx("div",{className:e.body,children:d?s.jsx(R.Skeleton,{lines:3}):i}),z&&s.jsxs("div",{className:e.footer,children:[s.jsx("div",{className:e.footerStart,children:v}),s.jsx("div",{className:e.footerEnd,children:x})]})]})})]})});exports.Card=ce;
+//# sourceMappingURL=Card-CxnUoWsi.cjs.map

package/dist/Card-CxnUoWsi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-CxnUoWsi.cjs","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import { forwardRef, useId, useState, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { Skeleton } from '../Skeleton'\nimport { IconButton } from '../IconButton'\nimport { useT, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './Card.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Header title (left, next to the icon). */\n  title?: ReactNode\n  /** Secondary muted line shown under the `title` (e.g. a short description). */\n  subtitle?: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the leading icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Marks the card flat (used by `PageLayout`). Cards are shadowless, so this currently adds no visual difference — it's a styling hook, not a distinct look. */\n  flat?: boolean\n  /** Header actions, placed at the end of the header row (before the collapse toggle). */\n  actions?: ReactNode\n  /** Footer content (e.g. actions), pinned to the **right** of the footer row. */\n  footer?: ReactNode\n  /** Footer content pinned to the **left** of the footer row (opposite `footer`). */\n  footerStart?: ReactNode\n  /**\n   * Keep the footer **pinned to the bottom of the screen** while the card is taller than the viewport — so a\n   * long form's Save / Cancel stay reachable without scrolling to the end. It sits in its normal place once\n   * the card's end scrolls into view. Needs no `overflow` on the scrolling ancestors (the admin shell has\n   * none). Defaults to `false`.\n   */\n  stickyFooter?: boolean\n  /** Adds a collapse/expand toggle to the header that folds the body + footer. */\n  collapsible?: boolean\n  /** Controlled collapsed state. */\n  collapsed?: boolean\n  /** Initial collapsed state for uncontrolled use. Defaults to `false`. */\n  defaultCollapsed?: boolean\n  /** Fires with the next collapsed state when the toggle is clicked. */\n  onCollapsedChange?: (collapsed: boolean) => void\n  /** Replace the body with skeleton lines while its data loads (header + footer stay). Defaults to `false`. */\n  loading?: boolean\n  /** Card body. */\n  children?: ReactNode\n}\n\n/**\n * A surface card with an optional header (icon + title + actions), a body, and a footer for actions.\n * `collapsible` adds a chevron that smoothly folds the body + footer (controlled via `collapsed`/\n * `onCollapsedChange`, or uncontrolled via `defaultCollapsed`). `stickyFooter` pins the footer to the bottom\n * of the screen while the card scrolls. Token-only styling.\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(\n  {\n    title,\n    subtitle,\n    icon,\n    color = 'accent',\n    flat = false,\n    actions,\n    footer,\n    footerStart,\n    stickyFooter = false,\n    collapsible = false,\n    collapsed,\n    defaultCollapsed = false,\n    onCollapsedChange,\n    loading = false,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const isControlled = collapsed !== undefined\n  const [internal, setInternal] = useState(defaultCollapsed)\n  const isCollapsed = collapsible && (isControlled ? collapsed! : internal)\n  const collapsibleId = useId() // ties the toggle to the fold region via aria-controls\n\n  const toggle = () => {\n    const next = !isCollapsed\n    if (!isControlled) setInternal(next)\n    onCollapsedChange?.(next)\n  }\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  const hasHeader =\n    title != null || subtitle != null || renderedIcon != null || actions != null || collapsible\n  const hasBody = loading || (children != null && children !== '')\n  const hasFooter = footer != null || footerStart != null\n  const hasCollapsibleContent = hasBody || hasFooter\n  // The header is separated by a divider only while content is visible beneath it.\n  const headerDivided = hasCollapsibleContent && !isCollapsed\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        styles.card,\n        flat && styles.flat,\n        isCollapsed && styles.collapsed,\n        stickyFooter && hasFooter && styles.stickyFooter,\n        className,\n      )}\n      aria-busy={loading || undefined}\n      {...props}\n    >\n      {hasHeader && (\n        <div className={clsx(styles.header, headerDivided && styles.headerDivided)}>\n          <div className={styles.headerMain}>\n            {renderedIcon != null && (\n              <IconButton\n                variant=\"filled\"\n                size=\"sm\"\n                color={color}\n                nonClickable\n                aria-hidden\n                className={styles.icon}\n              >\n                {renderedIcon}\n              </IconButton>\n            )}\n            {(title != null || subtitle != null) && (\n              <div className={styles.headerText}>\n                {title != null && <div className={styles.title}>{title}</div>}\n                {subtitle != null && <div className={styles.subtitle}>{subtitle}</div>}\n              </div>\n            )}\n          </div>\n          {(actions != null || collapsible) && (\n            <div className={styles.actions}>\n              {!isCollapsed && actions}\n              {collapsible && (\n                <IconButton\n                  variant=\"text\"\n                  size=\"sm\"\n                  aria-label={t(isCollapsed ? 'common.expand' : 'common.collapse')}\n                  aria-expanded={!isCollapsed}\n                  aria-controls={collapsibleId}\n                  onClick={toggle}\n                >\n                  <Icon\n                    name=\"ArrowUp3\"\n                    className={styles.chevron}\n                    data-collapsed={isCollapsed ? 'true' : 'false'}\n                  />\n                </IconButton>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n      {hasCollapsibleContent && (\n        <div\n          id={collapsibleId}\n          className={clsx(styles.collapsible, collapsible && styles.foldable)}\n        >\n          <div className={styles.collapsibleInner}>\n            {hasBody && (\n              <div className={styles.body}>{loading ? <Skeleton lines={3} /> : children}</div>\n            )}\n            {hasFooter && (\n              <div className={styles.footer}>\n                <div className={styles.footerStart}>{footerStart}</div>\n                <div className={styles.footerEnd}>{footer}</div>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","Card","forwardRef","title","subtitle","icon","color","flat","actions","footer","footerStart","stickyFooter","collapsible","collapsed","defaultCollapsed","onCollapsedChange","loading","className","children","props","ref","t","useT","isControlled","internal","setInternal","useState","isCollapsed","collapsibleId","useId","toggle","next","renderedIcon","jsx","Icon","hasHeader","hasBody","hasFooter","hasCollapsibleContent","headerDivided","jsxs","clsx","styles","IconButton","Skeleton"],"mappings":"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"}

package/dist/{Chip-Dp8skUZ2.cjs → Chip-BkU3yx6G.cjs}

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),C=require("react"),I=require("clsx"),q=require("./Icon-B6lz-V0A.cjs"),y=require("./ConfigProvider-DELhJlqo.cjs"),A="_chip_1utbf_3",B="_sm_1utbf_20",N="_md_1utbf_25",z="_lg_1utbf_30",P="_contained_1utbf_37",R="_filled_1utbf_42",T="_outlined_1utbf_46",$="_text_1utbf_51",E="_clickable_1utbf_57",M="_disabled_1utbf_82",D="_startIcon_1utbf_89",F="_avatar_1utbf_95",G="_withAvatar_1utbf_102",H="_withDelete_1utbf_106",J="_deleteBtn_1utbf_127",t={chip:A,sm:B,md:N,lg:z,contained:P,filled:R,outlined:T,text:$,clickable:E,disabled:M,startIcon:D,avatar:F,withAvatar:G,withDelete:H,deleteBtn:J},L=C.forwardRef(function({variant:d="filled",color:r="primary",size:_="md",clickable:f=!1,disabled:n=!1,startIcon:u,avatar:l,onDelete:s,deleteIcon:b,deleteLabel:h,deleteTabIndex:m,className:p,style:x,children:i,onKeyDown:o,...v},g){const k=y.useT(),a=f&&!n,w=e=>{e.stopPropagation(),n||s==null||s()},j=e=>{a&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.currentTarget.click()),o==null||o(e)};return c.jsxs("div",{ref:g,className:I.clsx(t.chip,t[d],t[_],a&&t.clickable,n&&t.disabled,l&&t.withAvatar,s&&t.withDelete,p),style:{"--tz-btn-rgb":`var(--tz-color-${r}-rgb)`,"--tz-btn-on":`var(--tz-color-${r}-contrast, #fff)`,...x},role:a?"button":void 0,tabIndex:a?0:void 0,"aria-disabled":n||void 0,onKeyDown:j,...v,children:[l?c.jsx("span",{className:t.avatar,children:l}):u?c.jsx("span",{className:t.startIcon,children:u}):null,i!=null&&i!==""?c.jsx("span",{children:i}):null,s?c.jsx("button",{type:"button",className:t.deleteBtn,onClick:w,onMouseDown:e=>e.preventDefault(),"aria-label":h??k("common.remove"),tabIndex:m,disabled:n,children:b??c.jsx(q.Icon,{name:"CloseCircle",size:_})}):null]})});exports.Chip=L;
-//# sourceMappingURL=Chip-Dp8skUZ2.cjs.map
+"use strict";const c=require("react/jsx-runtime"),C=require("react"),I=require("clsx"),q=require("./Icon-B6lz-V0A.cjs"),y=require("./ConfigProvider-BaiTKZKC.cjs"),A="_chip_1utbf_3",B="_sm_1utbf_20",N="_md_1utbf_25",z="_lg_1utbf_30",P="_contained_1utbf_37",R="_filled_1utbf_42",T="_outlined_1utbf_46",$="_text_1utbf_51",E="_clickable_1utbf_57",M="_disabled_1utbf_82",D="_startIcon_1utbf_89",F="_avatar_1utbf_95",G="_withAvatar_1utbf_102",H="_withDelete_1utbf_106",J="_deleteBtn_1utbf_127",t={chip:A,sm:B,md:N,lg:z,contained:P,filled:R,outlined:T,text:$,clickable:E,disabled:M,startIcon:D,avatar:F,withAvatar:G,withDelete:H,deleteBtn:J},L=C.forwardRef(function({variant:d="filled",color:r="primary",size:_="md",clickable:f=!1,disabled:n=!1,startIcon:u,avatar:l,onDelete:s,deleteIcon:b,deleteLabel:h,deleteTabIndex:m,className:p,style:x,children:i,onKeyDown:o,...v},g){const k=y.useT(),a=f&&!n,w=e=>{e.stopPropagation(),n||s==null||s()},j=e=>{a&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.currentTarget.click()),o==null||o(e)};return c.jsxs("div",{ref:g,className:I.clsx(t.chip,t[d],t[_],a&&t.clickable,n&&t.disabled,l&&t.withAvatar,s&&t.withDelete,p),style:{"--tz-btn-rgb":`var(--tz-color-${r}-rgb)`,"--tz-btn-on":`var(--tz-color-${r}-contrast, #fff)`,...x},role:a?"button":void 0,tabIndex:a?0:void 0,"aria-disabled":n||void 0,onKeyDown:j,...v,children:[l?c.jsx("span",{className:t.avatar,children:l}):u?c.jsx("span",{className:t.startIcon,children:u}):null,i!=null&&i!==""?c.jsx("span",{children:i}):null,s?c.jsx("button",{type:"button",className:t.deleteBtn,onClick:w,onMouseDown:e=>e.preventDefault(),"aria-label":h??k("common.remove"),tabIndex:m,disabled:n,children:b??c.jsx(q.Icon,{name:"CloseCircle",size:_})}):null]})});exports.Chip=L;
+//# sourceMappingURL=Chip-BkU3yx6G.cjs.map

package/dist/Chip-BkU3yx6G.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-BkU3yx6G.cjs","sources":["../src/components/Chip/Chip.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport styles from './Chip.module.css'\n\nexport type ChipVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type ChipSize = 'sm' | 'md' | 'lg'\n\nexport interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Visual style. Defaults to `filled` (a soft tinted chip). */\n  variant?: ChipVariant\n  /** Theme palette token that tints the chip. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Preset size — height + font. Defaults to `md`. */\n  size?: ChipSize\n  /** Makes the chip interactive (hover, pointer, keyboard, `onClick`). Off by default (a static tag). */\n  clickable?: boolean\n  /** Dims the chip and disables all interaction. */\n  disabled?: boolean\n  /** Leading icon (e.g. an `<Icon />`). Ignored when `avatar` is set. */\n  startIcon?: ReactNode\n  /** Leading avatar (e.g. an `<Avatar />`), sized to the chip and flush to the left. */\n  avatar?: ReactNode\n  /** When provided, shows a trailing delete button that calls this (its click won't trigger `onClick`). */\n  onDelete?: () => void\n  /** Custom delete icon. Defaults to a `CloseCircle`. */\n  deleteIcon?: ReactNode\n  /** Accessible label for the delete button. Defaults to the localized \"Remove\" (`common.remove`). */\n  deleteLabel?: string\n  /** Tab index for the delete button — pass `-1` when the chip lives inside a composite widget (e.g. a multi-select) that owns keyboard focus. */\n  deleteTabIndex?: number\n  /** Chip label. */\n  children?: ReactNode\n}\n\n/**\n * A compact tag/token. Static by default; `clickable` makes it an interactive `role=\"button\"`\n * (hover + Enter/Space). Supports a leading `startIcon` or `avatar` and a trailing delete button via\n * `onDelete`. Tinted by `color` through the shared `--tz-btn-rgb` / `--tz-btn-on` pattern across the\n * four standard variants. Token-only styling.\n */\nexport const Chip = forwardRef<HTMLDivElement, ChipProps>(function Chip(\n  {\n    variant = 'filled',\n    color = 'primary',\n    size = 'md',\n    clickable = false,\n    disabled = false,\n    startIcon,\n    avatar,\n    onDelete,\n    deleteIcon,\n    deleteLabel,\n    deleteTabIndex,\n    className,\n    style,\n    children,\n    onKeyDown,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const interactive = clickable && !disabled\n\n  const handleDelete = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation()\n    if (!disabled) onDelete?.()\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (interactive && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault()\n      event.currentTarget.click()\n    }\n    onKeyDown?.(event)\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        styles.chip,\n        styles[variant],\n        styles[size],\n        interactive && styles.clickable,\n        disabled && styles.disabled,\n        avatar && styles.withAvatar,\n        onDelete && styles.withDelete,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      role={interactive ? 'button' : undefined}\n      tabIndex={interactive ? 0 : undefined}\n      aria-disabled={disabled || undefined}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {avatar ? (\n        <span className={styles.avatar}>{avatar}</span>\n      ) : startIcon ? (\n        <span className={styles.startIcon}>{startIcon}</span>\n      ) : null}\n      {children != null && children !== '' ? <span>{children}</span> : null}\n      {onDelete ? (\n        <button\n          type=\"button\"\n          className={styles.deleteBtn}\n          onClick={handleDelete}\n          onMouseDown={(event) => event.preventDefault()}\n          aria-label={deleteLabel ?? t('common.remove')}\n          tabIndex={deleteTabIndex}\n          disabled={disabled}\n        >\n          {deleteIcon ?? <Icon name=\"CloseCircle\" size={size} />}\n        </button>\n      ) : null}\n    </div>\n  )\n})\n"],"names":["Chip","forwardRef","variant","color","size","clickable","disabled","startIcon","avatar","onDelete","deleteIcon","deleteLabel","deleteTabIndex","className","style","children","onKeyDown","props","ref","t","useT","interactive","handleDelete","event","handleKeyDown","jsxs","clsx","styles","jsx","Icon"],"mappings":"2nBAiDaA,EAAOC,EAAAA,WAAsC,SACxD,CACE,QAAAC,EAAU,SACV,MAAAC,EAAQ,UACR,KAAAC,EAAO,KACP,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,UAAAC,EACA,OAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,eAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJC,EAAchB,GAAa,CAACC,EAE5BgB,EAAgBC,GAAyC,CAC7DA,EAAM,gBAAA,EACDjB,GAAUG,GAAA,MAAAA,GACjB,EAEMe,EAAiBD,GAAyC,CAC1DF,IAAgBE,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OACzDA,EAAM,eAAA,EACNA,EAAM,cAAc,MAAA,GAEtBP,GAAA,MAAAA,EAAYO,EACd,EAEA,OACEE,EAAAA,KAAC,MAAA,CACC,IAAAP,EACA,UAAWQ,EAAAA,KACTC,EAAO,KACPA,EAAOzB,CAAO,EACdyB,EAAOvB,CAAI,EACXiB,GAAeM,EAAO,UACtBrB,GAAYqB,EAAO,SACnBnB,GAAUmB,EAAO,WACjBlB,GAAYkB,EAAO,WACnBd,CAAA,EAEF,MACE,CACE,eAAgB,kBAAkBV,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGW,CAAA,EAGP,KAAMO,EAAc,SAAW,OAC/B,SAAUA,EAAc,EAAI,OAC5B,gBAAef,GAAY,OAC3B,UAAWkB,EACV,GAAGP,EAEH,SAAA,CAAAT,EACCoB,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAO,OAAS,SAAAnB,EAAO,EACtCD,EACFqB,MAAC,OAAA,CAAK,UAAWD,EAAO,UAAY,WAAU,EAC5C,KACHZ,GAAY,MAAQA,IAAa,GAAKa,EAAAA,IAAC,OAAA,CAAM,SAAAb,EAAS,EAAU,KAChEN,EACCmB,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWD,EAAO,UAClB,QAASL,EACT,YAAcC,GAAUA,EAAM,eAAA,EAC9B,aAAYZ,GAAeQ,EAAE,eAAe,EAC5C,SAAUP,EACV,SAAAN,EAEC,SAAAI,GAAckB,MAACC,EAAAA,KAAA,CAAK,KAAK,cAAc,KAAAzB,CAAA,CAAY,CAAA,CAAA,EAEpD,IAAA,CAAA,CAAA,CAGV,CAAC"}

package/dist/{Chip-BjSNgaAf.js → Chip-CzJjbaKx.js}

@@ -2,7 +2,7 @@ import { jsxs as I, jsx as n } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { clsx as A } from "clsx";
 import { b as B } from "./Icon-D5TxgfCc.js";
-import { a as N } from "./ConfigProvider-Bgu85MsI.js";
+import { a as N } from "./ConfigProvider-D61cpCz-.js";
 const z = "_chip_1utbf_3", j = "_sm_1utbf_20", T = "_md_1utbf_25", $ = "_lg_1utbf_30", E = "_contained_1utbf_37", M = "_filled_1utbf_42", P = "_outlined_1utbf_46", R = "_text_1utbf_51", q = "_clickable_1utbf_57", D = "_disabled_1utbf_82", F = "_startIcon_1utbf_89", G = "_avatar_1utbf_95", H = "_withAvatar_1utbf_102", J = "_withDelete_1utbf_106", L = "_deleteBtn_1utbf_127", t = {
   chip: z,
   sm: j,
@@ -89,4 +89,4 @@ const z = "_chip_1utbf_3", j = "_sm_1utbf_20", T = "_md_1utbf_25", $ = "_lg_1utb
 export {
   X as C
 };
-//# sourceMappingURL=Chip-BjSNgaAf.js.map
+//# sourceMappingURL=Chip-CzJjbaKx.js.map

package/dist/Chip-CzJjbaKx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-CzJjbaKx.js","sources":["../src/components/Chip/Chip.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport styles from './Chip.module.css'\n\nexport type ChipVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type ChipSize = 'sm' | 'md' | 'lg'\n\nexport interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Visual style. Defaults to `filled` (a soft tinted chip). */\n  variant?: ChipVariant\n  /** Theme palette token that tints the chip. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Preset size — height + font. Defaults to `md`. */\n  size?: ChipSize\n  /** Makes the chip interactive (hover, pointer, keyboard, `onClick`). Off by default (a static tag). */\n  clickable?: boolean\n  /** Dims the chip and disables all interaction. */\n  disabled?: boolean\n  /** Leading icon (e.g. an `<Icon />`). Ignored when `avatar` is set. */\n  startIcon?: ReactNode\n  /** Leading avatar (e.g. an `<Avatar />`), sized to the chip and flush to the left. */\n  avatar?: ReactNode\n  /** When provided, shows a trailing delete button that calls this (its click won't trigger `onClick`). */\n  onDelete?: () => void\n  /** Custom delete icon. Defaults to a `CloseCircle`. */\n  deleteIcon?: ReactNode\n  /** Accessible label for the delete button. Defaults to the localized \"Remove\" (`common.remove`). */\n  deleteLabel?: string\n  /** Tab index for the delete button — pass `-1` when the chip lives inside a composite widget (e.g. a multi-select) that owns keyboard focus. */\n  deleteTabIndex?: number\n  /** Chip label. */\n  children?: ReactNode\n}\n\n/**\n * A compact tag/token. Static by default; `clickable` makes it an interactive `role=\"button\"`\n * (hover + Enter/Space). Supports a leading `startIcon` or `avatar` and a trailing delete button via\n * `onDelete`. Tinted by `color` through the shared `--tz-btn-rgb` / `--tz-btn-on` pattern across the\n * four standard variants. Token-only styling.\n */\nexport const Chip = forwardRef<HTMLDivElement, ChipProps>(function Chip(\n  {\n    variant = 'filled',\n    color = 'primary',\n    size = 'md',\n    clickable = false,\n    disabled = false,\n    startIcon,\n    avatar,\n    onDelete,\n    deleteIcon,\n    deleteLabel,\n    deleteTabIndex,\n    className,\n    style,\n    children,\n    onKeyDown,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const interactive = clickable && !disabled\n\n  const handleDelete = (event: MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation()\n    if (!disabled) onDelete?.()\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (interactive && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault()\n      event.currentTarget.click()\n    }\n    onKeyDown?.(event)\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        styles.chip,\n        styles[variant],\n        styles[size],\n        interactive && styles.clickable,\n        disabled && styles.disabled,\n        avatar && styles.withAvatar,\n        onDelete && styles.withDelete,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      role={interactive ? 'button' : undefined}\n      tabIndex={interactive ? 0 : undefined}\n      aria-disabled={disabled || undefined}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {avatar ? (\n        <span className={styles.avatar}>{avatar}</span>\n      ) : startIcon ? (\n        <span className={styles.startIcon}>{startIcon}</span>\n      ) : null}\n      {children != null && children !== '' ? <span>{children}</span> : null}\n      {onDelete ? (\n        <button\n          type=\"button\"\n          className={styles.deleteBtn}\n          onClick={handleDelete}\n          onMouseDown={(event) => event.preventDefault()}\n          aria-label={deleteLabel ?? t('common.remove')}\n          tabIndex={deleteTabIndex}\n          disabled={disabled}\n        >\n          {deleteIcon ?? <Icon name=\"CloseCircle\" size={size} />}\n        </button>\n      ) : null}\n    </div>\n  )\n})\n"],"names":["Chip","forwardRef","variant","color","size","clickable","disabled","startIcon","avatar","onDelete","deleteIcon","deleteLabel","deleteTabIndex","className","style","children","onKeyDown","props","ref","t","useT","interactive","handleDelete","event","handleKeyDown","jsxs","clsx","styles","jsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;GAiDaA,IAAOC,EAAsC,SACxD;AAAA,EACE,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJC,IAAchB,KAAa,CAACC,GAE5BgB,IAAe,CAACC,MAAyC;AAC7D,IAAAA,EAAM,gBAAA,GACDjB,KAAUG,KAAA,QAAAA;AAAA,EACjB,GAEMe,IAAgB,CAACD,MAAyC;AAC9D,IAAIF,MAAgBE,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACzDA,EAAM,eAAA,GACNA,EAAM,cAAc,MAAA,IAEtBP,KAAA,QAAAA,EAAYO;AAAA,EACd;AAEA,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,WAAWQ;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOzB,CAAO;AAAA,QACdyB,EAAOvB,CAAI;AAAA,QACXiB,KAAeM,EAAO;AAAA,QACtBrB,KAAYqB,EAAO;AAAA,QACnBnB,KAAUmB,EAAO;AAAA,QACjBlB,KAAYkB,EAAO;AAAA,QACnBd;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACE,gBAAgB,kBAAkBV,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGW;AAAA,MAAA;AAAA,MAGP,MAAMO,IAAc,WAAW;AAAA,MAC/B,UAAUA,IAAc,IAAI;AAAA,MAC5B,iBAAef,KAAY;AAAA,MAC3B,WAAWkB;AAAA,MACV,GAAGP;AAAA,MAEH,UAAA;AAAA,QAAAT,IACC,gBAAAoB,EAAC,QAAA,EAAK,WAAWD,EAAO,QAAS,UAAAnB,GAAO,IACtCD,IACF,gBAAAqB,EAAC,QAAA,EAAK,WAAWD,EAAO,WAAY,aAAU,IAC5C;AAAA,QACHZ,KAAY,QAAQA,MAAa,KAAK,gBAAAa,EAAC,QAAA,EAAM,UAAAb,GAAS,IAAU;AAAA,QAChEN,IACC,gBAAAmB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWD,EAAO;AAAA,YAClB,SAASL;AAAA,YACT,aAAa,CAACC,MAAUA,EAAM,eAAA;AAAA,YAC9B,cAAYZ,KAAeQ,EAAE,eAAe;AAAA,YAC5C,UAAUP;AAAA,YACV,UAAAN;AAAA,YAEC,UAAAI,KAAc,gBAAAkB,EAACC,GAAA,EAAK,MAAK,eAAc,MAAAzB,EAAA,CAAY;AAAA,UAAA;AAAA,QAAA,IAEpD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/ChoiceCardGroup-C7Eengyd.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),a=require("react"),L=require("clsx"),V=require("./formContext-bTWrqdEV.cjs"),P=require("./Typography-d97DdbNd.cjs"),w=require("./Icon-B6lz-V0A.cjs"),R=a.createContext(null);function H(){return a.useContext(R)}const J="_group_1pe6k_2",K="_groupLabel_1pe6k_8",Q="_required_1pe6k_13",U="_grid_1pe6k_17",W="_card_1pe6k_24",X="_disabled_1pe6k_42",Y="_selected_1pe6k_42",Z="_input_1pe6k_51",ee="_error_1pe6k_55",se="_left_1pe6k_67",re="_text_1pe6k_71",te="_sm_1pe6k_77",oe="_md_1pe6k_85",ce="_lg_1pe6k_93",le="_indicator_1pe6k_117",ne="_radioDot_1pe6k_162",ie="_iconBox_1pe6k_185",ae="_label_1pe6k_212",de="_description_1pe6k_219",s={group:J,groupLabel:K,required:Q,grid:U,card:W,disabled:X,selected:Y,input:Z,error:ee,left:se,text:re,sm:te,md:oe,lg:ce,indicator:le,radioDot:ne,iconBox:ie,label:ae,description:de},_e=new Set(w.ICON_NAMES),T=a.forwardRef(function({value:c,label:d,description:_,icon:o,align:l,color:b,size:k,error:g,checked:u,onChange:p,name:q,disabled:S,className:I,style:z,...A},B){const e=H(),C=b??(e==null?void 0:e.color)??"primary",v=k??(e==null?void 0:e.size)??"md",N=g??(e==null?void 0:e.error)??!1,x=S??(e==null?void 0:e.disabled)??!1,i=q??(e==null?void 0:e.name),j=l??(e==null?void 0:e.align)??(o==null?"left":"center"),[f,y]=a.useState(!1),m=e?e.isSelected(c):u!==void 0?u:f,D=n=>{if(!x){if(e){e.toggle(c);return}u===void 0&&y(n.target.checked),p==null||p(n.target.checked)}},E=typeof o=="string"&&_e.has(o)?r.jsx(w.Icon,{name:o,size:v}):o;return r.jsxs("label",{className:L.clsx(s.card,s[v],j==="left"&&s.left,m&&s.selected,N&&s.error,x&&s.disabled,I),style:{"--tz-btn-rgb":`var(--tz-color-${C}-rgb)`,"--tz-btn-on":`var(--tz-color-${C}-contrast, #fff)`,...z},children:[r.jsx("input",{ref:B,type:e!=null&&e.exclusive?"radio":"checkbox",className:s.input,name:i,value:c,checked:m,onChange:D,disabled:x,"aria-invalid":N||void 0,...A}),r.jsx("span",{className:L.clsx(s.indicator,(e==null?void 0:e.exclusive)&&s.radioDot),"aria-hidden":"true"}),o!=null&&r.jsx("span",{className:s.iconBox,"aria-hidden":"true",children:E}),(d!=null||_!=null)&&r.jsxs("span",{className:s.text,children:[d!=null&&r.jsx("span",{className:s.label,children:d}),_!=null&&r.jsx("span",{className:s.description,children:_})]})]})}),ue=a.forwardRef(function({exclusive:c=!1,value:d,defaultValue:_,onChange:o,name:l,options:b,label:k,minCardWidth:g=160,align:u,size:p="md",color:q="primary",error:S,required:I=!1,disabled:z=!1,children:A,className:B,style:e,...C},v){const N=a.useId(),x=l??`choice-${N}`,i=V.useFormContext(),j=!!(i&&l),f=i&&l?i.field(l):void 0,y=d!==void 0?d:j?i.values[l]:void 0,m=y!==void 0,[D,E]=a.useState(_),n=m?y:D,$=S??(f==null?void 0:f.error)??!1,M={name:x,exclusive:c,isSelected:t=>c?n===t:Array.isArray(n)&&n.includes(t),toggle:t=>{let h;if(c)h=t;else{const G=Array.isArray(n)?n:[];h=G.includes(t)?G.filter(O=>O!==t):[...G,t]}m||E(h),j&&i.setValue(l,h),o==null||o(h)},size:p,align:u,color:q,disabled:z,error:$};return r.jsxs("div",{ref:v,role:c?"radiogroup":"group","aria-invalid":$||void 0,className:L.clsx(s.group,B),style:e,...C,children:[k!=null&&r.jsxs("span",{className:s.groupLabel,children:[r.jsx(P.Typography,{as:"span",variant:"bodySmall",color:"muted",children:k}),I&&r.jsx("span",{className:s.required,"aria-hidden":"true",children:"*"})]}),r.jsx("div",{className:s.grid,style:{"--cc-min":`${g}px`},children:r.jsx(R.Provider,{value:M,children:b?b.map(t=>r.jsx(T,{value:t.value,label:t.label,description:t.description,icon:t.icon,disabled:t.disabled},t.value)):A})})]})});exports.ChoiceCard=T;exports.ChoiceCardGroup=ue;
+//# sourceMappingURL=ChoiceCardGroup-C7Eengyd.cjs.map

package/dist/ChoiceCardGroup-C7Eengyd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceCardGroup-C7Eengyd.cjs","sources":["../src/components/ChoiceCard/choiceCardContext.ts","../src/components/ChoiceCard/ChoiceCard.tsx","../src/components/ChoiceCard/ChoiceCardGroup.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ThemeColor } from '../../theme'\nimport type { ChoiceCardAlign, ChoiceCardSize } from './ChoiceCard'\n\n/** Shared state a `<ChoiceCardGroup>` hands down to its `<ChoiceCard>` children via context. */\nexport interface ChoiceCardGroupContextValue {\n  /** Shared input `name` — in `exclusive` mode the cards are native radios and must share one. */\n  name?: string\n  /** Single-selection (radio semantics) vs multiple (checkbox semantics). */\n  exclusive: boolean\n  /** Whether a card's value is currently selected. */\n  isSelected: (value: string) => boolean\n  /** Select / toggle a value — called by a child `<ChoiceCard>` on change. */\n  toggle: (value: string) => void\n  size?: ChoiceCardSize\n  align?: ChoiceCardAlign\n  color?: ThemeColor\n  disabled?: boolean\n  error?: boolean\n}\n\nexport const ChoiceCardGroupContext = createContext<ChoiceCardGroupContextValue | null>(null)\n\n/** Read the surrounding `<ChoiceCardGroup>` so a `<ChoiceCard>` can wire itself in (or `null` when standalone). */\nexport function useChoiceCardGroupContext(): ChoiceCardGroupContextValue | null {\n  return useContext(ChoiceCardGroupContext)\n}\n","import {\n  forwardRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { useChoiceCardGroupContext } from './choiceCardContext'\nimport styles from './ChoiceCard.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type ChoiceCardSize = 'sm' | 'md' | 'lg'\nexport type ChoiceCardAlign = 'left' | 'center'\n\nexport interface ChoiceCardProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'color' | 'type' | 'onChange' | 'value'\n> {\n  /** This card's value — selected when the surrounding `ChoiceCardGroup`'s value holds it. */\n  value: string\n  /** Card title. */\n  label?: ReactNode\n  /** Muted description line under the title. */\n  description?: ReactNode\n  /** Leading icon in a tinted circle — a known `IconName` or any node. Optional. */\n  icon?: IconName | ReactNode\n  /**\n   * Content alignment. `center` centers the icon + text stack; `left` anchors the same stack to the\n   * left edge (icon above left-aligned text). Defaults to the group's `align`, else `center` with an\n   * icon and `left` without one.\n   */\n  align?: ChoiceCardAlign\n  /** Theme palette token for the selected tint. Defaults to `primary` (inherits the group's `color`). */\n  color?: ThemeColor\n  /** Preset size — padding, icon circle and fonts. Inherits the group's `size` when omitted. */\n  size?: ChoiceCardSize\n  /** Marks the card invalid — reddens the border + indicator. Inherits the group's `error`. */\n  error?: boolean\n  /** Controlled selected state for standalone use (inside a `ChoiceCardGroup` the group drives this). */\n  checked?: boolean\n  /** Fires with the next selected state (standalone use). */\n  onChange?: (checked: boolean) => void\n}\n\n/**\n * A selectable card — a rich checkbox/radio with an icon, title and description. The native input is\n * visually hidden but fully accessible (Space toggles; in an `exclusive` group the cards are real\n * radios, so Arrow keys rove between them); the card shows the state with a `color` border + soft halo,\n * a top-right tick indicator, and an icon circle that fills with the color while selected. Designed to\n * live inside a `<ChoiceCardGroup>` (which supplies the selection, `exclusive` mode and\n * `size`/`color`/`disabled`/`error` via context), but also works standalone as a single fancy checkbox\n * (`checked` + `onChange`). Styling uses `--tz-*` tokens via the shared `--tz-btn-rgb` pattern.\n */\nexport const ChoiceCard = forwardRef<HTMLInputElement, ChoiceCardProps>(function ChoiceCard(\n  {\n    value,\n    label,\n    description,\n    icon,\n    align,\n    color,\n    size,\n    error,\n    checked,\n    onChange,\n    name,\n    disabled,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const group = useChoiceCardGroupContext()\n\n  const resolvedColor = color ?? group?.color ?? 'primary'\n  const resolvedSize = size ?? group?.size ?? 'md'\n  const resolvedError = error ?? group?.error ?? false\n  const resolvedDisabled = disabled ?? group?.disabled ?? false\n  const resolvedName = name ?? group?.name\n  // explicit prop → group's align → smart default (an icon centers the card, no icon reads as a row)\n  const resolvedAlign = align ?? group?.align ?? (icon == null ? 'left' : 'center')\n\n  // In a group the selection comes from context; standalone it's controlled (`checked`) or local.\n  const [internal, setInternal] = useState(false)\n  const isChecked = group ? group.isSelected(value) : checked !== undefined ? checked : internal\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (resolvedDisabled) return\n    if (group) {\n      group.toggle(value)\n      return\n    }\n    if (checked === undefined) setInternal(event.target.checked)\n    onChange?.(event.target.checked)\n  }\n\n  const iconNode =\n    typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={resolvedSize} />\n    ) : (\n      icon\n    )\n\n  return (\n    <label\n      className={clsx(\n        styles.card,\n        styles[resolvedSize],\n        resolvedAlign === 'left' && styles.left,\n        isChecked && styles.selected,\n        resolvedError && styles.error,\n        resolvedDisabled && styles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${resolvedColor}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${resolvedColor}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n    >\n      <input\n        ref={ref}\n        type={group?.exclusive ? 'radio' : 'checkbox'}\n        className={styles.input}\n        name={resolvedName}\n        value={value}\n        checked={isChecked}\n        onChange={handleChange}\n        disabled={resolvedDisabled}\n        aria-invalid={resolvedError || undefined}\n        {...props}\n      />\n      {/* top-right selection indicator — radio-style ring + dot in exclusive groups (mirrors Radio),\n          else a circle that fills with the theme color + a CSS tick (checkbox semantics) */}\n      <span\n        className={clsx(styles.indicator, group?.exclusive && styles.radioDot)}\n        aria-hidden=\"true\"\n      />\n      {icon != null && (\n        <span className={styles.iconBox} aria-hidden=\"true\">\n          {iconNode}\n        </span>\n      )}\n      {(label != null || description != null) && (\n        <span className={styles.text}>\n          {label != null && <span className={styles.label}>{label}</span>}\n          {description != null && <span className={styles.description}>{description}</span>}\n        </span>\n      )}\n    </label>\n  )\n})\n","import {\n  forwardRef,\n  useId,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport type { ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Typography } from '../Typography'\nimport { ChoiceCard, type ChoiceCardAlign, type ChoiceCardSize } from './ChoiceCard'\nimport { ChoiceCardGroupContext, type ChoiceCardGroupContextValue } from './choiceCardContext'\nimport styles from './ChoiceCard.module.css'\n\n/** A single card for the data-driven `options` prop. */\nexport interface ChoiceCardOption {\n  value: string\n  /** Card title. */\n  label?: ReactNode\n  /** Muted description line under the title. */\n  description?: ReactNode\n  /** Leading icon in a tinted circle — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  disabled?: boolean\n}\n\nexport interface ChoiceCardGroupProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'color' | 'onChange' | 'defaultValue'\n> {\n  /**\n   * Single-selection (radio semantics — the cards are native radios, `value` is a `string | null`,\n   * clicking the selected card keeps it selected) vs multiple (checkbox semantics — `value` is a\n   * `string[]`). Defaults to `false` (multiple).\n   */\n  exclusive?: boolean\n  /** Controlled value — a `string | null` when `exclusive`, else a `string[]`. */\n  value?: string | string[] | null\n  /** Initial value for uncontrolled use (same shape as `value`). */\n  defaultValue?: string | string[] | null\n  /** Fires with the next value (matches the `exclusive` shape). */\n  onChange?: (value: string | string[] | null) => void\n  /**\n   * Input `name` — shared by the radios in `exclusive` mode, and the `<Form>` binding key (form value:\n   * `string` when `exclusive`, else `string[]`). Auto-generated when omitted.\n   */\n  name?: string\n  /** Data-driven cards — an alternative to passing `<ChoiceCard>` children. */\n  options?: ChoiceCardOption[]\n  /** Group label rendered above the cards. */\n  label?: ReactNode\n  /** Minimum card width in px — the grid fits as many per row as this allows. Defaults to `160`. */\n  minCardWidth?: number\n  /**\n   * Content alignment for every card. `center` centers the icon + text stack; `left` anchors the same\n   * stack to the left edge (icon above left-aligned text). Omit for the smart default — cards with an\n   * icon center, icon-less cards left-align. A card's own `align` wins.\n   */\n  align?: ChoiceCardAlign\n  /** Preset size for every card. Defaults to `md`. */\n  size?: ChoiceCardSize\n  /** Theme palette token for the selected tint. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Marks the group invalid — reddens the card borders (no message text, like `RadioGroup`). */\n  error?: boolean\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Disables every card in the group. */\n  disabled?: boolean\n  /** `<ChoiceCard>` children (used when `options` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A group of selectable cards — rich checkboxes/radios with icons, titles and descriptions (role\n * pickers, plan choices, permission sets). **`exclusive`** picks single-selection (radio semantics —\n * `value` is a `string | null` and Arrow keys rove between the cards) vs multiple (checkbox semantics —\n * `value` is a `string[]`); defaults to `false` (multiple). Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`); supply the cards via the data-driven `options` prop (`{ value, label,\n * description?, icon?, disabled? }[]`) or as `<ChoiceCard>` children. The cards lay out on a\n * **responsive grid** (`minCardWidth`, default `160` — as many per row as fit, wrapping below). Binds\n * to a surrounding `<Form>` by **`name`** — the form value is a `string` when `exclusive` (validate\n * with e.g. `z.string().min(1)`), else a `string[]` (`z.array(z.string()).min(1)`); the form's `error`\n * reddens the card borders (no message text, like `RadioGroup`). `role=\"radiogroup\"` / `\"group\"`;\n * styling uses `--tz-*` tokens via the shared `--tz-btn-rgb` pattern.\n */\nexport const ChoiceCardGroup = forwardRef<HTMLDivElement, ChoiceCardGroupProps>(\n  function ChoiceCardGroup(\n    {\n      exclusive = false,\n      value,\n      defaultValue,\n      onChange,\n      name,\n      options,\n      label,\n      minCardWidth = 160,\n      align,\n      size = 'md',\n      color = 'primary',\n      error,\n      required = false,\n      disabled = false,\n      children,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    // exclusive cards are native radios — they need a shared input name even without a form\n    const reactId = useId()\n    const resolvedName = name ?? `choice-${reactId}`\n\n    // Auto-bind to a surrounding <Form> by `name` — the form value mirrors the `exclusive` shape.\n    const form = useFormContext()\n    const isFormBound = Boolean(form && name)\n    const bound = form && name ? form.field(name) : undefined\n\n    const externalValue: string | string[] | null | undefined =\n      value !== undefined\n        ? value\n        : isFormBound\n          ? (form!.values[name!] as string | string[] | null | undefined)\n          : undefined\n    const isControlled = externalValue !== undefined\n    const [internal, setInternal] = useState<string | string[] | null | undefined>(defaultValue)\n    const current = isControlled ? externalValue : internal\n\n    const resolvedError = error ?? bound?.error ?? false\n\n    const isSelected = (v: string) =>\n      exclusive ? current === v : Array.isArray(current) && current.includes(v)\n\n    const toggle = (v: string) => {\n      let next: string | string[] | null\n      if (exclusive) {\n        next = v // radio semantics — selecting again keeps it selected\n      } else {\n        const arr = Array.isArray(current) ? current : []\n        next = arr.includes(v) ? arr.filter((x) => x !== v) : [...arr, v]\n      }\n      if (!isControlled) setInternal(next)\n      if (isFormBound) form!.setValue(name!, next)\n      onChange?.(next)\n    }\n\n    const ctx: ChoiceCardGroupContextValue = {\n      name: resolvedName,\n      exclusive,\n      isSelected,\n      toggle,\n      size,\n      align,\n      color,\n      disabled,\n      error: resolvedError,\n    }\n\n    return (\n      <div\n        ref={ref}\n        role={exclusive ? 'radiogroup' : 'group'}\n        aria-invalid={resolvedError || undefined}\n        className={clsx(styles.group, className)}\n        style={style as CSSProperties}\n        {...props}\n      >\n        {label != null && (\n          <span className={styles.groupLabel}>\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          </span>\n        )}\n\n        <div className={styles.grid} style={{ '--cc-min': `${minCardWidth}px` } as CSSProperties}>\n          <ChoiceCardGroupContext.Provider value={ctx}>\n            {options\n              ? options.map((option) => (\n                  <ChoiceCard\n                    key={option.value}\n                    value={option.value}\n                    label={option.label}\n                    description={option.description}\n                    icon={option.icon}\n                    disabled={option.disabled}\n                  />\n                ))\n              : children}\n          </ChoiceCardGroupContext.Provider>\n        </div>\n      </div>\n    )\n  },\n)\n"],"names":["ChoiceCardGroupContext","createContext","useChoiceCardGroupContext","useContext","ICON_NAME_SET","ICON_NAMES","ChoiceCard","forwardRef","value","label","description","icon","align","color","size","error","checked","onChange","name","disabled","className","style","props","ref","group","resolvedColor","resolvedSize","resolvedError","resolvedDisabled","resolvedName","resolvedAlign","internal","setInternal","useState","isChecked","handleChange","event","iconNode","jsx","Icon","jsxs","clsx","styles","ChoiceCardGroup","exclusive","defaultValue","options","minCardWidth","required","children","reactId","useId","form","useFormContext","isFormBound","bound","externalValue","isControlled","current","ctx","v","next","arr","x","Typography","option"],"mappings":"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"}