@12-apps/ui 5.0.0 → 5.1.0

package/dist/types/components/layout/SettingsLayout/SettingsLayout.items.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { SettingsLayoutProps, SettingsNavGroup, SettingsNavItem, SettingsNavVariant, SettingsRailBreakpoint } from './SettingsLayout.types';
+/** The shape-deciding inputs every rail part needs to know about. */
+export interface RailShape {
+    variant: SettingsNavVariant;
+    breakpoint: SettingsRailBreakpoint;
+    atIndex: boolean;
+}
+interface RailItemProps extends RailShape {
+    item: SettingsNavItem;
+    active: boolean;
+    linkComponent?: SettingsLayoutProps['linkComponent'];
+    onSelectItem?: (id: string) => void;
+    /** Called on activation so the `switcher`'s rail can collapse after a choice. */
+    onNavigate?: () => void;
+    testIdPrefix: string;
+}
+/** One rail entry — a link when it has `href`, inert text when it says so, else a button. */
+export declare function SettingsRailItem({ item, active, linkComponent, onSelectItem, onNavigate, testIdPrefix, variant, breakpoint, }: RailItemProps): React.JSX.Element;
+interface RailGroupProps extends RailShape {
+    group: SettingsNavGroup;
+    activeItemId?: string;
+    linkComponent?: SettingsLayoutProps['linkComponent'];
+    onSelectItem?: (id: string) => void;
+    onNavigate?: () => void;
+    testIdPrefix: string;
+}
+/** A category: header + optional description + its items. */
+export declare function SettingsRailGroup({ group, activeItemId, linkComponent, onSelectItem, onNavigate, testIdPrefix, ...shape }: RailGroupProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SettingsLayout.items.d.ts.map

package/dist/types/components/layout/SettingsLayout/SettingsLayout.items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsLayout.items.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingsLayout/SettingsLayout.items.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EACV,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,wBAAwB,CAAC;AAEhC,qEAAqE;AACrE,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,UAAU,EAAE,sBAAsB,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,aAAc,SAAQ,SAAS;IACvC,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB;AAgCD,6FAA6F;AAC7F,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,aAAa,EACb,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,OAAO,EACP,UAAU,GACX,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkEnC;AAED,UAAU,cAAe,SAAQ,SAAS;IACxC,KAAK,EAAE,gBAAgB,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB;AAoBD,6DAA6D;AAC7D,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyCpC"}

package/dist/types/components/layout/SettingsLayout/SettingsLayout.rail.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { type RailShape } from './SettingsLayout.items';
+import type { SettingsEmptySearchAction, SettingsLayoutProps, SettingsNavGroup } from './SettingsLayout.types';
+export interface RailBodyProps extends RailShape {
+    navOpen: boolean;
+    query: string;
+    onQueryChange: (value: string) => void;
+    searchPlaceholder: string;
+    emptySearchLabel: React.ReactNode;
+    emptySearchAction?: SettingsEmptySearchAction;
+    filteredGroups: SettingsNavGroup[];
+    activeItemId?: string;
+    linkComponent?: SettingsLayoutProps['linkComponent'];
+    onSelectItem?: (id: string) => void;
+    onNavigate?: () => void;
+    testIdPrefix: string;
+}
+/** Props for {@link SettingsRail}: the rail body's inputs plus the mobile chrome. */
+export type SettingsRailProps = RailBodyProps & {
+    title?: React.ReactNode;
+    activeLabel?: string;
+    onToggleNav: () => void;
+};
+/** The navigation column: title, the `switcher`'s disclosure, and the body. */
+export declare function SettingsRail({ title, activeLabel, navOpen, onToggleNav, testIdPrefix, ...bodyProps }: SettingsRailProps): React.JSX.Element;
+//# sourceMappingURL=SettingsLayout.rail.d.ts.map

package/dist/types/components/layout/SettingsLayout/SettingsLayout.rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsLayout.rail.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingsLayout/SettingsLayout.rail.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE3E,OAAO,KAAK,EACV,yBAAyB,EACzB,mBAAmB,EACnB,gBAAgB,EAEjB,MAAM,wBAAwB,CAAC;AA6GhC,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,yBAAyB,CAAC;IAC9C,cAAc,EAAE,gBAAgB,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB;AAwED,qFAAqF;AACrF,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,+EAA+E;AAC/E,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,OAAO,EACP,WAAW,EACX,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuDvC"}

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

@@ -0,0 +1,35 @@
+import type { CSSObject, Theme } from '@mui/material';
+import type { SettingsNavStatus, SettingsRailBreakpoint } from './SettingsLayout.types';
+/** Fixed width of the left navigation rail once it has its own column. */
+export declare const RAIL_WIDTH = 300;
+/** Visually hidden, still read aloud — for text a marker's colour cannot carry. */
+export declare const SR_ONLY_SX: CSSObject;
+/**
+ * The media query for "the rail has its own column".
+ *
+ * `theme.breakpoints.up` takes a NUMBER as happily as a name, which is why
+ * `railBreakpoint` accepts one: a settings area whose structural switch is at
+ * 1024px has no MUI breakpoint to name (the default `lg` is 1200), and rounding
+ * the design to the nearest named breakpoint moves 176px of behaviour to keep a
+ * string tidy.
+ */
+export declare function atLeastRail(theme: Theme, breakpoint: SettingsRailBreakpoint): string;
+/**
+ * A `display` pair across that query: `narrow` below it, `wide` at and above.
+ *
+ * Everything that changes shape between the two navigation modes goes through
+ * this, so "which width am I?" is answered once, in CSS, for every part at
+ * once — rather than by each part asking a media query in JavaScript and
+ * answering slightly differently.
+ */
+export declare function displayAcrossRail(theme: Theme, breakpoint: SettingsRailBreakpoint, narrow: string, wide: string): CSSObject;
+/** Minimum touch target, in px. Held down to 320px-wide phones, deliberately. */
+export declare const TOUCH_TARGET = 44;
+/**
+ * Palette role per situation.
+ *
+ * Returned as theme keys rather than hex so a marker follows the host's theme —
+ * and so light and dark do not need two copies of this table.
+ */
+export declare const STATUS_COLOR: Record<Exclude<SettingsNavStatus, 'locked'>, string>;
+//# sourceMappingURL=SettingsLayout.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsLayout.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingsLayout/SettingsLayout.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAExF,0EAA0E;AAC1E,eAAO,MAAM,UAAU,MAAM,CAAC;AAE9B,mFAAmF;AACnF,eAAO,MAAM,UAAU,EAAE,SAUxB,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,sBAAsB,GAAG,MAAM,CAEpF;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,sBAAsB,EAClC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GACX,SAAS,CAEX;AAED,iFAAiF;AACjF,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,iBAAiB,EAAE,QAAQ,CAAC,EAAE,MAAM,CAI7E,CAAC"}

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

@@ -0,0 +1,158 @@
+import type { ElementType, ReactNode } from 'react';
+/**
+ * How an entry is doing, as a marker beside its label.
+ *
+ * The host RESOLVES this — the rail never derives it from the screen behind the
+ * row. A settings shell cannot know whether "Endereço" counts as configured, and
+ * a rail that guesses disagrees with the screen the moment the rule moves.
+ *
+ * - `ok` — set up and working.
+ * - `off` — exists, switched off.
+ * - `new` — never opened.
+ * - `locked` — the plan does not include it, so it has no configuration state at
+ *   all. Rendered as a padlock rather than a coloured dot for exactly that
+ *   reason: a locked row is not "off", and colouring it grey would say it is.
+ */
+export type SettingsNavStatus = 'ok' | 'off' | 'new' | 'locked';
+/**
+ * A single navigable configuration entry inside a {@link SettingsNavGroup}. The
+ * `id` drives the active highlight and `data-testid`; `label` (plus optional
+ * `keywords`) is what the rail search field matches against.
+ */
+export interface SettingsNavItem {
+    /** Stable id — drives the active highlight + `data-testid`; never derived from `href`. */
+    id: string;
+    /** Visible label; also matched (case-insensitive) by the search field. */
+    label: string;
+    /** Optional leading icon. */
+    icon?: ReactNode;
+    /** Optional link target; rendered through `linkComponent` when set. */
+    href?: string;
+    /** Extra search terms so an item is findable beyond its visible label. */
+    keywords?: string[];
+    /** Host-resolved situation marker. Omit to render no marker at all. */
+    status?: SettingsNavStatus;
+    /**
+     * What the marker MEANS, in the host's language — "Ligado", "Não visitado",
+     * "Incluído no plano Pro". Rendered as text only a screen reader reaches, so
+     * colour is never the sole carrier of the meaning. Required alongside
+     * `status`: a marker nobody can name is decoration.
+     */
+    statusLabel?: string;
+    /**
+     * Render the entry as inert text rather than a control.
+     *
+     * For a row that is listed but not reachable from here. It is deliberately not
+     * a disabled button: disabled says "you cannot", and the honest statement is
+     * "not from this screen".
+     */
+    inert?: boolean;
+}
+/** A labelled category grouping related items in the left rail. */
+export interface SettingsNavGroup {
+    /** Stable id for the group header's `data-testid`. */
+    id: string;
+    /** Category header label (uppercased in the rail). */
+    label: string;
+    /** Optional one-line description shown under the header. */
+    description?: string;
+    /** The subcategories/items in this group. */
+    items: SettingsNavItem[];
+}
+/**
+ * Which width the rail appears at — and, in `drilldown`, where the whole shell
+ * changes shape. Below it the list is the page and a chip strip carries the
+ * sibling sections; at and above it the rail takes the left column.
+ *
+ * A raw pixel number is as valid as a breakpoint name, because a settings area's
+ * structural switch is a design decision and not always one of five named
+ * widths — 1024px, the tablet-landscape switch, is nowhere in MUI's defaults
+ * (`lg` is 1200), and rounding to the nearest name would move 176px of
+ * behaviour to keep a string tidy.
+ */
+export type SettingsRailBreakpoint = 'sm' | 'md' | 'lg' | 'xl' | number;
+/**
+ * How navigation behaves BELOW {@link SettingsLayoutProps.railBreakpoint}.
+ *
+ * - `switcher` (default) — the rail folds into a collapsed disclosure stacked
+ *   above the panel. Backwards-compatible, and right for a shell whose panel is
+ *   always the point.
+ * - `drilldown` — list first, then screen, with a way back. At the area's index
+ *   the LIST is the page; inside a section the panel is the page and a scrollable
+ *   chip strip carries its siblings. This is what every mobile settings app
+ *   does, and what fits at 375px, where a 300px rail would leave 75px of content.
+ */
+export type SettingsNavVariant = 'switcher' | 'drilldown';
+/** The exit offered inside the empty-search state, so the dead end has a door. */
+export interface SettingsEmptySearchAction {
+    /** Button label, e.g. `"Limpar a busca"`. */
+    label: ReactNode;
+    /**
+     * Extra work to do on top of clearing the field. The layout always clears its
+     * own query; a host that mirrors the term elsewhere clears that here.
+     */
+    onClear?: () => void;
+}
+/**
+ * Props for {@link SettingsLayout} — an agnostic, data-driven two-pane settings
+ * shell (search + grouped left rail, central panel). It renders navigation from
+ * `groups` and the selected screen from `children`; the host owns routing.
+ */
+export interface SettingsLayoutProps {
+    /** Heading shown above the search field (e.g. "Configuração"). */
+    title?: ReactNode;
+    /** Grouped navigation for the left rail. */
+    groups: SettingsNavGroup[];
+    /** Id of the currently-open item — highlighted in the rail. */
+    activeItemId?: string;
+    /** Fired with an item's id when a non-link item is chosen. */
+    onSelectItem?: (id: string) => void;
+    /** Placeholder for the search field. Defaults to `"Search settings"`. */
+    searchPlaceholder?: string;
+    /** Shown when the search matches no items. Defaults to a generic string. */
+    emptySearchLabel?: ReactNode;
+    /**
+     * A way OUT of the empty-search state, rendered inside it.
+     *
+     * Without one the search that matches nothing is a screen with no next step —
+     * the operator's only move is to guess which characters to delete.
+     */
+    emptySearchAction?: SettingsEmptySearchAction;
+    /**
+     * Element type used to render an item that has an `href` (e.g. a Next.js
+     * `Link`). Rendered as the `ListItemButton` `component`, so navigation stays a
+     * single interactive element. Items without `href` fall back to `onSelectItem`.
+     */
+    linkComponent?: ElementType;
+    /** The central panel content (the selected configuration screen). */
+    children: ReactNode;
+    /** Prefix for `data-testid` attributes. Defaults to `"settings"`. */
+    testIdPrefix?: string;
+    /** Width at which the rail takes its own column. Defaults to `"md"`. */
+    railBreakpoint?: SettingsRailBreakpoint;
+    /** Narrow-width navigation shape. Defaults to `"switcher"`. */
+    navVariant?: SettingsNavVariant;
+    /**
+     * True when the router is at the area's index rather than inside a section.
+     *
+     * `drilldown` only. It decides which of the two — the list or the panel — is
+     * the page below the breakpoint. Both are always in the DOM; only `display`
+     * moves, so the two widths cannot drift apart in what they offer.
+     */
+    atIndex?: boolean;
+    /** Where "back" goes in `drilldown`: the area's index. */
+    indexHref?: string;
+    /** Label on the back control. Defaults to `"Back"`. */
+    backLabel?: string;
+    /**
+     * The sibling sections carried by the narrow-width chip strip — usually the
+     * open item's own group.
+     *
+     * The strip lives in the DOM at EVERY width and is hidden by CSS above the
+     * breakpoint, alongside the rail that replaces it. That is the whole point:
+     * navigation chosen by a JS media query is navigation that can exist at one
+     * width and not the other, and nothing catches it.
+     */
+    sectionChips?: SettingsNavItem[];
+}
+//# sourceMappingURL=SettingsLayout.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsLayout.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingsLayout/SettingsLayout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEhE;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,0FAA0F;IAC1F,EAAE,EAAE,MAAM,CAAC;IACX,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,mEAAmE;AACnE,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,EAAE,EAAE,MAAM,CAAC;IACX,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAExE;;;;;;;;;;GAUG;AACH,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,WAAW,CAAC;AAE1D,kFAAkF;AAClF,MAAM,WAAW,yBAAyB;IACxC,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,kEAAkE;IAClE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4CAA4C;IAC5C,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,yBAAyB,CAAC;IAC9C;;;;OAIG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,qEAAqE;IACrE,QAAQ,EAAE,SAAS,CAAC;IACpB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;CAClC"}

package/dist/types/components/layout/SettingsLayout/SettingsPanel.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { SettingsLayoutProps, SettingsNavItem, SettingsRailBreakpoint } from './SettingsLayout.types';
+export interface SettingsPanelProps {
+    /** True in `drilldown`, inside a section rather than at the index. */
+    inSection: boolean;
+    /** True in `drilldown`, at the area's index. */
+    hideOnNarrow: boolean;
+    breakpoint: SettingsRailBreakpoint;
+    indexHref?: string;
+    backLabel: string;
+    ariaLabel: string;
+    sectionChips?: SettingsNavItem[];
+    activeItemId?: string;
+    linkComponent?: SettingsLayoutProps['linkComponent'];
+    onSelectItem?: (id: string) => void;
+    testIdPrefix: string;
+    children: React.ReactNode;
+}
+/**
+ * The central column: the open screen, and — in `drilldown`, inside a section —
+ * the back link and sibling-section strip above it.
+ *
+ * At the index in `drilldown` this whole column is `display: none` below the
+ * breakpoint and the rail becomes the page. Mounted either way: the panel and
+ * the list are one tree with `display` between them, not two branches of a
+ * render.
+ */
+export declare function SettingsPanel({ inSection, hideOnNarrow, breakpoint, indexHref, backLabel, ariaLabel, sectionChips, activeItemId, linkComponent, onSelectItem, testIdPrefix, children, }: SettingsPanelProps): React.JSX.Element;
+//# sourceMappingURL=SettingsPanel.d.ts.map

package/dist/types/components/layout/SettingsLayout/SettingsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingsLayout/SettingsPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EACV,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACvB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IACjC,sEAAsE;IACtE,SAAS,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAwCD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,YAAY,EACZ,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgDxC"}

package/dist/types/components/layout/SettingsLayout/SettingsSectionChips.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { SettingsLayoutProps, SettingsNavItem } from './SettingsLayout.types';
+export interface SettingsSectionChipsProps {
+    /** The sibling sections to offer — usually the open item's own group. */
+    items: SettingsNavItem[];
+    /** Which one is open. */
+    activeItemId?: string;
+    /** Accessible name of the strip, in the host's language. */
+    ariaLabel: string;
+    linkComponent?: SettingsLayoutProps['linkComponent'];
+    onSelectItem?: (id: string) => void;
+    testIdPrefix: string;
+}
+/**
+ * The narrow-width section strip: horizontally scrollable chips for the sections
+ * beside the open one.
+ *
+ * It clips its own overflow — `overflow-x: auto` on the strip, never on an
+ * ancestor. A strip that pushes the page wide makes every OTHER screen at that
+ * width scroll sideways too, and the cause is nowhere near the symptom.
+ */
+export declare function SettingsSectionChips({ items, activeItemId, ariaLabel, linkComponent, onSelectItem, testIdPrefix, }: SettingsSectionChipsProps): React.JSX.Element;
+export declare namespace SettingsSectionChips {
+    var displayName: string;
+}
+//# sourceMappingURL=SettingsSectionChips.d.ts.map

package/dist/types/components/layout/SettingsLayout/SettingsSectionChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsSectionChips.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingsLayout/SettingsSectionChips.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAIjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEnF,MAAM,WAAW,yBAAyB;IACxC,yEAAyE;IACzE,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC;CACtB;AAsGD;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,YAAY,EACZ,SAAS,EACT,aAAa,EACb,YAAY,EACZ,YAAY,GACb,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoC/C;yBA3Ce,oBAAoB"}

package/dist/types/components/layout/SettingsLayout/SettingsStatusMarker.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { SettingsNavStatus } from './SettingsLayout.types';
+export interface SettingsStatusMarkerProps {
+    /** Which situation to draw. */
+    status: SettingsNavStatus;
+    /** What it means, in the host's language — the only carrier a screen reader gets. */
+    label?: string;
+    /** `data-testid` for the marker element. */
+    testId?: string;
+}
+/**
+ * The situation marker beside a settings entry: a coloured dot, or a padlock
+ * when the plan does not include the section.
+ *
+ * The label is rendered as visually-hidden text INSIDE the marker rather than as
+ * an `aria-label` on it, so it lands in the accessible name of the row that
+ * contains it. A row reading "Endereço, ligado" is one utterance; a decorative
+ * dot with a title attribute beside it is two, and the second one is skipped.
+ *
+ * Colour alone never says which of the three states this is — that is the whole
+ * reason `label` exists, and why a marker without one is a marker with no
+ * meaning attached.
+ */
+export declare function SettingsStatusMarker({ status, label, testId, }: SettingsStatusMarkerProps): React.JSX.Element;
+export declare namespace SettingsStatusMarker {
+    var displayName: string;
+}
+//# sourceMappingURL=SettingsStatusMarker.d.ts.map

package/dist/types/components/layout/SettingsLayout/SettingsStatusMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsStatusMarker.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingsLayout/SettingsStatusMarker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,WAAW,yBAAyB;IACxC,+BAA+B;IAC/B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqC/C;yBAzCe,oBAAoB"}

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

@@ -0,0 +1,7 @@
+export { SettingsLayout } from './SettingsLayout';
+export { SettingsSectionChips } from './SettingsSectionChips';
+export type { SettingsSectionChipsProps } from './SettingsSectionChips';
+export { SettingsStatusMarker } from './SettingsStatusMarker';
+export type { SettingsStatusMarkerProps } from './SettingsStatusMarker';
+export type { SettingsEmptySearchAction, SettingsLayoutProps, SettingsNavGroup, SettingsNavItem, SettingsNavStatus, SettingsNavVariant, SettingsRailBreakpoint, } from './SettingsLayout.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingsLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,YAAY,EACV,yBAAyB,EACzB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SidebarContentProps, SidebarFooterProps, SidebarHeaderProps, SidebarProps } from './Sidebar.types';
+export declare const Sidebar: React.FC<SidebarProps>;
+export declare const SidebarHeader: React.FC<SidebarHeaderProps>;
+export declare const SidebarContent: React.FC<SidebarContentProps>;
+export declare const SidebarFooter: React.FC<SidebarFooterProps>;
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACb,MAAM,iBAAiB,CAAC;AAEzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsE1C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiBtD,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAWtD,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgBtD,CAAC"}

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

@@ -0,0 +1,26 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type SidebarVariant = 'fixed' | 'collapsible' | 'floating' | 'glass';
+export interface SidebarProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    variant?: SidebarVariant;
+    open?: boolean;
+    onToggle?: () => void;
+    width?: number;
+    collapsedWidth?: number;
+    position?: 'left' | 'right';
+    className?: string;
+    dataTestId?: string;
+}
+export interface SidebarHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    dataTestId?: string;
+}
+export interface SidebarContentProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    dataTestId?: string;
+}
+export interface SidebarFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    dataTestId?: string;
+}
+//# sourceMappingURL=Sidebar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAC,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,CAAC;AAE5E,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

@@ -0,0 +1,3 @@
+export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader } from './Sidebar';
+export type { SidebarContentProps, SidebarFooterProps, SidebarHeaderProps, SidebarProps, } from './Sidebar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAC,aAAa,EAAE,MAAM,WAAW,CAAC;AACjF,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,GACb,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SkeletonProps } from './Skeleton.types';
+export declare const Skeleton: React.FC<SkeletonProps>;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+D3C,CAAC"}

package/dist/types/components/layout/Skeleton/Skeleton.helpers.d.ts

@@ -0,0 +1,6 @@
+import type { SkeletonProps } from './Skeleton.types';
+type SkeletonDefaultedKeys = 'variant' | 'animation' | 'count' | 'spacing' | 'intensity' | 'glassmorphism' | 'shimmer';
+type ResolvedSkeletonProps = SkeletonProps & Required<Pick<SkeletonProps, SkeletonDefaultedKeys>>;
+export declare const resolveSkeletonProps: (props: SkeletonProps) => ResolvedSkeletonProps;
+export {};
+//# sourceMappingURL=Skeleton.helpers.d.ts.map

package/dist/types/components/layout/Skeleton/Skeleton.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,KAAK,qBAAqB,GACtB,SAAS,GACT,WAAW,GACX,OAAO,GACP,SAAS,GACT,WAAW,GACX,eAAe,GACf,SAAS,CAAC;AAEd,KAAK,qBAAqB,GAAG,aAAa,GACxC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC,CAAC;AAmBvD,eAAO,MAAM,oBAAoB,GAAI,OAAO,aAAa,KAAG,qBACiB,CAAC"}

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

@@ -0,0 +1,21 @@
+import type { CSSObject, Theme } from '@mui/material';
+import type { SkeletonProps } from './Skeleton.types';
+type SkeletonVariant = NonNullable<SkeletonProps['variant']>;
+type SkeletonIntensity = NonNullable<SkeletonProps['intensity']>;
+/** `wave` is our own name for a rectangle that animates; MUI has no such variant. */
+export declare const muiVariantFor: (variant: SkeletonVariant) => "circular" | "rectangular" | "text";
+export declare const muiAnimationFor: (variant: SkeletonVariant, animation: SkeletonProps["animation"]) => import("./Skeleton.types").SkeletonAnimation | undefined;
+export declare const defaultDimensions: (variant: SkeletonVariant) => {
+    width: number | string;
+    height: number | undefined;
+};
+interface SkeletonStyleArgs {
+    intensity: SkeletonIntensity;
+    borderRadius?: number | string;
+    glassmorphism: boolean;
+    shimmer: boolean;
+    style?: React.CSSProperties;
+}
+export declare const skeletonStyles: (theme: Theme, { intensity, borderRadius, glassmorphism, shimmer, style }: SkeletonStyleArgs) => CSSObject;
+export {};
+//# sourceMappingURL=Skeleton.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,KAAK,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;AAC7D,KAAK,iBAAiB,GAAG,WAAW,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;AAEjE,qFAAqF;AACrF,eAAO,MAAM,aAAa,GACxB,SAAS,eAAe,KACvB,UAAU,GAAG,aAAa,GAAG,MAU/B,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,SAAS,eAAe,EACxB,WAAW,aAAa,CAAC,WAAW,CAAC,6DAItC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,SAAS,eAAe,KACvB;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAUtD,CAAC;AA8CF,UAAU,iBAAiB;IACzB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,EACZ,4DAA4D,iBAAiB,KAC5E,SAaD,CAAC"}

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

@@ -0,0 +1,19 @@
+export type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'wave';
+export type SkeletonAnimation = 'pulse' | 'wave' | false;
+export type SkeletonIntensity = 'low' | 'medium' | 'high';
+export interface SkeletonProps {
+    variant?: SkeletonVariant;
+    animation?: SkeletonAnimation;
+    width?: number | string;
+    height?: number | string;
+    count?: number;
+    spacing?: number;
+    borderRadius?: number | string;
+    className?: string;
+    intensity?: SkeletonIntensity;
+    glassmorphism?: boolean;
+    shimmer?: boolean;
+    'data-testid'?: string;
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=Skeleton.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,MAAM,CAAC;AAC3E,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B"}

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

@@ -0,0 +1,3 @@
+export { Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SpacerProps } from './Spacer.types';
+export declare const Spacer: React.FC<SpacerProps>;
+//# sourceMappingURL=Spacer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/Spacer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8DxC,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { SizeValue } from '../../../tokens/scales';
+export type SpacerSize = SizeValue;
+export type SpacerDirection = 'horizontal' | 'vertical' | 'both';
+export interface SpacerProps {
+    size?: SpacerSize;
+    direction?: SpacerDirection;
+    width?: number | string;
+    height?: number | string;
+    flex?: boolean;
+    className?: string;
+    'data-testid'?: string;
+}
+//# sourceMappingURL=Spacer.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/Spacer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC;AACnC,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

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

@@ -0,0 +1,3 @@
+export { Spacer } from './Spacer';
+export type { SpacerProps } from './Spacer.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Spacer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,57 @@
+import React from 'react';
+import type { TableFilterCheckboxFieldProps, TableFilterKeywordProps, TableFilterLayoutProps, TableFilterMainProps, TableFilterPanelProps, TableFilterProps, TableFilterRangeFieldProps, TableFilterSectionProps } from './TableFilter.types';
+/**
+ * Compound filter-panel system, MUI port of the reference `TableFilter`. Provides
+ * open/close state; `Panel` slides in from the right beside `Main` (no overlap).
+ *
+ * @example
+ * ```tsx
+ * <TableFilter open={open} onOpenChange={setOpen} hasActiveFilters={n > 0}>
+ *   <TableFilter.Layout>
+ *     <TableFilter.Main>{table}</TableFilter.Main>
+ *     <TableFilter.Panel onClearAll={clearAll}>
+ *       <TableFilter.Keyword value={q} onChange={setQ} />
+ *       <TableFilter.Section title="Attributes">
+ *         <TableFilter.CheckboxField label="Category" options={cats} selected={sel} onToggle={toggle} />
+ *         <TableFilter.RangeField label="Price" unit="R$" value={price} onChange={setPrice} />
+ *       </TableFilter.Section>
+ *     </TableFilter.Panel>
+ *   </TableFilter.Layout>
+ * </TableFilter>
+ * ```
+ */
+export declare function TableFilter({ children, open, onOpenChange, hasActiveFilters, }: TableFilterProps): React.JSX.Element;
+export declare namespace TableFilter {
+    var displayName: string;
+    var Layout: {
+        ({ children, className }: TableFilterLayoutProps): React.JSX.Element;
+        displayName: string;
+    };
+    var Main: {
+        ({ children, className }: TableFilterMainProps): React.JSX.Element;
+        displayName: string;
+    };
+    var Panel: {
+        ({ children, onClearAll, ariaLabel, clearTestId, }: TableFilterPanelProps): React.JSX.Element;
+        displayName: string;
+    };
+    var Keyword: {
+        ({ value, onChange, placeholder, label, testId, }: TableFilterKeywordProps): React.JSX.Element;
+        displayName: string;
+    };
+    var Section: {
+        ({ title, children }: TableFilterSectionProps): React.JSX.Element;
+        displayName: string;
+    };
+    var CheckboxField: typeof TableFilterCheckboxField;
+    var RangeField: {
+        ({ label, value, onChange, unit, step, minPlaceholder, maxPlaceholder, invalidLabel, testId, }: TableFilterRangeFieldProps): React.JSX.Element;
+        displayName: string;
+    };
+}
+declare function TableFilterCheckboxField<TValue extends string = string>({ label, options, selected, onToggle, testId, }: TableFilterCheckboxFieldProps<TValue>): React.JSX.Element;
+declare namespace TableFilterCheckboxField {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=TableFilter.d.ts.map