@12-apps/ui 5.0.0 → 5.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/TableFilter/TableFilter.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EACV,6BAA6B,EAC7B,uBAAuB,EACvB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,0BAA0B,EAC1B,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAI7B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,gBAAwB,GACzB,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAMtC;yBAXe,WAAW;;;kCAcyB,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;kCAqB5C,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;4DAYvF,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;2DA+DzC,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;8BA6DG,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;;wGA8GzF,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;AAjGjD,iBAAS,wBAAwB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,EAChE,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,6BAA6B,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqC3D;kBA3CQ,wBAAwB"}

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

@@ -0,0 +1,78 @@
+import type { ReactNode } from 'react';
+/** Props for the `<TableFilter>` root (provider). */
+export interface TableFilterProps {
+    children: ReactNode;
+    /** Whether the panel is open. */
+    open: boolean;
+    /** Toggle the panel. */
+    onOpenChange: (open: boolean) => void;
+    /** Shows a filled dot on the trigger when filters are active. */
+    hasActiveFilters?: boolean;
+}
+/** Props for `<TableFilter.Layout>`. */
+export interface TableFilterLayoutProps {
+    children: ReactNode;
+    className?: string;
+}
+/** Props for `<TableFilter.Main>`. */
+export interface TableFilterMainProps {
+    children: ReactNode;
+    className?: string;
+}
+/** Props for `<TableFilter.Panel>`. */
+export interface TableFilterPanelProps {
+    children: ReactNode;
+    /** Clears every filter. Rendered as the panel's "Clear All Filters" link. */
+    onClearAll: () => void;
+    /** Accessible label for the panel `<aside>`. */
+    ariaLabel?: string;
+    clearTestId?: string;
+}
+/** Props for `<TableFilter.Keyword>`. */
+export interface TableFilterKeywordProps {
+    value: string;
+    /** Committed on blur or Enter (not on every keystroke). */
+    onChange: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    testId?: string;
+}
+/** Props for `<TableFilter.Section>`. */
+export interface TableFilterSectionProps {
+    title: string;
+    children: ReactNode;
+}
+/** A checkbox option for `<TableFilter.CheckboxField>`. */
+export interface TableFilterCheckboxOption<TValue extends string = string> {
+    value: TValue;
+    label: string;
+    count?: number;
+}
+/** Props for `<TableFilter.CheckboxField>` — a labelled multi-select group. */
+export interface TableFilterCheckboxFieldProps<TValue extends string = string> {
+    label: string;
+    options: TableFilterCheckboxOption<TValue>[];
+    selected: ReadonlySet<TValue>;
+    onToggle: (value: TValue, checked: boolean) => void;
+    testId?: string;
+}
+/** A numeric min/max range value. */
+export interface TableFilterRange {
+    min?: number;
+    max?: number;
+}
+/** Props for `<TableFilter.RangeField>` — a labelled min/max pair. */
+export interface TableFilterRangeFieldProps {
+    label: string;
+    value: TableFilterRange;
+    onChange: (range: TableFilterRange) => void;
+    /** Optional unit suffix (e.g. "R$", "un"). */
+    unit?: string;
+    step?: number;
+    minPlaceholder?: string;
+    maxPlaceholder?: string;
+    /** Error text shown when the range is inverted (max < min). */
+    invalidLabel?: string;
+    testId?: string;
+}
+//# sourceMappingURL=TableFilter.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFilter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/TableFilter/TableFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,qDAAqD;AACrD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,wBAAwB;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wCAAwC;AACxC,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sCAAsC;AACtC,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uCAAuC;AACvC,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,6EAA6E;IAC7E,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,yCAAyC;AACzC,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,yCAAyC;AACzC,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,2DAA2D;AAC3D,MAAM,WAAW,yBAAyB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,+EAA+E;AAC/E,MAAM,WAAW,6BAA6B,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,yBAAyB,CAAC,MAAM,CAAC,EAAE,CAAC;IAC7C,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,sEAAsE;AACtE,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/types/components/layout/TableFilter/TableFilterContext.d.ts

@@ -0,0 +1,18 @@
+/** Open/close + active state shared by every `TableFilter` compound part. */
+export interface TableFilterContextValue {
+    /** Whether the filter panel is expanded. */
+    open: boolean;
+    /** Toggle the panel open/closed. */
+    onOpenChange: (open: boolean) => void;
+    /** When true, the trigger shows a filled indicator dot. */
+    hasActiveFilters: boolean;
+}
+/** Backing context. `null` outside a `<TableFilter>` root. */
+export declare const TableFilterContext: import("react").Context<TableFilterContextValue | null>;
+/**
+ * Reads the nearest {@link TableFilterContext}.
+ *
+ * @throws If used outside `<TableFilter>`.
+ */
+export declare function useTableFilterContext(): TableFilterContextValue;
+//# sourceMappingURL=TableFilterContext.d.ts.map

package/dist/types/components/layout/TableFilter/TableFilterContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFilterContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/TableFilter/TableFilterContext.tsx"],"names":[],"mappings":"AAIA,6EAA6E;AAC7E,MAAM,WAAW,uBAAuB;IACtC,4CAA4C;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,oCAAoC;IACpC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,2DAA2D;IAC3D,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,8DAA8D;AAC9D,eAAO,MAAM,kBAAkB,yDAAsD,CAAC;AAEtF;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI,uBAAuB,CAM/D"}

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

@@ -0,0 +1,5 @@
+export { TableFilter } from './TableFilter';
+export { TableFilterContext, useTableFilterContext } from './TableFilterContext';
+export type { TableFilterContextValue } from './TableFilterContext';
+export type { TableFilterProps, TableFilterLayoutProps, TableFilterMainProps, TableFilterPanelProps, TableFilterKeywordProps, TableFilterSectionProps, TableFilterCheckboxOption, TableFilterCheckboxFieldProps, TableFilterRange, TableFilterRangeFieldProps, } from './TableFilter.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/TableFilter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AACjF,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,yBAAyB,EACzB,6BAA6B,EAC7B,gBAAgB,EAChB,0BAA0B,GAC3B,MAAM,qBAAqB,CAAC"}

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

@@ -0,0 +1,15 @@
+export * from './Accordion';
+export * from './Card';
+export * from './Collapsible/Collapsible';
+export * from './Container';
+export * from './ContentToolbar';
+export * from './Dashboard';
+export * from './Drawer';
+export * from './Resizable';
+export * from './ScrollArea';
+export * from './Separator';
+export * from './Sidebar';
+export * from './Skeleton/Skeleton';
+export * from './TableFilter';
+export * from './Spacer/Spacer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/types/components/navigation/AppHeader/AppHeader.brand.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { AppHeaderBrandProps } from './AppHeader.types';
+/**
+ * The mark that opens the header: the logo when there is one, the name's
+ * initials on a gradient derived from the brand colour when there is not.
+ *
+ * Both branches occupy the SAME box, so a header does not resize when a logo
+ * arrives — or when one fails to load and the initials take over, which is the
+ * case a plain `<img>` renders as a torn-page glyph beside the store's name.
+ */
+export declare const AppHeaderBrand: React.FC<AppHeaderBrandProps>;
+export default AppHeaderBrand;
+//# sourceMappingURL=AppHeader.brand.d.ts.map

package/dist/types/components/navigation/AppHeader/AppHeader.brand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.brand.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.brand.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAmC7D;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6CxD,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/dist/types/components/navigation/AppHeader/AppHeader.colors.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The seed's companion stop: rotated toward the warm side and lightened, or —
+ * for a seed with no hue worth rotating — lightened alone.
+ */
+export declare function highlightOf(seed: string): string;
+/** The mark's fill: the seed, running into its derived highlight. */
+export declare function brandGradient(seed: string): string;
+/**
+ * Up to two initials for `name`, or `·` when there is nothing to take.
+ *
+ * First + last rather than first two: "Future Drink" is FD, and a one-word name
+ * still yields its single letter instead of a pair that reads as two words.
+ */
+export declare function initialsOf(name: string): string;
+//# sourceMappingURL=AppHeader.colors.d.ts.map

package/dist/types/components/navigation/AppHeader/AppHeader.colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.colors.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.colors.ts"],"names":[],"mappings":"AAyFA;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAOhD;AAED,qEAAqE;AACrE,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAElD;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAM/C"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { AppHeaderProps } from './AppHeader.types';
+/**
+ * The application bar: a row of slots on one surface, plus an optional second
+ * row that belongs to it.
+ *
+ * It knows nothing about routers, sessions, carts or stores — every slot is a
+ * `ReactNode` and every behaviour is a callback, which is what lets one bar
+ * serve a storefront, a back office and a platform console without any of them
+ * leaking into the others. Compose it with {@link AppHeaderIdentity},
+ * {@link AppHeaderStatus} and {@link AppHeaderDetails}, or put your own nodes in
+ * the slots.
+ *
+ * The SURFACE always spans the viewport while the CONTENT stops at `maxWidth`
+ * and centres, so the same bar reads as a phone header and as a desktop one
+ * without a second component or a breakpoint at the call site.
+ */
+export declare const AppHeader: React.FC<AppHeaderProps>;
+export default AppHeader;
+//# sourceMappingURL=AppHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA8IxD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+D9C,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/dist/types/components/navigation/AppHeader/AppHeader.details.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { AppHeaderDetailsProps } from './AppHeader.types';
+/**
+ * The panel behind the header's disclosure — the hours, the address, the way
+ * out — in the shape the viewport calls for.
+ *
+ * ONE component with two presentations, because they are one thing to the user
+ * and one thing to the caller: a bottom sheet within reach of a thumb, a centred
+ * dialog under a pointer. `auto` picks by viewport, so nobody writes that branch
+ * at a call site and nobody ships a phone-shaped sheet stretched across a
+ * desktop. Force either one with `presentation` when the surrounding layout
+ * already decides (a preview frame, a story, a kiosk).
+ */
+export declare const AppHeaderDetails: React.FC<AppHeaderDetailsProps>;
+//# sourceMappingURL=AppHeader.details.d.ts.map

package/dist/types/components/navigation/AppHeader/AppHeader.details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.details.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.details.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAGV,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AA4H3B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2E5D,CAAC"}

package/dist/types/components/navigation/AppHeader/AppHeader.identity.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { AppHeaderIdentityProps, AppHeaderStatusProps } from './AppHeader.types';
+/**
+ * The dotted state line: "● Aberto agora · Retirada no balcão".
+ *
+ * Segments are joined here rather than by the caller because the separator is a
+ * presentational choice — a caller that pre-joins its own string can never be
+ * restyled, and each segment loses the chance to carry its own markup.
+ */
+export declare const AppHeaderStatus: React.FC<AppHeaderStatusProps>;
+/**
+ * Mark + title + state line, and — when it can be opened — the whole block as
+ * one button.
+ *
+ * The button wraps EVERYTHING rather than sitting next to the title, because on
+ * a phone the chevron alone is a 20px target next to a 40px one that does
+ * nothing. A shopper aiming at the store's name expects the store's details.
+ */
+export declare const AppHeaderIdentity: React.FC<AppHeaderIdentityProps>;
+//# sourceMappingURL=AppHeader.identity.d.ts.map

package/dist/types/components/navigation/AppHeader/AppHeader.identity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.identity.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.identity.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAatF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqD1D,CAAC;AAkFF;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4E9D,CAAC"}

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

@@ -0,0 +1,180 @@
+import type { Breakpoint } from '@mui/material';
+import type { ReactNode } from 'react';
+import type { ColorValue, SizeValue } from '../../../tokens/scales';
+/**
+ * How the bar sits in the page.
+ *
+ * `fixed` lifts it out of flow, so {@link AppHeaderProps.disableSpacer} aside it
+ * also renders a spacer of its own measured height — a fixed bar with nothing
+ * reserving its space is the classic "first paragraph is under the header" bug.
+ */
+export type AppHeaderPosition = 'static' | 'sticky' | 'fixed';
+/** Which surface the details panel takes on this viewport. */
+export type AppHeaderDetailsPresentation = 'auto' | 'sheet' | 'dialog';
+/**
+ * The circular mark that opens the header: a logo when there is one, the name's
+ * initials on a derived gradient when there is not.
+ *
+ * The gradient is DERIVED from `seedColor` rather than configured, so a caller
+ * supplies one brand colour and gets a mark that belongs to it. With no seed it
+ * derives from the theme's primary, which is what makes the mark correct in an
+ * app that has no per-tenant colour at all.
+ */
+export interface AppHeaderBrandProps {
+    /** Who the mark stands for. Initials come from it, and it labels the mark. */
+    name: string;
+    /** Logo image; replaces the initials when it loads. */
+    logoUrl?: string | null;
+    /** `#RRGGBB` (or any CSS colour) to derive the gradient from. */
+    seedColor?: string | null;
+    /** @default 'md' */
+    size?: SizeValue;
+    /** @default 'circle' */
+    shape?: 'circle' | 'rounded';
+    className?: string;
+    dataTestId?: string;
+}
+/**
+ * The one-line state under the title — a tone dot plus segments read as a
+ * sentence ("Aberto agora · Retirada no balcão").
+ */
+export interface AppHeaderStatusProps {
+    /** The dot's colour. Omit for no dot. */
+    tone?: ColorValue;
+    /** The segments, in reading order. Empty entries are dropped. */
+    items: ReactNode[];
+    /** What goes between segments. @default '·' */
+    separator?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+}
+/**
+ * Mark + title + status, optionally the control that discloses the details
+ * panel.
+ *
+ * There is deliberately no `href` here. A title that navigates is one line of
+ * the consumer's own router in the `leading` slot, whereas an `href` prop would
+ * have to guess whose link component it is being handed — `to` for one router,
+ * `href` for another — and would half-work for everybody. `onDisclose` is the
+ * only interaction the block owns: with it the block is a button and a chevron
+ * appears, without it the block is static text.
+ */
+export interface AppHeaderIdentityProps extends Pick<AppHeaderBrandProps, 'logoUrl' | 'seedColor'> {
+    /** The name shown, and the one the mark derives its initials from. */
+    title: string;
+    /** A quieter line under the title — use `status` for the dotted state line. */
+    subtitle?: ReactNode;
+    /** The state line, usually an {@link AppHeaderStatusProps} element. */
+    status?: ReactNode;
+    /** Replaces the derived mark entirely (an icon, an `<img>`, nothing). */
+    mark?: ReactNode;
+    /** Opens the details panel. Renders the block as a button with a chevron. */
+    onDisclose?: () => void;
+    /** Whether the panel `onDisclose` opens is currently open (`aria-expanded`). */
+    disclosed?: boolean;
+    /** Accessible name of the disclosure. @default `Detalhes de {title}` */
+    discloseLabel?: string;
+    /**
+     * The identity is still being resolved — hold a skeleton the size of the real
+     * block rather than a fallback name. An app that paints a placeholder title
+     * flashes the wrong brand for a frame on every load.
+     */
+    loading?: boolean;
+    /** @default 'md' */
+    size?: SizeValue;
+    className?: string;
+    dataTestId?: string;
+}
+/**
+ * The bar itself: a row of slots on a surface, with an optional second row that
+ * belongs to the same surface (search, tabs, chips).
+ *
+ * Every slot is a `ReactNode`, so the header knows nothing about sessions,
+ * routers, carts or stores — it lays out what it is handed.
+ */
+export interface AppHeaderProps {
+    /** Before the identity: a back arrow, a menu toggle, a logo. */
+    leading?: ReactNode;
+    /** The identity block. Usually an `AppHeaderIdentity`. */
+    children?: ReactNode;
+    /** Trailing controls: sign-in, cart, account avatar. */
+    actions?: ReactNode;
+    /**
+     * A small muted note pinned to the top-right corner above `actions` — a build
+     * tag, an environment name. Hidden from assistive tech is NOT the default: if
+     * it is worth showing it is worth reading.
+     */
+    meta?: ReactNode;
+    /** A second row inside the same surface: a search field, tabs, filter chips. */
+    below?: ReactNode;
+    /** @default 'sticky' */
+    position?: AppHeaderPosition;
+    /**
+     * A CSS length the bar offsets itself by when `sticky`/`fixed` — for whatever
+     * already occupies the top of the viewport (an impersonation banner, an
+     * offline bar). Accepts a `var(--x, 0px)` so the offset can be published by
+     * the element itself. @default 0
+     */
+    offsetTop?: number | string;
+    /**
+     * How wide the content may grow before it stops and centres. This is what
+     * makes one bar work on a phone and on a desktop: the surface still spans the
+     * viewport, the content does not. @default 1200
+     */
+    maxWidth?: number | string;
+    /** Draw the bottom border. @default true */
+    divider?: boolean;
+    /** Raise a shadow once the page has scrolled under the bar. @default false */
+    elevateOnScroll?: boolean;
+    /** Tighter vertical rhythm, for a bar with no status line. @default false */
+    dense?: boolean;
+    /** Skip the flow spacer a `fixed` bar renders. @default false */
+    disableSpacer?: boolean;
+    className?: string;
+    dataTestId?: string;
+}
+/** One label/value line in the details panel. */
+export interface AppHeaderDetailRow {
+    /** Stable key; falls back to the label. */
+    id?: string;
+    label: string;
+    value: ReactNode;
+    /** Accent the value ("Aberto até 22h" in success green). */
+    tone?: ColorValue;
+}
+/** The details panel's single full-width call to action. */
+export interface AppHeaderDetailsAction {
+    label: string;
+    onClick: () => void;
+    /** @default 'primary' */
+    color?: ColorValue;
+    disabled?: boolean;
+    dataTestId?: string;
+}
+/**
+ * The panel the identity's disclosure opens.
+ *
+ * It is ONE component with two presentations because they are one thing to the
+ * user: a bottom sheet where the thumb is, a centred dialog where the pointer
+ * is. `presentation: 'auto'` picks by viewport so a caller never writes that
+ * branch — and never ships a phone-sized sheet stretched across a desktop.
+ */
+export interface AppHeaderDetailsProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    subtitle?: ReactNode;
+    /** The label/value lines. Rendered above `children`. */
+    rows?: AppHeaderDetailRow[];
+    /** Anything the rows cannot express — a map, a note, a list. */
+    children?: ReactNode;
+    /** The single full-width action at the foot of the panel. */
+    action?: AppHeaderDetailsAction;
+    /** @default 'auto' */
+    presentation?: AppHeaderDetailsPresentation;
+    /** Below this breakpoint `auto` chooses the sheet. @default 'sm' */
+    breakpoint?: Breakpoint;
+    className?: string;
+    dataTestId?: string;
+}
+//# sourceMappingURL=AppHeader.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/AppHeader.types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+export { AppHeader, default } from './AppHeader';
+export { AppHeaderBrand } from './AppHeader.brand';
+export { AppHeaderDetails } from './AppHeader.details';
+export { AppHeaderIdentity, AppHeaderStatus } from './AppHeader.identity';
+export { brandGradient, highlightOf, initialsOf } from './AppHeader.colors';
+export type { AppHeaderBrandProps, AppHeaderDetailRow, AppHeaderDetailsAction, AppHeaderDetailsPresentation, AppHeaderDetailsProps, AppHeaderIdentityProps, AppHeaderPosition, AppHeaderProps, AppHeaderStatusProps, } from './AppHeader.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/AppHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5E,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,cAAc,EACd,oBAAoB,GACrB,MAAM,mBAAmB,CAAC"}

package/dist/types/components/navigation/Breadcrumbs/BreadcrumbEntry.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { BreadcrumbItem } from './Breadcrumbs.types';
+export declare const BreadcrumbEntry: React.FC<{
+    item: BreadcrumbItem & {
+        isEllipsis?: boolean;
+    };
+    index: number;
+    itemCount: number;
+    collapsedItems: BreadcrumbItem[];
+    collapseBehavior: string;
+    separator: React.ReactNode;
+    showHomeIcon: boolean;
+    iconSize: 'small' | 'medium';
+    size: string;
+    variant: string;
+    dataTestId?: string;
+}>;
+//# sourceMappingURL=BreadcrumbEntry.d.ts.map

package/dist/types/components/navigation/Breadcrumbs/BreadcrumbEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbEntry.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Breadcrumbs/BreadcrumbEntry.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AA6N1D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,IAAI,EAAE,cAAc,GAAG;QAAE,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAiEA,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BreadcrumbsProps } from './Breadcrumbs.types';
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAiB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAqH3E,eAAO,MAAM,WAAW,mGAoEvB,CAAC"}

package/dist/types/components/navigation/Breadcrumbs/Breadcrumbs.styles.d.ts

@@ -0,0 +1,34 @@
+import type { CSSObject, Theme } from '@mui/material';
+export declare const slideIn: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const pulse: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const breadcrumbsBarStyles: ({ theme, size, color, visualStyle, elevation }: {
+    theme: Theme;
+    size?: string;
+    color?: string;
+    visualStyle?: string;
+    elevation?: number;
+}) => CSSObject;
+export declare const breadcrumbLinkStyles: ({ theme, size, active, visualStyle }: {
+    theme: Theme;
+    size?: string;
+    active?: boolean;
+    visualStyle?: string;
+}) => CSSObject;
+export declare const sizeIconMap: {
+    readonly xs: "small";
+    readonly sm: "small";
+    readonly md: "small";
+    readonly lg: "medium";
+    readonly xl: "medium";
+};
+//# sourceMappingURL=Breadcrumbs.styles.d.ts.map

package/dist/types/components/navigation/Breadcrumbs/Breadcrumbs.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Breadcrumbs/Breadcrumbs.styles.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtD,eAAO,MAAM,OAAO;;;;;UASnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;UAUjB,CAAC;AA+CF,eAAO,MAAM,oBAAoB,GAAI,gDAKlB;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,KAAG,SAkCgF,CAAC;AA0CrF,eAAO,MAAM,oBAAoB,GAAI,sCAIpB;IACf,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,KAAG,SAuCyC,CAAC;AAE9C,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC"}