@12-apps/ui 6.14.0 → 6.15.0

package/dist/form/total-form.js

@@ -1,9 +1,15 @@
+import {
+  FormErrorSnackbar
+} from "../chunk-XJUEHG72.js";
 import {
   FormContainer
 } from "../chunk-OK5BHFZE.js";
 import {
   Fields_exports
-} from "../chunk-56SMIHWE.js";
+} from "../chunk-747HBFGH.js";
+import {
+  CategoryField
+} from "../chunk-UN5D73A4.js";
 import "../chunk-LIQHOLDQ.js";
 import {
   TextField
@@ -12,15 +18,9 @@ import {
   SelectField
 } from "../chunk-MYOFULG4.js";
 import "../chunk-CESQKLIR.js";
-import {
-  CategoryField
-} from "../chunk-KEDI6IRA.js";
 import {
   SubmitButton
 } from "../chunk-3BR2CLAM.js";
-import {
-  FormErrorSnackbar
-} from "../chunk-XJUEHG72.js";
 import {
   FormContext,
   useFormContext
@@ -34,22 +34,22 @@ import "../chunk-QL7L6RHR.js";
 import "../chunk-JD5BVIM7.js";
 import "../chunk-JXUWWPZR.js";
 import "../chunk-N5ZWC6CB.js";
-import "../chunk-AZSFIQIA.js";
-import "../chunk-LMXWI3DD.js";
-import "../chunk-5ZZPQ3MT.js";
+import "../chunk-I2S2GHEG.js";
+import "../chunk-434EDUHY.js";
 import "../chunk-ZUIJ3N7N.js";
-import "../chunk-CKZFYGBY.js";
+import "../chunk-LMXWI3DD.js";
+import "../chunk-47DCYF4G.js";
+import "../chunk-PRAGFBHW.js";
 import "../chunk-PLOOVF43.js";
 import "../chunk-GPVB3FQP.js";
-import "../chunk-ZAB65STX.js";
-import "../chunk-XQ2BNVXL.js";
-import "../chunk-LPYB4Y7C.js";
-import "../chunk-DMNZD3Q7.js";
-import "../chunk-XCT2ZLA6.js";
 import "../chunk-2GB5CIN6.js";
 import "../chunk-ISH42UC7.js";
+import "../chunk-ZAB65STX.js";
 import "../chunk-WWM2YTW4.js";
 import "../chunk-LR6MSKTT.js";
+import "../chunk-XQ2BNVXL.js";
+import "../chunk-DMNZD3Q7.js";
+import "../chunk-XCT2ZLA6.js";
 import "../chunk-QYKDY4EI.js";
 import "../chunk-J7VY6KNP.js";
 import "../chunk-3AEY5TYV.js";

package/dist/layout/ContentToolbar.js

@@ -1,4 +1,10 @@
 import "../chunk-MOLQGQEQ.js";
+import {
+  ColumnsMenu
+} from "../chunk-JMVIIKII.js";
+import {
+  ViewSelector
+} from "../chunk-WXD7MGBT.js";
 import {
   SortByDropdown
 } from "../chunk-WQFIV5WD.js";
@@ -15,12 +21,6 @@ import {
 import {
   ContentToolbar
 } from "../chunk-TSPHRZ4U.js";
-import {
-  ColumnsMenu
-} from "../chunk-JMVIIKII.js";
-import {
-  ViewSelector
-} from "../chunk-WXD7MGBT.js";
 import "../chunk-PZ5AY32C.js";
 export {
   ColumnsMenu,

package/dist/layout/Dashboard.js

@@ -2,12 +2,14 @@ import "../chunk-LVDRVPGD.js";
 import {
   Dashboard,
   markDashboardSlot
-} from "../chunk-A43SJQYE.js";
-import "../chunk-FLSSV4TH.js";
+} from "../chunk-74LYLKO2.js";
+import "../chunk-EWGVRRUF.js";
 import {
   DashboardContext,
   useDashboardContext
 } from "../chunk-CUMSPE6B.js";
+import "../chunk-SIZOJNB2.js";
+import "../chunk-N4JEQJBL.js";
 import "../chunk-URB3VVMR.js";
 import "../chunk-2CEV746H.js";
 import "../chunk-PZ5AY32C.js";

package/dist/layout/ScrollArea.js

@@ -1,11 +1,11 @@
 import "../chunk-KAK5SAEA.js";
 import {
   ScrollArea
-} from "../chunk-R7MX5KPJ.js";
-import "../chunk-4OEKIFBC.js";
-import "../chunk-RHIDWUK7.js";
+} from "../chunk-6YLAVHV4.js";
 import "../chunk-C53C7C2X.js";
+import "../chunk-4OEKIFBC.js";
 import "../chunk-ZADOIITM.js";
+import "../chunk-RHIDWUK7.js";
 import "../chunk-PZ5AY32C.js";
 export {
   ScrollArea

package/dist/layout/Skeleton.js

@@ -1,9 +1,9 @@
 import "../chunk-724ZONOL.js";
 import {
   Skeleton
-} from "../chunk-IRDGC7FK.js";
-import "../chunk-JZKOJZ6V.js";
+} from "../chunk-NVOQLMYF.js";
 import "../chunk-HXYXDQ7U.js";
+import "../chunk-JZKOJZ6V.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Skeleton

package/dist/locales.js

@@ -1,4 +1,8 @@
 import "./chunk-BWZKLKDT.js";
+import {
+  PT_BR_INSTALL_PROMPT_COPY,
+  PT_BR_USER_AVATAR_COPY
+} from "./chunk-Z24VOTA7.js";
 import {
   PT_BR_BREADCRUMB_COPY,
   PT_BR_COMMAND_PALETTE_COPY
@@ -59,14 +63,7 @@ import {
   EN_US_LIGHTBOX_COPY,
   EN_US_MAP_PREVIEW_COPY,
   EN_US_TIMING_DIAGRAM_COPY
-} from "./chunk-IIUB4IOH.js";
-import {
-  EN_US_TABLE_FILTER_COPY
-} from "./chunk-GRHECKHU.js";
-import {
-  EN_US_INSTALL_PROMPT_COPY,
-  EN_US_USER_AVATAR_COPY
-} from "./chunk-3HLKTBEO.js";
+} from "./chunk-LKF5KQ2Q.js";
 import {
   EN_US_CATEGORY_SELECT_COPY,
   EN_US_CEP_FIELD_COPY,
@@ -75,9 +72,12 @@ import {
   EN_US_SECTION_ONBOARDING_COPY
 } from "./chunk-PZS7N74L.js";
 import {
-  PT_BR_INSTALL_PROMPT_COPY,
-  PT_BR_USER_AVATAR_COPY
-} from "./chunk-Z24VOTA7.js";
+  EN_US_TABLE_FILTER_COPY
+} from "./chunk-GRHECKHU.js";
+import {
+  EN_US_INSTALL_PROMPT_COPY,
+  EN_US_USER_AVATAR_COPY
+} from "./chunk-3HLKTBEO.js";
 import "./chunk-PZ5AY32C.js";
 
 // src/locales.ts

package/dist/navigation/CommandPalette.js

@@ -1,10 +1,10 @@
 import "../chunk-P5WJUR7X.js";
 import {
   CommandPalette
-} from "../chunk-7DNQHMDO.js";
+} from "../chunk-PXH24VIP.js";
+import "../chunk-SQSFMZTF.js";
 import "../chunk-SUZXPDUQ.js";
 import "../chunk-4VRDFZ4G.js";
-import "../chunk-SQSFMZTF.js";
 import "../chunk-5EIW2FZY.js";
 import "../chunk-PZ5AY32C.js";
 export {

package/dist/navigation/NavigationMenu.js

@@ -1,13 +1,13 @@
 import "../chunk-I53WONUS.js";
 import {
   NavigationMenu
-} from "../chunk-HDNK7BAX.js";
-import "../chunk-BLT5ZBVL.js";
-import "../chunk-G5ZVD5IJ.js";
+} from "../chunk-GT7C6TSM.js";
+import "../chunk-RRX6ZTNX.js";
+import "../chunk-ZDWU52DJ.js";
 import "../chunk-Q444G5X7.js";
-import "../chunk-RXSGHPCR.js";
-import "../chunk-3L5OZCGA.js";
+import "../chunk-7FOOLP5H.js";
 import "../chunk-FYLCSCMR.js";
+import "../chunk-3L5OZCGA.js";
 import "../chunk-PZ5AY32C.js";
 export {
   NavigationMenu

package/dist/pt-BR.js

@@ -1,4 +1,8 @@
 import "./chunk-BWZKLKDT.js";
+import {
+  PT_BR_INSTALL_PROMPT_COPY,
+  PT_BR_USER_AVATAR_COPY
+} from "./chunk-Z24VOTA7.js";
 import {
   PT_BR_BREADCRUMB_COPY,
   PT_BR_COMMAND_PALETTE_COPY
@@ -34,10 +38,6 @@ import {
 import {
   PT_BR_TABLE_FILTER_COPY
 } from "./chunk-A7RIZOAL.js";
-import {
-  PT_BR_INSTALL_PROMPT_COPY,
-  PT_BR_USER_AVATAR_COPY
-} from "./chunk-Z24VOTA7.js";
 import "./chunk-PZ5AY32C.js";
 export {
   PT_BR_ADDRESS_AUTOCOMPLETE_COPY,

package/dist/types/components/form/HeaderActions/HeaderActions.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { HeaderActionsProps } from './HeaderActions.types';
+/**
+ * The page header's actions, as ONE control that scales with how many there
+ * are: nothing, a button, or a button plus an overflow menu.
+ *
+ * | actions | renders |
+ * |---|---|
+ * | 0 | nothing at all — not an empty box, and not a menu with no items |
+ * | 1 | that action, as an ordinary `HeaderButton` |
+ * | n | the FIRST as a button; the other n−1 inside one dropdown |
+ *
+ * ## Why the first one stays a button
+ *
+ * A header whose every action lives behind a menu costs two clicks for the
+ * thing the page is FOR — "Novo produto" on a catalog, "Nova categoria" on the
+ * categories list. Folding it in with the exports and the reorder screens
+ * would treat a merchant's daily action as equal to the one they use monthly.
+ * So the array is in PRIORITY order and index 0 keeps its button; everything
+ * after it is secondary by the caller's own declaration.
+ *
+ * ## Why this takes a list and not children
+ *
+ * The 0/1/n decision is only decidable over data. A component handed JSX can
+ * count `React.Children`, but it cannot tell a gated-away action from an
+ * absent one, cannot read a label to put in a menu row, and cannot re-render
+ * a `<Button>` as a `<MenuItem>` without reaching into its props. Every
+ * caller in the estate had therefore hand-written the row, which is how four
+ * equally-weighted buttons ended up wrapping the line on a catalog page.
+ *
+ * ## One element, so the spacing is the component's and not the mount's
+ *
+ * It renders an `inline-flex` box rather than a fragment. A fragment inherits
+ * whatever gap its parent happens to set, and the two mounts here set
+ * different ones — a `Dashboard.Header` spaces its children, a
+ * `Dashboard.Action` slot does not, which is why the pair of buttons in that
+ * slot sat flush against each other. The gap belongs to the control.
+ *
+ * ## The ids survive the move
+ *
+ * An action that overflows keeps its `dataTestId` on its `MenuItem`. It is a
+ * different element in a different place, and it must still answer to the same
+ * selector: otherwise adding a fifth action to a header silently breaks the
+ * suite of the action that got pushed out, which is the last place anyone
+ * would look.
+ */
+export declare function HeaderActions({ actions, moreLabel, collapseBelow, testIdPrefix, }: HeaderActionsProps): React.JSX.Element | null;
+//# sourceMappingURL=HeaderActions.d.ts.map

package/dist/types/components/form/HeaderActions/HeaderActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/HeaderActions/HeaderActions.tsx"],"names":[],"mappings":"AASA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAoB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAWlF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,aAAoB,EACpB,YAA+B,GAChC,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA6D/C"}

package/dist/types/components/form/HeaderActions/HeaderActions.types.d.ts

@@ -0,0 +1,62 @@
+import type { ReactNode } from 'react';
+import type { HeaderButtonProps } from '../HeaderButton';
+/**
+ * One page-header action, declared as DATA rather than composed as an element.
+ *
+ * That is the whole point of the type. A header that composes its buttons as
+ * JSX can only ever render all of them, because nothing can count a fragment's
+ * children without walking React internals — so "three actions" and "seven
+ * actions" produce the same row, and the seventh button is what wraps the line
+ * on a laptop. A list can be measured, so the component can decide.
+ */
+export interface HeaderActionItem {
+    /**
+     * Stable identity. Used as the React key, and as the `data-testid` fallback
+     * so an action that MOVES into the overflow menu keeps the selector it had
+     * as a button — a suite driving it by id must not care where it ended up.
+     */
+    id: string;
+    /** The label. Shown beside the icon as a button; alone in the menu row. */
+    text: ReactNode;
+    /** Leading icon. Always visible as a button, and in the menu row. */
+    icon: ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    /**
+     * Drop this action entirely when false. Present so a caller can declare a
+     * permission- or plan-gated action inline, instead of building the array
+     * conditionally and losing the reason it is missing.
+     *
+     * @default true
+     */
+    visible?: boolean;
+    /** Overrides the `data-testid`, which otherwise falls back to {@link id}. */
+    dataTestId?: string;
+    /** MUI variant for the PRIMARY rendering. Ignored inside the menu. */
+    variant?: HeaderButtonProps['variant'];
+    /** MUI color for the PRIMARY rendering. Ignored inside the menu. */
+    color?: HeaderButtonProps['color'];
+}
+/** Props for {@link HeaderActions}. */
+export interface HeaderActionsProps {
+    /**
+     * The actions, in priority order — the first is the one that stays a button.
+     *
+     * `false`/`null`/`undefined` entries are dropped, so a caller can write
+     * `[edit, canDelete && del]` without pre-filtering.
+     */
+    actions: Array<HeaderActionItem | false | null | undefined>;
+    /**
+     * The overflow trigger's label, which is also its accessible name. REQUIRED:
+     * this package ships no copy of its own, in any language.
+     */
+    moreLabel: string;
+    /** Width below which every button collapses to icon-only. @default 'md' */
+    collapseBelow?: HeaderButtonProps['collapseBelow'];
+    /**
+     * Prefix for the overflow trigger's and menu's own test ids. The ACTIONS
+     * keep their own ids either way. @default 'header-actions'
+     */
+    testIdPrefix?: string;
+}
+//# sourceMappingURL=HeaderActions.types.d.ts.map

package/dist/types/components/form/HeaderActions/HeaderActions.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderActions.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/HeaderActions/HeaderActions.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;;;;GAQG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,2EAA2E;IAC3E,IAAI,EAAE,SAAS,CAAC;IAChB,qEAAqE;IACrE,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACvC,oEAAoE;IACpE,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,uCAAuC;AACvC,MAAM,WAAW,kBAAkB;IACjC;;;;;OAKG;IACH,OAAO,EAAE,KAAK,CAAC,gBAAgB,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC5D;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACnD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/types/components/form/HeaderActions/index.d.ts

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

package/dist/types/components/form/HeaderActions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/HeaderActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -82,6 +82,10 @@ export declare const Dashboard: {
         ({ children }: import("./Dashboard.types").DashboardActionProps): React.JSX.Element;
         displayName: string;
     };
+    Actions: {
+        ({ actions, moreLabel, collapseBelow, }: import("./Dashboard.types").DashboardActionsProps): React.JSX.Element;
+        displayName: string;
+    };
     Filters: {
         ({ children, className }: DashboardFiltersProps): React.JSX.Element;
         displayName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/Dashboard.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAWjD,OAAO,KAAK,EACV,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,EACzB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,QAAA,MAAM,UAAU,sDAAuD,CAAC;AACxE,sEAAsE;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAKxD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,aAAa,GAAG,CAAC,CAGzE;AAwBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,SAAS;uFAMnB,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;4CA6ClC,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;yCAkDU,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAuB9C,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;8BAyBxB,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;kCA6BjE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;CA3IrF,CAAC"}
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/Dashboard.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,KAAK,EACV,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,EACrB,oBAAoB,EACpB,yBAAyB,EACzB,cAAc,EACf,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,QAAA,MAAM,UAAU,sDAAuD,CAAC;AACxE,sEAAsE;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAKxD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,aAAa,GAAG,CAAC,CAGzE;AAwBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,SAAS;uFAMnB,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;4CA6ClC,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;yCAkDU,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAuB9C,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;8BAyBxB,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;kCA6BjE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;CA3IrF,CAAC"}

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

@@ -1,4 +1,5 @@
 import type { ElementType, ReactNode } from 'react';
+import type { HeaderActionsProps } from '../../form/HeaderActions';
 /** A single breadcrumb entry for `<Dashboard.Breadcrumb>`. */
 export interface DashboardBreadcrumbItem {
     /** Visible label. */
@@ -123,6 +124,15 @@ export interface DashboardExportProps {
 export interface DashboardActionProps {
     children: ReactNode;
 }
+/**
+ * Props for `<Dashboard.Actions>` — the header's actions DECLARED, rather than
+ * composed one `<Dashboard.Action>` at a time.
+ *
+ * `testIdPrefix` is not among them: the Dashboard already has one, from its
+ * root, and letting the part carry a second would give one page two answers to
+ * "what is this header called".
+ */
+export type DashboardActionsProps = Omit<HeaderActionsProps, 'testIdPrefix'>;
 /** Props for `<Dashboard.Filters>` — the collapsible search/filter region. */
 export interface DashboardFiltersProps {
     /** Filter controls (search input, pills, `<Dashboard.MoreFilters>`, …). */

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

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

package/dist/types/components/layout/Dashboard/DashboardParts.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { DashboardActionProps, DashboardExportProps, DashboardFilterToggleProps, DashboardInfoProps, DashboardSettingsProps } from './Dashboard.types';
+import type { DashboardActionProps, DashboardActionsProps, DashboardExportProps, DashboardFilterToggleProps, DashboardInfoProps, DashboardSettingsProps } from './Dashboard.types';
 /** Flexible spacer — everything composed after it is pushed to the right. */
 export declare const DashboardSpacer: {
     (): React.JSX.Element;
@@ -25,4 +25,25 @@ export declare const DashboardAction: {
     ({ children }: DashboardActionProps): React.JSX.Element;
     displayName: string;
 };
+/**
+ * The header's actions, declared as a LIST — `<Dashboard.Action>`'s plural.
+ *
+ * `<Dashboard.Action>` is a slot: it renders whatever you hand it, once per
+ * action, and a page with five of them draws five equally-loud buttons. That is
+ * the right primitive for one button and the wrong one for five, and the pages
+ * here that grew a fifth action all grew it the same way — by adding a fifth
+ * slot, because the slot was the only thing on offer.
+ *
+ * This part answers the question the slot cannot: given N actions, how many
+ * belong on the bar? See {@link HeaderActions} for the rule (0 ⇒ nothing,
+ * 1 ⇒ a button, n ⇒ a button and a menu of the rest).
+ *
+ * Both stay. A header still composes `<Dashboard.Action>` for the one control
+ * that is not an action at all — a link, a toggle, a status pill — and reaches
+ * for this when it has actions to rank.
+ */
+export declare const DashboardActions: {
+    ({ actions, moreLabel, collapseBelow, }: DashboardActionsProps): React.JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=DashboardParts.d.ts.map

package/dist/types/components/layout/Dashboard/DashboardParts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardParts.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/DashboardParts.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EACV,oBAAoB,EAEpB,oBAAoB,EACpB,0BAA0B,EAC1B,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,mBAAmB,CAAC;AAE3B,6EAA6E;AAC7E,eAAO,MAAM,eAAe;QAAO,KAAK,CAAC,GAAG,CAAC,OAAO;;CAAwC,CAAC;AAG7F,eAAO,MAAM,aAAa;sCAIvB,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAkCxC,CAAC;AAGF,eAAO,MAAM,qBAAqB;oBAAmB,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAmBlG,CAAC;AAGF,eAAO,MAAM,iBAAiB;uEAO3B,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAiD5C,CAAC;AASF,eAAO,MAAM,eAAe;oCAIzB,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAiC1C,CAAC;AAGF,eAAO,MAAM,eAAe;mBAAkB,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAErF,CAAC"}
+{"version":3,"file":"DashboardParts.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/DashboardParts.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EAErB,oBAAoB,EACpB,0BAA0B,EAC1B,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,mBAAmB,CAAC;AAE3B,6EAA6E;AAC7E,eAAO,MAAM,eAAe;QAAO,KAAK,CAAC,GAAG,CAAC,OAAO;;CAAwC,CAAC;AAG7F,eAAO,MAAM,aAAa;sCAIvB,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAkCxC,CAAC;AAGF,eAAO,MAAM,qBAAqB;oBAAmB,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAmBlG,CAAC;AAGF,eAAO,MAAM,iBAAiB;uEAO3B,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAiD5C,CAAC;AASF,eAAO,MAAM,eAAe;oCAIzB,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAiC1C,CAAC;AAGF,eAAO,MAAM,eAAe;mBAAkB,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAErF,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB;6CAI1B,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAU3C,CAAC"}

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

@@ -2,5 +2,5 @@ export { Dashboard, markDashboardSlot } from './Dashboard';
 export type { DashboardSlot } from './Dashboard';
 export { DashboardContext, useDashboardContext } from './DashboardContext';
 export type { DashboardContextValue } from './DashboardContext';
-export type { DashboardActionProps, DashboardBodyProps, DashboardBreadcrumbItem, DashboardBreadcrumbProps, DashboardExportFormat, DashboardExportProps, DashboardFiltersProps, DashboardFilterToggleProps, DashboardHeaderProps, DashboardInfoProps, DashboardMoreFiltersProps, DashboardProps, DashboardSettingsProps, } from './Dashboard.types';
+export type { DashboardActionProps, DashboardActionsProps, DashboardBodyProps, DashboardBreadcrumbItem, DashboardBreadcrumbProps, DashboardExportFormat, DashboardExportProps, DashboardFiltersProps, DashboardFilterToggleProps, DashboardHeaderProps, DashboardInfoProps, DashboardMoreFiltersProps, DashboardProps, DashboardSettingsProps, } from './Dashboard.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,0BAA0B,EAC1B,oBAAoB,EACpB,kBAAkB,EAClB,yBAAyB,EACzB,cAAc,EACd,sBAAsB,GACvB,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,0BAA0B,EAC1B,oBAAoB,EACpB,kBAAkB,EAClB,yBAAyB,EACzB,cAAc,EACd,sBAAsB,GACvB,MAAM,mBAAmB,CAAC"}

package/dist/utility/InstallPrompt.js

@@ -1,7 +1,8 @@
 import "../chunk-3QQVEYOR.js";
 import {
   InstallPrompt
-} from "../chunk-JE6RZ5L6.js";
+} from "../chunk-5ZOJLYD2.js";
+import "../chunk-GY62N32G.js";
 import {
   usePwaInstall
 } from "../chunk-5GMHJ7Y5.js";
@@ -13,7 +14,6 @@ import {
   readPwaInstallStash,
   resetPwaInstallStash
 } from "../chunk-UUL44SUX.js";
-import "../chunk-GY62N32G.js";
 import "../chunk-PZ5AY32C.js";
 export {
   InstallPrompt,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.14.0",
+  "version": "6.15.0",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",
@@ -312,6 +312,10 @@
       "types": "./dist/types/components/form/Form/index.d.ts",
       "default": "./dist/form/Form.js"
     },
+    "./form/HeaderActions": {
+      "types": "./dist/types/components/form/HeaderActions/index.d.ts",
+      "default": "./dist/form/HeaderActions.js"
+    },
     "./form/HeaderButton": {
       "types": "./dist/types/components/form/HeaderButton/index.d.ts",
       "default": "./dist/form/HeaderButton.js"

package/src/components/form/HeaderActions/HeaderActions.md

@@ -0,0 +1,72 @@
+# HeaderActions
+
+The page header's actions as ONE control, sized to how many there are.
+
+```tsx
+import { HeaderActions } from '@12-apps/ui/form/HeaderActions';
+
+<HeaderActions
+  moreLabel={copy.moreActions}
+  actions={[
+    { id: 'new-product', text: 'Novo produto', icon: <AddIcon fontSize="small" />, onClick: onCreate },
+    { id: 'order-highlights', text: 'Ordenar destaques', icon: <ListIcon fontSize="small" />, onClick: onOrder },
+    { id: 'export-sheet', text: 'Exportar planilha', icon: <DownloadIcon fontSize="small" />, onClick: onExport },
+    canImport && { id: 'import-sheet', text: 'Importar planilha', icon: <UploadIcon fontSize="small" />, onClick: onImport },
+  ]}
+/>
+```
+
+| actions | renders |
+| --- | --- |
+| 0 | nothing at all — not an empty box, and not a menu with no items |
+| 1 | that action, as an ordinary `HeaderButton` |
+| n | the FIRST as a button; the other n−1 inside one dropdown |
+
+## The array is in priority order
+
+Index 0 is the action that keeps its button, so the order you declare is the
+ranking you get. Put the thing the page is FOR first — "Novo produto" on a
+catalog — and everything the merchant reaches for monthly after it.
+
+## Falsy entries are dropped
+
+`[edit, canDelete && del]` is a legal array, and so is
+`{ …, visible: false }`. Both mean the same thing and both keep the gate at the
+call site, where a reader can see WHY an action is missing, instead of in an
+array built somewhere above.
+
+## Test ids survive the overflow
+
+An action that moves into the menu keeps its `dataTestId` (falling back to its
+`id`) on the `MenuItem`. Adding a fifth action to a header must not silently
+break the suite of the action it pushed out.
+
+The overflow trigger and its menu take their ids from `testIdPrefix`
+(`header-actions` by default): `…-more-trigger` and `…-more-menu`.
+
+## It brings its own spacing
+
+The component renders one `inline-flex` box, not a fragment. A fragment inherits
+whatever gap its parent sets, and the two mounts set different ones — a
+`Dashboard.Header` spaces its children, a `Dashboard.Action` slot does not.
+
+## Copy
+
+`moreLabel` is REQUIRED and has no default. This package ships no words of its
+own, in any language — the label is also the trigger's accessible name, so a
+default would be read out to a screen-reader user in the wrong language.
+
+## Inside a Dashboard
+
+`<Dashboard.Actions>` is the same component wired to the Dashboard's own
+`testIdPrefix`; prefer it when the header is a `<Dashboard.Header>`.
+
+```tsx
+<Dashboard.Header title="Produtos">
+  <Dashboard.Spacer />
+  <Dashboard.Actions moreLabel={copy.moreActions} actions={actions} />
+</Dashboard.Header>
+```
+
+`<Dashboard.Action>` (singular) stays for the one header control that is not an
+action at all — a link, a toggle, a status pill.