@12-apps/ui 6.30.2 → 6.30.3

package/dist/types/components/layout/SettingCard/SettingCard.hooks.d.ts

@@ -0,0 +1,79 @@
+import { type RefObject } from 'react';
+import type { SettingCardProps, SettingErrorFormatter, SettingSaveResult } from './SettingCard.types';
+/** The sentence a rejected save shows: the host's, else the copy's fallback. */
+export declare function saveErrorMessage(error: unknown, formatError: SettingErrorFormatter | undefined, fallback: string): string;
+/**
+ * Open state that is controlled when `open` is passed and uncontrolled
+ * otherwise — the shape MUI's own `useControlled` has, without its dev-only
+ * warnings reaching into this package's surface.
+ */
+export declare function useControllableOpen(open: boolean | undefined, defaultOpen: boolean, onOpenChange: ((open: boolean) => void) | undefined): [boolean, (next: boolean) => void];
+/**
+ * Runs a save that may or may not be async and reports how it went.
+ *
+ * `Promise.resolve().then(save)` rather than `await save()`: it also catches a
+ * handler that throws SYNCHRONOUSLY, which an `await` inside `try` would too —
+ * but it keeps the pending state visible for one tick even when the handler
+ * returns nothing, so a save never "succeeds" in the middle of the click that
+ * started it. A sequence id drops the outcome of a run the card has since
+ * abandoned (closed, or started again).
+ */
+export declare function useSaveRunner(formatError: SettingErrorFormatter | undefined, fallback: string): {
+    saving: boolean;
+    error: string | null;
+    run: (save: () => SettingSaveResult) => Promise<boolean>;
+    reset: () => void;
+};
+/**
+ * A switch that saves the moment it flips.
+ *
+ * It shows the flip at once (`pending`) and holds it while the save runs; a
+ * success hands back to the host's `checked`, which by then says the same
+ * thing, and a failure drops `pending` so the switch returns to what is
+ * actually saved. A flip while one is in flight is ignored rather than queued:
+ * two racing writes of a boolean have no right answer.
+ */
+export declare function useAsyncSwitch(options: {
+    checked: boolean;
+    onChange: (checked: boolean) => SettingSaveResult;
+    formatError: SettingErrorFormatter | undefined;
+    fallback: string;
+}): {
+    shown: boolean;
+    saving: boolean;
+    error: string | null;
+    flip: (next: boolean) => Promise<void>;
+};
+/**
+ * Focus follows the card: into it when it opens, back to the trigger when it
+ * closes.
+ *
+ * Inward, it is the Dialog's own rule (`focusFirstTabbable`, FUT-2696): the
+ * first tabbable descendant, and a caller's `autoFocus` keeps winning. The
+ * card is NOT a trap — it is inline, the rest of the page is still there, and
+ * locking Tab inside it would strand a keyboard user who wants to leave
+ * mid-edit. What it owes them is the round trip: the Edit trigger unmounts
+ * while the card is open, so without the return focus would fall to <body>
+ * and the reader would start again from the top of the page.
+ *
+ * Only a TRANSITION moves focus: a card mounted open (or closed) leaves focus
+ * where the page put it.
+ */
+export declare function useFocusHandoff(open: boolean, body: RefObject<HTMLElement | null>, trigger: RefObject<HTMLElement | null>): void;
+/**
+ * Everything an editable card DOES, apart from how it looks: its open state,
+ * the save and its outcome, Cancel, and where focus goes.
+ */
+export declare function useSettingCard(props: SettingCardProps): {
+    open: boolean;
+    disabled: boolean;
+    saveDisabled: boolean;
+    saving: boolean;
+    error: string | null;
+    bodyRef: RefObject<HTMLDivElement | null>;
+    editRef: RefObject<HTMLButtonElement | null>;
+    openCard: () => void;
+    cancel: () => void;
+    save: () => void;
+};
+//# sourceMappingURL=SettingCard.hooks.d.ts.map

package/dist/types/components/layout/SettingCard/SettingCard.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCard.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingCard.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlG,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEtG,gFAAgF;AAChF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,qBAAqB,GAAG,SAAS,EAC9C,QAAQ,EAAE,MAAM,GACf,MAAM,CAER;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,OAAO,GAAG,SAAS,EACzB,WAAW,EAAE,OAAO,EACpB,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,GAClD,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,CAcpC;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,WAAW,EAAE,qBAAqB,GAAG,SAAS,EAAE,QAAQ,EAAE,MAAM;;;gBAc7E,MAAM,iBAAiB,KAAG,OAAO,CAAC,OAAO,CAAC;;EA0B1D;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,iBAAiB,CAAC;IAClD,WAAW,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC/C,QAAQ,EAAE,MAAM,CAAC;CAClB;;;;iBAMgB,OAAO;EAUvB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACnC,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GACrC,IAAI,CASN;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB;;;;;;;;;;;EAgCrD"}

package/dist/types/components/layout/SettingCard/SettingCard.metrics.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The setting-card family's lengths, in design px. The web reads every one
+ * through `rem(theme, n)`, so they scale with the host's type scale.
+ */
+export declare const SETTING_CARD: {
+    /** Between the icon and the title. */
+    readonly iconGap: 12;
+    /** The spinner beside a switch while its flip is saving. */
+    readonly spinnerSize: 16;
+    /** How far a group's dependent rows sit in from its main switch. */
+    readonly groupIndent: 24;
+    /** The rule down the left of a group's dependent rows. */
+    readonly groupRuleWidth: 2;
+    /** The narrowest a grid column gets by default. */
+    readonly gridMinColumnWidth: 320;
+};
+/** The grid's default gap, in theme SPACING units (not px): what `sx`'s `gap: 2` means. */
+export declare const SETTING_GRID_GAP_UNITS = 2;
+/** How faded a group's dependent rows are while the main switch is off. */
+export declare const SETTING_GROUP_INACTIVE_OPACITY = 0.5;
+//# sourceMappingURL=SettingCard.metrics.d.ts.map

package/dist/types/components/layout/SettingCard/SettingCard.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCard.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingCard.metrics.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,YAAY;IACvB,sCAAsC;;IAEtC,4DAA4D;;IAE5D,oEAAoE;;IAEpE,0DAA0D;;IAE1D,mDAAmD;;CAE3C,CAAC;AAEX,2FAA2F;AAC3F,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC,2EAA2E;AAC3E,eAAO,MAAM,8BAA8B,MAAM,CAAC"}

package/dist/types/components/layout/SettingCard/SettingCard.parts.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { SettingHeadingLevel, SettingStatus } from './SettingCard.types';
+/** `<root>-<part>` when the host gave a root test id, else nothing. */
+export declare const partTestId: (root: string | undefined, part: string) => string | undefined;
+interface HeaderProps {
+    titleId: string;
+    title: string;
+    headingLevel: SettingHeadingLevel;
+    icon?: React.ReactNode;
+    status?: SettingStatus;
+    /** Rendered at the row's far end — the Edit trigger, or a switch. */
+    trailing?: React.ReactNode;
+    /** Renders the title as a `<label>` for this control instead of a heading. */
+    labelFor?: string;
+    dataTestId?: string;
+}
+/**
+ * Icon, title, status pill, and whatever the row ends with.
+ *
+ * A switch card's title is the switch's `<label>`, so the words are both its
+ * accessible name and a tap target far larger than the track. An editable
+ * card's title is a heading, so the page outline lists every setting.
+ */
+export declare const SettingHeader: React.FC<HeaderProps>;
+/**
+ * The failure line. `role="alert"` so it is announced the moment it appears,
+ * without anyone having to move focus to find it.
+ */
+export declare const SaveError: React.FC<{
+    id: string;
+    message: string | null;
+    dataTestId?: string;
+}>;
+/** The spinner that rides beside a pending control; decorative — the words are announced separately. */
+export declare const PendingSpinner: React.FC<{
+    dataTestId?: string;
+}>;
+/**
+ * The "learn more" disclosure: a text button that owns `aria-expanded`, and
+ * the collapsible region it controls. Closed by default — it is the longer
+ * explanation, and the form is what the reader came for.
+ */
+export declare const LearnMore: React.FC<{
+    label: string;
+    children: React.ReactNode;
+    dataTestId?: string;
+}>;
+export {};
+//# sourceMappingURL=SettingCard.parts.d.ts.map

package/dist/types/components/layout/SettingCard/SettingCard.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCard.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingCard.parts.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAW/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE9E,uEAAuE;AACvE,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,GAAG,SAAS,EAAE,MAAM,MAAM,KAAG,MAAM,GAAG,SACvC,CAAC;AAEvC,UAAU,WAAW;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,mBAAmB,CAAC;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyC/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAY3F,CAAC;AAEF,wGAAwG;AACxG,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAU5D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAsCA,CAAC"}

package/dist/types/components/layout/SettingCard/SettingCard.rem.d.ts

@@ -0,0 +1,12 @@
+import type { Theme } from '@mui/material/styles/index.js';
+/**
+ * A size drawn at `px`, as rem through the theme's type scale.
+ *
+ * A private copy of `tokens/relative`'s `rem()` (FUT-2591), which this
+ * maintenance line predates: `theme.typography.pxToRem(px)` needs no gate or
+ * shared vocabulary to be correct, and pulling the shared module forward
+ * would drag its lint gate and exceptions ledger onto a line that only takes
+ * security and backport fixes.
+ */
+export declare function rem(theme: Theme, px: number): string;
+//# sourceMappingURL=SettingCard.rem.d.ts.map

package/dist/types/components/layout/SettingCard/SettingCard.rem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCard.rem.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingCard.rem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D;;;;;;;;GAQG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAEpD"}

package/dist/types/components/layout/SettingCard/SettingCard.styles.d.ts

@@ -0,0 +1,48 @@
+import type { CSSObject, SxProps, Theme } from '@mui/material/styles/index.js';
+/**
+ * The attribute an open `SettingCard` carries, which `SettingGrid` reads to
+ * give it the whole row. An attribute rather than a class so a host's wrapper
+ * around the card can be matched with `:has()` as well.
+ */
+export declare const SETTING_CARD_OPEN_ATTR = "data-setting-card-open";
+/** `sx` as MUI documents it for composition: the component's own first, the caller's after. */
+export declare const withCallerSx: (own: SxProps<Theme>, sx: SxProps<Theme> | undefined) => SxProps<Theme>;
+/**
+ * The card surface — `Card`'s outlined hairline and medium radius, so a
+ * settings screen and a content screen are drawn with one kit.
+ *
+ * `height: 100%` is what turns the grid's per-row stretch into equal-height
+ * cards: a grid item stretches, but a card that sized itself to its content
+ * would not fill the item it sits in.
+ *
+ * `gridColumn: 1 / -1` while open is the full-row span. It lives on the card,
+ * not only in the grid's CSS, so it also holds when the card sits in a host's
+ * own grid. Outside a grid the property does nothing.
+ */
+export declare const surfaceStyles: (theme: Theme, open: boolean) => CSSObject;
+/** A `row` toggle: the card's content with none of its surface. */
+export declare const flatStyles: (theme: Theme) => CSSObject;
+export declare const headerStyles: (theme: Theme) => CSSObject;
+/**
+ * The title names its colour rather than inheriting it: a card rendered under
+ * a theme other than the page's (a dark panel on a light page) would otherwise
+ * take the page's text colour onto its own surface.
+ */
+export declare const titleStyles: (theme: Theme) => CSSObject;
+/** The one line a closed card shows. Long values end in an ellipsis, not a second line. */
+export declare const summaryStyles: (theme: Theme) => CSSObject;
+/** A switch card's explanation, which may wrap: it is read, not scanned. */
+export declare const descriptionStyles: (theme: Theme) => CSSObject;
+/** The inactive group's hint: a glyph and the sentence, so it does not read as a second summary. */
+export declare const hintStyles: (theme: Theme) => CSSObject;
+export declare const errorStyles: (theme: Theme) => CSSObject;
+export declare const actionsStyles: (theme: Theme) => CSSObject;
+export declare const iconStyles: (theme: Theme) => CSSObject;
+/**
+ * A group's dependent rows: indented under the main switch, with a rule down
+ * their left edge so the "belongs to" reads without words. While the main
+ * switch is off they fade — and `inert` (set by the component) is what makes
+ * them unreachable; opacity alone would only make them look it.
+ */
+export declare const dependentsStyles: (theme: Theme, active: boolean) => CSSObject;
+//# sourceMappingURL=SettingCard.styles.d.ts.map

package/dist/types/components/layout/SettingCard/SettingCard.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCard.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingCard.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAO/E;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAE/D,+FAA+F;AAC/F,eAAO,MAAM,YAAY,GACvB,KAAK,OAAO,CAAC,KAAK,CAAC,EACnB,IAAI,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,KAC7B,OAAO,CAAC,KAAK,CAAgE,CAAC;AAEjF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,EAAE,MAAM,OAAO,KAAG,SAgB1D,CAAC;AAEH,mEAAmE;AACnE,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,KAAG,SAMxC,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,OAAO,KAAK,KAAG,SAK1C,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,KAAG,SAOzC,CAAC;AAEH,2FAA2F;AAC3F,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,KAAG,SAO3C,CAAC;AAEH,4EAA4E;AAC5E,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,KAAG,SAI/C,CAAC;AAEH,oGAAoG;AACpG,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,KAAG,SAOxC,CAAC;AAEH,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,KAAG,SAIzC,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,KAAG,SAM3C,CAAC;AAEH,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,KAAG,SAIxC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,KAAK,EAAE,QAAQ,OAAO,KAAG,SAQ/D,CAAC"}

package/dist/types/components/layout/SettingCard/SettingCard.types.d.ts

@@ -0,0 +1,127 @@
+import type { SxProps, Theme } from '@mui/material/styles/index.js';
+import type { ReactNode } from 'react';
+import type { SettingCardCopy, SettingSwitchCopy } from '../../../copy';
+import type { ColorValue } from '../../../tokens/vocabulary';
+export type { SettingCardCopy, SettingSwitchCopy } from '../../../copy';
+/**
+ * What a save handler may return. A promise holds the card in its saving
+ * state until it settles; a rejection is the failure path. A plain return is
+ * a synchronous success.
+ */
+export type SettingSaveResult = void | Promise<unknown>;
+/**
+ * Turns whatever a rejected save threw into the sentence the card shows.
+ * Return `undefined` to fall back to the copy's `saveFailed`. The card never
+ * renders an `Error.message` on its own: that string is usually written for a
+ * developer, in the developer's language.
+ */
+export type SettingErrorFormatter = (error: unknown) => string | undefined;
+/** The heading level a card's title renders at, so it fits the page outline. */
+export type SettingHeadingLevel = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+/** The pill beside a closed card's title: the setting's current state, in words. */
+export interface SettingStatus {
+    /** What the state IS, in the host's language: "On", "Not configured". */
+    label: string;
+    /** A house colour. Colour is never the only carrier: `label` is always shown. Defaults to `neutral`. */
+    color?: ColorValue;
+}
+/** What every card in the family shares. */
+interface SettingSurfaceProps {
+    /** The setting's name. Also the accessible name of the card's region. */
+    title: string;
+    /** The heading level of `title`. Defaults to `h3`. */
+    headingLevel?: SettingHeadingLevel;
+    /** A decorative glyph before the title. */
+    icon?: ReactNode;
+    /** Maps a rejected save to the sentence shown; see {@link SettingErrorFormatter}. */
+    formatError?: SettingErrorFormatter;
+    /** Root test id. Parts derive theirs from it (`<id>-edit`, `<id>-save`, …). */
+    dataTestId?: string;
+    className?: string;
+    sx?: SxProps<Theme>;
+}
+export interface SettingCardProps extends SettingSurfaceProps {
+    /** The chrome words (Edit, Cancel, Save, …). REQUIRED — no default copy. */
+    copy: SettingCardCopy;
+    /** The one line a closed card shows under its title: the setting's current value. */
+    summary?: ReactNode;
+    /** The pill beside the title. Omit for none. */
+    status?: SettingStatus;
+    /** The form, rendered only while the card is open (so an uncontrolled draft is discarded on close). */
+    children: ReactNode;
+    /** Longer explanation behind a "learn more" disclosure in the open card. Omit for no disclosure. */
+    learnMore?: ReactNode;
+    /**
+     * Persist the draft. The card stays in its saving state while a returned
+     * promise is pending, closes when it resolves, and STAYS OPEN showing the
+     * error when it rejects.
+     */
+    onSave: () => SettingSaveResult;
+    /** The card closed without saving — reset the host's draft here. */
+    onCancel?: () => void;
+    /** Controlled open state. Pair with `onOpenChange`. */
+    open?: boolean;
+    /** Uncontrolled initial open state. */
+    defaultOpen?: boolean;
+    /** Every open/close request: Edit, Cancel, Escape, and a successful save. */
+    onOpenChange?: (open: boolean) => void;
+    /** Disables Edit on a closed card (the setting cannot be changed from here). */
+    disabled?: boolean;
+    /** Disables Save — for a draft the host knows is invalid. */
+    saveDisabled?: boolean;
+}
+interface SettingSwitchProps extends SettingSurfaceProps {
+    /** The saving and failure words. REQUIRED — no default copy. */
+    copy: SettingSwitchCopy;
+    /** Explanation under the title. Read to screen readers as the switch's description. */
+    summary?: ReactNode;
+    /** The persisted value. The switch shows the flip optimistically while it saves, then this again. */
+    checked: boolean;
+    /**
+     * Persist a flip. The switch shows the new value and a saving state while a
+     * returned promise is pending; a rejection reverts it and shows the error.
+     */
+    onChange: (checked: boolean) => SettingSaveResult;
+    /** Disables the switch. */
+    disabled?: boolean;
+}
+/**
+ * `card` draws the surface; `row` draws the same content flat, for a
+ * dependent row inside a `SettingGroup` (a card inside a card reads as two
+ * subjects).
+ */
+export type SettingToggleVariant = 'card' | 'row';
+export interface SettingToggleProps extends SettingSwitchProps {
+    /** Defaults to `card`. */
+    variant?: SettingToggleVariant;
+}
+export interface SettingGroupProps extends SettingSwitchProps {
+    /**
+     * Why the dependent rows are inactive while the main switch is off —
+     * "Turn on notifications to choose which ones you get". Shown only then.
+     */
+    inactiveHint: string;
+    /** The dependent rows. Stay rendered while the main switch is off, dimmed and inert. */
+    children: ReactNode;
+}
+/** The most columns a `SettingGrid` lays out. */
+export type SettingGridColumns = 1 | 2 | 3;
+export interface SettingGridProps {
+    children: ReactNode;
+    /**
+     * The narrowest a column may get, in design px (scaled with the type
+     * scale). The grid adds a column each time its OWN width fits one more.
+     * Defaults to 320.
+     */
+    minColumnWidth?: number;
+    /** Defaults to 3. */
+    maxColumns?: SettingGridColumns;
+    /** Gap between cards, in theme spacing units. Defaults to 2. */
+    gap?: number;
+    /** Accessible name. When set the grid renders as a labelled `region`. */
+    'aria-label'?: string;
+    dataTestId?: string;
+    className?: string;
+    sx?: SxProps<Theme>;
+}
+//# sourceMappingURL=SettingCard.types.d.ts.map

package/dist/types/components/layout/SettingCard/SettingCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingCard.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;AAExD;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC;AAE3E,gFAAgF;AAChF,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnE,oFAAoF;AACpF,MAAM,WAAW,aAAa;IAC5B,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,wGAAwG;IACxG,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,4CAA4C;AAC5C,UAAU,mBAAmB;IAC3B,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qFAAqF;IACrF,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,mBAAmB;IAC3D,4EAA4E;IAC5E,IAAI,EAAE,eAAe,CAAC;IACtB,qFAAqF;IACrF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,uGAAuG;IACvG,QAAQ,EAAE,SAAS,CAAC;IACpB,oGAAoG;IACpG,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,MAAM,EAAE,MAAM,iBAAiB,CAAC;IAChC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,uDAAuD;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,kBAAmB,SAAQ,mBAAmB;IACtD,gEAAgE;IAChE,IAAI,EAAE,iBAAiB,CAAC;IACxB,uFAAuF;IACvF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,qGAAqG;IACrG,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,iBAAiB,CAAC;IAClD,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,KAAK,CAAC;AAElD,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,0BAA0B;IAC1B,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,wFAAwF;IACxF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iDAAiD;AACjD,MAAM,MAAM,kBAAkB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB;IACrB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,gEAAgE;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB"}

package/dist/types/components/layout/SettingCard/SettingGrid.d.ts

@@ -0,0 +1,33 @@
+import { type CSSObject, type Theme } from '@mui/material/styles/index.js';
+import type { SettingGridColumns, SettingGridProps } from './SettingCard.types';
+/** The container the grid's own queries are asked of. Named, so a nested grid answers to its own. */
+export declare const SETTING_GRID_CONTAINER = "setting-grid";
+/**
+ * The grid itself.
+ *
+ * - Columns come from CONTAINER queries, not viewport ones: a settings grid
+ *   lives beside a rail, inside a drawer, in half a split view, and the
+ *   viewport says nothing about how wide any of those are.
+ * - `grid-auto-rows: auto` with `align-items: stretch` is the equal-height
+ *   rule: each row is as tall as its tallest card and every card in it
+ *   stretches to match. Not `1fr` rows — those would make EVERY row as tall as
+ *   the tallest, so one open card would inflate the whole page.
+ * - An open card spans the row. The card sets `grid-column` on itself; the
+ *   `:has()` rule covers a card the host wrapped in an element of its own.
+ */
+export interface SettingGridLayout {
+    /** The narrowest column, in DESIGN px (drawn through `rem`). */
+    minColumnPx: number;
+    maxColumns: SettingGridColumns;
+    /** The gap, in theme SPACING units. */
+    gapUnits: number;
+}
+export declare function settingGridStyles(theme: Theme, { minColumnPx, maxColumns, gapUnits }: SettingGridLayout): CSSObject;
+/**
+ * Lays setting cards out in one, two or three columns by the width it is
+ * GIVEN — see {@link settingGridStyles}. Two elements, because a container
+ * query is answered by an ANCESTOR: the outer one is the container, the inner
+ * one the grid.
+ */
+export declare const SettingGrid: import("react").ForwardRefExoticComponent<SettingGridProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SettingGrid.d.ts.map

package/dist/types/components/layout/SettingCard/SettingGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingGrid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAQrF,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,qGAAqG;AACrG,eAAO,MAAM,sBAAsB,iBAAiB,CAAC;AAarD;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,iBAAiB;IAChC,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,kBAAkB,CAAC;IAC/B,uCAAuC;IACvC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,iBAAiB,GAAG,SAAS,CAgBnH;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,6GAgCtB,CAAC"}

package/dist/types/components/layout/SettingCard/SettingGroup.context.d.ts

@@ -0,0 +1,13 @@
+/**
+ * What a `SettingGroup` tells the rows inside it: whether its main switch is
+ * off. `inert` on the rows' container already makes every descendant
+ * unreachable; this is for the family's own rows (`SettingToggle`) to ALSO
+ * draw and announce themselves as disabled, which `inert` does not do.
+ */
+export declare const SettingGroupContext: import("react").Context<{
+    inactive: boolean;
+}>;
+export declare const useSettingGroup: () => {
+    inactive: boolean;
+};
+//# sourceMappingURL=SettingGroup.context.d.ts.map

package/dist/types/components/layout/SettingCard/SettingGroup.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingGroup.context.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingGroup.context.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB;cAA6B,OAAO;EAAwB,CAAC;AAE7F,eAAO,MAAM,eAAe,QAAO;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAqC,CAAC"}

package/dist/types/components/layout/SettingCard/SettingGroup.d.ts

@@ -0,0 +1,18 @@
+import type { SettingGroupProps } from './SettingCard.types';
+/**
+ * ONE subject: a main switch, and the settings that only mean something while
+ * it is on, indented beneath it.
+ *
+ * With the main switch off the dependent rows stay where they are — dimmed,
+ * `inert`, and explained by `inactiveHint` — rather than disappearing. A
+ * reader deciding whether to turn a feature on is helped by seeing what it
+ * would let them configure, and a layout that jumps when a switch flips moves
+ * the thing they were about to press.
+ *
+ * The rows are active only while the main switch is on AND saved: turning it
+ * on lights them once the save lands; turning it off dims them at once.
+ *
+ * Several subjects are several cards, never one group — see `SettingGroup.md`.
+ */
+export declare const SettingGroup: import("react").ForwardRefExoticComponent<SettingGroupProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=SettingGroup.d.ts.map

package/dist/types/components/layout/SettingCard/SettingGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingGroup.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,2GA0CvB,CAAC"}

package/dist/types/components/layout/SettingCard/SettingSwitch.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { useAsyncSwitch } from './SettingCard.hooks';
+import type { SettingToggleProps } from './SettingCard.types';
+/** Everything the switch-driven cards share, minus the surface each draws around it. */
+export type SettingSwitchBlockProps = Pick<SettingToggleProps, 'title' | 'headingLevel' | 'icon' | 'summary' | 'checked' | 'onChange' | 'copy' | 'formatError' | 'dataTestId'> & {
+    disabled: boolean;
+};
+/** The ids one switch block wires its label, description and failure line with. */
+export interface SettingSwitchIds {
+    titleId: string;
+    inputId: string;
+    summaryId: string;
+    errorId: string;
+}
+export declare const useSettingSwitchIds: () => SettingSwitchIds;
+/**
+ * Title-as-label, the switch, its explanation and the failure line.
+ *
+ * The switch is never `disabled` while it saves, for the reason Save is not
+ * (`SettingCard.tsx`): a disabled control drops keyboard focus. It says
+ * `aria-busy` instead, ignores flips until the save settles (see
+ * `useAsyncSwitch`), shows a spinner, and a polite live region says the words.
+ */
+export declare const SettingSwitchBlock: React.FC<SettingSwitchBlockProps & {
+    ids: SettingSwitchIds;
+    state: ReturnType<typeof useAsyncSwitch>;
+}>;
+//# sourceMappingURL=SettingSwitch.d.ts.map

package/dist/types/components/layout/SettingCard/SettingSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAKrC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,wFAAwF;AACxF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,kBAAkB,EAClB,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,aAAa,GAAG,YAAY,CAC/G,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC;AAE1B,mFAAmF;AACnF,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,QAAO,gBAQtC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACvC,uBAAuB,GAAG;IAAE,GAAG,EAAE,gBAAgB,CAAC;IAAC,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;CAAE,CA8C9F,CAAC"}

package/dist/types/components/layout/SettingCard/SettingToggle.d.ts

@@ -0,0 +1,13 @@
+import type { SettingToggleProps } from './SettingCard.types';
+/**
+ * A setting that is one switch and nothing else. There is no edit state:
+ * flipping it IS the edit, and it saves at once.
+ *
+ * `onChange` may be async. The switch shows the new value while the promise is
+ * pending, with a spinner and an announced "saving"; a rejection flips it back
+ * to `checked` and shows the error under it.
+ *
+ * Inside a `SettingGroup` whose main switch is off, it renders disabled.
+ */
+export declare const SettingToggle: import("react").ForwardRefExoticComponent<SettingToggleProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=SettingToggle.d.ts.map

package/dist/types/components/layout/SettingCard/SettingToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingToggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingToggle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAI9D;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,4GAqBxB,CAAC"}

package/dist/types/components/layout/SettingCard/index.d.ts

@@ -0,0 +1,6 @@
+export { SettingCard } from './SettingCard';
+export { SettingToggle } from './SettingToggle';
+export { SettingGroup } from './SettingGroup';
+export { SettingGrid, SETTING_GRID_CONTAINER } from './SettingGrid';
+export type { SettingCardCopy, SettingCardProps, SettingErrorFormatter, SettingGridColumns, SettingGridProps, SettingGroupProps, SettingHeadingLevel, SettingSaveResult, SettingStatus, SettingSwitchCopy, SettingToggleProps, SettingToggleVariant, } from './SettingCard.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/layout/SettingCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACpE,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC"}

package/dist/types/components/layout/index.d.ts

@@ -8,6 +8,7 @@ export * from './Drawer';
 export * from './Resizable';
 export * from './ScrollArea';
 export * from './Separator';
+export * from './SettingCard';
 export * from './Sidebar';
 export * from './Skeleton/Skeleton';
 export * from './TableFilter';

package/dist/types/components/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}

package/dist/types/copy/layout.d.ts

@@ -15,4 +15,31 @@ export interface TableFilterCopy {
     rangeMin: string;
     rangeMax: string;
 }
+/**
+ * The chrome words of an editable `SettingCard`. The card's own title, summary
+ * and status are per-card props; these are the words every card repeats.
+ */
+export interface SettingCardCopy {
+    /** The closed card's trigger. Its accessible name also carries the card's title. */
+    edit: string;
+    /** Discard the draft and close. */
+    cancel: string;
+    save: string;
+    /** Announced (and shown to sighted users as the Save label) while the save is pending. */
+    saving: string;
+    /** The disclosure that reveals the card's longer explanation. */
+    learnMore: string;
+    /** Shown when the save rejected and the host's `formatError` gave no sentence of its own. */
+    saveFailed: string;
+}
+/**
+ * What a switch that saves the moment it flips says about that save — shared
+ * by `SettingToggle` and `SettingGroup`'s main switch.
+ */
+export interface SettingSwitchCopy {
+    /** Announced while the flip is being saved. */
+    saving: string;
+    /** Shown when the save rejected and the host's `formatError` gave no sentence of its own. */
+    saveFailed: string;
+}
 //# sourceMappingURL=layout.d.ts.map

package/dist/types/copy/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/copy/layout.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,eAAe;IAC9B,kEAAkE;IAClE,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/copy/layout.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,eAAe;IAC9B,kEAAkE;IAClE,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,oFAAoF;IACpF,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,0FAA0F;IAC1F,MAAM,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB,6FAA6F;IAC7F,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,MAAM,EAAE,MAAM,CAAC;IACf,6FAA6F;IAC7F,UAAU,EAAE,MAAM,CAAC;CACpB"}

package/dist/types/en-US.layout.d.ts

@@ -2,6 +2,8 @@
  * The en-US pack for the layout family. Split the same way `pt-BR.layout.ts`
  * is — see `en-US.ts` for why the packs live in per-family files.
  */
-import type { TableFilterCopy } from './copy';
+import type { SettingCardCopy, SettingSwitchCopy, TableFilterCopy } from './copy';
 export declare const EN_US_TABLE_FILTER_COPY: TableFilterCopy;
+export declare const EN_US_SETTING_CARD_COPY: SettingCardCopy;
+export declare const EN_US_SETTING_SWITCH_COPY: SettingSwitchCopy;
 //# sourceMappingURL=en-US.layout.d.ts.map

package/dist/types/en-US.layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.layout.d.ts","sourceRoot":"","sources":["../../src/en-US.layout.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,eAAe,EAChB,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,uBAAuB,EAAE,eAMrC,CAAC"}
+{"version":3,"file":"en-US.layout.d.ts","sourceRoot":"","sources":["../../src/en-US.layout.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EACjB,eAAe,EAChB,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,uBAAuB,EAAE,eAMrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,eAOrC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,iBAGvC,CAAC"}

package/dist/types/locales.d.ts

@@ -19,7 +19,7 @@
  */
 import type { DataViewsCopy } from './components/data-display/DataViews/data-views-copy';
 import type { SavedViewsLabels } from './components/layout/ContentToolbar/ContentToolbar.types';
-import type { AddressAutocompleteCopy, AutocompleteCopy, BreadcrumbCopy, CarouselCopy, CategorySelectCopy, CepFieldCopy, ChromeCopy, CodeEditorCopy, CommandPaletteCopy, ConfirmActionCopy, DataStateCopy, InstallPromptCopy, LightboxCopy, MapPreviewCopy, PasswordStrengthCopy, PhoneInputCopy, RichEditorToolbarCopy, SectionOnboardingCopy, SocialLoginCopy, TableFilterCopy, TimingDiagramCopy, TutorialCopy, UploadButtonCopy, UserAvatarCopy } from "./copy";
+import type { AddressAutocompleteCopy, AutocompleteCopy, BreadcrumbCopy, CarouselCopy, CategorySelectCopy, CepFieldCopy, ChromeCopy, CodeEditorCopy, CommandPaletteCopy, ConfirmActionCopy, DataStateCopy, InstallPromptCopy, LightboxCopy, MapPreviewCopy, PasswordStrengthCopy, PhoneInputCopy, RichEditorToolbarCopy, SectionOnboardingCopy, SettingCardCopy, SettingSwitchCopy, SocialLoginCopy, TableFilterCopy, TimingDiagramCopy, TutorialCopy, UploadButtonCopy, UserAvatarCopy } from "./copy";
 type LocalePack<T> = {
     readonly 'pt-BR': T;
     readonly 'en-US': T;
@@ -41,6 +41,8 @@ export declare const RICH_EDITOR_TOOLBAR_COPY: LocalePack<RichEditorToolbarCopy>
 export declare const PHONE_INPUT_COPY: LocalePack<PhoneInputCopy>;
 export declare const UPLOAD_BUTTON_COPY: LocalePack<UploadButtonCopy>;
 export declare const TABLE_FILTER_COPY: LocalePack<TableFilterCopy>;
+export declare const SETTING_CARD_COPY: LocalePack<SettingCardCopy>;
+export declare const SETTING_SWITCH_COPY: LocalePack<SettingSwitchCopy>;
 export declare const COMMAND_PALETTE_COPY: LocalePack<CommandPaletteCopy>;
 export declare const BREADCRUMB_COPY: LocalePack<BreadcrumbCopy>;
 export declare const SECTION_ONBOARDING_COPY: LocalePack<SectionOnboardingCopy>;

package/dist/types/locales.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../src/locales.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAChG,OAAO,KAAK,EACV,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACf,MAAM,QAAQ,CAAC;AAIhB,KAAK,UAAU,CAAC,CAAC,IAAI;IAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA;CAAE,CAAC;AAKlE,eAAO,MAAM,aAAa,0BAAqE,CAAC;AAChG,eAAO,MAAM,gBAAgB,4BAG5B,CAAC;AACF,eAAO,MAAM,aAAa,0BAAqE,CAAC;AAChG,eAAO,MAAM,mBAAmB,+BAG/B,CAAC;AACF,eAAO,MAAM,eAAe,2BAG3B,CAAC;AACF,eAAO,MAAM,eAAe,2BAG3B,CAAC;AAGF,eAAO,MAAM,aAAa,0BAAqE,CAAC;AAChG,eAAO,MAAM,WAAW,wBAA+D,CAAC;AAGxF,eAAO,MAAM,iBAAiB,6BAG7B,CAAC;AACF,eAAO,MAAM,yBAAyB,qCAGrC,CAAC;AACF,eAAO,MAAM,iBAAiB,8BAG7B,CAAC;AACF,eAAO,MAAM,gBAAgB,4BAG5B,CAAC;AACF,eAAO,MAAM,sBAAsB,kCAGlC,CAAC;AACF,eAAO,MAAM,wBAAwB,mCAGpC,CAAC;AACF,eAAO,MAAM,gBAAgB,4BAG5B,CAAC;AACF,eAAO,MAAM,kBAAkB,8BAG9B,CAAC;AAGF,eAAO,MAAM,iBAAiB,6BAG7B,CAAC;AAGF,eAAO,MAAM,oBAAoB,gCAGhC,CAAC;AACF,eAAO,MAAM,eAAe,4BAG3B,CAAC;AAGF,eAAO,MAAM,uBAAuB,mCAGnC,CAAC;AACF,eAAO,MAAM,mBAAmB,+BAG/B,CAAC;AACF,eAAO,MAAM,oBAAoB,gCAGhC,CAAC;AACF,eAAO,MAAM,cAAc,0BAAuE,CAAC;AACnG,eAAO,MAAM,kBAAkB,8BAG9B,CAAC;AAGF,eAAO,MAAM,mBAAmB,+BAG/B,CAAC;AACF,eAAO,MAAM,gBAAgB,4BAG5B,CAAC"}
+{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../src/locales.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAChG,OAAO,KAAK,EACV,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACf,MAAM,QAAQ,CAAC;AAIhB,KAAK,UAAU,CAAC,CAAC,IAAI;IAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA;CAAE,CAAC;AAKlE,eAAO,MAAM,aAAa,0BAAqE,CAAC;AAChG,eAAO,MAAM,gBAAgB,4BAG5B,CAAC;AACF,eAAO,MAAM,aAAa,0BAAqE,CAAC;AAChG,eAAO,MAAM,mBAAmB,+BAG/B,CAAC;AACF,eAAO,MAAM,eAAe,2BAG3B,CAAC;AACF,eAAO,MAAM,eAAe,2BAG3B,CAAC;AAGF,eAAO,MAAM,aAAa,0BAAqE,CAAC;AAChG,eAAO,MAAM,WAAW,wBAA+D,CAAC;AAGxF,eAAO,MAAM,iBAAiB,6BAG7B,CAAC;AACF,eAAO,MAAM,yBAAyB,qCAGrC,CAAC;AACF,eAAO,MAAM,iBAAiB,8BAG7B,CAAC;AACF,eAAO,MAAM,gBAAgB,4BAG5B,CAAC;AACF,eAAO,MAAM,sBAAsB,kCAGlC,CAAC;AACF,eAAO,MAAM,wBAAwB,mCAGpC,CAAC;AACF,eAAO,MAAM,gBAAgB,4BAG5B,CAAC;AACF,eAAO,MAAM,kBAAkB,8BAG9B,CAAC;AAGF,eAAO,MAAM,iBAAiB,6BAG7B,CAAC;AACF,eAAO,MAAM,iBAAiB,6BAG7B,CAAC;AACF,eAAO,MAAM,mBAAmB,+BAG/B,CAAC;AAGF,eAAO,MAAM,oBAAoB,gCAGhC,CAAC;AACF,eAAO,MAAM,eAAe,4BAG3B,CAAC;AAGF,eAAO,MAAM,uBAAuB,mCAGnC,CAAC;AACF,eAAO,MAAM,mBAAmB,+BAG/B,CAAC;AACF,eAAO,MAAM,oBAAoB,gCAGhC,CAAC;AACF,eAAO,MAAM,cAAc,0BAAuE,CAAC;AACnG,eAAO,MAAM,kBAAkB,8BAG9B,CAAC;AAGF,eAAO,MAAM,mBAAmB,+BAG/B,CAAC;AACF,eAAO,MAAM,gBAAgB,4BAG5B,CAAC"}

package/dist/types/pt-BR.layout.d.ts

@@ -2,6 +2,8 @@
  * The pt-BR pack for the layout family. Split out of `pt-BR.ts`, which is a
  * barrel over this folder — see that file for why.
  */
-import type { TableFilterCopy } from './copy';
+import type { SettingCardCopy, SettingSwitchCopy, TableFilterCopy } from './copy';
 export declare const PT_BR_TABLE_FILTER_COPY: TableFilterCopy;
+export declare const PT_BR_SETTING_CARD_COPY: SettingCardCopy;
+export declare const PT_BR_SETTING_SWITCH_COPY: SettingSwitchCopy;
 //# sourceMappingURL=pt-BR.layout.d.ts.map