@mortenbrudvik/waveui 0.4.0 → 0.8.0

package/dist/components/input/dateUtils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateUtils.mjs","names":["makeDate","date","year","monthIndex","day","startOfDay","startOfMonth","daysInMonth","addDays","amount","addMonths","target","isSameDay","a","b","isSameMonth","isDateInRange","min","max","clampDate","getCalendarDays","first","viewMonth","offset","firstDayOfWeek","days","i","pad","value","length","formatISODate","fromFields","month","parseISODate","match","text","isValidLocaleTag","locale","DEFAULT_DATE_OPTIONS","GRID_CALENDARS","calendarCache","getCalendar","key","calendar","resolved","formatterCache","getFormatter","options","formatter","withCalendar","BIDI_MARKS","infoCache","SAMPLE_DATE","toAsciiDigits","out","char","digits","getLocaleInfo","cached","numberFormat","parts","order","literals","pattern","yearOffset","yearLength","part","info","getLocaleDateFormat","formatDate","digitGroups","normalized","groups","parseDate","iso","values","field","roundTrip","group","getWeekdayNames","short","long","formatMonthYear","formatDayLabel","numberFormatCache","formatDayNumber","TIME_24H","TIME_12H","timeToMinutes","twelve","hours","minutes","seconds","pm","minutesToValue","minutesToTime","format","period","normalizeTimeStep","step","generateTimeOptions","increment","minTime","maxTime"],"sources":["../../../src/components/input/dateUtils.ts"],"sourcesContent":["/**\n * Date and time helpers shared by `DatePicker` and `TimePicker` (spec §5.6).\n *\n * - Every date these helpers return is a **local-midnight** `Date` (the start of a calendar day in\n *   the runtime's time zone). Comparisons are by calendar day, never by time of day.\n * - The default display format is `Intl.DateTimeFormat(locale, { year: 'numeric', month:\n *   '2-digit', day: '2-digit' })`, and {@link parseDate} is its exact inverse for the same\n *   `locale` (field order from `formatToParts`), so a formatted date always parses back to the\n *   same day. ISO `yyyy-mm-dd` text is accepted too.\n * - Every formatter uses the locale's calendar only when it has the Gregorian months and days of\n *   the grid (Gregorian, or the Buddhist calendar of `th-TH`, whose years are offset); any other\n *   calendar (the Persian default of `fa-IR`, `-u-ca-islamic`, Japanese eras) is replaced by the\n *   Gregorian one, so the text, the heading and the day labels name the day the grid shows.\n * - Pass an explicit `locale` when rendering on the server: the runtime default locale of the\n *   server and the browser may differ, which would change the formatted text between them.\n *\n * Internal module (not exported from the package).\n */\n\n/* ------------------------------------------------------------------ */\n/*  Day arithmetic                                                     */\n/* ------------------------------------------------------------------ */\n\n/**\n * Builds a local-midnight date without the `new Date(y, …)` two-digit-year mapping (years 0–99\n * would otherwise become 1900–1999).\n */\nfunction makeDate(year: number, monthIndex: number, day: number): Date {\n  const date = new Date(2000, 0, 1);\n  date.setFullYear(year, monthIndex, day);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}\n\n/** The start (local midnight) of `date`'s calendar day, as a new `Date`. */\nexport function startOfDay(date: Date): Date {\n  return makeDate(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\n/** The first day (local midnight) of `date`'s month. */\nexport function startOfMonth(date: Date): Date {\n  return makeDate(date.getFullYear(), date.getMonth(), 1);\n}\n\n/** The number of days in the given month (`monthIndex` may be out of range; it is normalized). */\nfunction daysInMonth(year: number, monthIndex: number): number {\n  return makeDate(year, monthIndex + 1, 0).getDate();\n}\n\n/** `date` plus `amount` calendar days, at local midnight (month/year boundaries included). */\nexport function addDays(date: Date, amount: number): Date {\n  return makeDate(date.getFullYear(), date.getMonth(), date.getDate() + amount);\n}\n\n/**\n * `date` plus `amount` months, at local midnight. The day is clamped to the length of the target\n * month, so Jan 31 + 1 month is Feb 28 (29 in a leap year) and Mar 31 − 1 month is Feb 28/29 —\n * never a day of the following month.\n */\nexport function addMonths(date: Date, amount: number): Date {\n  const target = makeDate(date.getFullYear(), date.getMonth() + amount, 1);\n  const day = Math.min(date.getDate(), daysInMonth(target.getFullYear(), target.getMonth()));\n  return makeDate(target.getFullYear(), target.getMonth(), day);\n}\n\n/** Whether both dates are on the same calendar day. `false` when either is missing. */\nexport function isSameDay(a: Date | null | undefined, b: Date | null | undefined): boolean {\n  return (\n    !!a &&\n    !!b &&\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\n/** Whether both dates are in the same month of the same year. */\nexport function isSameMonth(a: Date, b: Date): boolean {\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();\n}\n\n/**\n * Whether `date`'s day lies within `[min, max]`, comparing calendar days (a `max` with a time of\n * day still includes that whole day). Missing bounds are open.\n */\nexport function isDateInRange(date: Date, min?: Date | null, max?: Date | null): boolean {\n  const day = startOfDay(date).getTime();\n  if (min && day < startOfDay(min).getTime()) return false;\n  if (max && day > startOfDay(max).getTime()) return false;\n  return true;\n}\n\n/** `date`'s day clamped into `[min, max]` (calendar days), at local midnight. */\nexport function clampDate(date: Date, min?: Date | null, max?: Date | null): Date {\n  const day = startOfDay(date);\n  if (min && day.getTime() < startOfDay(min).getTime()) return startOfDay(min);\n  if (max && day.getTime() > startOfDay(max).getTime()) return startOfDay(max);\n  return day;\n}\n\n/**\n * The 42 days (6 weeks) of the calendar grid showing `viewMonth`'s month: the first row starts on\n * `firstDayOfWeek` (0 = Sunday) on or before the 1st.\n */\nexport function getCalendarDays(viewMonth: Date, firstDayOfWeek: number): Date[] {\n  const first = startOfMonth(viewMonth);\n  const offset = (first.getDay() - firstDayOfWeek + 7) % 7;\n  const days: Date[] = [];\n  for (let i = 0; i < 42; i++) days.push(addDays(first, i - offset));\n  return days;\n}\n\n/* ------------------------------------------------------------------ */\n/*  ISO dates                                                          */\n/* ------------------------------------------------------------------ */\n\nfunction pad(value: number, length: number): string {\n  return String(value).padStart(length, '0');\n}\n\n/** `yyyy-mm-dd` from the **local** calendar fields (the `HiddenInput` form value). */\nexport function formatISODate(date: Date): string {\n  return `${pad(date.getFullYear(), 4)}-${pad(date.getMonth() + 1, 2)}-${pad(date.getDate(), 2)}`;\n}\n\n/** Builds a date from calendar fields; `null` when they do not name a real day. */\nfunction fromFields(year: number, month: number, day: number): Date | null {\n  if (!Number.isInteger(year) || year < 1 || year > 9999) return null;\n  if (!Number.isInteger(month) || month < 1 || month > 12) return null;\n  if (!Number.isInteger(day) || day < 1 || day > daysInMonth(year, month - 1)) return null;\n  return makeDate(year, month - 1, day);\n}\n\n/** Parses `yyyy-mm-dd` (surrounding whitespace allowed) to local midnight; `null` otherwise. */\nexport function parseISODate(text: string): Date | null {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(text.trim());\n  if (!match) return null;\n  return fromFields(Number(match[1]), Number(match[2]), Number(match[3]));\n}\n\n/* ------------------------------------------------------------------ */\n/*  Locale formats                                                     */\n/* ------------------------------------------------------------------ */\n\n/** A numeric date field. */\nexport type DateField = 'year' | 'month' | 'day';\n\n/** How a locale writes the default (numeric) date format. */\nexport interface LocaleDateFormat {\n  /** The order of the fields, e.g. `['day', 'month', 'year']` for `en-GB`. */\n  order: DateField[];\n  /** A readable pattern with the locale's own separators, e.g. `DD/MM/YYYY`. */\n  pattern: string;\n}\n\n/**\n * Whether `Intl` accepts `locale` as a language tag. Every helper below falls back to the runtime\n * default locale for a tag it rejects (the POSIX `de_DE`, `''`, a typo), so DatePicker warns about\n * one in development.\n */\nexport function isValidLocaleTag(locale: string): boolean {\n  try {\n    Intl.getCanonicalLocales(locale);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nconst DEFAULT_DATE_OPTIONS: Intl.DateTimeFormatOptions = {\n  year: 'numeric',\n  month: '2-digit',\n  day: '2-digit',\n};\n\n/**\n * Calendars with the Gregorian months and days, which the grid shows (`getCalendarDays`): a locale\n * whose calendar is one of these keeps it. The Buddhist calendar (default of `th-TH`) only numbers\n * the years differently.\n */\nconst GRID_CALENDARS = new Set(['gregory', 'buddhist']);\n\nconst calendarCache = new Map<string, string>();\n\n/**\n * The calendar every date helper formats `locale` in: the locale's own (its default or a `-u-ca-`\n * extension) when it has the Gregorian months and days, else `'gregory'`. So a Persian default\n * (`fa-IR`, `fa-AF`, `ps-AF`), an explicit `-u-ca-islamic` or the Japanese eras never label the\n * Gregorian grid with other months or years, and the text stays parseable; the locale's digits\n * stay. An invalid locale tag uses the runtime default's.\n */\nfunction getCalendar(locale: string | undefined): string {\n  const key = locale ?? '';\n  let calendar = calendarCache.get(key);\n  if (calendar === undefined) {\n    let resolved: string;\n    try {\n      resolved = new Intl.DateTimeFormat(locale).resolvedOptions().calendar;\n    } catch {\n      resolved = new Intl.DateTimeFormat().resolvedOptions().calendar;\n    }\n    calendar = GRID_CALENDARS.has(resolved) ? resolved : 'gregory';\n    calendarCache.set(key, calendar);\n  }\n  return calendar;\n}\n\nconst formatterCache = new Map<string, Intl.DateTimeFormat>();\n\n/**\n * A cached `Intl.DateTimeFormat` in the calendar of {@link getCalendar}; an invalid locale tag falls\n * back to the runtime default.\n */\nfunction getFormatter(\n  locale: string | undefined,\n  options: Intl.DateTimeFormatOptions,\n): Intl.DateTimeFormat {\n  const key = `${locale ?? ''}|${JSON.stringify(options)}`;\n  let formatter = formatterCache.get(key);\n  if (!formatter) {\n    const withCalendar = { ...options, calendar: getCalendar(locale) };\n    try {\n      formatter = new Intl.DateTimeFormat(locale, withCalendar);\n    } catch {\n      formatter = new Intl.DateTimeFormat(undefined, withCalendar);\n    }\n    formatterCache.set(key, formatter);\n  }\n  return formatter;\n}\n\n/** Bidirectional control characters Intl inserts around fields (Arabic, Hebrew locales). */\nconst BIDI_MARKS = /[\\u061c\\u200b-\\u200f\\u202a-\\u202e\\u2066-\\u2069]/g;\n\ninterface LocaleInfo extends LocaleDateFormat {\n  /** Non-digit characters of the formatted date (allowed between the typed fields). */\n  literals: Set<string>;\n  /** Locale digit → ASCII digit (for non-Latin numbering systems). */\n  digits: Map<string, string>;\n  /** Formatted year minus the Gregorian year (e.g. 543 for the Buddhist calendar). */\n  yearOffset: number;\n  /** Digit count of a formatted year: shorter typed years are rejected (`25` is not 2025). */\n  yearLength: number;\n}\n\nconst infoCache = new Map<string, LocaleInfo>();\nconst SAMPLE_DATE = makeDate(2001, 10, 23); // 23 Nov 2001: every field distinct\n\nfunction toAsciiDigits(text: string, digits: Map<string, string>): string {\n  let out = '';\n  for (const char of text.replace(BIDI_MARKS, '')) out += digits.get(char) ?? char;\n  return out;\n}\n\nfunction getLocaleInfo(locale: string | undefined): LocaleInfo {\n  const key = locale ?? '';\n  const cached = infoCache.get(key);\n  if (cached) return cached;\n\n  const digits = new Map<string, string>();\n  let numberFormat: Intl.NumberFormat;\n  try {\n    numberFormat = new Intl.NumberFormat(locale, { useGrouping: false });\n  } catch {\n    numberFormat = new Intl.NumberFormat(undefined, { useGrouping: false });\n  }\n  for (let i = 0; i <= 9; i++) digits.set(numberFormat.format(i), String(i));\n\n  const parts = getFormatter(locale, DEFAULT_DATE_OPTIONS).formatToParts(SAMPLE_DATE);\n  const order: DateField[] = [];\n  const literals = new Set<string>();\n  let pattern = '';\n  let yearOffset = 0;\n  let yearLength = 4;\n  for (const part of parts) {\n    if (part.type === 'day' || part.type === 'month' || part.type === 'year') {\n      order.push(part.type);\n      if (part.type === 'year') {\n        const year = toAsciiDigits(part.value, digits);\n        yearLength = year.length;\n        yearOffset = Number(year) - SAMPLE_DATE.getFullYear();\n      }\n      pattern += part.type === 'day' ? 'DD' : part.type === 'month' ? 'MM' : 'YYYY';\n    } else {\n      const text = part.value.replace(BIDI_MARKS, '');\n      pattern += text;\n      for (const char of text) literals.add(char);\n    }\n  }\n  const info: LocaleInfo = {\n    order,\n    pattern: pattern.trim(),\n    literals,\n    digits,\n    yearOffset,\n    yearLength,\n  };\n  infoCache.set(key, info);\n  return info;\n}\n\n/**\n * The field order and a readable pattern (`DD/MM/YYYY`, `MM/DD/YYYY`, `DD.MM.YYYY`, …) of the\n * default date format for `locale` (runtime default when omitted).\n */\nexport function getLocaleDateFormat(locale?: string): LocaleDateFormat {\n  const { order, pattern } = getLocaleInfo(locale);\n  return { order: [...order], pattern };\n}\n\n/**\n * The default DatePicker display text: `Intl.DateTimeFormat(locale, { year: 'numeric', month:\n * '2-digit', day: '2-digit' })` in the grid-compatible calendar of {@link getCalendar} (`fa-IR`:\n * `۲۰۲۵/۰۶/۱۵`, not the Persian `۱۴۰۴/۰۳/۲۵`). {@link parseDate} with the same `locale` reverses it.\n */\nexport function formatDate(date: Date, locale?: string): string {\n  return getFormatter(locale, DEFAULT_DATE_OPTIONS).format(date);\n}\n\n/** The numeric fields of `text` in order, or `null` when anything but separators surrounds them. */\nfunction digitGroups(text: string, info: LocaleInfo): string[] | null {\n  const normalized = toAsciiDigits(text.trim(), info.digits);\n  const groups = normalized.match(/\\d+/g);\n  if (!groups) return null;\n  for (const char of normalized.replace(/\\d+/g, '')) {\n    if (/\\s/.test(char) || info.literals.has(char) || '/.-'.includes(char)) continue;\n    return null;\n  }\n  return groups;\n}\n\n/**\n * Parses text typed in the default display format of `locale` — the exact inverse of\n * {@link formatDate} for the same locale — to local midnight. Also accepts single-digit day/month\n * fields, `/`, `.` and `-` separators, and ISO `yyyy-mm-dd`. Returns `null` for anything else:\n * impossible dates (31/02), a year shorter than the locale writes it (`25`), letters or extra\n * fields.\n */\nexport function parseDate(text: string, locale?: string): Date | null {\n  if (!text.trim()) return null;\n  const iso = parseISODate(text);\n  if (iso) return iso;\n\n  const info = getLocaleInfo(locale);\n  if (info.order.length !== 3) return null;\n  const groups = digitGroups(text, info);\n  if (!groups || groups.length !== 3) return null;\n\n  const values: Partial<Record<DateField, number>> = {};\n  for (let i = 0; i < 3; i++) {\n    const field = info.order[i];\n    if (field === 'year' && groups[i].length < info.yearLength) return null;\n    values[field] = Number(groups[i]);\n  }\n  const date = fromFields(\n    (values.year ?? NaN) - info.yearOffset,\n    values.month ?? NaN,\n    values.day ?? NaN,\n  );\n  if (!date) return null;\n\n  // Exact inverse: formatting the result must give back the typed numbers (guards calendars\n  // whose months or days differ from the Gregorian ones).\n  const roundTrip = digitGroups(formatDate(date, locale), info);\n  if (!roundTrip || roundTrip.some((group, i) => Number(group) !== Number(groups[i]))) return null;\n  return date;\n}\n\n/** The 12 long month names of `locale` (January … December). */\nexport function getMonthNames(locale?: string): string[] {\n  const formatter = getFormatter(locale, { month: 'long' });\n  return Array.from({ length: 12 }, (_, month) => formatter.format(makeDate(2001, month, 1)));\n}\n\n/** A weekday name in both lengths. */\nexport interface WeekdayName {\n  /** Short name for the column header (`Mon`). */\n  short: string;\n  /** Full name for assistive technology (`Monday`). */\n  long: string;\n}\n\n/** The seven weekday names of `locale`, starting at `firstDayOfWeek` (0 = Sunday). */\nexport function getWeekdayNames(locale: string | undefined, firstDayOfWeek = 0): WeekdayName[] {\n  const short = getFormatter(locale, { weekday: 'short' });\n  const long = getFormatter(locale, { weekday: 'long' });\n  // 1 January 2023 was a Sunday.\n  return Array.from({ length: 7 }, (_, i) => {\n    const day = makeDate(2023, 0, 1 + ((firstDayOfWeek + i) % 7));\n    return { short: short.format(day), long: long.format(day) };\n  });\n}\n\n/** The calendar heading, e.g. `May 2025` / `Mai 2025`. */\nexport function formatMonthYear(date: Date, locale?: string): string {\n  return getFormatter(locale, { month: 'long', year: 'numeric' }).format(date);\n}\n\n/** The accessible name of a day cell, e.g. `Monday, May 26, 2025`. */\nexport function formatDayLabel(date: Date, locale?: string): string {\n  return getFormatter(locale, {\n    weekday: 'long',\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  }).format(date);\n}\n\nconst numberFormatCache = new Map<string, Intl.NumberFormat>();\n\n/** The day-of-month number in the locale's digits, without suffixes (`3`, not `3日`). */\nexport function formatDayNumber(date: Date, locale?: string): string {\n  const key = locale ?? '';\n  let formatter = numberFormatCache.get(key);\n  if (!formatter) {\n    try {\n      formatter = new Intl.NumberFormat(locale, { useGrouping: false });\n    } catch {\n      formatter = new Intl.NumberFormat(undefined, { useGrouping: false });\n    }\n    numberFormatCache.set(key, formatter);\n  }\n  return formatter.format(date.getDate());\n}\n\n/* ------------------------------------------------------------------ */\n/*  Time                                                               */\n/* ------------------------------------------------------------------ */\n\n/** TimePicker label style. */\nexport type TimeFormat = '12h' | '24h';\n\nconst TIME_24H = /^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?$/;\nconst TIME_12H = /^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?\\s*([ap])\\.?\\s*m\\.?$/i;\n\n/**\n * Minutes since midnight of a time string: `HH:mm`, `H:mm`, `HH:mm:ss` (seconds ignored) or a\n * 12-hour time such as `9:00 AM`, `12:30 pm`, `11:59 p.m.`. `NaN` when invalid.\n */\nexport function timeToMinutes(text: string): number {\n  const value = text.trim();\n  const twelve = TIME_12H.exec(value);\n  const match = twelve ?? TIME_24H.exec(value);\n  if (!match) return NaN;\n  let hours = Number(match[1]);\n  const minutes = Number(match[2]);\n  const seconds = match[3] === undefined ? 0 : Number(match[3]);\n  if (minutes > 59 || seconds > 59) return NaN;\n  if (twelve) {\n    if (hours < 1 || hours > 12) return NaN;\n    const pm = match[4].toLowerCase() === 'p';\n    hours = (hours % 12) + (pm ? 12 : 0);\n  } else if (hours > 23) {\n    return NaN;\n  }\n  return hours * 60 + minutes;\n}\n\n/** `HH:mm` (24-hour, zero-padded): the TimePicker value format. */\nexport function minutesToValue(minutes: number): string {\n  const hours = Math.floor(minutes / 60) % 24;\n  return `${pad(hours, 2)}:${pad(minutes % 60, 2)}`;\n}\n\n/** Display text of a time: `13:00` (`'24h'`) or `1:00 PM` (`'12h'`). */\nexport function minutesToTime(minutes: number, format: TimeFormat): string {\n  if (format === '24h') return minutesToValue(minutes);\n  const hours = Math.floor(minutes / 60) % 24;\n  const period = hours >= 12 ? 'PM' : 'AM';\n  const hours12 = hours % 12 === 0 ? 12 : hours % 12;\n  return `${hours12}:${pad(minutes % 60, 2)} ${period}`;\n}\n\n/** The TimePicker step fallback for invalid values. */\nexport const DEFAULT_TIME_STEP = 30;\n\n/**\n * Guards a TimePicker `step`: a non-finite or non-positive step falls back to\n * {@link DEFAULT_TIME_STEP} (`valid: false`, so the component can report it); fractions are\n * floored to a whole number of minutes, at least 1.\n */\nexport function normalizeTimeStep(step: number): { step: number; valid: boolean } {\n  if (!Number.isFinite(step) || step <= 0) return { step: DEFAULT_TIME_STEP, valid: false };\n  return { step: Math.max(1, Math.floor(step)), valid: true };\n}\n\n/** One generated TimePicker option. */\nexport interface TimeOption {\n  /** `HH:mm`. */\n  value: string;\n  /** Display text in the requested format. */\n  label: string;\n}\n\n/**\n * The options from `minTime` to `maxTime` (inclusive) every `step` minutes. The step is guarded\n * with {@link normalizeTimeStep} (the loop always terminates); invalid or reversed bounds give\n * `[]`.\n */\nexport function generateTimeOptions(\n  step: number,\n  minTime: string,\n  maxTime: string,\n  format: TimeFormat,\n): TimeOption[] {\n  const increment = normalizeTimeStep(step).step;\n  const min = timeToMinutes(minTime);\n  const max = timeToMinutes(maxTime);\n  if (Number.isNaN(min) || Number.isNaN(max) || min > max) return [];\n  const options: TimeOption[] = [];\n  for (let minutes = min; minutes <= max; minutes += increment) {\n    options.push({ value: minutesToValue(minutes), label: minutesToTime(minutes, format) });\n  }\n  return options;\n}\n"],"mappings":"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"}

package/dist/components/input/pickerStyles.cjs

@@ -0,0 +1,2 @@
+"use client";var e=`absolute flex h-6 w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:hover:text-foreground`;function t(e){return e>=2?`pe-14`:e===1?`pe-8`:void 0}exports.PICKER_ICON_BUTTON_CLASSES=e,exports.pickerEndPadding=t;
+//# sourceMappingURL=pickerStyles.cjs.map

package/dist/components/input/pickerStyles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickerStyles.cjs","names":["PICKER_ICON_BUTTON_CLASSES","pickerEndPadding","buttons"],"sources":["../../../src/components/input/pickerStyles.ts"],"sourcesContent":["/**\n * Classes shared by the pickers of the combobox family (Combobox, Dropdown, TimePicker).\n * Component-private: not exported from the package.\n */\n\n/**\n * An icon button at the end of a picker's control (its clear and expand buttons): a 24×24px\n * target that the caller positions (`end-1`, `end-7`) and gives `focusRing` and `disabledStyles`.\n * It sets its own padding and background (C-NATIVE: an app-wide `button` rule would otherwise pad\n * and fill it) and gates its hover colors on the enabled state.\n */\nexport const PICKER_ICON_BUTTON_CLASSES =\n  'absolute flex h-6 w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:hover:text-foreground';\n\n/**\n * The end padding that keeps a picker's text clear of the buttons at its end: `pe-8` for one\n * button, `pe-14` for two, nothing without one.\n */\nexport function pickerEndPadding(buttons: number): string | undefined {\n  if (buttons >= 2) return 'pe-14';\n  return buttons === 1 ? 'pe-8' : undefined;\n}\n"],"mappings":"aAWA,IAAaA,EACX,+MAMF,SAAgBC,EAAiB,EAAqC,CAEpE,OADIC,GAAW,EAAU,QAClBA,IAAY,EAAI,OAAS,IAAA,EAClC"}

package/dist/components/input/pickerStyles.mjs

@@ -0,0 +1,10 @@
+"use client";
+//#region src/components/input/pickerStyles.ts
+var e = "absolute flex h-6 w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:hover:text-foreground";
+function t(e) {
+	return e >= 2 ? "pe-14" : e === 1 ? "pe-8" : void 0;
+}
+//#endregion
+export { e as PICKER_ICON_BUTTON_CLASSES, t as pickerEndPadding };
+
+//# sourceMappingURL=pickerStyles.mjs.map

package/dist/components/input/pickerStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickerStyles.mjs","names":["PICKER_ICON_BUTTON_CLASSES","pickerEndPadding","buttons"],"sources":["../../../src/components/input/pickerStyles.ts"],"sourcesContent":["/**\n * Classes shared by the pickers of the combobox family (Combobox, Dropdown, TimePicker).\n * Component-private: not exported from the package.\n */\n\n/**\n * An icon button at the end of a picker's control (its clear and expand buttons): a 24×24px\n * target that the caller positions (`end-1`, `end-7`) and gives `focusRing` and `disabledStyles`.\n * It sets its own padding and background (C-NATIVE: an app-wide `button` rule would otherwise pad\n * and fill it) and gates its hover colors on the enabled state.\n */\nexport const PICKER_ICON_BUTTON_CLASSES =\n  'absolute flex h-6 w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:hover:text-foreground';\n\n/**\n * The end padding that keeps a picker's text clear of the buttons at its end: `pe-8` for one\n * button, `pe-14` for two, nothing without one.\n */\nexport function pickerEndPadding(buttons: number): string | undefined {\n  if (buttons >= 2) return 'pe-14';\n  return buttons === 1 ? 'pe-8' : undefined;\n}\n"],"mappings":";;AAWA,IAAaA,IACX;AAMF,SAAgBC,EAAiB,GAAqC;CAEpE,OADIC,KAAW,IAAU,UAClBA,MAAY,IAAI,SAAS,KAAA;AAClC"}

package/dist/components/internal/HiddenInput.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useId.cjs"),n=require("../../lib/focus.cjs");require("../../hooks/useFormReset.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={position:`absolute`,insetInlineStart:0,bottom:0,width:1,height:1,margin:0,padding:0,border:0,opacity:0,pointerEvents:`none`};function o(){}function s(e){let t=e.currentTarget,r=t.parentElement;if(!r)return;let i=e.relatedTarget,a=i instanceof HTMLElement&&i!==t&&r.contains(i)?i:n.getFirstTabbable(r);a&&a!==t&&a.focus()}function c(e){return e==null?null:typeof e==`string`?e:e[0]??null}function l(e){return e==null?[``]:typeof e==`string`?[e]:e}function u(e){let{name:n,form:r,disabled:u,value:d,type:f=`hidden`,checked:p,required:m=!1,onInvalid:h}=e,g=t.useId(`wave-required`);if(!n&&!m)return null;let _=f===`checkbox`||f===`radio`,v=c(d),y=f===`checkbox`?p??!1:p??(v!==null&&v!==``),b=f===`checkbox`?v??`on`:v??``;if(!m){let e=_?y?[b]:[]:l(d);return(0,i.jsx)(i.Fragment,{children:e.map((e,t)=>(0,i.jsx)(`input`,{type:`hidden`,name:n,form:r,disabled:u,value:e,"data-wave-hidden-input":``},`${t}:${e}`))})}let x={form:r,disabled:u,required:!0,"aria-hidden":!0,tabIndex:-1,style:a,onChange:o,onInvalid:h,onFocus:s,"data-wave-hidden-input":``};if(_){let e=n||(f===`radio`&&!y?g:void 0);return(0,i.jsx)(`input`,{...x,type:f,name:e,value:b,checked:y})}let S=l(d);return S.length===0?(0,i.jsx)(`input`,{...x,type:`text`,autoComplete:`off`,value:``}):(0,i.jsx)(i.Fragment,{children:S.map((e,t)=>(0,i.jsx)(`input`,{...x,type:`text`,autoComplete:`off`,name:n,value:e},`${t}:${e}`))})}u.displayName=`HiddenInput`,exports.HiddenInput=u;
+//# sourceMappingURL=HiddenInput.cjs.map

package/dist/components/internal/HiddenInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenInput.cjs","names":["getFirstTabbable","useId","_Fragment","require_runtime","require_useId","require_focus","react","react_jsx_runtime","REQUIRED_STYLE","noop","redirectFocus","input","event","root","from","target","firstValue","value","valueList","HiddenInput","props","radioGroupName","name","required","choice","type","single","isChecked","checked","choiceValue","values","v","index","common","inputName"],"sources":["../../../src/components/internal/HiddenInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useId } from '../../hooks/useId';\nimport { getFirstTabbable } from '../../lib/focus';\n\nexport { useFormReset } from '../../hooks/useFormReset';\n\n/** Properties of {@link HiddenInput} (internal; spec §2.5, C-FORMS). */\nexport interface HiddenInputProps {\n  /** Field name. Without `name` (and without `required`) nothing is rendered. */\n  name?: string;\n  /** Id of the form the input belongs to, when the control is outside it. */\n  form?: string;\n  /** Disabled inputs are neither submitted nor validated. */\n  disabled?: boolean;\n  /**\n   * The submitted value. Arrays → one input per value (an empty array submits nothing).\n   * `null`/`undefined` → `''` for free values; for checkbox/radio kinds the input's `value`.\n   */\n  value: string | readonly string[] | null | undefined;\n  /**\n   * The kind of control. Without `required` every kind renders native `type=\"hidden\"` inputs.\n   * With `required` a real (visually hidden) input validates natively:\n   * `'radio'` for single-choice groups (RadioGroup, Rating, SwatchPicker — the browser says\n   * \"select one of these options\"), `'checkbox'` for booleans (Checkbox, Switch), `'text'` for free\n   * values (pickers, SpinButton). `'hidden'` with `required` behaves like `'text'`.\n   * @default 'hidden'\n   */\n  type?: 'hidden' | 'text' | 'checkbox' | 'radio';\n  /**\n   * Checkbox kind: whether the value is submitted / the requirement is met (default `false`).\n   * Radio kind: default \"a non-empty value is given\".\n   */\n  checked?: boolean;\n  /** Renders a real input that takes part in native constraint validation. */\n  required?: boolean;\n  /** Called when the form's validation fails on this input — focus the visible control here. */\n  onInvalid?: (event: React.FormEvent<HTMLInputElement>) => void;\n}\n\n/**\n * Required inputs sit at the control's inline-start bottom corner inside its `relative` root, so the\n * browser's validation bubble and scroll-into-view point at the control (spec §2.5).\n */\nconst REQUIRED_STYLE: React.CSSProperties = {\n  position: 'absolute',\n  insetInlineStart: 0,\n  bottom: 0,\n  width: 1,\n  height: 1,\n  margin: 0,\n  padding: 0,\n  border: 0,\n  opacity: 0,\n  pointerEvents: 'none',\n};\n\nfunction noop() {}\n\n/**\n * The browser focuses an invalid input when it reports the problem, after the `invalid` event (so\n * after `onInvalid` focused the control). This input is `aria-hidden` and invisible, so focus goes\n * straight back to the visible control: the element it came from when that is part of the same\n * control root, else the root's first tabbable element.\n *\n * The redirect must complete inside the browser's `focus()` call. Firefox\n * (`FormValidationChild.notifyInvalidSubmit`) calls `element.focus()`, then adds the `blur` listener\n * that hides its popup, then shows the popup; Chromium focuses the input, then shows the bubble,\n * which a later blur hides. Checked in Chromium 153 and Firefox 155 with a real submit click: a\n * synchronous redirect keeps the message and leaves focus on the control; without a redirect focus\n * stays on this invisible input; a deferred redirect (timer, next key) hides the message. Firefox\n * then closes its popup on the next click, scroll or zoom rather than on the control's blur.\n */\nfunction redirectFocus(event: React.FocusEvent<HTMLInputElement>) {\n  const input = event.currentTarget;\n  const root = input.parentElement;\n  if (!root) return;\n  const from = event.relatedTarget;\n  const target =\n    from instanceof HTMLElement && from !== input && root.contains(from)\n      ? from\n      : getFirstTabbable(root);\n  if (target && target !== input) target.focus();\n}\n\nfunction firstValue(value: HiddenInputProps['value']): string | null {\n  if (value == null) return null;\n  if (typeof value === 'string') return value;\n  return value[0] ?? null;\n}\n\nfunction valueList(value: HiddenInputProps['value']): readonly string[] {\n  if (value == null) return [''];\n  if (typeof value === 'string') return [value];\n  return value;\n}\n\n/**\n * Native form participation for controls built on buttons and divs (C-FORMS). Renders `null`\n * unless the consumer passes `name` or `required` — components never invent a default name, so a\n * control inside an existing form adds no field of its own.\n *\n * - Without `required`: `type=\"hidden\"` inputs carry the value (arrays: one per value; checkbox\n *   and radio kinds only while checked/chosen).\n * - With `required`: real inputs (`aria-hidden`, `tabIndex={-1}`, `pointer-events: none`,\n *   opacity 0, a no-op `onChange`) absolutely positioned inside the control's **`relative`\n *   root**, so native validation blocks submission with the right message and points at the\n *   control. `onInvalid` should focus the visible control; focus the browser moves to the input\n *   is sent back to the control. Browsers never report an unnamed radio as missing, so a required\n *   radio without `name` gets a unique group name while nothing is chosen (unchecked radios are\n *   not submitted, and the name is dropped once checked, so it never reaches `FormData`).\n *\n * Form reset is wired on the control with `useFormReset` (re-exported here), not by this input, so\n * uncontrolled controls without a name reset too.\n *\n * Internal (not exported from the package).\n */\nexport function HiddenInput(props: HiddenInputProps): React.ReactElement | null {\n  const {\n    name,\n    form,\n    disabled,\n    value,\n    type = 'hidden',\n    checked,\n    required = false,\n    onInvalid,\n  } = props;\n  const radioGroupName = useId('wave-required');\n  if (!name && !required) return null;\n\n  const choice = type === 'checkbox' || type === 'radio';\n  const single = firstValue(value);\n  const isChecked =\n    type === 'checkbox' ? (checked ?? false) : (checked ?? (single !== null && single !== ''));\n  const choiceValue = type === 'checkbox' ? (single ?? 'on') : (single ?? '');\n\n  if (!required) {\n    const values = choice ? (isChecked ? [choiceValue] : []) : valueList(value);\n    return (\n      <>\n        {values.map((v, index) => (\n          <input\n            key={`${index}:${v}`}\n            type=\"hidden\"\n            name={name}\n            form={form}\n            disabled={disabled}\n            value={v}\n            data-wave-hidden-input=\"\"\n          />\n        ))}\n      </>\n    );\n  }\n\n  const common = {\n    form,\n    disabled,\n    required: true,\n    'aria-hidden': true,\n    tabIndex: -1,\n    style: REQUIRED_STYLE,\n    onChange: noop,\n    onInvalid,\n    onFocus: redirectFocus,\n    'data-wave-hidden-input': '',\n  } as const;\n\n  if (choice) {\n    // Chrome and Firefox treat an unnamed required radio as never missing; a unique group name\n    // (only while unchecked, so it is never submitted) restores \"select one of these options\".\n    const inputName = name || (type === 'radio' && !isChecked ? radioGroupName : undefined);\n    return (\n      <input {...common} type={type} name={inputName} value={choiceValue} checked={isChecked} />\n    );\n  }\n\n  const values = valueList(value);\n  if (values.length === 0) {\n    // Nothing chosen: one empty, unnamed input keeps the requirement without submitting a value.\n    return <input {...common} type=\"text\" autoComplete=\"off\" value=\"\" />;\n  }\n  return (\n    <>\n      {values.map((v, index) => (\n        <input\n          key={`${index}:${v}`}\n          {...common}\n          type=\"text\"\n          autoComplete=\"off\"\n          name={name}\n          value={v}\n        />\n      ))}\n    </>\n  );\n}\n\nHiddenInput.displayName = 'HiddenInput';\n"],"mappings":"4PA2CA,IAAMQ,EAAsC,CAC1C,SAAU,WACV,iBAAkB,EAClB,OAAQ,EACR,MAAO,EACP,OAAQ,EACR,OAAQ,EACR,QAAS,EACT,OAAQ,EACR,QAAS,EACT,cAAe,MACjB,EAEA,SAASC,GAAO,CAAC,CAgBjB,SAASC,EAAc,EAA2C,CAChE,IAAMC,EAAQC,EAAM,cACdC,EAAOF,EAAM,cACnB,GAAI,CAACE,EAAM,OACX,IAAMC,EAAOF,EAAM,cACbG,EACJD,aAAgB,aAAeA,IAASH,GAASE,EAAK,SAASC,CAAI,EAC/DA,EACAd,EAAAA,iBAAiBa,CAAI,EACvBE,GAAUA,IAAWJ,GAAOI,EAAO,MAAM,CAC/C,CAEA,SAASC,EAAW,EAAiD,CAGnE,OAFIC,GAAS,KAAa,KACtB,OAAOA,GAAU,SAAiBA,EAC/BA,EAAM,IAAM,IACrB,CAEA,SAASC,EAAU,EAAqD,CAGtE,OAFID,GAAS,KAAa,CAAC,EAAE,EACzB,OAAOA,GAAU,SAAiB,CAACA,CAAK,EACrCA,CACT,CAsBA,SAAgBE,EAAY,EAAoD,CAC9E,GAAM,CACJ,OACA,OACA,WACA,QACA,OAAO,SACP,UACA,WAAW,GACX,aACEC,EACEC,EAAiBpB,EAAAA,MAAM,eAAe,EAC5C,GAAI,CAACqB,GAAQ,CAACC,EAAU,OAAO,KAE/B,IAAMC,EAASC,IAAS,YAAcA,IAAS,QACzCC,EAASV,EAAWC,CAAK,EACzBU,EACJF,IAAS,WAAcG,GAAW,GAAUA,IAAYF,IAAW,MAAQA,IAAW,IAClFG,EAAcJ,IAAS,WAAcC,GAAU,KAASA,GAAU,GAExE,GAAI,CAACH,EAAU,CACb,IAAMO,EAASN,EAAUG,EAAY,CAACE,CAAW,EAAI,CAAC,EAAKX,EAAUD,CAAK,EAC1E,OACE,EAAAV,EAAA,IAAA,CAAAL,EAAAA,SAAA,CAAA,SACG4B,EAAO,KAAK,EAAG,KACd,EAAAvB,EAAA,IAAA,CAAC,QAAD,CAEE,KAAK,SACC,OACA,OACI,WACV,MAAOwB,EACP,yBAAuB,EACxB,EAPM,GAAGC,EAAM,GAAGD,GAOlB,CACF,CACD,CAAA,CAEN,CAEA,IAAME,EAAS,CACb,OACA,WACA,SAAU,GACV,cAAe,GACf,SAAU,GACV,MAAOzB,EACP,SAAUC,EACV,YACA,QAASC,EACT,yBAA0B,EAC5B,EAEA,GAAIc,EAAQ,CAGV,IAAMU,EAAYZ,IAASG,IAAS,SAAW,CAACE,EAAYN,EAAiB,IAAA,IAC7E,OACE,EAAAd,EAAA,IAAA,CAAC,QAAD,CAAO,GAAI0B,EAAc,OAAM,KAAMC,EAAW,MAAOL,EAAa,QAASF,CAAY,CAAA,CAE7F,CAEA,IAAMG,EAASZ,EAAUD,CAAK,EAK9B,OAJIa,EAAO,SAAW,GAEb,EAAAvB,EAAA,IAAA,CAAC,QAAD,CAAO,GAAI0B,EAAQ,KAAK,OAAO,aAAa,MAAM,MAAM,EAAI,CAAA,GAGnE,EAAA1B,EAAA,IAAA,CAAAL,EAAAA,SAAA,CAAA,SACG4B,EAAO,KAAK,EAAG,KACd,EAAAvB,EAAA,IAAA,CAAC,QAAD,CAEE,GAAI0B,EACJ,KAAK,OACL,aAAa,MACP,OACN,MAAOF,CACR,EANM,GAAGC,EAAM,GAAGD,GAMlB,CACF,CACD,CAAA,CAEN,CAEA,EAAY,YAAc"}

package/dist/components/internal/HiddenInput.mjs

@@ -0,0 +1,88 @@
+"use client";
+import { useId as e } from "../../hooks/useId.mjs";
+import { getFirstTabbable as t } from "../../lib/focus.mjs";
+import "../../hooks/useFormReset.mjs";
+import "react";
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+//#region src/components/internal/HiddenInput.tsx
+var i = {
+	position: "absolute",
+	insetInlineStart: 0,
+	bottom: 0,
+	width: 1,
+	height: 1,
+	margin: 0,
+	padding: 0,
+	border: 0,
+	opacity: 0,
+	pointerEvents: "none"
+};
+function a() {}
+function o(e) {
+	let n = e.currentTarget, r = n.parentElement;
+	if (!r) return;
+	let i = e.relatedTarget, a = i instanceof HTMLElement && i !== n && r.contains(i) ? i : t(r);
+	a && a !== n && a.focus();
+}
+function s(e) {
+	return e == null ? null : typeof e == "string" ? e : e[0] ?? null;
+}
+function c(e) {
+	return e == null ? [""] : typeof e == "string" ? [e] : e;
+}
+function l(t) {
+	let { name: l, form: u, disabled: d, value: f, type: p = "hidden", checked: m, required: h = !1, onInvalid: g } = t, _ = e("wave-required");
+	if (!l && !h) return null;
+	let v = p === "checkbox" || p === "radio", y = s(f), b = p === "checkbox" ? m ?? !1 : m ?? (y !== null && y !== ""), x = p === "checkbox" ? y ?? "on" : y ?? "";
+	if (!h) {
+		let e = v ? b ? [x] : [] : c(f);
+		return /* @__PURE__ */ r(n, { children: e.map((e, t) => /* @__PURE__ */ r("input", {
+			type: "hidden",
+			name: l,
+			form: u,
+			disabled: d,
+			value: e,
+			"data-wave-hidden-input": ""
+		}, `${t}:${e}`)) });
+	}
+	let S = {
+		form: u,
+		disabled: d,
+		required: !0,
+		"aria-hidden": !0,
+		tabIndex: -1,
+		style: i,
+		onChange: a,
+		onInvalid: g,
+		onFocus: o,
+		"data-wave-hidden-input": ""
+	};
+	if (v) {
+		let e = l || (p === "radio" && !b ? _ : void 0);
+		return /* @__PURE__ */ r("input", {
+			...S,
+			type: p,
+			name: e,
+			value: x,
+			checked: b
+		});
+	}
+	let C = c(f);
+	return C.length === 0 ? /* @__PURE__ */ r("input", {
+		...S,
+		type: "text",
+		autoComplete: "off",
+		value: ""
+	}) : /* @__PURE__ */ r(n, { children: C.map((e, t) => /* @__PURE__ */ r("input", {
+		...S,
+		type: "text",
+		autoComplete: "off",
+		name: l,
+		value: e
+	}, `${t}:${e}`)) });
+}
+l.displayName = "HiddenInput";
+//#endregion
+export { l as HiddenInput };
+
+//# sourceMappingURL=HiddenInput.mjs.map

package/dist/components/internal/HiddenInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenInput.mjs","names":["useId","_Fragment","useId$1","REQUIRED_STYLE","noop","redirectFocus","input","event","root","from","target","getFirstTabbable","firstValue","value","valueList","HiddenInput","props","radioGroupName","name","required","choice","type","single","isChecked","checked","choiceValue","values","Fragment","v","index","common","inputName"],"sources":["../../../src/components/internal/HiddenInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useId } from '../../hooks/useId';\nimport { getFirstTabbable } from '../../lib/focus';\n\nexport { useFormReset } from '../../hooks/useFormReset';\n\n/** Properties of {@link HiddenInput} (internal; spec §2.5, C-FORMS). */\nexport interface HiddenInputProps {\n  /** Field name. Without `name` (and without `required`) nothing is rendered. */\n  name?: string;\n  /** Id of the form the input belongs to, when the control is outside it. */\n  form?: string;\n  /** Disabled inputs are neither submitted nor validated. */\n  disabled?: boolean;\n  /**\n   * The submitted value. Arrays → one input per value (an empty array submits nothing).\n   * `null`/`undefined` → `''` for free values; for checkbox/radio kinds the input's `value`.\n   */\n  value: string | readonly string[] | null | undefined;\n  /**\n   * The kind of control. Without `required` every kind renders native `type=\"hidden\"` inputs.\n   * With `required` a real (visually hidden) input validates natively:\n   * `'radio'` for single-choice groups (RadioGroup, Rating, SwatchPicker — the browser says\n   * \"select one of these options\"), `'checkbox'` for booleans (Checkbox, Switch), `'text'` for free\n   * values (pickers, SpinButton). `'hidden'` with `required` behaves like `'text'`.\n   * @default 'hidden'\n   */\n  type?: 'hidden' | 'text' | 'checkbox' | 'radio';\n  /**\n   * Checkbox kind: whether the value is submitted / the requirement is met (default `false`).\n   * Radio kind: default \"a non-empty value is given\".\n   */\n  checked?: boolean;\n  /** Renders a real input that takes part in native constraint validation. */\n  required?: boolean;\n  /** Called when the form's validation fails on this input — focus the visible control here. */\n  onInvalid?: (event: React.FormEvent<HTMLInputElement>) => void;\n}\n\n/**\n * Required inputs sit at the control's inline-start bottom corner inside its `relative` root, so the\n * browser's validation bubble and scroll-into-view point at the control (spec §2.5).\n */\nconst REQUIRED_STYLE: React.CSSProperties = {\n  position: 'absolute',\n  insetInlineStart: 0,\n  bottom: 0,\n  width: 1,\n  height: 1,\n  margin: 0,\n  padding: 0,\n  border: 0,\n  opacity: 0,\n  pointerEvents: 'none',\n};\n\nfunction noop() {}\n\n/**\n * The browser focuses an invalid input when it reports the problem, after the `invalid` event (so\n * after `onInvalid` focused the control). This input is `aria-hidden` and invisible, so focus goes\n * straight back to the visible control: the element it came from when that is part of the same\n * control root, else the root's first tabbable element.\n *\n * The redirect must complete inside the browser's `focus()` call. Firefox\n * (`FormValidationChild.notifyInvalidSubmit`) calls `element.focus()`, then adds the `blur` listener\n * that hides its popup, then shows the popup; Chromium focuses the input, then shows the bubble,\n * which a later blur hides. Checked in Chromium 153 and Firefox 155 with a real submit click: a\n * synchronous redirect keeps the message and leaves focus on the control; without a redirect focus\n * stays on this invisible input; a deferred redirect (timer, next key) hides the message. Firefox\n * then closes its popup on the next click, scroll or zoom rather than on the control's blur.\n */\nfunction redirectFocus(event: React.FocusEvent<HTMLInputElement>) {\n  const input = event.currentTarget;\n  const root = input.parentElement;\n  if (!root) return;\n  const from = event.relatedTarget;\n  const target =\n    from instanceof HTMLElement && from !== input && root.contains(from)\n      ? from\n      : getFirstTabbable(root);\n  if (target && target !== input) target.focus();\n}\n\nfunction firstValue(value: HiddenInputProps['value']): string | null {\n  if (value == null) return null;\n  if (typeof value === 'string') return value;\n  return value[0] ?? null;\n}\n\nfunction valueList(value: HiddenInputProps['value']): readonly string[] {\n  if (value == null) return [''];\n  if (typeof value === 'string') return [value];\n  return value;\n}\n\n/**\n * Native form participation for controls built on buttons and divs (C-FORMS). Renders `null`\n * unless the consumer passes `name` or `required` — components never invent a default name, so a\n * control inside an existing form adds no field of its own.\n *\n * - Without `required`: `type=\"hidden\"` inputs carry the value (arrays: one per value; checkbox\n *   and radio kinds only while checked/chosen).\n * - With `required`: real inputs (`aria-hidden`, `tabIndex={-1}`, `pointer-events: none`,\n *   opacity 0, a no-op `onChange`) absolutely positioned inside the control's **`relative`\n *   root**, so native validation blocks submission with the right message and points at the\n *   control. `onInvalid` should focus the visible control; focus the browser moves to the input\n *   is sent back to the control. Browsers never report an unnamed radio as missing, so a required\n *   radio without `name` gets a unique group name while nothing is chosen (unchecked radios are\n *   not submitted, and the name is dropped once checked, so it never reaches `FormData`).\n *\n * Form reset is wired on the control with `useFormReset` (re-exported here), not by this input, so\n * uncontrolled controls without a name reset too.\n *\n * Internal (not exported from the package).\n */\nexport function HiddenInput(props: HiddenInputProps): React.ReactElement | null {\n  const {\n    name,\n    form,\n    disabled,\n    value,\n    type = 'hidden',\n    checked,\n    required = false,\n    onInvalid,\n  } = props;\n  const radioGroupName = useId('wave-required');\n  if (!name && !required) return null;\n\n  const choice = type === 'checkbox' || type === 'radio';\n  const single = firstValue(value);\n  const isChecked =\n    type === 'checkbox' ? (checked ?? false) : (checked ?? (single !== null && single !== ''));\n  const choiceValue = type === 'checkbox' ? (single ?? 'on') : (single ?? '');\n\n  if (!required) {\n    const values = choice ? (isChecked ? [choiceValue] : []) : valueList(value);\n    return (\n      <>\n        {values.map((v, index) => (\n          <input\n            key={`${index}:${v}`}\n            type=\"hidden\"\n            name={name}\n            form={form}\n            disabled={disabled}\n            value={v}\n            data-wave-hidden-input=\"\"\n          />\n        ))}\n      </>\n    );\n  }\n\n  const common = {\n    form,\n    disabled,\n    required: true,\n    'aria-hidden': true,\n    tabIndex: -1,\n    style: REQUIRED_STYLE,\n    onChange: noop,\n    onInvalid,\n    onFocus: redirectFocus,\n    'data-wave-hidden-input': '',\n  } as const;\n\n  if (choice) {\n    // Chrome and Firefox treat an unnamed required radio as never missing; a unique group name\n    // (only while unchecked, so it is never submitted) restores \"select one of these options\".\n    const inputName = name || (type === 'radio' && !isChecked ? radioGroupName : undefined);\n    return (\n      <input {...common} type={type} name={inputName} value={choiceValue} checked={isChecked} />\n    );\n  }\n\n  const values = valueList(value);\n  if (values.length === 0) {\n    // Nothing chosen: one empty, unnamed input keeps the requirement without submitting a value.\n    return <input {...common} type=\"text\" autoComplete=\"off\" value=\"\" />;\n  }\n  return (\n    <>\n      {values.map((v, index) => (\n        <input\n          key={`${index}:${v}`}\n          {...common}\n          type=\"text\"\n          autoComplete=\"off\"\n          name={name}\n          value={v}\n        />\n      ))}\n    </>\n  );\n}\n\nHiddenInput.displayName = 'HiddenInput';\n"],"mappings":";;;;;;;AA2CA,IAAMG,IAAsC;CAC1C,UAAU;CACV,kBAAkB;CAClB,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,SAAS;CACT,eAAe;AACjB;AAEA,SAASC,IAAO,CAAC;AAgBjB,SAASC,EAAc,GAA2C;CAChE,IAAMC,IAAQC,EAAM,eACdC,IAAOF,EAAM;CACnB,IAAI,CAACE,GAAM;CACX,IAAMC,IAAOF,EAAM,eACbG,IACJD,aAAgB,eAAeA,MAASH,KAASE,EAAK,SAASC,CAAI,IAC/DA,IACAE,EAAiBH,CAAI;CAC3B,AAAIE,KAAUA,MAAWJ,KAAOI,EAAO,MAAM;AAC/C;AAEA,SAASE,EAAW,GAAiD;CAGnE,OAFIC,KAAS,OAAa,OACtB,OAAOA,KAAU,WAAiBA,IAC/BA,EAAM,MAAM;AACrB;AAEA,SAASC,EAAU,GAAqD;CAGtE,OAFID,KAAS,OAAa,CAAC,EAAE,IACzB,OAAOA,KAAU,WAAiB,CAACA,CAAK,IACrCA;AACT;AAsBA,SAAgBE,EAAY,GAAoD;CAC9E,IAAM,EACJ,SACA,SACA,aACA,UACA,UAAO,UACP,YACA,cAAW,IACX,iBACEC,GACEC,IAAiBjB,EAAM,eAAe;CAC5C,IAAI,CAACkB,KAAQ,CAACC,GAAU,OAAO;CAE/B,IAAMC,IAASC,MAAS,cAAcA,MAAS,SACzCC,IAASV,EAAWC,CAAK,GACzBU,IACJF,MAAS,aAAcG,KAAW,KAAUA,MAAYF,MAAW,QAAQA,MAAW,KAClFG,IAAcJ,MAAS,aAAcC,KAAU,OAASA,KAAU;CAExE,IAAI,CAACH,GAAU;EACb,IAAMO,IAASN,IAAUG,IAAY,CAACE,CAAW,IAAI,CAAC,IAAKX,EAAUD,CAAK;EAC1E,OACE,kBAAAZ,GAAA,EAAA,UACGyB,EAAO,KAAK,GAAG,MACd,kBAAC,SAAD;GAEE,MAAK;GACC;GACA;GACI;GACV,OAAOE;GACP,0BAAuB;EACxB,GAPM,GAAGC,EAAM,GAAGD,GAOlB,CACF,EACD,CAAA;CAEN;CAEA,IAAME,IAAS;EACb;EACA;EACA,UAAU;EACV,eAAe;EACf,UAAU;EACV,OAAO3B;EACP,UAAUC;EACV;EACA,SAASC;EACT,0BAA0B;CAC5B;CAEA,IAAIe,GAAQ;EAGV,IAAMW,IAAYb,MAASG,MAAS,WAAW,CAACE,IAAYN,IAAiB,KAAA;EAC7E,OACE,kBAAC,SAAD;GAAO,GAAIa;GAAc;GAAM,MAAMC;GAAW,OAAON;GAAa,SAASF;EAAY,CAAA;CAE7F;CAEA,IAAMG,IAASZ,EAAUD,CAAK;CAK9B,OAJIa,EAAO,WAAW,IAEb,kBAAC,SAAD;EAAO,GAAII;EAAQ,MAAK;EAAO,cAAa;EAAM,OAAM;CAAI,CAAA,IAGnE,kBAAA7B,GAAA,EAAA,UACGyB,EAAO,KAAK,GAAG,MACd,kBAAC,SAAD;EAEE,GAAII;EACJ,MAAK;EACL,cAAa;EACP;EACN,OAAOF;CACR,GANM,GAAGC,EAAM,GAAGD,GAMlB,CACF,EACD,CAAA;AAEN;AAEA,EAAY,cAAc"}

package/dist/components/layout/Accordion.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/composeEventHandlers.cjs"),a=require("../../lib/classNames.cjs"),o=require("../../hooks/useControllable.cjs"),s=require("../../hooks/useId.cjs"),c=require("../../lib/styles.cjs"),l=require("../../lib/icons.cjs"),u=require("./disclosureIds.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=d.createContext(null),m=d.createContext(null),h=d.createContext(null),g=[],_={openItems:g,toggle:()=>{},registerItem:()=>()=>{},baseId:`wave-accordion-inert`,headingLevel:3},v={value:``,isOpen:!1,triggerId:`wave-accordion-inert-trigger`,panelId:`wave-accordion-inert-panel`,hasPanelContent:!1,headingLevel:3,toggle:()=>{}},y={extra:null,inPanel:!0},b=d.createContext(!1),x=`m-0 grid`;function S(e){return d.useContext(p)||(r.reportMissingContext(e,`<Accordion>`),_)}function C(e){return d.useContext(m)||(r.reportMissingContext(e,`<Accordion.Item>`),v)}function w(e){r.warnOnce(`Accordion:duplicate:${e}`,`Accordion: several items share the value "${e}". Item values must be unique within an Accordion; items with the same value open and close together and share their trigger and panel ids.`)}function T(e){if(e!==void 0)return e===null?g:[e]}var E=e=>{let{type:n,openItem:i,defaultOpenItem:c,onOpenItemChange:l,openItems:u,defaultOpenItems:_,onOpenItemsChange:v,headingLevel:y=3,className:x,children:S,ref:C,...E}=e,D=n===`multiple`;D||(u!==void 0&&r.warnDeprecated(`Accordion`,`openItems`,`openItem`,`In single mode the Accordion takes one value.`),_!==void 0&&r.warnDeprecated(`Accordion`,`defaultOpenItems`,`defaultOpenItem`,`In single mode the Accordion takes one value.`),v!==void 0&&r.warnDeprecated(`Accordion`,`onOpenItemsChange`,`onOpenItemChange`,`In single mode the Accordion reports one value.`));let O=D?void 0:i,k=d.useMemo(()=>T(O)??u,[O,u]),[A]=d.useState(()=>(D?void 0:T(c))??_??g),[j,M]=o.useControllable(k,A,e=>{let t=[...e];D||l?.(t[0]??null),v?.(t)}),N=j.length;d.useEffect(()=>{!D&&N>1&&r.warnOnce(`Accordion:single-multiple-open`,`Accordion: type="single" allows one open item, but ${N} are open. Pass \`openItem\`, or use type="multiple".`)},[D,N]);let P=d.useCallback(e=>{M(t=>t.includes(e)?t.filter(t=>t!==e):D?[...t,e]:[e])},[D,M]),F=d.useRef(null),I=d.useCallback(e=>{F.current??=new Map;let t=F.current,n=(t.get(e)??0)+1;return t.set(e,n),n>1&&w(e),()=>{let n=(t.get(e)??1)-1;n>0?t.set(e,n):t.delete(e)}},[]),L=s.useId(`accordion`),R=d.useMemo(()=>({openItems:j,toggle:P,registerItem:I,baseId:L,headingLevel:y}),[j,P,I,L,y]);return(0,f.jsx)(p.Provider,{value:R,children:(0,f.jsx)(m.Provider,{value:null,children:(0,f.jsx)(h.Provider,{value:null,children:(0,f.jsx)(b.Provider,{value:!1,children:(0,f.jsx)(`div`,{ref:C,className:t.cn(a.accordionClassNames.root,`divide-y divide-border`,x),...E,children:S})})})})})};E.displayName=`Accordion`;function D(e,t,r){if(Array.isArray(e)){for(let n of e){let e=D(n,t,r);if(e)return e}return}if(!d.isValidElement(e))return;let i=n.getElementType(e,{suspend:!1});if(i===t)return e;if(i!==r&&i!==E&&i!==j)return D(e.props.children,t,r)}function O(e){let t=e?.props.id;return typeof t==`string`&&t!==``?t:void 0}function k(e){if(!d.isValidElement(e))return!1;let t=n.getElementType(e,{suspend:!1});if(typeof t==`string`||t===M||t===N||t===E||t===j)return!1;let r=e.props.children;return n.getElementType(r,{suspend:!1})===M||k(r)}function A(e){return`${e} was rendered inside the panel of an Accordion.Item, so it is not the item's ${e===`Accordion.Trigger`?`header`:`panel`}. Place Accordion.Trigger and Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them as \`children\` (such as a Tooltip). The Item cannot see inside a component that renders them itself and treats that component as panel content.`}var j=({value:e,headingLevel:r,className:i,children:o,ref:s,...c})=>{let l=S(`Accordion.Item`),p=l.openItems.includes(e),{toggle:g,baseId:_,registerItem:v}=l;d.useEffect(()=>v(e),[v,e]);let y=r??l.headingLevel,C=`h${y}`,w,T,E=[],A=[];for(let{key:e,node:r}of n.flattenChildren(o)){let n=(0,f.jsx)(d.Fragment,{children:r},e),i=D(r,M,N),o=D(r,N,M);i||o?(w??=i,T??=o,E.push(k(r)?(0,f.jsx)(C,{className:t.cn(a.accordionTriggerClassNames.heading,x),children:(0,f.jsx)(b.Provider,{value:!0,children:r})},e):n)):A.push(n)}let j=w!==void 0,P=T!==void 0,F=O(w),I=O(T),L=P||A.length>0,R=P&&A.length>0?A:null,z=d.useMemo(()=>({value:e,isOpen:p,triggerId:F??u.getPartId(_,`trigger`,e),panelId:I??u.getPartId(_,`panel`,e),hasPanelContent:L,headingLevel:y,toggle:()=>g(e)}),[e,p,_,F,I,L,y,g]),B=d.useMemo(()=>({extra:R,inPanel:!1}),[R]);return(0,f.jsx)(m.Provider,{value:z,children:(0,f.jsx)(h.Provider,{value:B,children:(0,f.jsxs)(`div`,{ref:s,"data-state":p?`open`:`closed`,className:t.cn(a.accordionItemClassNames.root,i),...c,children:[j?null:(0,f.jsx)(M,{children:e}),E,!P&&A.length>0?(0,f.jsx)(N,{children:A}):null]})})})};j.displayName=`AccordionItem`;var M=({id:e,className:n,children:o,onClick:s,ref:u,...p})=>{let m=C(`Accordion.Trigger`),g=d.useContext(h)?.inPanel??!1;d.useEffect(()=>{g&&r.warnOnce(`Accordion.Trigger:inside-panel`,A(`Accordion.Trigger`))},[g]);let _=d.useContext(b),v=`h${m.headingLevel}`,y=m.isOpen?`open`:`closed`,S=(0,f.jsxs)(`button`,{type:`button`,className:t.cn(a.accordionTriggerClassNames.root,`flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground`,`not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed`,c.disabledStyles,c.focusRingInset,n),...p,id:e||(g?void 0:m.triggerId),"aria-controls":!g&&m.hasPanelContent?m.panelId:void 0,"aria-expanded":m.isOpen,"data-state":y,onClick:i.composeEventHandlers(s,m.toggle),ref:u,children:[o,(0,f.jsx)(l.ChevronDownIcon,{size:16,className:t.cn(a.accordionTriggerClassNames.expandIcon,`shrink-0 transition-transform motion-reduce:transition-none`,m.isOpen&&`rotate-180`)})]});return _?S:(0,f.jsx)(v,{className:t.cn(a.accordionTriggerClassNames.heading,x),children:S})};M.displayName=`AccordionTrigger`;var N=({id:e,className:n,children:i,ref:o,...s})=>{let c=C(`Accordion.Panel`),l=d.useContext(h),u=l?.inPanel??!1;return d.useEffect(()=>{u&&r.warnOnce(`Accordion.Panel:inside-panel`,A(`Accordion.Panel`))},[u]),c.isOpen?u?(0,f.jsx)(`div`,{className:t.cn(a.accordionPanelClassNames.root,n),...s,id:e||void 0,ref:o,children:i}):(0,f.jsx)(h.Provider,{value:y,children:(0,f.jsxs)(`div`,{role:`region`,className:t.cn(a.accordionPanelClassNames.root,`px-4 pb-3 text-body-1 text-muted-foreground`,n),...s,id:e||c.panelId,"aria-labelledby":c.triggerId,"data-state":`open`,ref:o,children:[i,l?.extra]})}):null};N.displayName=`AccordionPanel`;var P=Object.assign(E,{Item:j,Trigger:M,Panel:N});exports.Accordion=P,exports.AccordionItem=j,exports.AccordionPanel=N,exports.AccordionTrigger=M;
+//# sourceMappingURL=Accordion.cjs.map

package/dist/components/layout/Accordion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.cjs","names":["React","useControllable","useId","cn","accordionClassNames","getElementType","flattenChildren","accordionTriggerClassNames","getPartId","accordionItemClassNames","disabledStyles","focusRingInset","composeEventHandlers","ChevronDownIcon","accordionPanelClassNames","require_runtime","require_cn","require_children","require_dev","require_composeEventHandlers","require_classNames","require_useControllable","require_useId","require_styles","require_icons","require_disclosureIds","react","react_jsx_runtime","AccordionContext","AccordionItemContext","AccordionPanelSlotContext","EMPTY","INERT_ACCORDION","INERT_ITEM","IN_PANEL","AccordionHeadingOutsideContext","HEADING_CLASS","useAccordionContext","component","useAccordionItemContext","warnDuplicateValue","value","toItems","AccordionRoot","openItemsProp","rest","props","multiple","type","defaultOpenItems","onOpenItemsChange","controlledSingle","openItem","controlled","initialItems","defaultOpenItem","openItems","setOpenItems","list","next","onOpenItemChange","openCount","toggle","prev","v","itemCountsRef","registerItem","counts","count","remaining","baseId","context","headingLevel","className","findPart","node","child","found","part","barrier","AccordionItem","idOf","id","element","wrapsTriggerOnly","AccordionTrigger","AccordionPanel","misplacedMessage","headingLevelProp","accordion","isOpen","toggleValue","Heading","triggerElement","panelElement","parts","extra","children","keyed","key","trigger","panel","hasTrigger","hasPanel","triggerIdProp","panelIdProp","hasPanelContent","extraPanelContent","itemContext","panelSlot","idProp","item","inPanel","headingOutside","state","button","onClick","slot","Accordion"],"sources":["../../../src/components/layout/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  accordionClassNames,\n  accordionItemClassNames,\n  accordionPanelClassNames,\n  accordionTriggerClassNames,\n} from '../../lib/classNames';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { reportMissingContext, warnDeprecated, warnOnce } from '../../lib/dev';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport type { SelectionMode } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { getPartId } from './disclosureIds';\n\n/** Heading level of the element that wraps each Accordion trigger. */\nexport type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/* ------------------------------------------------------------------ */\n/*  Contexts                                                           */\n/* ------------------------------------------------------------------ */\n\ninterface AccordionContextValue {\n  openItems: readonly string[];\n  toggle: (value: string) => void;\n  /** Counts a mounted Item's value (warns when several Items share it); returns the unregister. */\n  registerItem: (value: string) => () => void;\n  baseId: string;\n  headingLevel: AccordionHeadingLevel;\n}\n\ninterface AccordionItemContextValue {\n  value: string;\n  isOpen: boolean;\n  /** Id of the trigger button: the consumer `id` of the Item's Trigger, else a generated one. */\n  triggerId: string;\n  /** Id of the panel region: the consumer `id` of the Item's Panel, else a generated one. */\n  panelId: string;\n  /** Whether the Item renders a panel region while open (a Panel, or other content). */\n  hasPanelContent: boolean;\n  headingLevel: AccordionHeadingLevel;\n  toggle: () => void;\n}\n\n/**\n * What an Accordion.Panel renders after its own children. Kept out of the item context, so a new\n * `extra` (a new array on every Item render) re-renders only the Panel.\n */\ninterface AccordionPanelSlotValue {\n  /** Children of the Item that are neither Trigger nor Panel: rendered after the Panel content. */\n  extra: React.ReactNode;\n  /** `true` inside a Panel's content, where a Trigger or Panel is misplaced. */\n  inPanel: boolean;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\nconst AccordionPanelSlotContext = React.createContext<AccordionPanelSlotValue | null>(null);\n\nconst EMPTY: readonly string[] = [];\n\nconst INERT_ACCORDION: AccordionContextValue = {\n  openItems: EMPTY,\n  toggle: () => {},\n  registerItem: () => () => {},\n  baseId: 'wave-accordion-inert',\n  headingLevel: 3,\n};\n\nconst INERT_ITEM: AccordionItemContextValue = {\n  value: '',\n  isOpen: false,\n  triggerId: 'wave-accordion-inert-trigger',\n  panelId: 'wave-accordion-inert-panel',\n  hasPanelContent: false,\n  headingLevel: 3,\n  toggle: () => {},\n};\n\nconst IN_PANEL: AccordionPanelSlotValue = { extra: null, inPanel: true };\n\n/**\n * `true` inside a wrapper component chain that holds only the item's Trigger (a Tooltip): the Item\n * renders the heading around the wrapper, so the Trigger renders its button without one.\n */\nconst AccordionHeadingOutsideContext = React.createContext(false);\n\n/**\n * Classes of the heading around each trigger button. `grid` stretches its child to the full row,\n * so a wrapper between the heading and the button (a Tooltip's inline-block `<span>`) does not\n * shrink the full-width button and move its chevron away from the row end.\n */\nconst HEADING_CLASS = 'm-0 grid';\n\n/**\n * C-CONTEXT: throws in development; in production logs once (`reportMissingContext`) and returns\n * the inert value.\n */\nfunction useAccordionContext(component: string): AccordionContextValue {\n  const context = React.useContext(AccordionContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion>');\n  return INERT_ACCORDION;\n}\n\nfunction useAccordionItemContext(component: string): AccordionItemContextValue {\n  const context = React.useContext(AccordionItemContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion.Item>');\n  return INERT_ITEM;\n}\n\nfunction warnDuplicateValue(value: string): void {\n  warnOnce(\n    `Accordion:duplicate:${value}`,\n    `Accordion: several items share the value \"${value}\". Item values must be unique within an ` +\n      'Accordion; items with the same value open and close together and share their trigger and ' +\n      'panel ids.',\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Accordion                                                          */\n/* ------------------------------------------------------------------ */\n\n/** Props shared by {@link AccordionSingleProps} and {@link AccordionMultipleProps}. */\nexport interface AccordionBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Level of the heading element (`<h1>`–`<h6>`) that wraps every trigger button (WAI-ARIA\n   * Accordion pattern). Each `Accordion.Item` can override it.\n   * @default 3\n   */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the root `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props of an Accordion in which at most one item is open (the default). */\nexport interface AccordionSingleProps extends AccordionBaseProps {\n  /**\n   * Whether only one or multiple items can be open at a time.\n   * @default 'single'\n   */\n  type?: Extract<SelectionMode, 'single'>;\n  /** Controlled open item (`null`: every item closed). */\n  openItem?: string | null;\n  /** Initially open item for uncontrolled usage. */\n  defaultOpenItem?: string | null;\n  /** Called with the new open item (`null` when it closed) when it changes. */\n  onOpenItemChange?: (openItem: string | null) => void;\n  /** @deprecated Use `openItem` (single mode); `openItems` belongs to `type=\"multiple\"`. */\n  openItems?: readonly string[];\n  /**\n   * @deprecated Use `defaultOpenItem` (single mode); `defaultOpenItems` belongs to\n   * `type=\"multiple\"`.\n   */\n  defaultOpenItems?: readonly string[];\n  /**\n   * @deprecated Use `onOpenItemChange` (single mode); `onOpenItemsChange` belongs to\n   * `type=\"multiple\"`.\n   */\n  onOpenItemsChange?: (openItems: string[]) => void;\n}\n\n/** Props of an Accordion in which any number of items can be open. */\nexport interface AccordionMultipleProps extends AccordionBaseProps {\n  /** Whether only one or multiple items can be open at a time. */\n  type: Extract<SelectionMode, 'multiple'>;\n  /** Controlled array of open item values (a readonly array is accepted). */\n  openItems?: readonly string[];\n  /**\n   * Initially open items for uncontrolled usage.\n   * @default []\n   */\n  defaultOpenItems?: readonly string[];\n  /** Called with the new open items (a new array) when they change. */\n  onOpenItemsChange?: (openItems: string[]) => void;\n  openItem?: never;\n  defaultOpenItem?: never;\n  onOpenItemChange?: never;\n}\n\n/**\n * Properties for the Accordion component: a discriminated union on `type`. Single mode\n * (default) uses `openItem`/`defaultOpenItem`/`onOpenItemChange`; `type=\"multiple\"` uses\n * `openItems`/`defaultOpenItems`/`onOpenItemsChange`.\n *\n * A union cannot be extended by an `interface` (TS2312), which 0.4's interface allowed: extend\n * `AccordionSingleProps` or `AccordionMultipleProps` instead\n * (`interface MyProps extends AccordionSingleProps {}`), or intersect the union\n * (`type MyProps = AccordionProps & { … }`).\n */\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nfunction toItems(value: string | null | undefined): readonly string[] | undefined {\n  if (value === undefined) return undefined;\n  return value === null ? EMPTY : [value];\n}\n\n// The Accordion root, documented on the exported `Accordion` const.\nconst AccordionRoot = (props: AccordionProps) => {\n  const {\n    type,\n    openItem,\n    defaultOpenItem,\n    onOpenItemChange,\n    openItems: openItemsProp,\n    defaultOpenItems,\n    onOpenItemsChange,\n    headingLevel = 3,\n    className,\n    children,\n    ref,\n    ...rest\n  } = props as Omit<AccordionSingleProps, 'type'> & { type?: SelectionMode };\n  const multiple = type === 'multiple';\n\n  if (!multiple) {\n    if (openItemsProp !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'openItems',\n        'openItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (defaultOpenItems !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'defaultOpenItems',\n        'defaultOpenItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (onOpenItemsChange !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'onOpenItemsChange',\n        'onOpenItemChange',\n        'In single mode the Accordion reports one value.',\n      );\n    }\n  }\n\n  const controlledSingle = multiple ? undefined : openItem;\n  const controlled = React.useMemo(\n    () => toItems(controlledSingle) ?? openItemsProp,\n    [controlledSingle, openItemsProp],\n  );\n  const [initialItems] = React.useState(\n    () => (multiple ? undefined : toItems(defaultOpenItem)) ?? defaultOpenItems ?? EMPTY,\n  );\n\n  const handleChange = (next: readonly string[]) => {\n    const list = [...next];\n    if (!multiple) onOpenItemChange?.(list[0] ?? null);\n    onOpenItemsChange?.(list);\n  };\n\n  const [openItems, setOpenItems] = useControllable<readonly string[]>(\n    controlled,\n    initialItems,\n    handleChange,\n  );\n\n  const openCount = openItems.length;\n  React.useEffect(() => {\n    if (!multiple && openCount > 1) {\n      warnOnce(\n        'Accordion:single-multiple-open',\n        `Accordion: type=\"single\" allows one open item, but ${openCount} are open. Pass \\`openItem\\`, or use type=\"multiple\".`,\n      );\n    }\n  }, [multiple, openCount]);\n\n  const toggle = React.useCallback(\n    (value: string) => {\n      setOpenItems((prev) => {\n        if (prev.includes(value)) return prev.filter((v) => v !== value);\n        return multiple ? [...prev, value] : [value];\n      });\n    },\n    [multiple, setOpenItems],\n  );\n\n  // How many mounted Items hold each value, to warn about a repeated value (C-DEV). Only the Items'\n  // effects touch it (through `registerItem`), never render.\n  const itemCountsRef = React.useRef<Map<string, number>>(null);\n  const registerItem = React.useCallback((value: string) => {\n    itemCountsRef.current ??= new Map();\n    const counts = itemCountsRef.current;\n    const count = (counts.get(value) ?? 0) + 1;\n    counts.set(value, count);\n    if (count > 1) warnDuplicateValue(value);\n    return () => {\n      const remaining = (counts.get(value) ?? 1) - 1;\n      if (remaining > 0) counts.set(value, remaining);\n      else counts.delete(value);\n    };\n  }, []);\n\n  const baseId = useId('accordion');\n  const context = React.useMemo<AccordionContextValue>(\n    () => ({ openItems, toggle, registerItem, baseId, headingLevel }),\n    [openItems, toggle, registerItem, baseId, headingLevel],\n  );\n\n  return (\n    <AccordionContext.Provider value={context}>\n      {/* A nested Accordion's direct children are not inside the outer Item. */}\n      <AccordionItemContext.Provider value={null}>\n        <AccordionPanelSlotContext.Provider value={null}>\n          <AccordionHeadingOutsideContext.Provider value={false}>\n            <div\n              ref={ref}\n              className={cn(accordionClassNames.root, 'divide-y divide-border', className)}\n              {...rest}\n            >\n              {children}\n            </div>\n          </AccordionHeadingOutsideContext.Provider>\n        </AccordionPanelSlotContext.Provider>\n      </AccordionItemContext.Provider>\n    </AccordionContext.Provider>\n  );\n};\nAccordionRoot.displayName = 'Accordion';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Item                                                     */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionItem sub-component. */\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Unique value identifying this accordion item. */\n  value: string;\n  /** Heading level of this item's trigger; overrides the Accordion's `headingLevel`. */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the item `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\ninterface PartProps {\n  id?: unknown;\n  children?: unknown;\n}\n\n/**\n * The first `part` element in `node`: the node itself, or an element found through Fragments\n * and the `children` of wrapper elements (a Tooltip around a Trigger). The search does not enter\n * `barrier` elements or a nested Accordion/Item, and cannot see what a component renders itself.\n * Parts are identified by their unwrapped element type, so parts written in a Server Component\n * (lazy client references) are found too. A `React.lazy` still loading (content inside the\n * consumer's own `<Suspense>`) is no part and never suspends the Item: its children are searched.\n */\nfunction findPart(\n  node: unknown,\n  part: React.ElementType,\n  barrier: React.ElementType,\n): React.ReactElement<PartProps> | undefined {\n  if (Array.isArray(node)) {\n    for (const child of node) {\n      const found = findPart(child, part, barrier);\n      if (found) return found;\n    }\n    return undefined;\n  }\n  if (!React.isValidElement<PartProps>(node)) return undefined;\n  const type = getElementType(node, { suspend: false });\n  if (type === part) return node;\n  if (type === barrier || type === AccordionRoot || type === AccordionItem) return undefined;\n  return findPart(node.props.children, part, barrier);\n}\n\n/**\n * The consumer `id` of a Trigger or Panel element, if it has one. An empty `id` counts as none,\n * here and where the Trigger and Panel render their id (`idProp || generated`).\n */\nfunction idOf(element: React.ReactElement<PartProps> | undefined): string | undefined {\n  const id = element?.props.id;\n  return typeof id === 'string' && id !== '' ? id : undefined;\n}\n\n/**\n * Whether `node` is a chain of wrapper components, each with the next as its only child, that ends\n * at an Accordion.Trigger: a Tooltip around the Trigger. The Item puts the heading around such a\n * chain instead of inside it, so no heading ends up in a wrapper's phrasing `<span>`. Elements\n * (`<div>`, `<span>`) render as written: the heading stays inside them.\n */\nfunction wrapsTriggerOnly(node: unknown): boolean {\n  if (!React.isValidElement<PartProps>(node)) return false;\n  const type = getElementType(node, { suspend: false });\n  if (\n    typeof type === 'string' ||\n    type === AccordionTrigger ||\n    type === AccordionPanel ||\n    type === AccordionRoot ||\n    type === AccordionItem\n  ) {\n    return false;\n  }\n  const child = node.props.children as React.ReactNode;\n  return getElementType(child, { suspend: false }) === AccordionTrigger || wrapsTriggerOnly(child);\n}\n\nfunction misplacedMessage(component: 'Accordion.Trigger' | 'Accordion.Panel'): string {\n  return (\n    `${component} was rendered inside the panel of an Accordion.Item, so it is not the item's ` +\n    `${component === 'Accordion.Trigger' ? 'header' : 'panel'}. Place Accordion.Trigger and ` +\n    'Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them ' +\n    'as `children` (such as a Tooltip). The Item cannot see inside a component that renders them ' +\n    'itself and treats that component as panel content.'\n  );\n}\n\n/**\n * One section of an Accordion. Place an `Accordion.Trigger` and an `Accordion.Panel` inside it:\n * directly, in a Fragment, or in an element that wraps them as `children` (for example a Tooltip\n * around the Trigger). A component that renders a Trigger or Panel itself is not seen through: it\n * counts as panel content, and a development warning says so.\n *\n * The trigger button sits in a heading (`headingLevel`). A wrapper component whose only child is\n * the Trigger (a Tooltip, also several nested) goes inside that heading, around the button, so\n * the heading never ends up in the wrapper's inline `<span>` and the button keeps the full row.\n * An element such as a `<div>`, or a wrapper that holds more than the Trigger, renders as written,\n * with the heading inside it.\n *\n * Without a Trigger the item's `value` is the button label. Other children (plain text included)\n * are rendered in the panel, after the Panel's own content.\n */\nconst AccordionItem = ({\n  value,\n  headingLevel: headingLevelProp,\n  className,\n  children,\n  ref,\n  ...rest\n}: AccordionItemProps) => {\n  const accordion = useAccordionContext('Accordion.Item');\n  const isOpen = accordion.openItems.includes(value);\n  const { toggle: toggleValue, baseId, registerItem } = accordion;\n  React.useEffect(() => registerItem(value), [registerItem, value]);\n  const headingLevel = headingLevelProp ?? accordion.headingLevel;\n  const Heading: `h${AccordionHeadingLevel}` = `h${headingLevel}`;\n\n  let triggerElement: React.ReactElement<PartProps> | undefined;\n  let panelElement: React.ReactElement<PartProps> | undefined;\n  const parts: React.ReactNode[] = [];\n  const extra: React.ReactNode[] = [];\n  for (const { key, node: child } of flattenChildren(children)) {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    const trigger = findPart(child, AccordionTrigger, AccordionPanel);\n    const panel = findPart(child, AccordionPanel, AccordionTrigger);\n    if (trigger || panel) {\n      triggerElement ??= trigger;\n      panelElement ??= panel;\n      parts.push(\n        wrapsTriggerOnly(child) ? (\n          <Heading key={key} className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>\n            <AccordionHeadingOutsideContext.Provider value={true}>\n              {child}\n            </AccordionHeadingOutsideContext.Provider>\n          </Heading>\n        ) : (\n          keyed\n        ),\n      );\n    } else {\n      extra.push(keyed);\n    }\n  }\n  const hasTrigger = triggerElement !== undefined;\n  const hasPanel = panelElement !== undefined;\n  const triggerIdProp = idOf(triggerElement);\n  const panelIdProp = idOf(panelElement);\n  const hasPanelContent = hasPanel || extra.length > 0;\n  const extraPanelContent = hasPanel && extra.length > 0 ? extra : null;\n\n  const itemContext = React.useMemo<AccordionItemContextValue>(\n    () => ({\n      value,\n      isOpen,\n      triggerId: triggerIdProp ?? getPartId(baseId, 'trigger', value),\n      panelId: panelIdProp ?? getPartId(baseId, 'panel', value),\n      hasPanelContent,\n      headingLevel,\n      toggle: () => toggleValue(value),\n    }),\n    [value, isOpen, baseId, triggerIdProp, panelIdProp, hasPanelContent, headingLevel, toggleValue],\n  );\n  const panelSlot = React.useMemo<AccordionPanelSlotValue>(\n    () => ({ extra: extraPanelContent, inPanel: false }),\n    [extraPanelContent],\n  );\n\n  return (\n    <AccordionItemContext.Provider value={itemContext}>\n      <AccordionPanelSlotContext.Provider value={panelSlot}>\n        <div\n          ref={ref}\n          data-state={isOpen ? 'open' : 'closed'}\n          className={cn(accordionItemClassNames.root, className)}\n          {...rest}\n        >\n          {hasTrigger ? null : <AccordionTrigger>{value}</AccordionTrigger>}\n          {parts}\n          {!hasPanel && extra.length > 0 ? <AccordionPanel>{extra}</AccordionPanel> : null}\n        </div>\n      </AccordionPanelSlotContext.Provider>\n    </AccordionItemContext.Provider>\n  );\n};\nAccordionItem.displayName = 'AccordionItem';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Trigger                                                  */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionTrigger sub-component (merged onto the trigger `<button>`). */\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Ref to the trigger `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * The button that opens and closes its Accordion.Item, wrapped in a heading (`headingLevel`); when\n * it is the only child of a wrapper component in the Item (a Tooltip), the heading goes around\n * that wrapper instead (see `Accordion.Item`). Its props land on the `<button>`: `className` is\n * merged (yours wins), `onClick` runs before the toggle (call `event.preventDefault()` to keep the\n * item as it is), `ref` receives the button, and a non-empty `id` replaces the generated one (the\n * panel's `aria-labelledby` follows it).\n */\nconst AccordionTrigger = ({\n  id: idProp,\n  className,\n  children,\n  onClick,\n  ref,\n  ...rest\n}: AccordionTriggerProps) => {\n  const item = useAccordionItemContext('Accordion.Trigger');\n  const inPanel = React.useContext(AccordionPanelSlotContext)?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) {\n      warnOnce('Accordion.Trigger:inside-panel', misplacedMessage('Accordion.Trigger'));\n    }\n  }, [inPanel]);\n  const headingOutside = React.useContext(AccordionHeadingOutsideContext);\n  const Heading: `h${AccordionHeadingLevel}` = `h${item.headingLevel}`;\n  const state = item.isOpen ? 'open' : 'closed';\n\n  const button = (\n    <button\n      type=\"button\"\n      className={cn(\n        accordionTriggerClassNames.root,\n        'flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground',\n        'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n        disabledStyles,\n        focusRingInset,\n        className,\n      )}\n      {...rest}\n      // A misplaced Trigger (inside the panel) still toggles, but only the item's own trigger\n      // carries the item's id and panel reference.\n      id={idProp || (inPanel ? undefined : item.triggerId)}\n      // Only a panel region the item renders is referenced (none without panel content).\n      aria-controls={!inPanel && item.hasPanelContent ? item.panelId : undefined}\n      aria-expanded={item.isOpen}\n      data-state={state}\n      onClick={composeEventHandlers(onClick, item.toggle)}\n      ref={ref}\n    >\n      {children}\n      <ChevronDownIcon\n        size={16}\n        className={cn(\n          accordionTriggerClassNames.expandIcon,\n          'shrink-0 transition-transform motion-reduce:transition-none',\n          item.isOpen && 'rotate-180',\n        )}\n      />\n    </button>\n  );\n  // Inside a wrapper chain (a Tooltip) the Item has rendered the heading around the wrapper.\n  return headingOutside ? (\n    button\n  ) : (\n    <Heading className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>{button}</Heading>\n  );\n};\nAccordionTrigger.displayName = 'AccordionTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Panel                                                    */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionPanel sub-component (merged onto the `role=\"region\"` element). */\nexport interface AccordionPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the panel `<div role=\"region\">`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content region of an Accordion.Item, rendered only while the item is open and labelled by\n * its trigger. Its props (className merged, `ref`, `data-*`, handlers) land on the region, and a\n * non-empty `id` replaces the generated one (the trigger's `aria-controls` follows it).\n */\nconst AccordionPanel = ({ id: idProp, className, children, ref, ...rest }: AccordionPanelProps) => {\n  const item = useAccordionItemContext('Accordion.Panel');\n  const slot = React.useContext(AccordionPanelSlotContext);\n  const inPanel = slot?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) warnOnce('Accordion.Panel:inside-panel', misplacedMessage('Accordion.Panel'));\n  }, [inPanel]);\n  if (!item.isOpen) return null;\n  if (inPanel) {\n    // Misplaced: its content joins the enclosing region (one region and one panel id per item).\n    return (\n      <div\n        className={cn(accordionPanelClassNames.root, className)}\n        {...rest}\n        id={idProp || undefined}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n  return (\n    <AccordionPanelSlotContext.Provider value={IN_PANEL}>\n      <div\n        role=\"region\"\n        className={cn(\n          accordionPanelClassNames.root,\n          'px-4 pb-3 text-body-1 text-muted-foreground',\n          className,\n        )}\n        {...rest}\n        id={idProp || item.panelId}\n        aria-labelledby={item.triggerId}\n        data-state=\"open\"\n        ref={ref}\n      >\n        {children}\n        {slot?.extra}\n      </div>\n    </AccordionPanelSlotContext.Provider>\n  );\n};\nAccordionPanel.displayName = 'AccordionPanel';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A vertically stacked set of disclosure sections (WAI-ARIA Accordion pattern). Each\n * `Accordion.Item` renders an `Accordion.Trigger` button inside a heading (`headingLevel`) and an\n * `Accordion.Panel` region that is shown while the item is open.\n *\n * Single mode (the default) keeps at most one item open (`openItem`, `defaultOpenItem`,\n * `onOpenItemChange`); `type=\"multiple\"` lets any number of items open (`openItems`,\n * `defaultOpenItems`, `onOpenItemsChange`). Each Item's `value` must be unique within its\n * Accordion: a development warning names a repeated value.\n *\n * Sub-components are also exported under flat names (`AccordionItem`, `AccordionTrigger`,\n * `AccordionPanel`) for React Server Components, which cannot use the dotted form.\n */\nexport const Accordion = /* @__PURE__ */ Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Panel: AccordionPanel,\n});\n\nexport { AccordionItem, AccordionTrigger, AccordionPanel };\n"],"mappings":"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"}

package/dist/components/layout/Accordion.mjs

@@ -0,0 +1,237 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { flattenChildren as t, getElementType as n } from "../../lib/children.mjs";
+import { reportMissingContext as r, warnDeprecated as i, warnOnce as a } from "../../lib/dev.mjs";
+import { composeEventHandlers as o } from "../../lib/composeEventHandlers.mjs";
+import { accordionClassNames as s, accordionItemClassNames as c, accordionPanelClassNames as l, accordionTriggerClassNames as u } from "../../lib/classNames.mjs";
+import { useControllable as d } from "../../hooks/useControllable.mjs";
+import { useId as f } from "../../hooks/useId.mjs";
+import { disabledStyles as p, focusRingInset as m } from "../../lib/styles.mjs";
+import { ChevronDownIcon as h } from "../../lib/icons.mjs";
+import { getPartId as g } from "./disclosureIds.mjs";
+import * as _ from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/layout/Accordion.tsx
+var b = _.createContext(null), x = _.createContext(null), S = _.createContext(null), C = [], w = {
+	openItems: C,
+	toggle: () => {},
+	registerItem: () => () => {},
+	baseId: "wave-accordion-inert",
+	headingLevel: 3
+}, T = {
+	value: "",
+	isOpen: !1,
+	triggerId: "wave-accordion-inert-trigger",
+	panelId: "wave-accordion-inert-panel",
+	hasPanelContent: !1,
+	headingLevel: 3,
+	toggle: () => {}
+}, E = {
+	extra: null,
+	inPanel: !0
+}, D = _.createContext(!1), O = "m-0 grid";
+function k(e) {
+	return _.useContext(b) || (r(e, "<Accordion>"), w);
+}
+function A(e) {
+	return _.useContext(x) || (r(e, "<Accordion.Item>"), T);
+}
+function j(e) {
+	a(`Accordion:duplicate:${e}`, `Accordion: several items share the value "${e}". Item values must be unique within an Accordion; items with the same value open and close together and share their trigger and panel ids.`);
+}
+function M(e) {
+	if (e !== void 0) return e === null ? C : [e];
+}
+var N = (t) => {
+	let { type: n, openItem: r, defaultOpenItem: o, onOpenItemChange: c, openItems: l, defaultOpenItems: u, onOpenItemsChange: p, headingLevel: m = 3, className: h, children: g, ref: y, ...w } = t, T = n === "multiple";
+	T || (l !== void 0 && i("Accordion", "openItems", "openItem", "In single mode the Accordion takes one value."), u !== void 0 && i("Accordion", "defaultOpenItems", "defaultOpenItem", "In single mode the Accordion takes one value."), p !== void 0 && i("Accordion", "onOpenItemsChange", "onOpenItemChange", "In single mode the Accordion reports one value."));
+	let E = T ? void 0 : r, O = _.useMemo(() => M(E) ?? l, [E, l]), [k] = _.useState(() => (T ? void 0 : M(o)) ?? u ?? C), [A, N] = d(O, k, (e) => {
+		let t = [...e];
+		T || c?.(t[0] ?? null), p?.(t);
+	}), P = A.length;
+	_.useEffect(() => {
+		!T && P > 1 && a("Accordion:single-multiple-open", `Accordion: type="single" allows one open item, but ${P} are open. Pass \`openItem\`, or use type="multiple".`);
+	}, [T, P]);
+	let F = _.useCallback((e) => {
+		N((t) => t.includes(e) ? t.filter((t) => t !== e) : T ? [...t, e] : [e]);
+	}, [T, N]), I = _.useRef(null), L = _.useCallback((e) => {
+		I.current ??= /* @__PURE__ */ new Map();
+		let t = I.current, n = (t.get(e) ?? 0) + 1;
+		return t.set(e, n), n > 1 && j(e), () => {
+			let n = (t.get(e) ?? 1) - 1;
+			n > 0 ? t.set(e, n) : t.delete(e);
+		};
+	}, []), R = f("accordion"), z = _.useMemo(() => ({
+		openItems: A,
+		toggle: F,
+		registerItem: L,
+		baseId: R,
+		headingLevel: m
+	}), [
+		A,
+		F,
+		L,
+		R,
+		m
+	]);
+	return /* @__PURE__ */ v(b.Provider, {
+		value: z,
+		children: /* @__PURE__ */ v(x.Provider, {
+			value: null,
+			children: /* @__PURE__ */ v(S.Provider, {
+				value: null,
+				children: /* @__PURE__ */ v(D.Provider, {
+					value: !1,
+					children: /* @__PURE__ */ v("div", {
+						ref: y,
+						className: e(s.root, "divide-y divide-border", h),
+						...w,
+						children: g
+					})
+				})
+			})
+		})
+	});
+};
+N.displayName = "Accordion";
+function P(e, t, r) {
+	if (Array.isArray(e)) {
+		for (let n of e) {
+			let e = P(n, t, r);
+			if (e) return e;
+		}
+		return;
+	}
+	if (!_.isValidElement(e)) return;
+	let i = n(e, { suspend: !1 });
+	if (i === t) return e;
+	if (i !== r && i !== N && i !== R) return P(e.props.children, t, r);
+}
+function F(e) {
+	let t = e?.props.id;
+	return typeof t == "string" && t !== "" ? t : void 0;
+}
+function I(e) {
+	if (!_.isValidElement(e)) return !1;
+	let t = n(e, { suspend: !1 });
+	if (typeof t == "string" || t === z || t === B || t === N || t === R) return !1;
+	let r = e.props.children;
+	return n(r, { suspend: !1 }) === z || I(r);
+}
+function L(e) {
+	return `${e} was rendered inside the panel of an Accordion.Item, so it is not the item's ${e === "Accordion.Trigger" ? "header" : "panel"}. Place Accordion.Trigger and Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them as \`children\` (such as a Tooltip). The Item cannot see inside a component that renders them itself and treats that component as panel content.`;
+}
+var R = ({ value: n, headingLevel: r, className: i, children: a, ref: o, ...s }) => {
+	let l = k("Accordion.Item"), d = l.openItems.includes(n), { toggle: f, baseId: p, registerItem: m } = l;
+	_.useEffect(() => m(n), [m, n]);
+	let h = r ?? l.headingLevel, b = `h${h}`, C, w, T = [], E = [];
+	for (let { key: n, node: r } of t(a)) {
+		let t = /* @__PURE__ */ v(_.Fragment, { children: r }, n), i = P(r, z, B), a = P(r, B, z);
+		i || a ? (C ??= i, w ??= a, T.push(I(r) ? /* @__PURE__ */ v(b, {
+			className: e(u.heading, O),
+			children: /* @__PURE__ */ v(D.Provider, {
+				value: !0,
+				children: r
+			})
+		}, n) : t)) : E.push(t);
+	}
+	let A = C !== void 0, j = w !== void 0, M = F(C), N = F(w), L = j || E.length > 0, R = j && E.length > 0 ? E : null, V = _.useMemo(() => ({
+		value: n,
+		isOpen: d,
+		triggerId: M ?? g(p, "trigger", n),
+		panelId: N ?? g(p, "panel", n),
+		hasPanelContent: L,
+		headingLevel: h,
+		toggle: () => f(n)
+	}), [
+		n,
+		d,
+		p,
+		M,
+		N,
+		L,
+		h,
+		f
+	]), H = _.useMemo(() => ({
+		extra: R,
+		inPanel: !1
+	}), [R]);
+	return /* @__PURE__ */ v(x.Provider, {
+		value: V,
+		children: /* @__PURE__ */ v(S.Provider, {
+			value: H,
+			children: /* @__PURE__ */ y("div", {
+				ref: o,
+				"data-state": d ? "open" : "closed",
+				className: e(c.root, i),
+				...s,
+				children: [
+					A ? null : /* @__PURE__ */ v(z, { children: n }),
+					T,
+					!j && E.length > 0 ? /* @__PURE__ */ v(B, { children: E }) : null
+				]
+			})
+		})
+	});
+};
+R.displayName = "AccordionItem";
+var z = ({ id: t, className: n, children: r, onClick: i, ref: s, ...c }) => {
+	let l = A("Accordion.Trigger"), d = _.useContext(S)?.inPanel ?? !1;
+	_.useEffect(() => {
+		d && a("Accordion.Trigger:inside-panel", L("Accordion.Trigger"));
+	}, [d]);
+	let f = _.useContext(D), g = `h${l.headingLevel}`, b = l.isOpen ? "open" : "closed", x = /* @__PURE__ */ y("button", {
+		type: "button",
+		className: e(u.root, "flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground", "not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed", p, m, n),
+		...c,
+		id: t || (d ? void 0 : l.triggerId),
+		"aria-controls": !d && l.hasPanelContent ? l.panelId : void 0,
+		"aria-expanded": l.isOpen,
+		"data-state": b,
+		onClick: o(i, l.toggle),
+		ref: s,
+		children: [r, /* @__PURE__ */ v(h, {
+			size: 16,
+			className: e(u.expandIcon, "shrink-0 transition-transform motion-reduce:transition-none", l.isOpen && "rotate-180")
+		})]
+	});
+	return f ? x : /* @__PURE__ */ v(g, {
+		className: e(u.heading, O),
+		children: x
+	});
+};
+z.displayName = "AccordionTrigger";
+var B = ({ id: t, className: n, children: r, ref: i, ...o }) => {
+	let s = A("Accordion.Panel"), c = _.useContext(S), u = c?.inPanel ?? !1;
+	return _.useEffect(() => {
+		u && a("Accordion.Panel:inside-panel", L("Accordion.Panel"));
+	}, [u]), s.isOpen ? u ? /* @__PURE__ */ v("div", {
+		className: e(l.root, n),
+		...o,
+		id: t || void 0,
+		ref: i,
+		children: r
+	}) : /* @__PURE__ */ v(S.Provider, {
+		value: E,
+		children: /* @__PURE__ */ y("div", {
+			role: "region",
+			className: e(l.root, "px-4 pb-3 text-body-1 text-muted-foreground", n),
+			...o,
+			id: t || s.panelId,
+			"aria-labelledby": s.triggerId,
+			"data-state": "open",
+			ref: i,
+			children: [r, c?.extra]
+		})
+	}) : null;
+};
+B.displayName = "AccordionPanel";
+var V = /* @__PURE__ */ Object.assign(N, {
+	Item: R,
+	Trigger: z,
+	Panel: B
+});
+//#endregion
+export { V as Accordion, R as AccordionItem, B as AccordionPanel, z as AccordionTrigger };
+
+//# sourceMappingURL=Accordion.mjs.map