@12-apps/ui 6.81.0 → 6.83.0

package/src/components/form/CepField/CepField.md

@@ -20,6 +20,7 @@ serves a supplier form, a store-location form or a delivery checkout.
 - Race-safe: a slow response for a since-edited CEP can never overwrite a newer one
 - Degrades to a plain masked input when the lookup fails, throws, or is absent
 - Accessible status via `role="status"` / `aria-live="polite"` and `aria-busy`
+- Takes `Input`'s `size`, and can float its label inside the box like `Input`
 - Works uncontrolled-by-a-form (props) or bound to `total-form` (`Fields.CepField`)
 
 ## Props Documentation
@@ -42,6 +43,11 @@ serves a supplier form, a store-location form or a delivery checkout.
 - `placeholder`: Placeholder text (default `00000-000`)
 - `name`: Field name / input id (default `postalCode`)
 - `dataTestId`: Test id for the input (default `cep-field-<name>`)
+- `size`: A step of the `Input` size scale (`xs` | `sm` | `md` | `lg` | `xl`, default
+  `md`). Same values and same box heights as `Input`, so a `CepField` at `size="sm"`
+  stands level with `sm` `Input`s
+- `labelPlacement`: `above` (default) stacks the label over the box; `inside` draws it
+  in the box and floats it up on focus or a value, exactly as `Input`'s label does
 
 ### State Props
 
@@ -83,6 +89,20 @@ const [cep, setCep] = useState('');
 />
 ```
 
+### Beside compact `Input`s
+
+An address form made of `Input`s draws every label inside its box. Opt the CEP in to
+the same treatment, and give it the form's `size`, so the CEP block is no taller than
+its neighbours:
+
+```tsx
+<CepField size="sm" labelPlacement="inside" value={cep} onChange={setCep} copy={copy} />
+<Input size="sm" label="Rua" />
+```
+
+`labelPlacement` defaults to `above` so a form that never asked keeps the stacked label
+it has always had. `Fields.CepField` takes the same two props.
+
 ### Bound to `total-form`
 
 `Fields.CepField` wires the field to the surrounding `FormContainer` and writes
@@ -135,4 +155,6 @@ the lookup. The pure helpers (`formatCep`, `isValidCep`) live in
 - `aria-busy` reflects the in-flight lookup
 - `aria-describedby` links the input to its status region
 - `inputMode="numeric"` brings up the numeric keypad on mobile
+- With `labelPlacement="inside"` the label is the `Input`'s own, associated to the input
+  by `for`/`id`, so `getByLabelText` and screen readers name the field the same way
 - `autoComplete="postal-code"` lets the browser's own autofill participate

package/src/components/form/CepField/CepField.tsx

@@ -118,6 +118,29 @@ function CepStatus({
   );
 }
 
+/** The stacked label over the box (`labelPlacement="above"`), or nothing when there is no label. */
+function AboveLabel({
+  name,
+  label,
+  error,
+}: {
+  name: string;
+  label?: string;
+  error?: string;
+}): React.ReactElement | null {
+  if (!label) return null;
+  return (
+    <FormLabel htmlFor={name} error={Boolean(error)}>
+      {label}
+    </FormLabel>
+  );
+}
+
+/** The label handed to the `Input`, which draws it in the box: only for `inside`. */
+function insideLabel(label: string | undefined, placement: 'above' | 'inside'): string | undefined {
+  return placement === 'inside' ? label : undefined;
+}
+
 /**
  * A CEP input that fills the rest of the address in.
  *
@@ -156,6 +179,8 @@ export function CepField({
   name = 'postalCode',
   dataTestId,
   copy,
+  size, // undefined reaches `Input`, whose own default is `md`
+  labelPlacement = 'above',
 }: CepFieldProps): React.ReactElement {
   const testId = dataTestId ?? `cep-field-${name}`;
 
@@ -176,17 +201,18 @@ export function CepField({
 
   return (
     <FormControl fullWidth>
-      {label && (
-        <FormLabel htmlFor={name} error={Boolean(error)}>
-          {label}
-        </FormLabel>
-      )}
+      {labelPlacement === 'above' && <AboveLabel name={name} label={label} error={error} />}
       <Input
         id={name}
         name={name}
         type="text"
         inputMode="numeric"
         autoComplete="postal-code"
+        size={size}
+        // `inside`: the label is the Input's own, drawn in the box and floating
+        // up on focus or a value — what every other `Input` in the form does.
+        // `above` keeps the stacked `FormLabel`, for callers that never opted in.
+        label={insideLabel(label, labelPlacement)}
         placeholder={placeholder}
         value={value}
         error={Boolean(error)}

package/src/components/form/CepField/CepField.types.ts

@@ -1,4 +1,5 @@
 import type { CepFieldCopy } from "../../../copy";
+import type { InputSize } from "../Input/Input.base";
 /**
  * Types for {@link CepField} — the reusable CEP auto-completer.
  */
@@ -73,4 +74,19 @@ export interface CepFieldProps {
   name?: string;
   /** Test id for the input. Defaults to `cep-field-<name>`. */
   dataTestId?: string;
+  /**
+   * A step of the house size scale — the same values, and the same box
+   * heights, as {@link Input}'s `size`. Defaults to `md`.
+   */
+  size?: InputSize;
+  /**
+   * Where the label is drawn.
+   *
+   * - `above` (default): a stacked label over the box, as the field has always
+   *   rendered. Every existing caller keeps it.
+   * - `inside`: the label sits in the box and floats up on focus or a value,
+   *   exactly as `Input`'s label does. Use it beside `Input`s so the CEP block
+   *   is the same height as its neighbours.
+   */
+  labelPlacement?: 'above' | 'inside';
 }

package/src/components/form/Checkbox/Checkbox.md

@@ -51,6 +51,7 @@ import { Checkbox } from '@/components/form/Checkbox';
 | error | `boolean` | `false` | Error state flag |
 | helperText | `string` | - | Helper or error text displayed below |
 | loading | `boolean` | `false` | Shows loading spinner and disables checkbox |
+| loadingLabel | `string` | `loading` | React Native only: the busy spinner's accessible name (`UI_LABELS[locale].common.loading`) |
 | ripple | `boolean` | `true` | Enable/disable ripple effect on click |
 | glow | `boolean` | `false` | Enable glow animation |
 | pulse | `boolean` | `false` | Enable pulse animation |

package/src/components/form/Input/Input.md

@@ -34,6 +34,7 @@ The Input component provides a flexible text input field with comprehensive vali
 - `error`: Error state flag
 - `helperText`: Helper or error text displayed below input
 - `loading`: Shows loading spinner and disables input
+- `loadingLabel`: React Native only — the busy spinner's accessible name (`string`, default `loading`; `UI_LABELS[locale].common.loading`)
 
 ### Visual Props
 - `fullWidth`: Makes input take full container width (default: true)

package/src/components/form/RichTextEditor/RichTextEditor.md

@@ -79,7 +79,8 @@ function App() {
 |------|------|---------|-------------|
 | `value` | `string` | `''` | The current value of the rich text editor content |
 | `onChange` | `(value: string) => void` | - | Callback when the content changes |
-| `placeholder` | `string` | `'Start typing...'` | Placeholder text when empty |
+| `placeholder` | `string` | `'Start typing...'` | Placeholder text when empty; defaults to `labels.placeholder` |
+| `labels` | `Partial<RichTextEditorLabels>` | English pack | The toolbar's tooltips (`bold`, `italic`, `underline`, `strikethrough`, `numberedList`, `bulletedList`, `insertLink`, `insertImage`, `codeBlock`, `quote`), the link and image prompts (`linkPrompt`, `imagePrompt`), the new list item's text (`listItem`), the default `placeholder` and the default `ariaLabel`. Any key left out reads in English (`Bold`, `Enter URL:`, `Start typing...`, `Rich text editor`, …); a pt-BR host passes `UI_LABELS['pt-BR'].richTextEditor` |
 | `disabled` | `boolean` | `false` | Whether the editor is disabled |
 | `readOnly` | `boolean` | `false` | Whether the editor is read-only |
 | `toolbar` | `ToolbarConfig` | Default config | Configuration for toolbar buttons and features |
@@ -89,7 +90,7 @@ function App() {
 | `onBlur` | `() => void` | - | Callback when editor loses focus |
 | `className` | `string` | - | Additional CSS classes |
 | `data-testid` | `string` | - | Test ID for testing purposes |
-| `aria-label` | `string` | `'Rich text editor'` | ARIA label for accessibility |
+| `aria-label` | `string` | `'Rich text editor'` | ARIA label for accessibility; defaults to `labels.ariaLabel` |
 | `aria-describedby` | `string` | - | ARIA described by for accessibility |
 
 ## ToolbarConfig

package/src/components/form/Switch/Switch.md

@@ -86,6 +86,7 @@ import { Switch } from '@procurement/ui';
 | `onChange`      | `(event, checked) => void`                                                    | -           | Change event handler                             |
 | `animated`      | `boolean`                                                                     | `true`      | Enable/disable animations                        |
 | `loading`       | `boolean`                                                                     | `false`     | Shows loading spinner and disables switch        |
+| `loadingLabel`  | `string`                                                                      | `loading`   | React Native only: the busy spinner's accessible name (`UI_LABELS[locale].common.loading`) |
 | `ripple`        | `boolean`                                                                     | `false`     | Enable ripple effect on interaction              |
 | `pulse`         | `boolean`                                                                     | `false`     | Enable pulse animation on thumb                  |
 | `disabled`      | `boolean`                                                                     | `false`     | Disables switch interaction                      |

package/src/components/form/total-form/Fields/CepField.tsx

@@ -3,6 +3,7 @@
 import type { CepFieldCopy } from "../../../../copy";
 import React, { useCallback, useMemo, useRef } from 'react';
 
+import type { InputSize } from '../../Input/Input.base';
 import { CepField as BaseCepField, type CepAddress } from '../../CepField';
 import { useFormContext } from '../FormContext';
 
@@ -29,6 +30,10 @@ export interface CepFieldProps {
   fills?: CepFills;
   /** Milliseconds to wait after the last keystroke before looking up. */
   debounceMs?: number;
+  /** The input's size — the same scale, and box heights, as `Input`. Defaults to `md`. */
+  size?: InputSize;
+  /** `above` (default) stacks the label over the box; `inside` floats it in the box like `Input`. */
+  labelPlacement?: 'above' | 'inside';
 }
 
 const PARTS: readonly CepPart[] = ['street', 'neighborhood', 'city', 'state'];
@@ -107,6 +112,8 @@ export function CepField({
   fills,
   debounceMs,
   copy,
+  size,
+  labelPlacement,
 }: CepFieldProps): React.ReactElement {
   const { values, errors, setFieldValue } = useFormContext();
   const { write, clearOwned } = useOwnedAutofill();
@@ -142,6 +149,8 @@ export function CepField({
       onResolved={handleResolved}
       onNotFound={clearOwned}
       debounceMs={debounceMs}
+      size={size}
+      labelPlacement={labelPlacement}
       dataTestId={`total-form-field-${name}`}
     />
   );

package/src/components/layout/ContentToolbar/ContentToolbar.md

@@ -36,6 +36,18 @@ pages and projects.
 | `MultiSelectDropdown` | Checkbox multi-select with counts, an optional "Options" section, and a Clear action (e.g. "Content Type"). |
 | `FilterTrigger` | Funnel toggle button with an active-filters indicator dot. |
 
+### Label props
+
+Optional; each omitted one reads in English. A host passes
+`UI_LABELS[locale].contentToolbar` from `@12-apps/ui/locales`.
+
+| Prop | On | Type | Default | Description |
+| --- | --- | --- | --- | --- |
+| `gridViewLabel` | `ViewSelector` | `string` | `"Grid View"` | The grid option's name, in the menu and on the trigger while it is active (`contentToolbar.gridView`) |
+| `listViewLabel` | `ViewSelector` | `string` | `"List View"` | The list option's name (`contentToolbar.listView`) |
+| `openFiltersLabel` | `FilterTrigger` | `string` | `"Open filters"` | The button's accessible name while the panel is closed (`contentToolbar.openFilters`) |
+| `closeFiltersLabel` | `FilterTrigger` | `string` | `"Close filters"` | The button's accessible name while the panel is open (`contentToolbar.closeFilters`) |
+
 ## Usage
 
 ```tsx

package/src/components/layout/Dashboard/Dashboard.md

@@ -63,6 +63,9 @@ import { Dashboard } from '@12-apps/ui/layout/Dashboard';
 | `Dashboard.MoreFilters` | (in filters) | Expandable advanced panel for ranges/dates. |
 | `Dashboard.Body` | body | Main content area (the table/grid). |
 
+`Dashboard.Breadcrumb` takes `ariaLabel?: string`, the trail's landmark name
+(default `"breadcrumb"`); a host passes `UI_LABELS[locale].dashboard.breadcrumb`.
+
 ## State
 
 `Dashboard` owns only **UI** state (which regions are open) through

package/src/components/navigation/NavigationMenu/NavigationMenu.md

@@ -26,6 +26,8 @@ A flexible and feature-rich navigation menu component that supports horizontal,
 | collapsible       | `boolean`                                 | false      | Whether the vertical menu can be collapsed              |
 | collapsed         | `boolean`                                 | undefined  | Controlled collapsed state                              |
 | onCollapseChange  | `(collapsed: boolean) => void`           | undefined  | Callback when collapse state changes                    |
+| collapseLabel     | `string`                                  | 'Collapse' | The collapse control's text (vertical, `collapsible` only); `UI_LABELS[locale].navigationMenu.collapse` |
+| expandLabel       | `string`                                  | 'Expand'   | The collapse control's accessible name while collapsed to its icon (vertical, `collapsible` only); `UI_LABELS[locale].navigationMenu.expand` |
 | logo              | `ReactNode`                               | undefined  | Custom logo/brand element                               |
 | endContent        | `ReactNode`                               | undefined  | Additional content to render at the end                 |
 | maxWidth          | `number \| string`                       | undefined  | Maximum width for mega menu                             |

package/src/components/typography/Code/Code.md

@@ -33,6 +33,16 @@ The Code component is a versatile typography element designed for displaying cod
 - **Default**: `false`
 - **Description**: Enables copy-to-clipboard functionality with visual feedback (block/highlight variants only)
 
+### copyLabel
+- **Type**: `string`
+- **Default**: `'Copy code'`
+- **Description**: The copy button's tooltip and accessible name (`UI_LABELS[locale].code.copy`)
+
+### copiedLabel
+- **Type**: `string`
+- **Default**: `'Copied!'`
+- **Description**: The same button right after a copy (`UI_LABELS[locale].code.copied`)
+
 ### lineNumbers
 - **Type**: `boolean`
 - **Default**: `false`

package/src/components/utility/InfiniteScroll/InfiniteScroll.md

@@ -60,6 +60,7 @@ function MyComponent() {
 | `loader` | `ReactNode` | Default spinner | Custom loading indicator |
 | `endMessage` | `ReactNode` | Default message | Message when no more items |
 | `error` | `Error \| null` | - | Error object if load failed |
+| `errorText` | `string` | `"An error occurred while loading more items"` | The error line when `error` carries no message of its own; a pt-BR host passes `UI_LABELS['pt-BR'].infiniteScroll.loadFailed` |
 | `errorComponent` | `ReactNode` | Default error UI | Custom error component |
 | `onError` | `(error: Error) => void` | - | Error callback |
 | `className` | `string` | - | CSS class name |

package/src/components/utility/WorkflowStep/WorkflowStep.md

@@ -35,6 +35,7 @@ The WorkflowStep component is an advanced workflow visualization component that
 | `errorIcon` | `React.ReactNode` | - | Custom icon for error steps |
 | `onStepClick` | `(stepIndex: number) => void` | - | Callback when a step is clicked |
 | `disabled` | `boolean` | `false` | Disable all interactions |
+| `labels` | `Partial<WorkflowStepLabels>` | English pack | The indicators' accessible names, `step(position, title)` (`` `Step ${position}: ${title}` ``), and the progressbar's value text, `progress(position, total)` (`` `Step ${position} of ${total}` ``). Any key left out keeps its English wording; a host passes `UI_LABELS[locale].workflowStep` |
 | `className` | `string` | - | Additional CSS classes |
 | `style` | `React.CSSProperties` | - | Inline styles |
 

package/src/copy/labels.ts

@@ -214,6 +214,24 @@ export interface DateRangePickerLabels {
   calendar: string;
 }
 
+/**
+ * `Calendar`'s month/year caption (`captionLayout="selectors"`): the two
+ * selector buttons, the month arrows and the two pick grids. The month and
+ * year themselves come from `Intl` in the calendar's `locale`.
+ */
+export interface CalendarLabels {
+  /** The month button's accessible name, from the month it shows ("March"). */
+  chooseMonth(month: string): string;
+  /** The year button's accessible name, from the year it shows. */
+  chooseYear(year: number): string;
+  previousMonth: string;
+  nextMonth: string;
+  /** The month grid's accessible name. */
+  months: string;
+  /** The year grid's accessible name. */
+  years: string;
+}
+
 /** Every family above, keyed by the component that renders it. */
 export interface UiLabels {
   common: CommonLabels;
@@ -246,4 +264,5 @@ export interface UiLabels {
   infiniteScroll: InfiniteScrollLabels;
   socialLogin: SocialLoginLabels;
   dateRangePicker: DateRangePickerLabels;
+  calendar: CalendarLabels;
 }

package/src/en-US.labels.ts

@@ -144,4 +144,12 @@ export const EN_US_UI_LABELS: UiLabels = {
   dateRangePicker: {
     calendar: "Calendar",
   },
+  calendar: {
+    chooseMonth: (month) => `${month}, choose month`,
+    chooseYear: (year) => `${year}, choose year`,
+    previousMonth: "Previous month",
+    nextMonth: "Next month",
+    months: "Months",
+    years: "Years",
+  },
 };

package/src/pt-BR.labels.ts

@@ -143,4 +143,12 @@ export const PT_BR_UI_LABELS: UiLabels = {
   dateRangePicker: {
     calendar: "Calendário",
   },
+  calendar: {
+    chooseMonth: (month) => `${month}, escolher mês`,
+    chooseYear: (year) => `${year}, escolher ano`,
+    previousMonth: "Mês anterior",
+    nextMonth: "Próximo mês",
+    months: "Meses",
+    years: "Anos",
+  },
 };

package/dist/chunk-ISW5K72V.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Calendar/Calendar.hooks.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { addMonths, generateMonthMatrix, getWeekdayNames, normalizeDate } from './Calendar.dates';\nimport { ACTIVATION_KEYS, navigateFocus } from './Calendar.keyboard';\nimport { isDateDisabledBy, nextRangeStep } from './Calendar.selection';\nimport type { MonthMatrix, ResolvedCalendarProps } from './Calendar.types';\n\nconst startOfMonth = (date: Date): Date => new Date(date.getFullYear(), date.getMonth(), 1);\n\n// Which day the calendar opens on: whatever is already chosen, else today.\nconst initialFocus = (props: ResolvedCalendarProps, today: Date): Date => {\n  if (props.selectionMode === 'single' && props.value) return normalizeDate(props.value);\n  if (props.selectionMode === 'range' && props.range.start) return normalizeDate(props.range.start);\n  return today;\n};\n\nconst useCalendarState = (props: ResolvedCalendarProps, today: Date) => {\n  const [focusedDate, setFocusedDate] = useState<Date>(() => initialFocus(props, today));\n  const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n  const [currentMonth, setCurrentMonth] = useState<Date>(() => startOfMonth(focusedDate));\n\n  return {\n    focusedDate,\n    setFocusedDate,\n    hoveredDate,\n    setHoveredDate,\n    currentMonth,\n    setCurrentMonth,\n  };\n};\n\nconst useAutoFocusGrid = (autoFocus: boolean) => {\n  const gridRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (autoFocus && gridRef.current) gridRef.current.focus();\n  }, [autoFocus]);\n\n  return gridRef;\n};\n\nconst useVisibleMonths = ({\n  currentMonth,\n  monthsToShow,\n  firstDayOfWeek,\n}: {\n  currentMonth: Date;\n  monthsToShow: number;\n  firstDayOfWeek: number;\n}): MonthMatrix[] =>\n  useMemo(() => {\n    const matrices: MonthMatrix[] = [];\n    let cursor = currentMonth;\n\n    for (let i = 0; i < monthsToShow; i++) {\n      matrices.push(generateMonthMatrix(cursor.getMonth(), cursor.getFullYear(), firstDayOfWeek));\n      cursor = addMonths(cursor, 1);\n    }\n\n    return matrices;\n  }, [currentMonth, monthsToShow, firstDayOfWeek]);\n\n// A click either sets a single date or advances the range by one step; the range\n// rules themselves live in nextRangeStep.\nconst useDateClick = ({\n  props,\n  isDisabled,\n  setFocusedDate,\n}: {\n  props: ResolvedCalendarProps;\n  isDisabled: (date: Date) => boolean;\n  setFocusedDate: (date: Date) => void;\n}) => {\n  const {\n    selectionMode,\n    range,\n    onChange,\n    onRangeChange,\n    onIntermediateRangeChange,\n    allowSameDayRange,\n    minRangeLength,\n    maxRangeLength,\n  } = props;\n\n  return useCallback(\n    (date: Date) => {\n      if (isDisabled(date)) return;\n\n      const candidate = normalizeDate(date);\n      setFocusedDate(candidate);\n\n      if (selectionMode === 'single') {\n        onChange?.(candidate);\n        return;\n      }\n\n      const step = nextRangeStep({\n        start: range.start,\n        end: range.end,\n        candidate,\n        allowSameDayRange,\n        minRangeLength,\n        maxRangeLength,\n      });\n\n      if (step.kind === 'rejected') return;\n\n      if (step.kind === 'complete') onRangeChange?.(step.range);\n      onIntermediateRangeChange?.(step.range);\n    },\n    [\n      selectionMode,\n      range,\n      onChange,\n      onRangeChange,\n      onIntermediateRangeChange,\n      isDisabled,\n      allowSameDayRange,\n      minRangeLength,\n      maxRangeLength,\n      setFocusedDate,\n    ],\n  );\n};\n\n// Hovering only means something while a range is half-chosen.\nconst useHoverHandlers = ({\n  selectionMode,\n  range,\n  isDisabled,\n  setHoveredDate,\n}: {\n  selectionMode: ResolvedCalendarProps['selectionMode'];\n  range: ResolvedCalendarProps['range'];\n  isDisabled: (date: Date) => boolean;\n  setHoveredDate: (date: Date | null) => void;\n}) => {\n  const handleDateMouseEnter = useCallback(\n    (date: Date) => {\n      if (selectionMode === 'range' && range.start && !range.end && !isDisabled(date)) {\n        setHoveredDate(normalizeDate(date));\n      }\n    },\n    [selectionMode, range, isDisabled, setHoveredDate],\n  );\n\n  const handleDateMouseLeave = useCallback(() => setHoveredDate(null), [setHoveredDate]);\n\n  return { handleDateMouseEnter, handleDateMouseLeave };\n};\n\nconst useKeyboardHandler = ({\n  focusedDate,\n  firstDayOfWeek,\n  currentMonth,\n  handleDateClick,\n  setFocusedDate,\n  setCurrentMonth,\n  setHoveredDate,\n}: {\n  focusedDate: Date;\n  firstDayOfWeek: number;\n  currentMonth: Date;\n  handleDateClick: (date: Date) => void;\n  setFocusedDate: (date: Date) => void;\n  setCurrentMonth: (date: Date) => void;\n  setHoveredDate: (date: Date | null) => void;\n}) =>\n  useCallback(\n    (event: React.KeyboardEvent) => {\n      const { key } = event;\n      const moved = navigateFocus(key, focusedDate, { firstDayOfWeek, shiftKey: event.shiftKey });\n\n      if (moved) {\n        event.preventDefault();\n        setFocusedDate(normalizeDate(moved));\n\n        // Follow focus into a month that is not on screen.\n        const month = startOfMonth(moved);\n        if (month.getTime() !== currentMonth.getTime()) setCurrentMonth(month);\n        return;\n      }\n\n      if (ACTIVATION_KEYS.includes(key)) {\n        event.preventDefault();\n        handleDateClick(focusedDate);\n        return;\n      }\n\n      if (key === 'Escape') {\n        event.preventDefault();\n        setHoveredDate(null);\n      }\n    },\n    [\n      focusedDate,\n      firstDayOfWeek,\n      currentMonth,\n      handleDateClick,\n      setFocusedDate,\n      setCurrentMonth,\n      setHoveredDate,\n    ],\n  );\n\nexport const useCalendar = (props: ResolvedCalendarProps) => {\n  const { monthsToShow, firstDayOfWeek, locale, minDate, maxDate, isDateDisabled } = props;\n\n  const today = useMemo(() => normalizeDate(new Date()), []);\n  const state = useCalendarState(props, today);\n  const gridRef = useAutoFocusGrid(props.autoFocus);\n\n  const monthMatrices = useVisibleMonths({\n    currentMonth: state.currentMonth,\n    monthsToShow,\n    firstDayOfWeek,\n  });\n\n  const weekdayNames = useMemo(\n    () => getWeekdayNames(locale, firstDayOfWeek),\n    [locale, firstDayOfWeek],\n  );\n\n  const isDisabled = useCallback(\n    (date: Date) => isDateDisabledBy({ date, minDate, maxDate, isDateDisabled }),\n    [minDate, maxDate, isDateDisabled],\n  );\n\n  const { setCurrentMonth } = state;\n  const goToPreviousMonth = useCallback(\n    () => setCurrentMonth((prev) => addMonths(prev, -1)),\n    [setCurrentMonth],\n  );\n  const goToNextMonth = useCallback(\n    () => setCurrentMonth((prev) => addMonths(prev, 1)),\n    [setCurrentMonth],\n  );\n\n  const handleDateClick = useDateClick({\n    props,\n    isDisabled,\n    setFocusedDate: state.setFocusedDate,\n  });\n\n  const { handleDateMouseEnter, handleDateMouseLeave } = useHoverHandlers({\n    selectionMode: props.selectionMode,\n    range: props.range,\n    isDisabled,\n    setHoveredDate: state.setHoveredDate,\n  });\n\n  const handleKeyDown = useKeyboardHandler({\n    focusedDate: state.focusedDate,\n    firstDayOfWeek,\n    currentMonth: state.currentMonth,\n    handleDateClick,\n    setFocusedDate: state.setFocusedDate,\n    setCurrentMonth: state.setCurrentMonth,\n    setHoveredDate: state.setHoveredDate,\n  });\n\n  return {\n    gridRef,\n    today,\n    focusedDate: state.focusedDate,\n    hoveredDate: state.hoveredDate,\n    monthMatrices,\n    weekdayNames,\n    isDisabled,\n    goToPreviousMonth,\n    goToNextMonth,\n    handleDateClick,\n    handleDateMouseEnter,\n    handleDateMouseLeave,\n    handleKeyDown,\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-QCNUMOTL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/total-form/Fields/CepField.tsx"],"sourcesContent":["'use client';\n\nimport type { CepFieldCopy } from \"../../../../copy\";\nimport React, { useCallback, useMemo, useRef } from 'react';\n\nimport { CepField as BaseCepField, type CepAddress } from '../../CepField';\nimport { useFormContext } from '../FormContext';\n\n/** The resolved address parts a form can receive. */\ntype CepPart = 'street' | 'neighborhood' | 'city' | 'state';\n\n/**\n * Which form field receives each resolved part. Omit a part to leave it alone —\n * a form with no bairro column simply doesn't map `neighborhood`.\n */\nexport type CepFills = Partial<Record<CepPart, string>>;\n\n/** Props for the `total-form` {@link CepField}. */\nexport interface CepFieldProps {\n  /** The lookup status wording. REQUIRED — no default copy. */\n  copy: CepFieldCopy;\n  /** Field name; also the key into the form's values/errors. */\n  name: string;\n  /** Optional visible label. Defaults to `CEP`. */\n  label?: string;\n  /** Resolve a complete CEP. Omit for a masked input with no lookup. */\n  lookup?: (cep: string) => Promise<CepAddress | null>;\n  /** Maps each resolved address part onto a field in THIS form. */\n  fills?: CepFills;\n  /** Milliseconds to wait after the last keystroke before looking up. */\n  debounceMs?: number;\n}\n\nconst PARTS: readonly CepPart[] = ['street', 'neighborhood', 'city', 'state'];\n\n/** Ownership-aware writes into sibling form fields. */\ninterface OwnedAutofill {\n  /** Write one field, where `''` means \"no value for this part\". */\n  write: (field: string, value: string) => void;\n  /** Blank every field this hook still owns. */\n  clearOwned: () => void;\n}\n\n/**\n * The honesty rule, in one place: this hook remembers exactly what it wrote,\n * writes only into fields that are empty or still hold its own value, and drops\n * the ownership record when it blanks one. That single invariant is what lets\n * autofill replace itself freely while never touching the user's typing.\n */\nfunction useOwnedAutofill(): OwnedAutofill {\n  const { values, setFieldValue } = useFormContext();\n  // What we last auto-filled per target field, so a later lookup may replace\n  // its own value while a manual edit is preserved.\n  const autoFilledRef = useRef<Record<string, string>>({});\n  // Read values at call time without making them a dependency of the callback.\n  const valuesRef = useRef(values);\n  valuesRef.current = values;\n\n  const write = useCallback(\n    (field: string, value: string) => {\n      const current = (valuesRef.current[field] ?? '').trim();\n      const ours = autoFilledRef.current[field] === current;\n      if (current !== '' && !ours) return;\n      setFieldValue(field, value);\n      if (value) {\n        autoFilledRef.current[field] = value;\n      } else {\n        delete autoFilledRef.current[field];\n      }\n    },\n    [setFieldValue],\n  );\n\n  const clearOwned = useCallback(() => {\n    // Object.keys snapshots, so `write` may delete entries as we iterate.\n    for (const field of Object.keys(autoFilledRef.current)) {\n      write(field, '');\n    }\n  }, [write]);\n\n  return useMemo(() => ({ write, clearOwned }), [write, clearOwned]);\n}\n\n/**\n * CEP field bound to {@link useFormContext}: masks and validates the CEP, then\n * writes the resolved logradouro/bairro/cidade/UF straight into the sibling\n * fields named by `fills`.\n *\n * It will not overwrite work the user has done. A target field is only written\n * when it is empty, or when it still holds the exact value THIS component put\n * there — so correcting the CEP re-fills the address, but a hand-edited street\n * survives the next lookup.\n *\n * @example\n * ```tsx\n * <Fields.CepField\n *   name=\"postalCode\"\n *   lookup={lookupCep}\n *   fills={{ street: 'addressLine1', neighborhood: 'neighborhood', city: 'city', state: 'state' }}\n * />\n * ```\n */\nexport function CepField({\n  name,\n  label,\n  lookup,\n  fills,\n  debounceMs,\n  copy,\n}: CepFieldProps): React.ReactElement {\n  const { values, errors, setFieldValue } = useFormContext();\n  const { write, clearOwned } = useOwnedAutofill();\n\n  const handleResolved = useCallback(\n    (address: CepAddress) => {\n      if (!fills) return;\n      // Every mapped part is written on EVERY resolve, absent ones as ''. A\n      // \"CEP geral\" (a small município's catch-all) carries no logradouro, so\n      // skipping absent parts would leave the previous CEP's street here.\n      for (const part of PARTS) {\n        const field = fills[part];\n        if (field) write(field, address[part] ?? '');\n      }\n    },\n    [fills, write],\n  );\n\n  const handleChange = useCallback(\n    (masked: string) => setFieldValue(name, masked),\n    [name, setFieldValue],\n  );\n\n  return (\n    <BaseCepField\n      copy={copy}\n      name={name}\n      label={label}\n      value={values[name] ?? ''}\n      error={errors[name]}\n      onChange={handleChange}\n      onLookup={lookup}\n      onResolved={handleResolved}\n      onNotFound={clearOwned}\n      debounceMs={debounceMs}\n      dataTestId={`total-form-field-${name}`}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAGA,SAAgB,aAAa,SAAS,cAAc;AAkIhD;AApGJ,IAAM,QAA4B,CAAC,UAAU,gBAAgB,QAAQ,OAAO;AAgB5E,SAAS,mBAAkC;AACzC,QAAM,EAAE,QAAQ,cAAc,IAAI,eAAe;AAGjD,QAAM,gBAAgB,OAA+B,CAAC,CAAC;AAEvD,QAAM,YAAY,OAAO,MAAM;AAC/B,YAAU,UAAU;AAEpB,QAAM,QAAQ;AAAA,IACZ,CAAC,OAAe,UAAkB;AAChC,YAAM,WAAW,UAAU,QAAQ,KAAK,KAAK,IAAI,KAAK;AACtD,YAAM,OAAO,cAAc,QAAQ,KAAK,MAAM;AAC9C,UAAI,YAAY,MAAM,CAAC,KAAM;AAC7B,oBAAc,OAAO,KAAK;AAC1B,UAAI,OAAO;AACT,sBAAc,QAAQ,KAAK,IAAI;AAAA,MACjC,OAAO;AACL,eAAO,cAAc,QAAQ,KAAK;AAAA,MACpC;AAAA,IACF;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,aAAa,YAAY,MAAM;AAEnC,eAAW,SAAS,OAAO,KAAK,cAAc,OAAO,GAAG;AACtD,YAAM,OAAO,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO,QAAQ,OAAO,EAAE,OAAO,WAAW,IAAI,CAAC,OAAO,UAAU,CAAC;AACnE;AAqBO,SAASA,UAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,QAAM,EAAE,QAAQ,QAAQ,cAAc,IAAI,eAAe;AACzD,QAAM,EAAE,OAAO,WAAW,IAAI,iBAAiB;AAE/C,QAAM,iBAAiB;AAAA,IACrB,CAAC,YAAwB;AACvB,UAAI,CAAC,MAAO;AAIZ,iBAAW,QAAQ,OAAO;AACxB,cAAM,QAAQ,MAAM,IAAI;AACxB,YAAI,MAAO,OAAM,OAAO,QAAQ,IAAI,KAAK,EAAE;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA,EACf;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,WAAmB,cAAc,MAAM,MAAM;AAAA,IAC9C,CAAC,MAAM,aAAa;AAAA,EACtB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,OAAO,IAAI,KAAK;AAAA,MACvB,OAAO,OAAO,IAAI;AAAA,MAClB,UAAU;AAAA,MACV,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,MACA,YAAY,oBAAoB,IAAI;AAAA;AAAA,EACtC;AAEJ;","names":["CepField"]}

package/dist/chunk-SUALMVL7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Calendar/Calendar.helpers.ts"],"sourcesContent":["import type { CalendarProps, ResolvedCalendarProps } from './Calendar.types';\n\nconst CALENDAR_DEFAULTS = {\n  selectionMode: 'single',\n  value: null,\n  range: { start: null, end: null },\n  firstDayOfWeek: 0,\n  locale: 'en-US',\n  showOutsideDays: true,\n  minRangeLength: 1,\n  allowSameDayRange: true,\n  autoFocus: false,\n} as const satisfies Partial<CalendarProps>;\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: CalendarProps): Partial<CalendarProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<CalendarProps>;\n\n// Applied as a merge rather than destructuring defaults, which would otherwise\n// put nine branches into the component's own complexity budget.\nexport const resolveCalendarProps = (props: CalendarProps): ResolvedCalendarProps => {\n  const merged = { ...CALENDAR_DEFAULTS, ...definedProps(props) } as ResolvedCalendarProps;\n\n  // A range needs two months side by side to be picked comfortably; a single\n  // date does not.\n  const defaultMonths = merged.selectionMode === 'range' ? 2 : 1;\n\n  return { ...merged, monthsToShow: merged.numberOfMonths ?? defaultMonths };\n};\n"],"mappings":";AAEA,IAAM,oBAAoB;AAAA,EACxB,eAAe;AAAA,EACf,OAAO;AAAA,EACP,OAAO,EAAE,OAAO,MAAM,KAAK,KAAK;AAAA,EAChC,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,WAAW;AACb;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAIK,IAAM,uBAAuB,CAAC,UAAgD;AACnF,QAAM,SAAS,EAAE,GAAG,mBAAmB,GAAG,aAAa,KAAK,EAAE;AAI9D,QAAM,gBAAgB,OAAO,kBAAkB,UAAU,IAAI;AAE7D,SAAO,EAAE,GAAG,QAAQ,cAAc,OAAO,kBAAkB,cAAc;AAC3E;","names":[]}

package/dist/chunk-TERT6TIS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Calendar/Calendar.dates.ts"],"sourcesContent":["import type { MonthMatrix, MonthMatrixDay } from './Calendar.types';\n\nconst DAYS_PER_WEEK = 7;\n// Six rows always cover a month, whichever weekday it starts on.\nconst MAX_CELLS = 42;\nconst NOON = 12;\n\n// Every comparison happens at noon so daylight-saving shifts can never move a\n// date across a day boundary.\nexport const normalizeDate = (date: Date): Date => {\n  const normalized = new Date(date);\n  normalized.setHours(NOON, 0, 0, 0);\n  return normalized;\n};\n\nexport const isSameDay = (date1: Date, date2: Date): boolean =>\n  date1.getFullYear() === date2.getFullYear() &&\n  date1.getMonth() === date2.getMonth() &&\n  date1.getDate() === date2.getDate();\n\nexport const isBetween = (date: Date, start: Date, end: Date): boolean => {\n  const normalized = normalizeDate(date);\n  return normalized >= normalizeDate(start) && normalized <= normalizeDate(end);\n};\n\nexport const addDays = (date: Date, days: number): Date => {\n  const result = new Date(date);\n  result.setDate(result.getDate() + days);\n  return result;\n};\n\nexport const addMonths = (date: Date, months: number): Date => {\n  const result = new Date(date);\n  result.setMonth(result.getMonth() + months);\n  return result;\n};\n\nexport const startOfWeek = (date: Date, firstDayOfWeek = 0): Date => {\n  const result = new Date(date);\n  const day = result.getDay();\n  const diff = (day < firstDayOfWeek ? DAYS_PER_WEEK : 0) + day - firstDayOfWeek;\n  result.setDate(result.getDate() - diff);\n  return result;\n};\n\n// Day 0 of the next month is the last day of this one.\nconst endOfMonth = (date: Date): Date =>\n  new Date(date.getFullYear(), date.getMonth() + 1, 0);\n\nconst dayKey = (date: Date): string =>\n  `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;\n\nexport const generateMonthMatrix = (\n  month: number,\n  year: number,\n  firstDayOfWeek = 0,\n): MonthMatrix => {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = endOfMonth(firstDay);\n  const currentDate = startOfWeek(firstDay, firstDayOfWeek);\n\n  const weeks: MonthMatrixDay[][] = [];\n  let currentWeek: MonthMatrixDay[] = [];\n\n  for (let i = 0; i < MAX_CELLS; i++) {\n    currentWeek.push({\n      date: new Date(currentDate),\n      inCurrentMonth: currentDate.getMonth() === month,\n      key: dayKey(currentDate),\n    });\n\n    if (currentWeek.length === DAYS_PER_WEEK) {\n      weeks.push(currentWeek);\n      currentWeek = [];\n    }\n\n    currentDate.setDate(currentDate.getDate() + 1);\n\n    // Stop on a week boundary once the month is behind us, so a month that fits\n    // in five rows does not get a trailing sixth.\n    if (currentWeek.length === 0 && currentDate > lastDay) break;\n  }\n\n  return { weeks, month, year };\n};\n\nexport const getWeekdayNames = (locale = 'en-US', firstDayOfWeek = 0): string[] => {\n  const baseDate = new Date(2025, 0, 5); // A Sunday\n  const weekdays: string[] = [];\n\n  for (let i = 0; i < DAYS_PER_WEEK; i++) {\n    const date = addDays(baseDate, (i + firstDayOfWeek) % DAYS_PER_WEEK);\n    weekdays.push(date.toLocaleDateString(locale, { weekday: 'narrow' }));\n  }\n\n  return weekdays;\n};\n\nexport const getMonthName = (month: number, year: number, locale = 'en-US'): string =>\n  new Date(year, month, 1).toLocaleDateString(locale, { month: 'long', year: 'numeric' });\n"],"mappings":";AAEA,IAAM,gBAAgB;AAEtB,IAAM,YAAY;AAClB,IAAM,OAAO;AAIN,IAAM,gBAAgB,CAAC,SAAqB;AACjD,QAAM,aAAa,IAAI,KAAK,IAAI;AAChC,aAAW,SAAS,MAAM,GAAG,GAAG,CAAC;AACjC,SAAO;AACT;AAEO,IAAM,YAAY,CAAC,OAAa,UACrC,MAAM,YAAY,MAAM,MAAM,YAAY,KAC1C,MAAM,SAAS,MAAM,MAAM,SAAS,KACpC,MAAM,QAAQ,MAAM,MAAM,QAAQ;AAE7B,IAAM,YAAY,CAAC,MAAY,OAAa,QAAuB;AACxE,QAAM,aAAa,cAAc,IAAI;AACrC,SAAO,cAAc,cAAc,KAAK,KAAK,cAAc,cAAc,GAAG;AAC9E;AAEO,IAAM,UAAU,CAAC,MAAY,SAAuB;AACzD,QAAM,SAAS,IAAI,KAAK,IAAI;AAC5B,SAAO,QAAQ,OAAO,QAAQ,IAAI,IAAI;AACtC,SAAO;AACT;AAEO,IAAM,YAAY,CAAC,MAAY,WAAyB;AAC7D,QAAM,SAAS,IAAI,KAAK,IAAI;AAC5B,SAAO,SAAS,OAAO,SAAS,IAAI,MAAM;AAC1C,SAAO;AACT;AAEO,IAAM,cAAc,CAAC,MAAY,iBAAiB,MAAY;AACnE,QAAM,SAAS,IAAI,KAAK,IAAI;AAC5B,QAAM,MAAM,OAAO,OAAO;AAC1B,QAAM,QAAQ,MAAM,iBAAiB,gBAAgB,KAAK,MAAM;AAChE,SAAO,QAAQ,OAAO,QAAQ,IAAI,IAAI;AACtC,SAAO;AACT;AAGA,IAAM,aAAa,CAAC,SAClB,IAAI,KAAK,KAAK,YAAY,GAAG,KAAK,SAAS,IAAI,GAAG,CAAC;AAErD,IAAM,SAAS,CAAC,SACd,GAAG,KAAK,YAAY,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,KAAK,QAAQ,CAAC;AAErD,IAAM,sBAAsB,CACjC,OACA,MACA,iBAAiB,MACD;AAChB,QAAM,WAAW,IAAI,KAAK,MAAM,OAAO,CAAC;AACxC,QAAM,UAAU,WAAW,QAAQ;AACnC,QAAM,cAAc,YAAY,UAAU,cAAc;AAExD,QAAM,QAA4B,CAAC;AACnC,MAAI,cAAgC,CAAC;AAErC,WAAS,IAAI,GAAG,IAAI,WAAW,KAAK;AAClC,gBAAY,KAAK;AAAA,MACf,MAAM,IAAI,KAAK,WAAW;AAAA,MAC1B,gBAAgB,YAAY,SAAS,MAAM;AAAA,MAC3C,KAAK,OAAO,WAAW;AAAA,IACzB,CAAC;AAED,QAAI,YAAY,WAAW,eAAe;AACxC,YAAM,KAAK,WAAW;AACtB,oBAAc,CAAC;AAAA,IACjB;AAEA,gBAAY,QAAQ,YAAY,QAAQ,IAAI,CAAC;AAI7C,QAAI,YAAY,WAAW,KAAK,cAAc,QAAS;AAAA,EACzD;AAEA,SAAO,EAAE,OAAO,OAAO,KAAK;AAC9B;AAEO,IAAM,kBAAkB,CAAC,SAAS,SAAS,iBAAiB,MAAgB;AACjF,QAAM,WAAW,IAAI,KAAK,MAAM,GAAG,CAAC;AACpC,QAAM,WAAqB,CAAC;AAE5B,WAAS,IAAI,GAAG,IAAI,eAAe,KAAK;AACtC,UAAM,OAAO,QAAQ,WAAW,IAAI,kBAAkB,aAAa;AACnE,aAAS,KAAK,KAAK,mBAAmB,QAAQ,EAAE,SAAS,SAAS,CAAC,CAAC;AAAA,EACtE;AAEA,SAAO;AACT;AAEO,IAAM,eAAe,CAAC,OAAe,MAAc,SAAS,YACjE,IAAI,KAAK,MAAM,OAAO,CAAC,EAAE,mBAAmB,QAAQ,EAAE,OAAO,QAAQ,MAAM,UAAU,CAAC;","names":[]}

package/dist/chunk-TGMMUKOF.js

@@ -1,90 +0,0 @@
-import {
-  useCalendar
-} from "./chunk-ISW5K72V.js";
-import {
-  resolveCalendarProps
-} from "./chunk-SUALMVL7.js";
-import {
-  CalendarMonth
-} from "./chunk-UHQZ5XPW.js";
-import {
-  rem,
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/form/Calendar/Calendar.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var containerSx = (monthsToShow) => ({
-  p: 3,
-  display: "flex",
-  flexDirection: monthsToShow > 1 ? "row" : "column",
-  gap: 3,
-  outline: "none",
-  "&:focus-within": {
-    outline: (theme) => `${rem(theme, 2)} solid`,
-    outlineColor: "primary.main",
-    outlineOffset: sxRem(2)
-  }
-});
-var Calendar = React.forwardRef((componentProps, ref) => {
-  const props = resolveCalendarProps(componentProps);
-  const { monthsToShow, locale, renderHeader, renderFooter, className, ariaLabel } = props;
-  const calendar = useCalendar(props);
-  const dayContext = {
-    selectionMode: props.selectionMode,
-    value: props.value,
-    range: props.range,
-    showOutsideDays: props.showOutsideDays,
-    renderDay: props.renderDay,
-    dayClassName: props.dayClassName,
-    hoveredDate: calendar.hoveredDate,
-    focusedDate: calendar.focusedDate,
-    today: calendar.today,
-    isDisabled: calendar.isDisabled,
-    onSelect: calendar.handleDateClick,
-    onHover: calendar.handleDateMouseEnter,
-    onHoverEnd: calendar.handleDateMouseLeave
-  };
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      ref,
-      className,
-      role: "application",
-      "aria-label": ariaLabel,
-      tabIndex: 0,
-      onKeyDown: calendar.handleKeyDown,
-      "data-testid": "calendar-container",
-      sx: containerSx(monthsToShow),
-      children: [
-        /* @__PURE__ */ jsx(Box, { ref: calendar.gridRef, sx: { display: "flex", gap: 3, flexWrap: "wrap" }, children: calendar.monthMatrices.map((matrix, index) => /* @__PURE__ */ jsx(
-          CalendarMonth,
-          {
-            matrix,
-            monthIndex: index,
-            monthsToShow,
-            locale,
-            weekdayNames: calendar.weekdayNames,
-            renderHeader,
-            onPreviousMonth: calendar.goToPreviousMonth,
-            onNextMonth: calendar.goToNextMonth,
-            dayContext
-          },
-          `month-${matrix.year}-${matrix.month}`
-        )) }),
-        renderFooter && /* @__PURE__ */ jsx(Box, { sx: { mt: 2, pt: 2, borderTop: 1, borderColor: "divider" }, children: renderFooter })
-      ]
-    }
-  );
-});
-Calendar.displayName = "Calendar";
-var Calendar_default = Calendar;
-
-export {
-  Calendar,
-  Calendar_default
-};
-//# sourceMappingURL=chunk-TGMMUKOF.js.map

package/dist/chunk-TGMMUKOF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Calendar/Calendar.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport React from 'react';\n\nimport { rem, sxRem } from '../../../tokens/relative';\n\nimport { resolveCalendarProps } from './Calendar.helpers';\nimport { useCalendar } from './Calendar.hooks';\nimport type { CalendarProps } from './Calendar.types';\nimport type { DayCellContext } from './CalendarDayCell';\nimport { CalendarMonth } from './CalendarMonth';\n\nconst containerSx = (monthsToShow: number): SxProps<Theme> => ({\n  p: 3,\n  display: 'flex',\n  flexDirection: monthsToShow > 1 ? 'row' : 'column',\n  gap: 3,\n  outline: 'none',\n  '&:focus-within': {\n    outline: (theme: Theme) => `${rem(theme, 2)} solid`,\n    outlineColor: 'primary.main',\n    outlineOffset: sxRem(2),\n  },\n});\n\nexport const Calendar = React.forwardRef<HTMLDivElement, CalendarProps>((componentProps, ref) => {\n  const props = resolveCalendarProps(componentProps);\n  const { monthsToShow, locale, renderHeader, renderFooter, className, ariaLabel } = props;\n\n  const calendar = useCalendar(props);\n\n  const dayContext: DayCellContext = {\n    selectionMode: props.selectionMode,\n    value: props.value,\n    range: props.range,\n    showOutsideDays: props.showOutsideDays,\n    renderDay: props.renderDay,\n    dayClassName: props.dayClassName,\n    hoveredDate: calendar.hoveredDate,\n    focusedDate: calendar.focusedDate,\n    today: calendar.today,\n    isDisabled: calendar.isDisabled,\n    onSelect: calendar.handleDateClick,\n    onHover: calendar.handleDateMouseEnter,\n    onHoverEnd: calendar.handleDateMouseLeave,\n  };\n\n  return (\n    <Paper\n      ref={ref}\n      className={className}\n      role=\"application\"\n      aria-label={ariaLabel}\n      tabIndex={0}\n      onKeyDown={calendar.handleKeyDown}\n      data-testid=\"calendar-container\"\n      sx={containerSx(monthsToShow)}\n    >\n      <Box ref={calendar.gridRef} sx={{ display: 'flex', gap: 3, flexWrap: 'wrap' }}>\n        {calendar.monthMatrices.map((matrix, index) => (\n          <CalendarMonth\n            key={`month-${matrix.year}-${matrix.month}`}\n            matrix={matrix}\n            monthIndex={index}\n            monthsToShow={monthsToShow}\n            locale={locale}\n            weekdayNames={calendar.weekdayNames}\n            renderHeader={renderHeader}\n            onPreviousMonth={calendar.goToPreviousMonth}\n            onNextMonth={calendar.goToNextMonth}\n            dayContext={dayContext}\n          />\n        ))}\n      </Box>\n\n      {renderFooter && (\n        <Box sx={{ mt: 2, pt: 2, borderTop: 1, borderColor: 'divider' }}>{renderFooter}</Box>\n      )}\n    </Paper>\n  );\n});\n\nCalendar.displayName = 'Calendar';\n\nexport default Calendar;\n"],"mappings":";;;;;;;;;;;;;;;AACA,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,OAAO,WAAW;AA8Cd,SAYM,KAZN;AApCJ,IAAM,cAAc,CAAC,kBAA0C;AAAA,EAC7D,GAAG;AAAA,EACH,SAAS;AAAA,EACT,eAAe,eAAe,IAAI,QAAQ;AAAA,EAC1C,KAAK;AAAA,EACL,SAAS;AAAA,EACT,kBAAkB;AAAA,IAChB,SAAS,CAAC,UAAiB,GAAG,IAAI,OAAO,CAAC,CAAC;AAAA,IAC3C,cAAc;AAAA,IACd,eAAe,MAAM,CAAC;AAAA,EACxB;AACF;AAEO,IAAM,WAAW,MAAM,WAA0C,CAAC,gBAAgB,QAAQ;AAC/F,QAAM,QAAQ,qBAAqB,cAAc;AACjD,QAAM,EAAE,cAAc,QAAQ,cAAc,cAAc,WAAW,UAAU,IAAI;AAEnF,QAAM,WAAW,YAAY,KAAK;AAElC,QAAM,aAA6B;AAAA,IACjC,eAAe,MAAM;AAAA,IACrB,OAAO,MAAM;AAAA,IACb,OAAO,MAAM;AAAA,IACb,iBAAiB,MAAM;AAAA,IACvB,WAAW,MAAM;AAAA,IACjB,cAAc,MAAM;AAAA,IACpB,aAAa,SAAS;AAAA,IACtB,aAAa,SAAS;AAAA,IACtB,OAAO,SAAS;AAAA,IAChB,YAAY,SAAS;AAAA,IACrB,UAAU,SAAS;AAAA,IACnB,SAAS,SAAS;AAAA,IAClB,YAAY,SAAS;AAAA,EACvB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,UAAU;AAAA,MACV,WAAW,SAAS;AAAA,MACpB,eAAY;AAAA,MACZ,IAAI,YAAY,YAAY;AAAA,MAE5B;AAAA,4BAAC,OAAI,KAAK,SAAS,SAAS,IAAI,EAAE,SAAS,QAAQ,KAAK,GAAG,UAAU,OAAO,GACzE,mBAAS,cAAc,IAAI,CAAC,QAAQ,UACnC;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,YAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,cAAc,SAAS;AAAA,YACvB;AAAA,YACA,iBAAiB,SAAS;AAAA,YAC1B,aAAa,SAAS;AAAA,YACtB;AAAA;AAAA,UATK,SAAS,OAAO,IAAI,IAAI,OAAO,KAAK;AAAA,QAU3C,CACD,GACH;AAAA,QAEC,gBACC,oBAAC,OAAI,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,WAAW,GAAG,aAAa,UAAU,GAAI,wBAAa;AAAA;AAAA;AAAA,EAEnF;AAEJ,CAAC;AAED,SAAS,cAAc;AAEvB,IAAO,mBAAQ;","names":[]}

package/dist/chunk-THD3N4BJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CepField/CepField.tsx"],"sourcesContent":["'use client';\n\nimport type { CepFieldCopy } from \"../../../copy\";\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { cepDigits, formatCep, isValidCep } from '@12-apps/forms-core';\n\nimport { FormControl, FormLabel, FormMessage } from '../Form';\n// The outlined entry: CepField renders no variant, and the generic one would\n// ship MUI's FilledInput and Input to every screen with a CEP field (FUT-1054).\nimport { Input } from '../Input/outlined';\nimport type { CepAddress, CepFieldProps, CepLookupStatus } from './CepField.types';\n\n/** Everything {@link useCepLookup} needs, so the hook signature stays flat. */\ninterface LookupOptions {\n  digits: string;\n  complete: boolean;\n  disabled: boolean;\n  debounceMs: number;\n  onLookup?: (cep: string) => Promise<CepAddress | null>;\n  onResolved?: (address: CepAddress) => void;\n  onNotFound?: () => void;\n}\n\n/**\n * Debounced, race-safe CEP resolution.\n *\n * Two guards earn their keep here: a monotonic sequence id, bumped\n * synchronously on every new query, so a slow response for a since-edited CEP\n * can never land; and a \"last queried\" marker, so re-rendering (or the caller\n * re-masking the same value) never re-hits the provider.\n */\nfunction useCepLookup({\n  digits,\n  complete,\n  disabled,\n  debounceMs,\n  onLookup,\n  onResolved,\n  onNotFound,\n}: LookupOptions): CepLookupStatus {\n  const [status, setStatus] = useState<CepLookupStatus>('idle');\n  const lastQueriedRef = useRef('');\n  const seqRef = useRef(0);\n  // Latest callbacks, read at call time — keeps them out of the effect deps so\n  // an inline arrow from the caller doesn't re-trigger the lookup every render.\n  const lookupRef = useRef(onLookup);\n  const resolvedRef = useRef(onResolved);\n  const notFoundRef = useRef(onNotFound);\n  lookupRef.current = onLookup;\n  resolvedRef.current = onResolved;\n  notFoundRef.current = onNotFound;\n\n  useEffect(() => {\n    if (!complete || disabled || !lookupRef.current) {\n      // Editing away from a complete CEP drops any stale status and forgets the\n      // last query, so re-typing the same CEP resolves again.\n      seqRef.current += 1;\n      setStatus('idle');\n      lastQueriedRef.current = '';\n      return;\n    }\n    if (lastQueriedRef.current === digits) return;\n\n    const mySeq = (seqRef.current += 1);\n    const handle = setTimeout(() => {\n      lastQueriedRef.current = digits;\n      setStatus('loading');\n      void (async () => {\n        // A failing lookup is treated exactly like \"not found\" — the user types\n        // the address instead. Never surfaced as a crash. Going through\n        // `Promise.resolve().then` rather than calling directly covers the two\n        // failure modes an `await … .catch()` misses: a lookup that throws\n        // SYNCHRONOUSLY, and one that returns something other than a promise.\n        const address = await Promise.resolve()\n          .then(() => lookupRef.current?.(digits))\n          .catch(() => null);\n        if (seqRef.current !== mySeq) return;\n        setStatus(address ? 'found' : 'notfound');\n        // A miss is reported too, so a caller that filled from a PREVIOUS CEP\n        // can undo it rather than leaving that address under this CEP.\n        if (address) resolvedRef.current?.(address);\n        else notFoundRef.current?.();\n      })();\n    }, debounceMs);\n\n    return () => clearTimeout(handle);\n  }, [digits, complete, disabled, debounceMs]);\n\n  return status;\n}\n\n/**\n * The lookup outcome as a live region, so screen readers announce it without\n * stealing focus. Silent while idle, and while the caller is showing its own\n * validation error (which would otherwise stack two messages).\n */\nfunction CepStatus({\n  status,\n  testId,\n  suppressed,\n  copy,\n}: {\n  status: CepLookupStatus;\n  testId: string;\n  suppressed: boolean;\n  copy: CepFieldCopy;\n}): React.ReactElement {\n  const visible = !suppressed && status !== 'idle';\n  return (\n    <span id={`${testId}-status`} role=\"status\" aria-live=\"polite\">\n      {visible && (\n        <FormMessage error={status === 'notfound'} dataTestId={`${testId}-${status}`}>\n          {copy[status as Exclude<CepLookupStatus, 'idle'>]}\n        </FormMessage>\n      )}\n    </span>\n  );\n}\n\n/**\n * A CEP input that fills the rest of the address in.\n *\n * The pattern every Brazilian form has used for twenty years: type eight\n * digits, and logradouro/bairro/cidade/UF arrive on their own. This is the\n * reusable half — masking, validation, debouncing, race-safety and status —\n * with the actual lookup injected via `onLookup`, so the same component serves\n * a supplier form, a store-location form or a delivery checkout without\n * knowing anything about providers or auth.\n *\n * Resolution is best-effort by design. A provider outage, an unknown CEP or a\n * timeout leaves the field exactly as usable as a plain text input — the user\n * types the address themselves. Autofill never blocks.\n *\n * @example\n * ```tsx\n * <CepField\n *   value={cep}\n *   onChange={setCep}\n *   onLookup={(c) => fetch(`/api/…/lookup/cep/${c}`).then((r) => r.json()).then((b) => b.data)}\n *   onResolved={(a) => { setStreet(a.street ?? ''); setCity(a.city ?? ''); }}\n * />\n * ```\n */\nexport function CepField({\n  value,\n  onChange,\n  onLookup,\n  onResolved,\n  onNotFound,\n  label = 'CEP',\n  placeholder = '00000-000',\n  error,\n  disabled = false,\n  debounceMs = 500,\n  name = 'postalCode',\n  dataTestId,\n  copy,\n}: CepFieldProps): React.ReactElement {\n  const testId = dataTestId ?? `cep-field-${name}`;\n\n  const status = useCepLookup({\n    digits: cepDigits(value),\n    complete: isValidCep(value),\n    disabled,\n    debounceMs,\n    onLookup,\n    onResolved,\n    onNotFound,\n  });\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => onChange(formatCep(event.target.value)),\n    [onChange],\n  );\n\n  return (\n    <FormControl fullWidth>\n      {label && (\n        <FormLabel htmlFor={name} error={Boolean(error)}>\n          {label}\n        </FormLabel>\n      )}\n      <Input\n        id={name}\n        name={name}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete=\"postal-code\"\n        placeholder={placeholder}\n        value={value}\n        error={Boolean(error)}\n        disabled={disabled}\n        loading={status === 'loading'}\n        onChange={handleChange}\n        data-testid={testId}\n        aria-describedby={`${testId}-status`}\n        aria-busy={status === 'loading'}\n      />\n      {error && (\n        <FormMessage error dataTestId={`${testId}-message`}>\n          {error}\n        </FormMessage>\n      )}\n      <CepStatus status={status} testId={testId} suppressed={Boolean(error)} copy={copy} />\n    </FormControl>\n  );\n}\n\nexport default CepField;\n"],"mappings":"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","names":[]}

package/dist/chunk-UHQZ5XPW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Calendar/CalendarMonth.tsx"],"sourcesContent":["import ChevronLeft from '@mui/icons-material/ChevronLeft';\nimport ChevronRight from '@mui/icons-material/ChevronRight';\nimport Box from '@mui/material/Box/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { sxRem } from '../../../tokens/relative';\n\nimport { getMonthName } from './Calendar.dates';\nimport type { CalendarProps, MonthMatrix } from './Calendar.types';\nimport type { DayCellContext } from './CalendarDayCell';\nimport { CalendarDayCell } from './CalendarDayCell';\n\n/** The nav spacer's width and the weekday row's height, 32 design px through the type scale. */\nconst SPACER_WIDTH = sxRem(32);\n\n// `minmax(0, 1fr)`, not `1fr`: a bare `1fr` keeps each column at least its\n// content's width, which is what held the grid at 304px (FUT-3861).\nconst GRID_SX = { display: 'grid', gridTemplateColumns: 'repeat(7, minmax(0, 1fr))', gap: 0.5 } as const;\n\n/**\n * A month takes the room it is given, from nothing up to seven full cells and\n * their gaps (7 × 40 + 6 × 4 design px). Months side by side keep a 280 basis,\n * so a multi-month calendar still wraps rather than squeezing every month.\n */\nconst MONTH_SX = { flex: `1 1 ${sxRem(280)}`, minWidth: 0, maxWidth: sxRem(304) } as const;\n\n// Only the outermost months carry arrows; the ones between get a spacer so their\n// titles stay centred.\nconst MonthNavHeader: FC<{\n  title: React.ReactNode;\n  showPrevious: boolean;\n  showNext: boolean;\n  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n}> = ({ title, showPrevious, showNext, onPreviousMonth, onNextMonth }) => (\n  <Box\n    sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 2 }}\n    data-testid=\"calendar-header\"\n  >\n    {showPrevious && (\n      <IconButton onClick={onPreviousMonth} size=\"small\" data-testid=\"calendar-prev-month\">\n        <ChevronLeft />\n      </IconButton>\n    )}\n\n    <Typography\n      variant=\"h6\"\n      component=\"h2\"\n      sx={{ fontWeight: 'bold', flex: 1, textAlign: 'center' }}\n    >\n      {title}\n    </Typography>\n\n    {showNext && (\n      <IconButton onClick={onNextMonth} size=\"small\" data-testid=\"calendar-next-month\">\n        <ChevronRight />\n      </IconButton>\n    )}\n\n    {!showPrevious && !showNext && <Box sx={{ width: SPACER_WIDTH }} />}\n  </Box>\n);\n\nconst WeekdayHeader: FC<{ weekdayNames: string[] }> = ({ weekdayNames }) => (\n  <Box sx={{ ...GRID_SX, mb: 1 }}>\n    {weekdayNames.map((weekday, index) => (\n      <Box\n        // Narrow weekday names repeat within a week ('S', 'T'), so position is\n        // the only stable key here.\n        key={`weekday-${index}`}\n        role=\"columnheader\"\n        data-testid={`calendar-weekday-${index}`}\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          height: SPACER_WIDTH,\n          fontSize: sxRem(14),\n          fontWeight: 'bold',\n          color: 'text.secondary',\n        }}\n      >\n        {weekday}\n      </Box>\n    ))}\n  </Box>\n);\n\nexport interface CalendarMonthProps {\n  matrix: MonthMatrix;\n  monthIndex: number;\n  monthsToShow: number;\n  locale: string;\n  weekdayNames: string[];\n  renderHeader?: CalendarProps['renderHeader'];\n  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n  dayContext: DayCellContext;\n}\n\nexport const CalendarMonth: FC<CalendarMonthProps> = ({\n  matrix,\n  monthIndex,\n  monthsToShow,\n  locale,\n  weekdayNames,\n  renderHeader,\n  onPreviousMonth,\n  onNextMonth,\n  dayContext,\n}) => {\n  const monthName = getMonthName(matrix.month, matrix.year, locale);\n  const title = renderHeader ? renderHeader({ month: matrix.month, year: matrix.year }) : monthName;\n\n  return (\n    /* The month is addressable by its position, because in a multi-month\n       calendar every day number appears once PER MONTH — `calendar-date-5` is\n       January's 5th and February's. Without a per-month hook a test can only\n       reach a day positionally, which is exactly what the flakiness gate\n       refuses. Additive: `calendar-grid` below is unchanged. */\n    <Box sx={MONTH_SX} data-testid={`calendar-month-${monthIndex}`}>\n      <MonthNavHeader\n        title={title}\n        showPrevious={monthIndex === 0}\n        showNext={monthIndex === monthsToShow - 1}\n        onPreviousMonth={onPreviousMonth}\n        onNextMonth={onNextMonth}\n      />\n\n      <WeekdayHeader weekdayNames={weekdayNames} />\n\n      <Box\n        role=\"grid\"\n        aria-labelledby={`month-${monthIndex}`}\n        data-testid=\"calendar-grid\"\n        sx={GRID_SX}\n      >\n        {matrix.weeks.flat().map((day) => (\n          <CalendarDayCell key={day.key} day={day} {...dayContext} />\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA,OAAO,iBAAiB;AACxB,OAAO,kBAAkB;AACzB,OAAO,SAAS;AAChB,OAAO,gBAAgB;AACvB,OAAO,gBAAgB;AAkCrB,SAMM,KANN;AAtBF,IAAM,eAAe,MAAM,EAAE;AAI7B,IAAM,UAAU,EAAE,SAAS,QAAQ,qBAAqB,6BAA6B,KAAK,IAAI;AAO9F,IAAM,WAAW,EAAE,MAAM,OAAO,MAAM,GAAG,CAAC,IAAI,UAAU,GAAG,UAAU,MAAM,GAAG,EAAE;AAIhF,IAAM,iBAMD,CAAC,EAAE,OAAO,cAAc,UAAU,iBAAiB,YAAY,MAClE;AAAA,EAAC;AAAA;AAAA,IACC,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBAAiB,IAAI,EAAE;AAAA,IACpF,eAAY;AAAA,IAEX;AAAA,sBACC,oBAAC,cAAW,SAAS,iBAAiB,MAAK,SAAQ,eAAY,uBAC7D,8BAAC,eAAY,GACf;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,IAAI,EAAE,YAAY,QAAQ,MAAM,GAAG,WAAW,SAAS;AAAA,UAEtD;AAAA;AAAA,MACH;AAAA,MAEC,YACC,oBAAC,cAAW,SAAS,aAAa,MAAK,SAAQ,eAAY,uBACzD,8BAAC,gBAAa,GAChB;AAAA,MAGD,CAAC,gBAAgB,CAAC,YAAY,oBAAC,OAAI,IAAI,EAAE,OAAO,aAAa,GAAG;AAAA;AAAA;AACnE;AAGF,IAAM,gBAAgD,CAAC,EAAE,aAAa,MACpE,oBAAC,OAAI,IAAI,EAAE,GAAG,SAAS,IAAI,EAAE,GAC1B,uBAAa,IAAI,CAAC,SAAS,UAC1B;AAAA,EAAC;AAAA;AAAA,IAIC,MAAK;AAAA,IACL,eAAa,oBAAoB,KAAK;AAAA,IACtC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MACR,UAAU,MAAM,EAAE;AAAA,MAClB,YAAY;AAAA,MACZ,OAAO;AAAA,IACT;AAAA,IAEC;AAAA;AAAA,EAbI,WAAW,KAAK;AAcvB,CACD,GACH;AAeK,IAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,aAAa,OAAO,OAAO,OAAO,MAAM,MAAM;AAChE,QAAM,QAAQ,eAAe,aAAa,EAAE,OAAO,OAAO,OAAO,MAAM,OAAO,KAAK,CAAC,IAAI;AAExF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAME,qBAAC,OAAI,IAAI,UAAU,eAAa,kBAAkB,UAAU,IAC1D;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,cAAc,eAAe;AAAA,UAC7B,UAAU,eAAe,eAAe;AAAA,UACxC;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEA,oBAAC,iBAAc,cAA4B;AAAA,MAE3C;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,mBAAiB,SAAS,UAAU;AAAA,UACpC,eAAY;AAAA,UACZ,IAAI;AAAA,UAEH,iBAAO,MAAM,KAAK,EAAE,IAAI,CAAC,QACxB,oBAAC,mBAA8B,KAAW,GAAG,cAAvB,IAAI,GAA+B,CAC1D;AAAA;AAAA,MACH;AAAA,OACF;AAAA;AAEJ;","names":[]}