basalt-ui 1.40.3 → 2.0.0

package/src/dashboard/stat-card.tsx

@@ -19,8 +19,8 @@
  * carries them as a muted line, and `info` puts "how this number is computed" behind the glyph
  * beside the title instead of inside the heading's accessible name.
  *
- * `src/dashboard` stays @visx-free — `sparkline` is a plain `ReactNode` slot, never a chart import
- * here. Pass a `LineSparkline`/`BarSparkline` from `basalt-ui/charts` at the call site.
+ * `src/dashboard` stays chart-free — `sparkline` is a plain `ReactNode` slot, never a chart import
+ * here. Pass your own sparkline at the call site (basalt ships no `Sparkline` kind in 2.0.0).
  *
  * `query` hands the card's pending/error/empty branch to `QueryState` at the `'section'` tier,
  * rendered under the header rather than over it — the title row is chrome and must not flicker.
@@ -39,15 +39,14 @@
  *
  * @example
  * import { StatCard } from 'basalt-ui'
- * import { LineSparkline } from 'basalt-ui/charts'
  *
  * // `sparkline` is a RENDER PROP over the slot's measured box, so full-bleed is genuinely the
- * // card's width — no `useChartSize` wrapper component, no hardcoded pixel value.
+ * // card's width — no measuring wrapper component, no hardcoded pixel value.
  * <StatCard
  *   title="Active Users"
  *   value="12,483"
  *   delta={4.2}
- *   sparkline={({ width, height }) => <LineSparkline data={history} width={width} height={height} />}
+ *   sparkline={({ width, height }) => <MySparkline data={history} width={width} height={height} />}
  * />
  *
  * @example
@@ -59,7 +58,7 @@
  *   delta={4.2}
  *   sparklinePlacement="right"
  *   sparkline={({ width, height }) => (
- *     <BarSparkline data={history} width={width} height={height} ariaLabel="Active users trend" />
+ *     <MySparkline data={history} width={width} height={height} ariaLabel="Active users trend" />
  *   )}
  * />
  *
@@ -152,9 +151,9 @@ const SPARKLINE_RIGHT_HEIGHT = 26
 /**
  * The measured box a `sparkline` render prop receives.
  *
- * A `LineSparkline`/`BarSparkline` takes `width`/`height` as NUMBERS (they are SVG attributes — an
+ * An SVG sparkline takes `width`/`height` as NUMBERS (they are SVG attributes — an
  * svg cannot size itself from CSS and then scale its scales), so "full bleed" was never expressible
- * as a `ReactNode`: the caller had to guess a pixel width, or write its own `useChartSize` wrapper
+ * as a `ReactNode`: the caller had to guess a pixel width, or write its own measuring wrapper
  * component. Four consumers wrote that wrapper; two of them hardcoded a width and drew a sparkline
  * that stopped short of the card edge on every viewport but the one they built on.
  */
@@ -164,9 +163,8 @@ export type StatCardSparklineSize = {
 }
 
 /**
- * Measures a slot and re-measures on resize. Plain `ResizeObserver`, not `useChartSize`:
- * `src/dashboard/**` is Mantine-coupled and @visx-FREE (see the module doc), and `useChartSize`
- * wraps `@visx/responsive`.
+ * Measures a slot and re-measures on resize. Plain `ResizeObserver`: `src/dashboard/**` is
+ * Mantine-coupled and chart-FREE (see the module doc).
  *
  * The `undefined` guard is for the test DOM — happy-dom ships no `ResizeObserver`, and the one-shot
  * measure above it is what keeps a mounted card rendering its sparkline there.
@@ -266,14 +264,14 @@ export type StatCardProps = BasaltProps &
     /**
      * Optional trend visual. Either a node, or a RENDER PROP receiving the slot's measured box.
      *
-     * Prefer the render prop for anything from `basalt-ui/charts`: those take numeric `width`/`height`
+     * Prefer the render prop for any SVG sparkline: those take numeric `width`/`height`
      * (SVG attributes), so a plain node has to hardcode a width, and a hardcoded width is not
      * full-bleed on any viewport but the one it was typed on. With `sparklinePlacement="bleed"` the
      * measured width is the card's own inner width including the bled inset; with `'right'` it is the
      * fixed 72×26 slot (see {@link SPARKLINE_RIGHT_WIDTH} for why that one is not measured).
      *
      * @example
-     * sparkline={({ width, height }) => <BarSparkline data={history} width={width} height={height} />}
+     * sparkline={({ width, height }) => <MySparkline data={history} width={width} height={height} />}
      */
     sparkline?: ReactNode | ((size: StatCardSparklineSize) => ReactNode)
     /** Where `sparkline` sits. `'bleed'` (default) is today's full-width row bled to the card edges;
@@ -314,8 +312,8 @@ export function StatCard({
   const isRender = typeof sparkline === 'function'
   const bleeds = sparklinePlacement === 'bleed'
   // Only a render prop needs a measurement; a plain node sizes itself.
-  const slot = useSlotWidth(isRender)
-  const measured: StatCardSparklineSize = { width: slot.width, height: SPARKLINE_RIGHT_HEIGHT }
+  const { ref: slotRef, width: slotWidth } = useSlotWidth(isRender)
+  const measured: StatCardSparklineSize = { width: slotWidth, height: SPARKLINE_RIGHT_HEIGHT }
 
   // A `<dl>`, not a table and not a stack of divs: each row IS a term and its value, which is the
   // one semantic that survives a reader meeting the card out of context.
@@ -350,7 +348,7 @@ export function StatCard({
   const sparklineNode: ReactNode =
     sparkline === undefined ? null : (
       <div
-        ref={slot.ref}
+        ref={slotRef}
         className={cx(
           bleeds ? classes.sparklineBleed : classes.sparklineRight,
           classNames?.sparkline,

package/src/dashboard/widget-header.module.css

@@ -345,26 +345,28 @@
 /*
  * The same fold, triggered by the CARD'S OWN HEIGHT instead of its width (wave 8's header-economy
  * law) — a short-but-wide chart card (a KPI-style plot with little vertical room) still needs the
- * subtitle line back. Not a `@container basalt-card` SIZE query: `container-type: size` on an
- * auto-height card collapses it to 0 (see `ChartCard`'s `CARD_SHORT_HEIGHT` doc), so `ChartCard`
- * measures itself with a ResizeObserver instead and sets `data-basalt-card-short` under 280px.
+ * subtitle line back. A height cannot be a `@container` query: `container-type: size` on an
+ * auto-height card collapses it to 0. So the hook is a selector on markup that is already in the
+ * server HTML (W10 SSR contract): a chart that states a small `height` marks its box
+ * `data-basalt-chart-short`, and the card matches it with `:has`. A card whose body is not a chart
+ * is measured instead (`ChartCard`'s ResizeObserver, under 280px) and sets `data-basalt-card-short`.
  */
-[data-basalt-card-short] .subtitle {
+:is([data-basalt-card-short], [data-basalt-chart-card]:has([data-basalt-chart-short])) .subtitle {
   display: none;
 }
 
-[data-basalt-card-short] .foldGlyph {
+:is([data-basalt-card-short], [data-basalt-chart-card]:has([data-basalt-chart-short])) .foldGlyph {
   display: inline-flex;
 }
 
-[data-basalt-card-short] .foldNote {
+:is([data-basalt-card-short], [data-basalt-chart-card]:has([data-basalt-chart-short])) .foldNote {
   display: block;
 }
 
 /* A short card's KPI numeral is the header's own tallest line (the merged title row has no other
  * source of height once the subtitle folds) — the same floor the width `cqi` clamp already uses,
  * so a short card never introduces a THIRD value size. */
-[data-basalt-card-short] .value {
+:is([data-basalt-card-short], [data-basalt-chart-card]:has([data-basalt-chart-short])) .value {
   font-size: var(--vx-text-lg);
 }
 

package/src/dev-dock.tsx

@@ -1,36 +1,17 @@
 /**
- * `BasaltDevDock` — a fixed, dev-only bottom drawer hosting the in-app tooling: TanStack Router
- * devtools, TanStack Query devtools (the embeddable `ReactQueryDevtoolsPanel` — NOT
- * `BasaltQueryDevtools`, which wraps the floating-button `ReactQueryDevtools` and would duplicate
- * this dock's own chrome), and the theme lab (`basalt-ui/theme-lab`'s `ThemeLabControls`). Ported
- * from argo's `components/dev-dock.tsx` (91 lines) — same three-tool shape, same "only renders the
- * ACTIVE panel" contract: the launcher (which tool is open) lives wherever the consumer puts it —
- * a `SettingsMenuItem` per tool with `active` set to the currently-open one (C5's
- * `SettingsMenuItem.active`) is the seeded pattern — this component owns only the render.
+ * The dev dock — mounted by `BasaltProvider` behind a literal `NODE_ENV` check and not exported
+ * from the barrel (V2-SPEC § 2). A fixed bottom drawer hosting the Router devtools, the Query
+ * devtools panel and the theme lab; it renders only the ACTIVE panel, and the provider's three
+ * `dev.*` Spotlight commands choose which.
  *
- * Every dependency is an OPTIONAL peer, loaded lazily so importing (or even rendering, with
- * `tool={null}`) this module never requires `@tanstack/react-router-devtools`,
- * `@tanstack/react-query-devtools` or `@tanstack/react-router` unless a consumer actually opens
- * that tool — same discipline as `BasaltQueryDevtools` (`query-devtools.tsx`) and
- * `ThemeLabControls`'s own `React.lazy` wrapper here. In production this returns `null`
- * immediately, before any dynamic import fires.
- *
- * @example
- * import { BasaltDevDock, type BasaltDevDockTool } from 'basalt-ui'
- * import { useState } from 'react'
- * import { useRouter } from '@tanstack/react-router'
- *
- * function DevTools() {
- *   const [tool, setTool] = useState<BasaltDevDockTool | null>(null)
- *   const router = useRouter()
- *   return <BasaltDevDock tool={tool} onClose={() => setTool(null)} router={router} />
- * }
- * // wire the launchers as settings-menu entries with `active: tool === 'router'` etc.
+ * Every dependency is an OPTIONAL peer loaded through `import()` when its tool opens, so neither
+ * devtools package is required until then. In production this returns `null` before any import.
  */
-import { lazy, Suspense } from 'react'
+import { lazy, Suspense, useEffect } from 'react'
 import type { ReactNode } from 'react'
 import { Box, CloseButton, Flex, Group, Text } from '@mantine/core'
 import type { BasaltProps } from './common/props'
+import { applyOverrides, loadOverrides } from './theme-lab/boot'
 import type { ThemeLabControlsProps } from './theme-lab'
 
 /** Which panel is open. `null` renders nothing (the dock is unmounted, not hidden). */
@@ -98,6 +79,12 @@ export function BasaltDevDock({
   className,
   style,
 }: BasaltDevDockProps): ReactNode {
+  // The theme lab owns only the editing UI — re-apply persisted overrides at boot so a tuning
+  // session survives a refresh, whether or not the dock is open.
+  useEffect(() => {
+    if (process.env['NODE_ENV'] === 'production') return
+    applyOverrides(loadOverrides())
+  }, [])
   if (process.env['NODE_ENV'] === 'production') return null
   if (tool === null) return null
 

package/src/format/date.ts

@@ -1,70 +1,11 @@
 /**
- * Date/time/duration formatting. `fmtAxisDate`/`fmtTooltipDate` moved here from
- * `src/charts/utils/format.ts` (C5 consolidation) — that file now re-exports from this module.
- * The rest (`clock`/`weekday`/`relativeTime`/`duration`/`durationClock`) are new, seeded from argo
- * consumers (`features/{walking-pad,reading,astro-window,garmin-health}/{formatters,format,
+ * Date/time/duration formatting (`clock`/`weekday`/`relativeTime`/`duration`/`durationClock`),
+ * seeded from argo consumers (`features/{walking-pad,reading,astro-window,garmin-health}/{formatters,format,
  * formulas}.ts` — read those files' own JSDoc for the exact call sites this generalizes).
  */
 import { dateFormat, NON_FINITE, toDate } from './shared'
 import type { LocaleOption } from './shared'
 
-const MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-const SHORT_DAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
-
-/** Axis-friendly short date: DD.MM. A non-finite or invalid date prints {@link NON_FINITE}. */
-export function fmtAxisDate(value: unknown): string {
-  if (typeof value === 'number' && !Number.isFinite(value)) return NON_FINITE
-  if (value instanceof Date) {
-    if (Number.isNaN(value.getTime())) return NON_FINITE
-    const dd = String(value.getDate()).padStart(2, '0')
-    const mm = String(value.getMonth() + 1).padStart(2, '0')
-    return `${dd}.${mm}`
-  }
-  const s = String(value ?? '')
-  const match = s.match(/(\d{4})-(\d{2})-(\d{2})/)
-  if (match) return `${match[3]}.${match[2]}`
-  return s
-}
-
-/** Tooltip-friendly long date: "Mon Apr 21 2026". A non-finite or invalid date prints
- * {@link NON_FINITE}. */
-export function fmtTooltipDate(date: unknown): string {
-  if (typeof date === 'number' && !Number.isFinite(date)) return NON_FINITE
-  if (date instanceof Date) {
-    if (Number.isNaN(date.getTime())) return NON_FINITE
-    return `${SHORT_DAYS[date.getDay()]} ${MONTHS[date.getMonth()]} ${date.getDate()} ${date.getFullYear()}`
-  }
-  const s = String(date ?? '')
-  const match = s.match(/(\d{4})-(\d{2})-(\d{2})/)
-  if (!match) return s
-  const d = new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]))
-  return `${SHORT_DAYS[d.getDay()]} ${MONTHS[d.getMonth()]} ${d.getDate()} ${d.getFullYear()}`
-}
-
-export type ClockOptions = LocaleOption & {
-  /** IANA zone (`'Europe/Vienna'`). Default the runtime's own zone — the same "local" argo's
-   * `d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })` call sites meant. */
-  timeZone?: string
-  /** Render `:ss` too. Default false. */
-  seconds?: boolean
-}
-
-/** A local clock reading — `"09:41"`. Seeds: `m365-explorer/explorer-page.tsx`,
- * `walking-pad/session-history.tsx` (both `toLocaleTimeString([...], { hour: '2-digit', minute:
- * '2-digit' })`). A non-finite/unparseable input prints {@link NON_FINITE}. */
-export function clock(value: Date | number | string, options: ClockOptions = {}): string {
-  const date = toDate(value)
-  if (date === null) return NON_FINITE
-  const { locale, timeZone, seconds = false } = options
-  return dateFormat(locale, {
-    hour: '2-digit',
-    minute: '2-digit',
-    ...(seconds && { second: '2-digit' }),
-    hour12: false,
-    ...(timeZone !== undefined && { timeZone }),
-  }).format(date)
-}
-
 export type WeekdayOptions = LocaleOption & {
   /** `Intl.DateTimeFormat`'s own weekday widths. Default `'short'` (`"Mon"`). */
   format?: 'short' | 'long' | 'narrow'
@@ -139,37 +80,6 @@ export function relativeTime(
   return relativeTimeFormat(locale).format(Math.round(diffMs / unit.ms), unit.unit)
 }
 
-export type DurationUnit = 'seconds' | 'minutes'
-
-export type DurationOptions = {
-  /** Unit of the input value. Default `'seconds'`. */
-  unit?: DurationUnit
-}
-
-/**
- * Human duration — `"1h 02m"`, `"5m"`, `"42s"`. Minutes zero-pad once an hour is present (`"1h
- * 02m"`, a clock-reading convention); alone they don't (`"5m"`). Seconds show only under a minute
- * (`"42s"`). A non-finite value prints {@link NON_FINITE}.
- *
- * The one signature standing in for argo's four duration spellings: `walking-pad/
- * formatters.ts#formatDuration` (seconds, `<60s` → `"Ns"` — this IS that shape),
- * `reading/format.ts#formatReadTime` (seconds, no `<60s` branch, floors at `"0m"` — pass a value
- * `>= 60` and the shapes match), `astro-window/formulas.ts#fmtMinutes` (minutes as input — pass
- * `{ unit: 'minutes' }`). The fourth, `walking-pad/formatters.ts#formatDurationClock` (`h:mm:ss`),
- * is {@link durationClock} below, not this.
- */
-export function duration(value: number, options: DurationOptions = {}): string {
-  if (!Number.isFinite(value)) return NON_FINITE
-  const { unit = 'seconds' } = options
-  const totalSeconds = Math.max(0, Math.round(unit === 'minutes' ? value * 60 : value))
-  if (totalSeconds < 60) return `${totalSeconds}s`
-  const totalMinutes = Math.round(totalSeconds / 60)
-  const h = Math.floor(totalMinutes / 60)
-  const m = totalMinutes % 60
-  if (h === 0) return `${m}m`
-  return `${h}h ${String(m).padStart(2, '0')}m`
-}
-
 /** Clock-style duration — `"1:02:03"`, `"04:12"`. Seeded from `walking-pad/
  * formatters.ts#formatDurationClock`. A non-finite value prints {@link NON_FINITE}. */
 export function durationClock(seconds: number): string {

package/src/format/index.ts

@@ -2,68 +2,22 @@
  * `basalt-ui/format` — Mantine-free, React-free `Intl`-backed formatting. One implementation for
  * numbers/percentages/money, dates/times/durations and the two measurement units argo needed
  * (`km`/`kcal`) — replacing argo's `features/*\/{formatters,formulas,format}.ts` (~350 of 643
- * lines across four duration spellings) and the chart layer's own `charts/utils/format.ts`, which
- * now re-exports from here.
+ * lines across four duration spellings) and the 1.x chart layer's own formatters (2.0's charts
+ * import the internals directly).
  *
  * Every formatter takes `(value, opts?)`; `locale` on every `opts` defaults to `undefined` —
  * `Intl`'s own "use the runtime's locale". Every non-finite/unparseable input prints the same
  * {@link NON_FINITE} em dash rather than `"NaN"` or throwing.
  *
  * @example
- * import { money, percent, duration, weekday, relativeTime } from 'basalt-ui/format'
+ * import { money, percent, durationClock, weekday, relativeTime } from 'basalt-ui/format'
  *
  * money(1234, { currency: 'USD' })        // "$1,234"
  * percent(0.42)                            // "42%"
- * duration(3_723)                          // "1h 02m"
+ * durationClock(3_723)                    // "1:02:03"
  * weekday('2026-09-02')                    // "Wed"
  * relativeTime(Date.now() - 3_600_000)     // "1 hour ago"
  */
-export {
-  compact,
-  deltaPct,
-  type DeltaPctOptions,
-  fmtCompact,
-  type FmtCompactOptions,
-  fmtCurrency,
-  type FmtCurrencyOptions,
-  fmtInt,
-  fmtPercent,
-  type FmtPercentOptions,
-  integer,
-  type LocaleOption,
-  money,
-  NON_FINITE,
-  percent,
-} from './number'
-export {
-  clock,
-  type ClockOptions,
-  duration,
-  durationClock,
-  type DurationOptions,
-  type DurationUnit,
-  fmtAxisDate,
-  fmtTooltipDate,
-  relativeTime,
-  type RelativeTimeOptions,
-  weekday,
-  type WeekdayOptions,
-} from './date'
-export { kcal, type KcalOptions, km, type KmOptions } from './measure'
-
-import { fmtCompact, fmtCurrency, fmtInt, fmtPercent } from './number'
-import { fmtAxisDate, fmtTooltipDate } from './date'
-
-/**
- * Every shipped chart-facing formatter under one name, so a chart can be handed the whole set
- * (`format={formatters.compact}`). Unchanged shape from `charts/utils/format.ts` — this is the
- * SAME object, not a second one, so an existing `formatters.x` call site keeps working verbatim.
- */
-export const formatters = {
-  compact: fmtCompact,
-  percent: fmtPercent,
-  currency: fmtCurrency,
-  int: fmtInt,
-  axisDate: fmtAxisDate,
-  tooltipDate: fmtTooltipDate,
-} as const
+export { integer, money, percent } from './number'
+export { durationClock, relativeTime, weekday } from './date'
+export { kcal, km } from './measure'

package/src/format/number.ts

@@ -1,12 +1,11 @@
 /**
  * Number formatting — `Intl.NumberFormat` with the arguments already decided, so a caller states
- * WHAT a number is rather than how to punctuate it. Moved here from `src/charts/utils/format.ts`
- * (C5 consolidation) — that file now re-exports from this module so charts keep working through
- * one implementation.
+ * WHAT a number is rather than how to punctuate it. One implementation: the chart layer imports
+ * `fmtCompact` from here for its default axis format.
  *
  * `money`/`percent`/`integer`/`compact`/`deltaPct` are the argo-facing names (seeded from
  * `features/*\/{formatters,formulas}.ts`); `fmtCurrency`/`fmtPercent`/`fmtInt`/`fmtCompact` are the
- * original chart-formatter names, kept for source compatibility and delegated to by the new names.
+ * original chart-formatter names, internal since 2.0 and delegated to by the public names.
  */
 import { NON_FINITE, numberFormat } from './shared'
 import type { LocaleOption } from './shared'
@@ -43,9 +42,6 @@ export function fmtCompact(value: number, options: FmtCompactOptions = {}): stri
     .replace(COMPACT_K, '$1k')
 }
 
-/** `compact` — the `basalt-ui/format` name for {@link fmtCompact}. */
-export const compact = fmtCompact
-
 export type FmtPercentOptions = LocaleOption & {
   /** Fraction digits. Default 0 (`42%`). */
   digits?: number
@@ -71,25 +67,6 @@ export function fmtPercent(value: number, options: FmtPercentOptions = {}): stri
 /** `percent` — the `basalt-ui/format` name for {@link fmtPercent}. */
 export const percent = fmtPercent
 
-export type DeltaPctOptions = FmtPercentOptions
-
-/**
- * A signed percentage delta: `+4%`, `-12%`, `0%` — argo's `walking-pad/formatters.ts#formatPct`
- * (a `+`-prefixed ratio) generalized onto `Intl`'s own `signDisplay: 'exceptZero'`, which adds the
- * `+`/`-` sign the same way `Intl`'s own minus sign already does, and adds nothing for zero. A
- * non-finite value prints {@link NON_FINITE}.
- */
-export function deltaPct(value: number, options: DeltaPctOptions = {}): string {
-  if (!Number.isFinite(value)) return NON_FINITE
-  const { digits = 0, input = 'ratio', locale } = options
-  return numberFormat(locale, {
-    style: 'percent',
-    signDisplay: 'exceptZero',
-    minimumFractionDigits: digits,
-    maximumFractionDigits: digits,
-  }).format(input === 'percent' ? value / 100 : value)
-}
-
 export type FmtCurrencyOptions = LocaleOption & {
   /** ISO 4217 code — required. There is no default currency. */
   currency: string

package/src/format/shared.ts

@@ -1,9 +1,8 @@
 /**
  * Shared low-level pieces of `basalt-ui/format` — the em-dash sentinel and the memoized
  * `Intl.NumberFormat` cache every number formatter in this module reuses. Moved here (out of
- * `src/charts/utils/format.ts`, C5 consolidation) so the subpath is the single implementation and
- * `charts/utils/format.ts` becomes a thin re-export (`docs/CHARTS-SPEC.md` still calls it home for
- * chart callers, but the code lives here now).
+ * `src/charts/utils/format.ts`, C5 consolidation) so the subpath is the single implementation;
+ * 2.0's chart layer imports it directly (`docs/V2-SPEC.md` § 9).
  */
 
 /**

package/src/forms/index.ts

@@ -15,28 +15,5 @@
  * Optional peer: @mantine/form ^9.3.0 — install with: bun add @mantine/form
  */
 
-// ── useBasaltForm ─────────────────────────────────────────────────────────────
 export { useBasaltForm } from './create-form'
-export type { UseBasaltFormOptions } from './create-form'
-
-// ── inputProps ────────────────────────────────────────────────────────────────
-// Two calls, never one object: `key` inside a spread is a React 19 warning. See field.ts.
 export { inputProps, fieldKey } from './field'
-
-// ── submit lifecycle ──────────────────────────────────────────────────────────
-export { useFormSubmit, isFieldErrorEnvelope } from './use-form-submit'
-export type { FormFieldErrors, UseFormSubmitOptions, UseFormSubmitReturn } from './use-form-submit'
-export { FormStateProvider, useFormState } from './form-state'
-export type { FormState, FormStateProviderProps } from './form-state'
-
-// ── array fields ──────────────────────────────────────────────────────────────
-export { useFieldArray } from './use-field-array'
-export type { UseFieldArrayReturn } from './use-field-array'
-
-// ── FormErrorSummary ──────────────────────────────────────────────────────────
-export { FormErrorSummary } from './FormErrorSummary'
-export type { FormErrorSummaryProps } from './FormErrorSummary'
-
-// ── useFormDraft ──────────────────────────────────────────────────────────────
-export { useFormDraft, DEFAULT_AUTOSAVE_DEBOUNCE_MS } from './use-form-draft'
-export type { UseFormDraftOptions, UseFormDraftReturn } from './use-form-draft'