@12-apps/ui 6.44.3 → 6.45.0

package/dist/pt-BR.js

@@ -5,8 +5,9 @@ import {
 } from "./chunk-Z24VOTA7.js";
 import {
   PT_BR_BREADCRUMB_COPY,
-  PT_BR_COMMAND_PALETTE_COPY
-} from "./chunk-62OGPVCL.js";
+  PT_BR_COMMAND_PALETTE_COPY,
+  PT_BR_SECTION_NAV_COPY
+} from "./chunk-EPZ7B35I.js";
 import {
   PT_BR_ADDRESS_AUTOCOMPLETE_COPY,
   PT_BR_AUTOCOMPLETE_COPY,
@@ -66,6 +67,7 @@ export {
   PT_BR_PHONE_INPUT_COPY,
   PT_BR_RICH_EDITOR_TOOLBAR_COPY,
   PT_BR_SAVED_VIEWS_LABELS,
+  PT_BR_SECTION_NAV_COPY,
   PT_BR_SECTION_ONBOARDING_COPY,
   PT_BR_SETTING_CARD_COPY,
   PT_BR_SETTING_SWITCH_COPY,

package/dist/social-login-button.js

@@ -4,7 +4,7 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "./chunk-JSOJKHEI.js";
+} from "./chunk-WHYVVKRS.js";
 import "./chunk-INGPH3YQ.js";
 import "./chunk-6GP2DOOO.js";
 import "./chunk-C4QKXFZN.js";
@@ -15,9 +15,9 @@ import "./chunk-RWXYND4H.js";
 import "./chunk-JIRZ27RI.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
-import "./chunk-WN5PNP6F.js";
-import "./chunk-FKUYRQSP.js";
+import "./chunk-OP5JR5Q5.js";
 import "./chunk-76X6JRVI.js";
+import "./chunk-FKUYRQSP.js";
 import "./chunk-JH7EEJEQ.js";
 import "./chunk-BA4RHQ3B.js";
 import "./chunk-K6LNHHSH.js";

package/dist/types/components/navigation/SectionNav/SectionNav.bar.d.ts

@@ -0,0 +1,14 @@
+import { type ElementType } from 'react';
+import { rem } from '../../../tokens/scales';
+import type { SectionNavProps } from './SectionNav.types';
+/**
+ * The bar's full height on screen, the safe area included — where its sheets
+ * stop, and what a host reserves at the foot of its content so nothing it
+ * floats (a toast, a receipt) lands under the bar.
+ */
+export declare function sectionNavBarInset(theme: Parameters<typeof rem>[0]): string;
+/** The phone layout: a bottom bar, with its menus as bottom sheets. */
+export declare function SectionNavBar({ label, destinations, primary, more, linkComponent, copy, dataTestId, }: Required<Pick<SectionNavProps, 'label' | 'destinations' | 'copy' | 'dataTestId'>> & Pick<SectionNavProps, 'primary' | 'more'> & {
+    linkComponent: ElementType | undefined;
+}): React.JSX.Element;
+//# sourceMappingURL=SectionNav.bar.d.ts.map

package/dist/types/components/navigation/SectionNav/SectionNav.bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionNav.bar.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.bar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,WAAW,EAAkB,MAAM,OAAO,CAAC;AAGnE,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAM7C,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAQ1E;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAE3E;AAyJD,uEAAuE;AACvE,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,YAAY,EACZ,OAAO,EACP,IAAI,EACJ,aAAa,EACb,IAAI,EACJ,UAAU,GACX,EAAE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,YAAY,CAAC,CAAC,GAClF,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,MAAM,CAAC,GAAG;IAAE,aAAa,EAAE,WAAW,GAAG,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoE3G"}

package/dist/types/components/navigation/SectionNav/SectionNav.d.ts

@@ -0,0 +1,16 @@
+import type { SectionNavProps } from './SectionNav.types';
+/**
+ * A section's own navigation — the handful of screens one kind of work moves
+ * between — as a bottom bar on a phone or a rail on a wide screen.
+ *
+ * It knows no product. The host decides every destination, label, icon,
+ * count and which one is current, and renders links through its own router
+ * (`linkComponent`). The nav decides only how they are drawn: the order of the
+ * bar's slots, the raised primary action, the sheets, the rail's sections.
+ *
+ * Which layout to use is the host's call too, because the host knows what
+ * else is on screen: a bar next to a sidebar is two navigations competing for
+ * one glance.
+ */
+export declare function SectionNav({ layout, label, destinations, primary, more, back, heading, linkComponent, copy, dataTestId, }: SectionNavProps): React.JSX.Element;
+//# sourceMappingURL=SectionNav.d.ts.map

package/dist/types/components/navigation/SectionNav/SectionNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionNav.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAK,EACL,YAAY,EACZ,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,IAAI,EACJ,UAA0B,GAC3B,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2BrC"}

package/dist/types/components/navigation/SectionNav/SectionNav.helpers.d.ts

@@ -0,0 +1,32 @@
+import type { SectionNavDestination, SectionNavMenu } from './SectionNav.types';
+/** A count worth drawing: positive and finite. Zero and "unknown" draw nothing. */
+export declare function shownCount(count: number | undefined): number | undefined;
+/**
+ * The "more" slot's badge: its entries' counts, rolled up.
+ *
+ * The same reason a folded sidebar parent shows its children's counts — the
+ * sheet starts closed, so a count only visible once it is opened is one nobody
+ * sees.
+ */
+export declare function menuCount(menu: SectionNavMenu | undefined): number | undefined;
+/** Is the viewer on one of this menu's entries? Then its slot reads as current. */
+export declare function menuActive(menu: SectionNavMenu | undefined): boolean;
+/** What one bar slot holds, in left-to-right order. */
+export type BarSlot = {
+    kind: 'destination';
+    destination: SectionNavDestination;
+} | {
+    kind: 'more';
+} | {
+    kind: 'primary';
+};
+/**
+ * The bar's slots: the destinations, then `more`, with `primary` in the MIDDLE.
+ *
+ * The middle is where a thumb rests and where a raised button reads as the
+ * one thing this bar is for. With four slots it lands between the second and
+ * the third; with an odd count it takes the lower middle, so the heavier side
+ * is the right one, under the thumb of a right-handed phone.
+ */
+export declare function barSlots(destinations: readonly SectionNavDestination[], hasMore: boolean, hasPrimary: boolean): BarSlot[];
+//# sourceMappingURL=SectionNav.helpers.d.ts.map

package/dist/types/components/navigation/SectionNav/SectionNav.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionNav.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEhF,mFAAmF;AACnF,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAExE;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAM9E;AAED,mFAAmF;AACnF,wBAAgB,UAAU,CAAC,IAAI,EAAE,cAAc,GAAG,SAAS,GAAG,OAAO,CAEpE;AAED,uDAAuD;AACvD,MAAM,MAAM,OAAO,GACf;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,WAAW,EAAE,qBAAqB,CAAA;CAAE,GAC3D;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC;AAExB;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CACtB,YAAY,EAAE,SAAS,qBAAqB,EAAE,EAC9C,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,OAAO,GAClB,OAAO,EAAE,CAKX"}

package/dist/types/components/navigation/SectionNav/SectionNav.parts.d.ts

@@ -0,0 +1,42 @@
+import Box from '@mui/material/Box/index.js';
+import type { SxProps, Theme } from '@mui/material/styles/index.js';
+import type { ElementType, ReactNode } from 'react';
+/**
+ * An icon with its count on the shoulder.
+ *
+ * Quiet to assistive tech on change: the count moves on a poll, and a control
+ * that announces itself every minute is noise. Its NAME carries the number,
+ * so it is read when the control is.
+ */
+export declare function CountedIcon({ icon, count, label, testId, }: {
+    icon: ReactNode;
+    count: number | undefined;
+    label: (count: number) => string;
+    testId: string;
+}): React.JSX.Element;
+/** The keyboard ring every control in the nav draws, in the theme's own colour. */
+export declare function focusRing(theme: Theme): SxProps<Theme>;
+/**
+ * The element an entry or destination renders as: the host's link for an
+ * `href`, a button for an `onSelect`.
+ *
+ * Returned as props for a `Box`, so the control stays ONE interactive
+ * element — never a button wrapped around a link.
+ */
+export declare function controlProps({ href, onClick, linkComponent, }: {
+    href: string | undefined;
+    onClick?: () => void;
+    linkComponent: ElementType | undefined;
+}): Record<string, unknown>;
+/** The base reset every clickable in the nav shares: no underline, no button chrome. */
+export declare const CONTROL_RESET: {
+    readonly border: 0;
+    readonly background: "none";
+    readonly font: "inherit";
+    readonly color: "inherit";
+    readonly textDecoration: "none";
+    readonly cursor: "pointer";
+    readonly margin: 0;
+};
+export { Box };
+//# sourceMappingURL=SectionNav.parts.d.ts.map

package/dist/types/components/navigation/SectionNav/SectionNav.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionNav.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.parts.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,4BAA4B,CAAC;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOpD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkBpB;AAED,mFAAmF;AACnF,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAOtD;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,aAAa,GACd,EAAE;IACD,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;CACxC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAG1B;AAED,wFAAwF;AACxF,eAAO,MAAM,aAAa;;;;;;;;CAQhB,CAAC;AAEX,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/types/components/navigation/SectionNav/SectionNav.primary.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from 'react';
+export interface RaisedActionButtonProps {
+    /** The button's accessible name — it has no visible label. */
+    label: string;
+    icon: ReactNode;
+    onClick: () => void;
+    /**
+     * Whether what the button opens is open. Omit for a button that opens
+     * nothing (a plain action): it then carries no `aria-expanded` and its icon
+     * never turns.
+     */
+    open?: boolean;
+    /** The name it takes while `open` — the same control closes what it opened. REQUIRED with `open`. */
+    closeLabel?: string;
+    dataTestId?: string;
+}
+/**
+ * The raised round button in the middle of a bottom bar — the one control in
+ * the row that is an ACTION rather than a place.
+ *
+ * Lifted half out of the bar so it reads as different in kind from the tabs
+ * beside it, and unlabelled so it costs the row less width than a tab: that
+ * width is what lets a bar keep four labelled tabs AND this button at 320px.
+ *
+ * `SectionNav` draws it for its `primary` menu. It is exported on its own for
+ * a bar the host already draws — drop it between two tabs, in a flex row.
+ */
+export declare function RaisedActionButton({ label, icon, onClick, open, closeLabel, dataTestId, }: RaisedActionButtonProps): React.JSX.Element;
+//# sourceMappingURL=SectionNav.primary.d.ts.map

package/dist/types/components/navigation/SectionNav/SectionNav.primary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionNav.primary.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.primary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,uBAAuB;IACtC,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qGAAqG;IACrG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,UAAU,EACV,UAA4B,GAC7B,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuC7C"}

package/dist/types/components/navigation/SectionNav/SectionNav.rail.d.ts

@@ -0,0 +1,13 @@
+import type { ElementType } from 'react';
+import type { SectionNavProps } from './SectionNav.types';
+/**
+ * The wide-screen layout: a vertical rail — the way back, the destinations,
+ * then every menu's entries.
+ *
+ * It fills the column the host gives it and scrolls on its own, like the
+ * sidebar it stands in for.
+ */
+export declare function SectionNavRail({ label, destinations, primary, more, back, heading, linkComponent, copy, dataTestId, }: Required<Pick<SectionNavProps, 'label' | 'destinations' | 'copy' | 'dataTestId'>> & Pick<SectionNavProps, 'primary' | 'more' | 'back' | 'heading'> & {
+    linkComponent: ElementType | undefined;
+}): React.JSX.Element;
+//# sourceMappingURL=SectionNav.rail.d.ts.map

package/dist/types/components/navigation/SectionNav/SectionNav.rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionNav.rail.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.rail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,OAAO,CAAC;AAMpD,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAqH1E;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,YAAY,EACZ,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,IAAI,EACJ,UAAU,GACX,EAAE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,YAAY,CAAC,CAAC,GAClF,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,GAAG;IAC/D,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;CACxC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8DtB"}

package/dist/types/components/navigation/SectionNav/SectionNav.sheet.d.ts

@@ -0,0 +1,20 @@
+import type { ElementType } from 'react';
+import type { SectionNavMenu } from './SectionNav.types';
+import type { SectionNavCopy } from '../../../copy';
+/**
+ * A menu opened from the bar: a bottom sheet over the page.
+ *
+ * Choosing an entry closes it — a link has somewhere to go and an action has
+ * something to do, and neither wants the sheet still covering the screen.
+ */
+export declare function SectionNavSheet({ menu, open, onClose, linkComponent, copy, testId, bottomOffset, }: {
+    menu: SectionNavMenu;
+    open: boolean;
+    onClose: () => void;
+    linkComponent: ElementType | undefined;
+    copy: SectionNavCopy;
+    testId: string;
+    /** How far above the viewport's foot the sheet stops — the bar's own height, so the bar stays visible. */
+    bottomOffset: string;
+}): React.JSX.Element;
+//# sourceMappingURL=SectionNav.sheet.d.ts.map

package/dist/types/components/navigation/SectionNav/SectionNav.sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionNav.sheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAMzC,OAAO,KAAK,EAAoC,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC3F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAiIpD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,IAAI,EACJ,MAAM,EACN,YAAY,GACb,EAAE;IACD,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,0GAA0G;IAC1G,YAAY,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4CpB"}

package/dist/types/components/navigation/SectionNav/SectionNav.types.d.ts

@@ -0,0 +1,102 @@
+import type { ElementType, ReactNode } from 'react';
+import type { SectionNavCopy } from '../../../copy';
+/**
+ * One place the section leads to — a bar slot on a phone, a row in the rail.
+ */
+export interface SectionNavDestination {
+    /** Stable key. Also the suffix of the slot's `data-testid`. */
+    id: string;
+    label: string;
+    icon: ReactNode;
+    href: string;
+    /**
+     * How many things behind this destination wait on the viewer. `0` and
+     * `undefined` render no badge — "nothing waiting" and "not known yet" are
+     * different claims and neither is a number.
+     */
+    badge?: number;
+    /** The destination the viewer is on. The host decides; the nav never reads the URL. */
+    active?: boolean;
+}
+/**
+ * One entry inside a menu — a sheet tile on a phone, a row in the rail.
+ *
+ * An entry either LEADS somewhere (`href`, rendered through `linkComponent`)
+ * or DOES something (`onSelect`). Give it one or the other.
+ */
+export interface SectionNavEntry {
+    id: string;
+    label: string;
+    /** A second line under the label. Shown by `list` groups and in the rail. */
+    description?: string;
+    icon: ReactNode;
+    href?: string;
+    onSelect?: () => void;
+    badge?: number;
+    active?: boolean;
+}
+/** A titled run of entries inside a menu. */
+export interface SectionNavGroup {
+    id: string;
+    /** Heading above the entries. Omit for a group that needs none. */
+    title?: string;
+    /**
+     * How the phone sheet draws the entries: `grid` is three tiles across,
+     * `list` one row each with its description. The rail always lists.
+     * Defaults to `list`.
+     */
+    layout?: 'grid' | 'list';
+    entries: SectionNavEntry[];
+}
+/**
+ * A menu the nav opens: the centred primary action, or the "more" slot.
+ *
+ * On a phone it opens as a bottom sheet over the page. In the rail there is
+ * room for everything, so its groups are listed under `title` instead of
+ * hiding behind a trigger.
+ */
+export interface SectionNavMenu {
+    /** The trigger's accessible name, and the visible label of the "more" slot. */
+    label: string;
+    icon: ReactNode;
+    /** The sheet's heading, and the rail section's. */
+    title: string;
+    groups: SectionNavGroup[];
+}
+/** The way out of the section, drawn at the top of the rail. */
+export interface SectionNavBack {
+    label: string;
+    href: string;
+    icon?: ReactNode;
+}
+export interface SectionNavProps {
+    /**
+     * `bar` — a bottom tab bar for a phone: the destinations, `more` as the last
+     * slot, and `primary` as a raised button in the middle.
+     *
+     * `rail` — a vertical list for a wide screen, with `back` and `heading` on
+     * top and every menu's entries listed rather than folded away.
+     */
+    layout: 'bar' | 'rail';
+    /** The navigation landmark's accessible name. */
+    label: string;
+    destinations: SectionNavDestination[];
+    /** The raised action in the middle of the bar. */
+    primary?: SectionNavMenu;
+    /** The last slot of the bar. Its badge is the sum of its entries' badges. */
+    more?: SectionNavMenu;
+    /** Rail only: the way back out of the section. */
+    back?: SectionNavBack;
+    /** Rail only: a heading above the destinations. */
+    heading?: string;
+    /**
+     * The component every `href` renders through — a router's link adapter that
+     * takes `href`. Omitted, a plain `<a>` is used and navigation reloads.
+     */
+    linkComponent?: ElementType;
+    /** The nav's own words. REQUIRED — the component carries none. */
+    copy: SectionNavCopy;
+    /** Prefix for every `data-testid`. Defaults to `"section-nav"`. */
+    dataTestId?: string;
+}
+//# sourceMappingURL=SectionNav.types.d.ts.map

package/dist/types/components/navigation/SectionNav/SectionNav.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionNav.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/SectionNav.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,+DAA+D;IAC/D,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,6CAA6C;AAC7C,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AAED;;;;;;GAMG;AACH,MAAM,WAAW,cAAc;IAC7B,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,eAAe,EAAE,CAAC;CAC3B;AAED,gEAAgE;AAChE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,qBAAqB,EAAE,CAAC;IACtC,kDAAkD;IAClD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,kDAAkD;IAClD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,kEAAkE;IAClE,IAAI,EAAE,cAAc,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/navigation/SectionNav/__stories__/fixtures.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { SectionNavDestination, SectionNavMenu } from '../SectionNav.types';
+/**
+ * The stories' example section, shared by the showcase and the interaction
+ * tests. Kept out of the `*.stories.tsx` files because Storybook reads every
+ * named export there as a story.
+ */
+/** A restaurant's shift, as the example section: the floor, the board, the waiter's round. */
+export declare const DESTINATIONS: SectionNavDestination[];
+export declare const PRIMARY: SectionNavMenu;
+export declare const MORE: SectionNavMenu;
+/** A phone-sized frame with the bar at its foot, the way a host docks it. */
+export declare function PhoneFrame({ children }: {
+    children: React.ReactNode;
+}): React.ReactElement;
+/** A desktop-column-sized frame for the rail. */
+export declare function RailFrame({ children }: {
+    children: React.ReactNode;
+}): React.ReactElement;
+//# sourceMappingURL=fixtures.d.ts.map

package/dist/types/components/navigation/SectionNav/__stories__/fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../../../../src/components/navigation/SectionNav/__stories__/fixtures.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEjF;;;;GAIG;AAEH,8FAA8F;AAC9F,eAAO,MAAM,YAAY,EAAE,qBAAqB,EAI/C,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,cA6BrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,cAiBlB,CAAC;AAEF,6EAA6E;AAC7E,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAoB1F;AAGD,iDAAiD;AACjD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAEzF"}

package/dist/types/components/navigation/SectionNav/index.d.ts

@@ -0,0 +1,7 @@
+export { SectionNav } from './SectionNav';
+export { sectionNavBarInset } from './SectionNav.bar';
+export { RaisedActionButton } from './SectionNav.primary';
+export type { RaisedActionButtonProps } from './SectionNav.primary';
+export type { SectionNavBack, SectionNavDestination, SectionNavEntry, SectionNavGroup, SectionNavMenu, SectionNavProps, } from './SectionNav.types';
+export type { SectionNavCopy } from '../../../copy';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/navigation/SectionNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/SectionNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,YAAY,EACV,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,cAAc,EACd,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}

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

@@ -5,5 +5,6 @@ export * from './ContextMenu';
 export * from './DropdownMenu';
 export * from './NavigationMenu';
 export * from './Pagination';
+export * from './SectionNav';
 export * from './Tabs';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}

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

@@ -16,6 +16,16 @@ export interface CommandPaletteCopy {
     recent: string;
     tryAnotherTerm: string;
 }
+/**
+ * `SectionNav`'s own words — only the chrome it draws around the host's
+ * destinations. Every destination and menu label is the host's, per prop.
+ */
+export interface SectionNavCopy {
+    /** The open primary trigger's accessible name, and the sheet's close button. */
+    close: string;
+    /** A badge's accessible name — "3 pending", for a count of 3. */
+    badge: (count: number) => string;
+}
 /** The breadcrumb's overflow control, in its two spellings. */
 export interface BreadcrumbCopy {
     showMore: string;

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

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/copy/navigation.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,8DAA8D;AAC9D,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,+DAA+D;AAC/D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/copy/navigation.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,8DAA8D;AAC9D,MAAM,WAAW,kBAAkB;IACjC,2DAA2D;IAC3D,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAClC;AAED,+DAA+D;AAC/D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB"}

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

@@ -2,7 +2,8 @@
  * The en-US pack for the navigation family. Split the same way
  * `pt-BR.navigation.ts` is — see `en-US.ts` for why.
  */
-import type { BreadcrumbCopy, CommandPaletteCopy } from './copy';
+import type { BreadcrumbCopy, CommandPaletteCopy, SectionNavCopy } from './copy';
 export declare const EN_US_COMMAND_PALETTE_COPY: CommandPaletteCopy;
 export declare const EN_US_BREADCRUMB_COPY: BreadcrumbCopy;
+export declare const EN_US_SECTION_NAV_COPY: SectionNavCopy;
 //# sourceMappingURL=en-US.navigation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"en-US.navigation.d.ts","sourceRoot":"","sources":["../../src/en-US.navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EACnB,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,0BAA0B,EAAE,kBAQxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC"}
+{"version":3,"file":"en-US.navigation.d.ts","sourceRoot":"","sources":["../../src/en-US.navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,cAAc,EACf,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,0BAA0B,EAAE,kBAQxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cAGpC,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, DataGridCopy, DataStateCopy, InstallPromptCopy, LightboxCopy, MapPreviewCopy, PasswordStrengthCopy, PhoneInputCopy, RichEditorToolbarCopy, SectionOnboardingCopy, SettingCardCopy, SettingSwitchCopy, SocialLoginCopy, TableFilterCopy, TimingDiagramCopy, TutorialCopy, UploadButtonCopy, UserAvatarCopy } from "./copy";
+import type { AddressAutocompleteCopy, AutocompleteCopy, BreadcrumbCopy, CarouselCopy, CategorySelectCopy, CepFieldCopy, ChromeCopy, CodeEditorCopy, CommandPaletteCopy, SectionNavCopy, ConfirmActionCopy, DataGridCopy, 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;
@@ -45,6 +45,7 @@ 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 SECTION_NAV_COPY: LocalePack<SectionNavCopy>;
 export declare const BREADCRUMB_COPY: LocalePack<BreadcrumbCopy>;
 export declare const SECTION_ONBOARDING_COPY: LocalePack<SectionOnboardingCopy>;
 export declare const CONFIRM_ACTION_COPY: LocalePack<ConfirmActionCopy>;

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,YAAY,EACZ,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,cAAc,0BAAuE,CAAC;AACnG,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"}
+{"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,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,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,cAAc,0BAAuE,CAAC;AACnG,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,gBAAgB,4BAG5B,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.navigation.d.ts

@@ -2,7 +2,8 @@
  * The pt-BR pack for the navigation family. Split out of `pt-BR.ts`, which is a
  * barrel over this folder — see that file for why.
  */
-import type { BreadcrumbCopy, CommandPaletteCopy } from './copy';
+import type { BreadcrumbCopy, CommandPaletteCopy, SectionNavCopy } from './copy';
 export declare const PT_BR_COMMAND_PALETTE_COPY: CommandPaletteCopy;
 export declare const PT_BR_BREADCRUMB_COPY: BreadcrumbCopy;
+export declare const PT_BR_SECTION_NAV_COPY: SectionNavCopy;
 //# sourceMappingURL=pt-BR.navigation.d.ts.map

package/dist/types/pt-BR.navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pt-BR.navigation.d.ts","sourceRoot":"","sources":["../../src/pt-BR.navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EACnB,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,0BAA0B,EAAE,kBAMxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC"}
+{"version":3,"file":"pt-BR.navigation.d.ts","sourceRoot":"","sources":["../../src/pt-BR.navigation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,cAAc,EACf,MAAM,QAAQ,CAAC;AAEhB,eAAO,MAAM,0BAA0B,EAAE,kBAMxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cAGpC,CAAC"}

package/dist/user-avatar.js

@@ -1,18 +1,18 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-O6IF4BZT.js";
+} from "./chunk-UUJ7J7NE.js";
 import "./chunk-UDQSIRAP.js";
-import "./chunk-NYFGFELX.js";
-import "./chunk-3ZVUNSFF.js";
+import "./chunk-PGPPN63I.js";
 import "./chunk-TNQDSTIA.js";
 import "./chunk-6ZZGK5DT.js";
+import "./chunk-3ZVUNSFF.js";
 import "./chunk-MTEQEPNY.js";
 import "./chunk-VUHLNYAE.js";
 import "./chunk-2GSIEDGN.js";
-import "./chunk-WN5PNP6F.js";
-import "./chunk-FKUYRQSP.js";
+import "./chunk-OP5JR5Q5.js";
 import "./chunk-76X6JRVI.js";
+import "./chunk-FKUYRQSP.js";
 import "./chunk-JH7EEJEQ.js";
 import "./chunk-BA4RHQ3B.js";
 import "./chunk-K6LNHHSH.js";

package/dist/utility/InfiniteScroll.js

@@ -1,9 +1,9 @@
 import "../chunk-H7NA4TXY.js";
 import {
   InfiniteScroll
-} from "../chunk-HNFZLXZI.js";
-import "../chunk-Y2X7LYIN.js";
+} from "../chunk-HBP2OU4Q.js";
 import "../chunk-5KNDAC24.js";
+import "../chunk-Y2X7LYIN.js";
 import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";
 export {

package/dist/utility/InstallPrompt.js

@@ -1,11 +1,11 @@
 import "../chunk-3QQVEYOR.js";
 import {
   InstallPrompt
-} from "../chunk-5ZOJLYD2.js";
-import "../chunk-GY62N32G.js";
+} from "../chunk-JE6RZ5L6.js";
 import {
   usePwaInstall
 } from "../chunk-5GMHJ7Y5.js";
+import "../chunk-GY62N32G.js";
 import "../chunk-WXYLH3QZ.js";
 import {
   PWA_INSTALL_AVAILABLE_EVENT,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.44.3",
+  "version": "6.45.0",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",
@@ -608,6 +608,10 @@
       "types": "./dist/types/components/navigation/Pagination/index.d.ts",
       "default": "./dist/navigation/Pagination.js"
     },
+    "./navigation/SectionNav": {
+      "types": "./dist/types/components/navigation/SectionNav/index.d.ts",
+      "default": "./dist/navigation/SectionNav.js"
+    },
     "./navigation/Tabs": {
       "types": "./dist/types/components/navigation/Tabs/index.d.ts",
       "default": "./dist/navigation/Tabs.js"