@12-apps/ui 6.17.1 → 6.19.0

package/dist/form/Command.js

@@ -4,16 +4,21 @@ import {
   CommandGroup,
   CommandInput,
   CommandList
-} from "../chunk-WLDK74RR.js";
-import "../chunk-RIAIJTEW.js";
+} from "../chunk-MSUSZLRE.js";
+import "../chunk-DOMEYGTN.js";
 import {
   CommandEmpty,
   CommandLoading,
   CommandSeparator
 } from "../chunk-CMK4DJDR.js";
 import "../chunk-6DN4ZULV.js";
-import "../chunk-I6PZVHIT.js";
-import "../chunk-7CA6GVBO.js";
+import "../chunk-V5IOLAIS.js";
+import "../chunk-7ZPUN7TV.js";
+import "../chunk-PT6TCWIW.js";
+import "../chunk-NQN5Z36J.js";
+import "../chunk-AG66JBNH.js";
+import "../chunk-6JAIFIPW.js";
+import "../chunk-FZXKH2ZT.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Command,

package/dist/form/Label.js

@@ -1,12 +1,17 @@
 import "../chunk-ZB4VIVRS.js";
 import {
   Label
-} from "../chunk-DWUMMMLR.js";
-import "../chunk-NR3J7VQL.js";
+} from "../chunk-FOMK3WPG.js";
+import "../chunk-RNCQ5KHQ.js";
 import "../chunk-BMEJN27K.js";
 import "../chunk-HPK33ACY.js";
-import "../chunk-I6PZVHIT.js";
-import "../chunk-7CA6GVBO.js";
+import "../chunk-V5IOLAIS.js";
+import "../chunk-7ZPUN7TV.js";
+import "../chunk-PT6TCWIW.js";
+import "../chunk-NQN5Z36J.js";
+import "../chunk-AG66JBNH.js";
+import "../chunk-6JAIFIPW.js";
+import "../chunk-FZXKH2ZT.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Label

package/dist/form/Menubar.js

@@ -2,17 +2,22 @@ import "../chunk-XLUADX33.js";
 import {
   Menubar,
   MenubarGroup
-} from "../chunk-3QGRQNTP.js";
-import "../chunk-FWL2N2KH.js";
+} from "../chunk-XELVDPKL.js";
+import "../chunk-SX3V2DLV.js";
 import {
   MenubarSeparator
 } from "../chunk-YMGHTZA6.js";
-import "../chunk-3GOX75ZM.js";
-import "../chunk-DJORMYOV.js";
+import "../chunk-TF4TPLF2.js";
+import "../chunk-ZU3SWR4I.js";
 import "../chunk-42VH7N5L.js";
 import "../chunk-HPK33ACY.js";
-import "../chunk-I6PZVHIT.js";
-import "../chunk-7CA6GVBO.js";
+import "../chunk-V5IOLAIS.js";
+import "../chunk-7ZPUN7TV.js";
+import "../chunk-PT6TCWIW.js";
+import "../chunk-NQN5Z36J.js";
+import "../chunk-AG66JBNH.js";
+import "../chunk-6JAIFIPW.js";
+import "../chunk-FZXKH2ZT.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Menubar,

package/dist/form/total-form.js

@@ -1,6 +1,6 @@
 import {
   SubmitButton
-} from "../chunk-A3KY6NUA.js";
+} from "../chunk-NFHS77NE.js";
 import {
   FormErrorSnackbar
 } from "../chunk-XJUEHG72.js";
@@ -25,10 +25,10 @@ import {
   FormContext,
   useFormContext
 } from "../chunk-4XK6JQ4D.js";
-import "../chunk-ONMSTW4B.js";
-import "../chunk-A7LG3AXV.js";
 import "../chunk-II3YNC5S.js";
 import "../chunk-VSLUFBMT.js";
+import "../chunk-ONMSTW4B.js";
+import "../chunk-A7LG3AXV.js";
 import "../chunk-6XLMTOJ3.js";
 import "../chunk-FWCUELBU.js";
 import "../chunk-JD5BVIM7.js";
@@ -58,10 +58,16 @@ import "../chunk-C3UKR3NT.js";
 import "../chunk-IPPTOL53.js";
 import "../chunk-MLOWPVVW.js";
 import "../chunk-BA4RHQ3B.js";
-import "../chunk-IAQFQNBL.js";
-import "../chunk-AUYC5K5K.js";
-import "../chunk-NYUGX76C.js";
+import "../chunk-SL4NFGOL.js";
+import "../chunk-TAMIZE4Q.js";
+import "../chunk-JT6TERQL.js";
+import "../chunk-ITGG5OKP.js";
+import "../chunk-QLWBQQW7.js";
 import "../chunk-HPK33ACY.js";
+import "../chunk-NQN5Z36J.js";
+import "../chunk-AG66JBNH.js";
+import "../chunk-6JAIFIPW.js";
+import "../chunk-FZXKH2ZT.js";
 import "../chunk-MFU4Y25U.js";
 import "../chunk-PZ5AY32C.js";
 export {

package/dist/icons.js

@@ -0,0 +1,31 @@
+import {
+  Icon
+} from "./chunk-H2EQVMU3.js";
+import {
+  ICON_NAMES,
+  ICON_PATHS
+} from "./chunk-RLC46NIW.js";
+import "./chunk-QWBQVQRG.js";
+import {
+  ICON_SIZES,
+  iconSize
+} from "./chunk-RTSK5OZT.js";
+import "./chunk-KLREH4X6.js";
+import "./chunk-YMRI5QKG.js";
+import "./chunk-QLWBQQW7.js";
+import "./chunk-V5IOLAIS.js";
+import "./chunk-7ZPUN7TV.js";
+import "./chunk-PT6TCWIW.js";
+import "./chunk-NQN5Z36J.js";
+import "./chunk-AG66JBNH.js";
+import "./chunk-6JAIFIPW.js";
+import "./chunk-FZXKH2ZT.js";
+import "./chunk-PZ5AY32C.js";
+export {
+  ICON_NAMES,
+  ICON_PATHS,
+  ICON_SIZES,
+  Icon,
+  iconSize
+};
+//# sourceMappingURL=icons.js.map

package/dist/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/layout/Box.js

@@ -0,0 +1,23 @@
+import {
+  Box
+} from "../chunk-X5D3PTWI.js";
+import {
+  resolveBoxLayout
+} from "../chunk-7V6ZRQYW.js";
+import "../chunk-OCUVKI63.js";
+import "../chunk-KLREH4X6.js";
+import "../chunk-YMRI5QKG.js";
+import "../chunk-QLWBQQW7.js";
+import "../chunk-V5IOLAIS.js";
+import "../chunk-7ZPUN7TV.js";
+import "../chunk-PT6TCWIW.js";
+import "../chunk-NQN5Z36J.js";
+import "../chunk-AG66JBNH.js";
+import "../chunk-6JAIFIPW.js";
+import "../chunk-FZXKH2ZT.js";
+import "../chunk-PZ5AY32C.js";
+export {
+  Box,
+  resolveBoxLayout
+};
+//# sourceMappingURL=Box.js.map

package/dist/layout/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/layout/Container.js

@@ -1,7 +1,9 @@
 import "../chunk-DTKYXNCE.js";
 import {
   Container
-} from "../chunk-NBNLGTRB.js";
+} from "../chunk-LLABVZM3.js";
+import "../chunk-JZT5XP23.js";
+import "../chunk-QLWBQQW7.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Container

package/dist/layout/ContentToolbar.js

@@ -1,4 +1,7 @@
 import "../chunk-MOLQGQEQ.js";
+import {
+  FilterTrigger
+} from "../chunk-LVCUJ7YU.js";
 import {
   ContentToolbar
 } from "../chunk-TSPHRZ4U.js";
@@ -18,9 +21,6 @@ import {
   MultiSelectDropdown
 } from "../chunk-4T6W43TO.js";
 import "../chunk-YB6MDGPR.js";
-import {
-  FilterTrigger
-} from "../chunk-LVCUJ7YU.js";
 import "../chunk-PZ5AY32C.js";
 export {
   ColumnsMenu,

package/dist/layout/ScrollArea.js

@@ -1,11 +1,11 @@
 import "../chunk-KAK5SAEA.js";
 import {
   ScrollArea
-} from "../chunk-6YLAVHV4.js";
+} from "../chunk-DTKMBI7B.js";
+import "../chunk-RHIDWUK7.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/SettingsLayout.js

@@ -1,17 +1,17 @@
 import {
   SettingsLayout
-} from "../chunk-WMALDOF5.js";
-import "../chunk-7JO3ES5P.js";
-import "../chunk-Q2NOONAN.js";
-import "../chunk-BXC6GRLE.js";
-import "../chunk-IE7ISTLQ.js";
-import "../chunk-4M6CEQVK.js";
+} from "../chunk-XXJRT6BP.js";
+import "../chunk-B443IIQG.js";
 import {
   SettingsSectionChips
 } from "../chunk-SVSOUC5S.js";
+import "../chunk-7JO3ES5P.js";
+import "../chunk-Q2NOONAN.js";
+import "../chunk-BXC6GRLE.js";
 import {
   SettingsStatusMarker
 } from "../chunk-QXTO3G2T.js";
+import "../chunk-4M6CEQVK.js";
 import "../chunk-LIG7TKIB.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-PZ5AY32C.js";

package/dist/layout/Spacer.js

@@ -1,6 +1,8 @@
 import {
   Spacer
-} from "../chunk-DTO7GKLA.js";
+} from "../chunk-VJK5FBNK.js";
+import "../chunk-N7MJ6CNC.js";
+import "../chunk-QLWBQQW7.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Spacer

package/dist/layout/Stack.js

@@ -0,0 +1,22 @@
+import {
+  Stack
+} from "../chunk-J6UFAMIC.js";
+import "../chunk-4GGH6ZQ7.js";
+import "../chunk-X5D3PTWI.js";
+import "../chunk-7V6ZRQYW.js";
+import "../chunk-OCUVKI63.js";
+import "../chunk-KLREH4X6.js";
+import "../chunk-YMRI5QKG.js";
+import "../chunk-QLWBQQW7.js";
+import "../chunk-V5IOLAIS.js";
+import "../chunk-7ZPUN7TV.js";
+import "../chunk-PT6TCWIW.js";
+import "../chunk-NQN5Z36J.js";
+import "../chunk-AG66JBNH.js";
+import "../chunk-6JAIFIPW.js";
+import "../chunk-FZXKH2ZT.js";
+import "../chunk-PZ5AY32C.js";
+export {
+  Stack
+};
+//# sourceMappingURL=Stack.js.map

package/dist/layout/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/locales.js

@@ -1,12 +1,4 @@
 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
-} from "./chunk-62OGPVCL.js";
 import {
   PT_BR_ADDRESS_AUTOCOMPLETE_COPY,
   PT_BR_AUTOCOMPLETE_COPY,
@@ -29,21 +21,7 @@ import {
   PT_BR_MAP_PREVIEW_COPY,
   PT_BR_TIMING_DIAGRAM_COPY
 } from "./chunk-U2AC4AQX.js";
-import {
-  PT_BR_CATEGORY_SELECT_COPY,
-  PT_BR_CEP_FIELD_COPY,
-  PT_BR_CONFIRM_ACTION_COPY,
-  PT_BR_SAVED_VIEWS_LABELS,
-  PT_BR_SECTION_ONBOARDING_COPY
-} from "./chunk-WUE5EK42.js";
-import {
-  PT_BR_TABLE_FILTER_COPY
-} from "./chunk-A7RIZOAL.js";
 import "./chunk-YICNA5LG.js";
-import {
-  EN_US_BREADCRUMB_COPY,
-  EN_US_COMMAND_PALETTE_COPY
-} from "./chunk-AUQRGZE7.js";
 import {
   EN_US_CHROME_COPY,
   EN_US_TUTORIAL_COPY
@@ -56,6 +34,10 @@ import {
   EN_US_MAP_PREVIEW_COPY,
   EN_US_TIMING_DIAGRAM_COPY
 } from "./chunk-LKF5KQ2Q.js";
+import {
+  EN_US_INSTALL_PROMPT_COPY,
+  EN_US_USER_AVATAR_COPY
+} from "./chunk-3HLKTBEO.js";
 import {
   EN_US_CATEGORY_SELECT_COPY,
   EN_US_CEP_FIELD_COPY,
@@ -63,13 +45,31 @@ import {
   EN_US_SAVED_VIEWS_LABELS,
   EN_US_SECTION_ONBOARDING_COPY
 } from "./chunk-PZS7N74L.js";
+import {
+  EN_US_BREADCRUMB_COPY,
+  EN_US_COMMAND_PALETTE_COPY
+} from "./chunk-AUQRGZE7.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";
+  PT_BR_INSTALL_PROMPT_COPY,
+  PT_BR_USER_AVATAR_COPY
+} from "./chunk-Z24VOTA7.js";
+import {
+  PT_BR_CATEGORY_SELECT_COPY,
+  PT_BR_CEP_FIELD_COPY,
+  PT_BR_CONFIRM_ACTION_COPY,
+  PT_BR_SAVED_VIEWS_LABELS,
+  PT_BR_SECTION_ONBOARDING_COPY
+} from "./chunk-WUE5EK42.js";
+import {
+  PT_BR_BREADCRUMB_COPY,
+  PT_BR_COMMAND_PALETTE_COPY
+} from "./chunk-62OGPVCL.js";
+import {
+  PT_BR_TABLE_FILTER_COPY
+} from "./chunk-A7RIZOAL.js";
 import {
   EN_US_ADDRESS_AUTOCOMPLETE_COPY,
   EN_US_AUTOCOMPLETE_COPY,

package/dist/native/chunks/chunk-4NK5ZQZ3.js

@@ -0,0 +1,10 @@
+// src/platform/aria.ts
+function webAria(attrs) {
+  const { "aria-atomic": atomic, ...rest } = attrs;
+  return atomic === void 0 ? rest : { ...rest, accessibilityAtomic: atomic };
+}
+
+export {
+  webAria
+};
+//# sourceMappingURL=chunk-4NK5ZQZ3.js.map

package/dist/native/chunks/chunk-4NK5ZQZ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/platform/aria.ts"],"sourcesContent":["/**\n * ARIA ATTRIBUTES REACT NATIVE DOES NOT DECLARE.\n *\n * React Native's `ViewProps` (0.83) type a dozen `aria-*` props and stop:\n * `aria-level`, `aria-atomic` and `aria-describedby` are not among them.\n * react-native-web forwards all three to the DOM — and `aria-level` also\n * picks the heading tag, so a `role=\"heading\"` at level 3 renders an `<h3>`\n * exactly as the MUI half's `component=\"h3\"` does — while a device ignores\n * them. A native component spreads them through here rather than widening\n * the element's props type or casting at every call site.\n */\nexport interface WebAria {\n  'aria-level'?: 1 | 2 | 3 | 4 | 5 | 6;\n  'aria-atomic'?: 'true' | 'false';\n  'aria-describedby'?: string;\n}\n\n/**\n * `attrs` as something JSX can spread onto a react-native element without\n * that element's props type having to know them.\n *\n * `aria-atomic` travels under react-native-web's own older name. Its\n * `createDOMProps` (0.20.0) reads `aria-activedescendant` where it means\n * `aria-atomic` — `_ariaAtomic = ariaAtomic != null ? ariaActiveDescendant :\n * accessibilityAtomic` — so the modern spelling never reaches the DOM and\n * the legacy one, still accepted and still emitted as `aria-atomic`, does.\n * Neither name exists on a device, so nothing is lost there.\n */\nexport function webAria(attrs: WebAria): object {\n  const { 'aria-atomic': atomic, ...rest } = attrs;\n  return atomic === undefined ? rest : { ...rest, accessibilityAtomic: atomic };\n}\n"],"mappings":";AA4BO,SAAS,QAAQ,OAAwB;AAC9C,QAAM,EAAE,eAAe,QAAQ,GAAG,KAAK,IAAI;AAC3C,SAAO,WAAW,SAAY,OAAO,EAAE,GAAG,MAAM,qBAAqB,OAAO;AAC9E;","names":[]}

package/dist/native/chunks/chunk-5GJ5OG5R.js

@@ -0,0 +1,36 @@
+// src/platform/text-children.tsx
+import * as React from "react";
+import { Text as RNText } from "react-native";
+import { jsx } from "react/jsx-runtime";
+var isText = (child) => typeof child === "string" || typeof child === "number";
+function flatten(children) {
+  return React.Children.toArray(children).flatMap(
+    (child) => React.isValidElement(child) && child.type === React.Fragment ? flatten(child.props.children) : [child]
+  );
+}
+function renderTextChildren(children, style, numberOfLines) {
+  const out = [];
+  let run = [];
+  const flush = () => {
+    if (run.length === 0) return;
+    out.push(
+      /* @__PURE__ */ jsx(RNText, { style, numberOfLines, children: run }, `text-${out.length}`)
+    );
+    run = [];
+  };
+  for (const child of flatten(children)) {
+    if (isText(child)) {
+      run.push(child);
+      continue;
+    }
+    flush();
+    out.push(child);
+  }
+  flush();
+  return out;
+}
+
+export {
+  renderTextChildren
+};
+//# sourceMappingURL=chunk-5GJ5OG5R.js.map

package/dist/native/chunks/chunk-5GJ5OG5R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/platform/text-children.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Text as RNText, type TextStyle } from 'react-native';\n\n/**\n * FREE-FORM CHILDREN, FLOWING AS THE WEB FLOWS THEM.\n *\n * `<Alert>O total é {total}.</Alert>` is THREE children — a string, a number\n * and another string. The web lays them out inline, as one sentence. React\n * Native has no inline text outside a `Text`, so a native component has to\n * wrap them; wrapping each child on its own puts every fragment on its own\n * line, which is what the harness caught: an alert body reading\n *\n *     O corpo do alerta na variante\n *     success\n *     .\n *\n * So CONSECUTIVE text children are grouped into one `Text` — the run flows as\n * a sentence — and any element child ends the run and renders as given, the\n * way a block element interrupts a paragraph on the web.\n */\nconst isText = (child: React.ReactNode): child is string | number =>\n  typeof child === 'string' || typeof child === 'number';\n\n/**\n * Fragments are flattened first. A caller writing `<Alert><>{a} de {b}</></Alert>`\n * hands over ONE child, and `React.Children.toArray` does not look inside it —\n * so without this the fragment would reach React Native holding bare strings,\n * which throws \"Text strings must be rendered within a <Text> component\".\n */\nfunction flatten(children: React.ReactNode): React.ReactNode[] {\n  return React.Children.toArray(children).flatMap((child) =>\n    React.isValidElement(child) && child.type === React.Fragment\n      ? flatten((child.props as { children?: React.ReactNode }).children)\n      : [child],\n  );\n}\n\nexport function renderTextChildren(\n  children: React.ReactNode,\n  style: TextStyle,\n  /** Passed to each run, for a surface that clips rather than wraps (a button label). */\n  numberOfLines?: number,\n): React.ReactNode {\n  const out: React.ReactNode[] = [];\n  let run: Array<string | number> = [];\n\n  const flush = (): void => {\n    if (run.length === 0) return;\n    out.push(\n      <RNText key={`text-${out.length}`} style={style} numberOfLines={numberOfLines}>\n        {run}\n      </RNText>,\n    );\n    run = [];\n  };\n\n  for (const child of flatten(children)) {\n    if (isText(child)) {\n      run.push(child);\n      continue;\n    }\n    flush();\n    out.push(child);\n  }\n  flush();\n\n  return out;\n}\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,QAAQ,cAA8B;AAgDzC;AA7BN,IAAM,SAAS,CAAC,UACd,OAAO,UAAU,YAAY,OAAO,UAAU;AAQhD,SAAS,QAAQ,UAA8C;AAC7D,SAAa,eAAS,QAAQ,QAAQ,EAAE;AAAA,IAAQ,CAAC,UACzC,qBAAe,KAAK,KAAK,MAAM,SAAe,iBAChD,QAAS,MAAM,MAAyC,QAAQ,IAChE,CAAC,KAAK;AAAA,EACZ;AACF;AAEO,SAAS,mBACd,UACA,OAEA,eACiB;AACjB,QAAM,MAAyB,CAAC;AAChC,MAAI,MAA8B,CAAC;AAEnC,QAAM,QAAQ,MAAY;AACxB,QAAI,IAAI,WAAW,EAAG;AACtB,QAAI;AAAA,MACF,oBAAC,UAAkC,OAAc,eAC9C,iBADU,QAAQ,IAAI,MAAM,EAE/B;AAAA,IACF;AACA,UAAM,CAAC;AAAA,EACT;AAEA,aAAW,SAAS,QAAQ,QAAQ,GAAG;AACrC,QAAI,OAAO,KAAK,GAAG;AACjB,UAAI,KAAK,KAAK;AACd;AAAA,IACF;AACA,UAAM;AACN,QAAI,KAAK,KAAK;AAAA,EAChB;AACA,QAAM;AAEN,SAAO;AACT;","names":[]}

package/dist/native/chunks/chunk-5WLOVHKK.js

@@ -0,0 +1,29 @@
+// src/tokens/vocabulary.ts
+var SIZE_VALUES = ["xs", "sm", "md", "lg", "xl"];
+var COLOR_VALUES = [
+  "primary",
+  "secondary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "neutral"
+];
+var muiSize = (size) => {
+  if (size === "xs" || size === "sm") return "small";
+  return size === "md" ? "medium" : "large";
+};
+function muiColor(color, neutralAs) {
+  if (color === "danger") return "error";
+  return color === "neutral" ? neutralAs : color;
+}
+var paletteKey = (color) => color === "danger" ? "error" : color === "neutral" ? "grey" : color;
+
+export {
+  SIZE_VALUES,
+  COLOR_VALUES,
+  muiSize,
+  muiColor,
+  paletteKey
+};
+//# sourceMappingURL=chunk-5WLOVHKK.js.map

package/dist/native/chunks/chunk-5WLOVHKK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tokens/vocabulary.ts"],"sourcesContent":["/**\n * THE TWO VOCABULARIES EVERY COMPONENT SPEAKS.\n *\n * Before this file the package had both halves of every argument at once: 26\n * components sized themselves `xs|sm|md|lg|xl` and four used MUI's\n * `small|medium|large`; 14 coloured themselves `danger|neutral` and 15 used\n * MUI's `error`. Nothing enforced either, because most of these props were\n * spelled out as inline unions and a couple were plain `string`.\n *\n * That is not a tidiness problem. A caller learns the vocabulary from whichever\n * component they used first, and the wrong half is not rejected — it reaches MUI\n * as an unknown value and silently falls back. `Chip` shipped with `color?:\n * string` and MUI's `small|medium`, so `color=\"danger\"` rendered grey and\n * `size=\"sm\"` rendered medium; twelve live call sites were doing exactly that,\n * and every test passed because they all asserted on text.\n *\n * So the vocabulary is declared once, here, and components derive from it.\n *\n * DERIVE, DON'T COPY — AND TAKE THE WHOLE VOCABULARY. Every size prop is\n * `SizeValue` and every colour prop is `ColorValue`, with no `Extract` and no\n * `Exclude`. Handing a component a slice was tried and undone: it is the same\n * fragmentation wearing the canonical type's name, and it leaves a caller having\n * to remember which components accept `xs` and which accept `info`. Where the\n * underlying widget draws fewer steps than five, that is a rendering detail and\n * belongs at the MUI boundary below — not in the prop's type.\n *\n * A component whose size or colour is not this concept at all keeps its own type\n * — `Scrollbar`'s `thin|medium|thick` is a track width, `Sheet`'s `full` is a\n * viewport fraction, `LazyImage`'s size is pixels. Forcing those into the scale\n * would be consistency for its own sake.\n */\n\n/**\n * The house size scale.\n *\n * Abbreviated, because that is what 26 of the 30 components with a real size\n * already used and what every caller has been taught to write.\n *\n * Declared as the array and the type together so the two cannot disagree. The\n * runtime list is what Storybook `argTypes.options` and the demo grids iterate;\n * spelled by hand in each story it drifts, and it had — twelve colour lists\n * omitted `info`, so the control that documents the vocabulary offered a\n * component less than the component accepted.\n */\n/**\n * The type scale is the THIRD vocabulary, and it lives in `./typography.ts`\n * because it is metrics rather than a prop union. Re-exported here so\n * `@12-apps/ui/tokens` stays the one import path for \"what words does this\n * package speak\" — a second entry point is how a vocabulary gets missed.\n */\nexport {\n  HEADING_LEVELS,\n  HEADING_SCALE,\n  type HeadingLevel,\n  type HeadingMetrics,\n  type HeadingScaleOverrides,\n} from './heading-scale';\n\nexport type SizeValue = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport const SIZE_VALUES = ['xs', 'sm', 'md', 'lg', 'xl'] as const satisfies readonly SizeValue[];\n\n/**\n * The house colour vocabulary.\n *\n * `danger` and `neutral` are OURS; the rest are MUI's own names already. That\n * sentence started life in `Button.tsx`, which is the component most callers\n * meet first and therefore the one that taught the vocabulary — so it is the one\n * the rest of the package follows.\n *\n * Components that hand these to MUI translate at the boundary (`danger` →\n * `error`, `neutral` → `default` or `inherit` depending on what the underlying\n * component calls its unaccented state). The translation must be a real mapping\n * and never a cast: a cast is precisely what let `danger` through untouched and\n * had MUI fall back to grey.\n *\n * Array and type declared together, for the reason given on {@link SIZE_VALUES}.\n */\nexport type ColorValue =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'warning'\n  | 'info'\n  | 'danger'\n  | 'neutral';\n\nexport const COLOR_VALUES = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'neutral',\n] as const satisfies readonly ColorValue[];\n\n/* ── Array and union, pinned to each other ────────────────────────────────── */\n\n/**\n * The arrays above are written out rather than derived, because deriving the\n * union from the array (`(typeof COLOR_VALUES)[number]`) costs the alias its\n * name: TypeScript resolves the indexed access eagerly, and every error in the\n * package stops saying `not assignable to type 'ColorValue'` and starts dumping\n * seven string literals. In a package whose entire purpose is teaching this\n * vocabulary, the name in the error message is worth keeping.\n *\n * Writing both means they could disagree, so both directions are checked here.\n * `satisfies` above catches an entry that is not a member. These catch the other\n * half — a member missing from the array — which `satisfies` cannot see and\n * which is the direction that actually bit: twelve story control lists offered\n * six colours for a vocabulary of seven, so `info` was undocumented everywhere.\n *\n * A gap makes the assignment below fail, and the error names the missing member.\n */\ntype Missing<Union extends string, Listed extends string> = Exclude<Union, Listed>;\n\nconst _allSizesListed: Missing<SizeValue, (typeof SIZE_VALUES)[number]> extends never\n  ? true\n  : never = true;\n\nconst _allColorsListed: Missing<ColorValue, (typeof COLOR_VALUES)[number]> extends never\n  ? true\n  : never = true;\n\nvoid _allSizesListed;\nvoid _allColorsListed;\n\n/* ── The MUI boundary ─────────────────────────────────────────────────────── */\n\n/** What MUI calls a size. Three entries against our five. */\nexport type MuiSize = 'small' | 'medium' | 'large';\n\n/**\n * The house scale collapsed onto MUI's three.\n *\n * Five onto three loses information, and it loses it at the ends on purpose:\n * `xs`/`sm` both draw small and `lg`/`xl` both draw large, because MUI has no\n * fourth and fifth step to give them. A component that genuinely needs five\n * distinct sizes styles them itself rather than routing through here — this is\n * for the ones that just forward the prop.\n */\nexport const muiSize = (size: SizeValue): MuiSize => {\n  if (size === 'xs' || size === 'sm') return 'small';\n  return size === 'md' ? 'medium' : 'large';\n};\n\n/** What MUI calls a semantic colour on most components. */\nexport type MuiColor = 'primary' | 'secondary' | 'success' | 'warning' | 'info' | 'error';\n\n/**\n * The house vocabulary translated for MUI, with the caller naming its neutral.\n *\n * `neutral` is the awkward one: MUI spells the unaccented state `default` on a\n * chip, `inherit` on a button and an icon button, and `grey` in the palette. So\n * the caller passes the word its own MUI component uses rather than this\n * pretending there is one answer.\n *\n * A MAPPING, NEVER A CAST. The cast is what let `danger` reach MUI untouched and\n * silently fall back to grey.\n */\nexport function muiColor<N extends string>(color: ColorValue, neutralAs: N): MuiColor | N {\n  if (color === 'danger') return 'error';\n  return color === 'neutral' ? neutralAs : color;\n}\n\n/**\n * The house vocabulary as a `theme.palette` key.\n *\n * Separate from {@link muiColor} because the palette has no `default` and no\n * `inherit` — an unaccented colour there is `grey`.\n */\nexport type PaletteKey = MuiColor | 'grey';\n\nexport const paletteKey = (color: ColorValue): PaletteKey =>\n  color === 'danger' ? 'error' : color === 'neutral' ? 'grey' : color;\n\n/**\n * A `ColorValue` resolved to a four-stop accent from the theme.\n *\n * `paletteKey` is not enough on its own for anything that reads `.main`: MUI's\n * palette has no neutral `PaletteColor`, and `palette.grey` is a 50–900 ramp\n * with no `main`, `light`, `dark` or `contrastText` on it at all. So `neutral`\n * is resolved from the ramp here, once, instead of every component discovering\n * the same hole and branching around it.\n *\n * Typed against the theme structurally so this file does not drag in MUI's\n * `Theme` and become a dependency of everything that imports a token.\n */\n"],"mappings":";AA4DO,IAAM,cAAc,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AA2BjD,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA+CO,IAAM,UAAU,CAAC,SAA6B;AACnD,MAAI,SAAS,QAAQ,SAAS,KAAM,QAAO;AAC3C,SAAO,SAAS,OAAO,WAAW;AACpC;AAgBO,SAAS,SAA2B,OAAmB,WAA4B;AACxF,MAAI,UAAU,SAAU,QAAO;AAC/B,SAAO,UAAU,YAAY,YAAY;AAC3C;AAUO,IAAM,aAAa,CAAC,UACzB,UAAU,WAAW,UAAU,UAAU,YAAY,SAAS;","names":[]}

package/dist/native/chunks/chunk-EKKNUEA6.js

@@ -0,0 +1,136 @@
+import {
+  resolveTestId
+} from "./chunk-M4DTJDWU.js";
+import {
+  useUiTheme
+} from "./chunk-YTHR4Y5P.js";
+
+// src/components/layout/Box/Box.base.ts
+var BOX_BASE_KEYS = [
+  "p",
+  "px",
+  "py",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "m",
+  "mx",
+  "my",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "gap",
+  "direction",
+  "align",
+  "justify",
+  "wrap",
+  "flex",
+  "bg",
+  "radius",
+  "bordered",
+  "width",
+  "height",
+  "testID",
+  "dataTestId"
+];
+
+// src/components/layout/Box/box-layout.ts
+var ALIGN = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch",
+  baseline: "baseline"
+};
+var JUSTIFY = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around",
+  evenly: "space-evenly"
+};
+function background(theme, bg) {
+  if (bg === "transparent") return "transparent";
+  if (bg === "default" || bg === "paper") return theme.palette.background[bg];
+  return theme.palette[bg].main;
+}
+var SIDES = [
+  ["paddingTop", ["pt", "py", "p"]],
+  ["paddingRight", ["pr", "px", "p"]],
+  ["paddingBottom", ["pb", "py", "p"]],
+  ["paddingLeft", ["pl", "px", "p"]],
+  ["marginTop", ["mt", "my", "m"]],
+  ["marginRight", ["mr", "mx", "m"]],
+  ["marginBottom", ["mb", "my", "m"]],
+  ["marginLeft", ["ml", "mx", "m"]]
+];
+function spacingLayout(props, theme) {
+  const layout = {};
+  for (const [key, sources] of SIDES) {
+    const units = sources.map((source) => props[source]).find((value) => value !== void 0);
+    if (typeof units === "number") layout[key] = theme.spacing(units);
+  }
+  return layout;
+}
+function flexLayout(props, theme) {
+  const layout = {};
+  const isFlex = [props.direction, props.align, props.justify, props.gap].some((value) => value !== void 0) || props.wrap === true;
+  if (!isFlex) return layout;
+  layout.display = "flex";
+  layout.flexDirection = props.direction ?? "column";
+  if (props.gap !== void 0) layout.gap = theme.spacing(props.gap);
+  if (props.align !== void 0) layout.alignItems = ALIGN[props.align];
+  if (props.justify !== void 0) layout.justifyContent = JUSTIFY[props.justify];
+  if (props.wrap) layout.flexWrap = "wrap";
+  return layout;
+}
+function surfaceLayout(props, theme) {
+  const layout = {};
+  if (props.flex !== void 0) layout.flex = props.flex;
+  if (props.bg !== void 0) layout.backgroundColor = background(theme, props.bg);
+  if (props.radius !== void 0) layout.borderRadius = theme.radius[props.radius];
+  if (props.bordered) {
+    layout.borderWidth = 1;
+    layout.borderStyle = "solid";
+    layout.borderColor = theme.palette.divider;
+  }
+  if (props.width !== void 0) layout.width = props.width;
+  if (props.height !== void 0) layout.height = props.height;
+  return layout;
+}
+function resolveBoxLayout(props, theme) {
+  return { ...spacingLayout(props, theme), ...flexLayout(props, theme), ...surfaceLayout(props, theme) };
+}
+function splitBoxProps(props) {
+  const layout = {};
+  const rest = {};
+  const own = /* @__PURE__ */ new Set([...BOX_BASE_KEYS, "data-testid"]);
+  for (const [key, value] of Object.entries(props)) {
+    (own.has(key) ? layout : rest)[key] = value;
+  }
+  return {
+    layout,
+    rest
+  };
+}
+
+// src/components/layout/Box/Box.native.tsx
+import * as React from "react";
+import { View } from "react-native";
+import { jsx } from "react/jsx-runtime";
+var Box = React.forwardRef(({ children, style, ...props }, ref) => {
+  const theme = useUiTheme();
+  const { layout, rest } = splitBoxProps(props);
+  const resolved = resolveBoxLayout(layout, theme);
+  return /* @__PURE__ */ jsx(View, { ref, style: [resolved, style], testID: resolveTestId(layout), ...rest, children });
+});
+Box.displayName = "Box";
+
+export {
+  resolveBoxLayout,
+  Box
+};
+//# sourceMappingURL=chunk-EKKNUEA6.js.map

package/dist/native/chunks/chunk-EKKNUEA6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/layout/Box/Box.base.ts","../../../src/components/layout/Box/box-layout.ts","../../../src/components/layout/Box/Box.native.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport type { UiPaletteKey, UiTheme } from '../../../tokens/theme';\n\n/**\n * THE LAYOUT PRIMITIVE BOTH RENDERERS SHARE.\n *\n * Half of every screen in the origin apps is `@12-apps/ui/mui/Box` with an `sx`\n * — raw MUI, which no native renderer can ever answer to. This `Box` is the\n * one a screen meant for both platforms writes instead: a fixed set of layout\n * props on the spacing scale, resolved by `box-layout.ts` into the same\n * numbers on each side. `p={2}` is 16px on the web and 16dp on native, because\n * both are `theme.spacing(2)`.\n *\n * Spacing props are in SPACING UNITS, exactly as MUI's own `Box` reads them.\n */\nexport type BoxDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';\nexport type BoxAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';\nexport type BoxJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\nexport type BoxBackground = 'default' | 'paper' | 'transparent' | UiPaletteKey;\nexport type BoxRadius = keyof UiTheme['radius'];\n/** What both renderers accept as a size: px, a percentage, or `auto`. */\nexport type BoxDimension = number | 'auto' | `${number}%`;\n\nexport interface BoxSpacingProps {\n  p?: number;\n  px?: number;\n  py?: number;\n  pt?: number;\n  pr?: number;\n  pb?: number;\n  pl?: number;\n  m?: number;\n  mx?: number;\n  my?: number;\n  mt?: number;\n  mr?: number;\n  mb?: number;\n  ml?: number;\n  /** Between children. Setting it makes the box a flex container. */\n  gap?: number;\n}\n\nexport interface BoxBaseProps extends BoxSpacingProps {\n  children?: React.ReactNode;\n  /** Setting any of these four makes the box a flex container. */\n  direction?: BoxDirection;\n  align?: BoxAlign;\n  justify?: BoxJustify;\n  wrap?: boolean;\n  flex?: number;\n  /** A surface, `transparent`, or a palette slot's main colour. */\n  bg?: BoxBackground;\n  radius?: BoxRadius;\n  /** A 1px border in the theme's divider colour. */\n  bordered?: boolean;\n  width?: BoxDimension;\n  height?: BoxDimension;\n  testID?: string;\n  dataTestId?: string;\n}\n\n/** Every prop {@link BoxBaseProps} owns, so a renderer can split them from its own. */\nexport const BOX_BASE_KEYS = [\n  'p', 'px', 'py', 'pt', 'pr', 'pb', 'pl',\n  'm', 'mx', 'my', 'mt', 'mr', 'mb', 'ml',\n  'gap', 'direction', 'align', 'justify', 'wrap', 'flex',\n  'bg', 'radius', 'bordered', 'width', 'height', 'testID', 'dataTestId',\n] as const satisfies readonly (keyof Omit<BoxBaseProps, 'children'>)[];\n","import { BOX_BASE_KEYS, type BoxAlign, type BoxBaseProps, type BoxDimension, type BoxJustify } from './Box.base';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/**\n * The resolved style, in React Native's property names.\n *\n * They are also valid CSS-in-JS names, and every number is px on the web and\n * dp on native, so ONE resolver feeds both `Box.tsx` (into `sx`) and\n * `Box.native.tsx` (into `style`). That is the alignment guarantee: there is no\n * second table of numbers for the native side to drift from.\n */\nexport interface BoxLayout {\n  display?: 'flex';\n  flexDirection?: BoxBaseProps['direction'];\n  alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';\n  justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';\n  flexWrap?: 'wrap';\n  flex?: number;\n  gap?: number;\n  paddingTop?: number;\n  paddingRight?: number;\n  paddingBottom?: number;\n  paddingLeft?: number;\n  marginTop?: number;\n  marginRight?: number;\n  marginBottom?: number;\n  marginLeft?: number;\n  backgroundColor?: string;\n  borderRadius?: number;\n  borderWidth?: number;\n  borderStyle?: 'solid';\n  borderColor?: string;\n  width?: BoxDimension;\n  height?: BoxDimension;\n}\n\nconst ALIGN: Record<BoxAlign, NonNullable<BoxLayout['alignItems']>> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n  baseline: 'baseline',\n};\n\nconst JUSTIFY: Record<BoxJustify, NonNullable<BoxLayout['justifyContent']>> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n  evenly: 'space-evenly',\n};\n\nfunction background(theme: UiTheme, bg: NonNullable<BoxBaseProps['bg']>): string {\n  if (bg === 'transparent') return 'transparent';\n  if (bg === 'default' || bg === 'paper') return theme.palette.background[bg];\n  return theme.palette[bg].main;\n}\n\ntype SpacingKey = keyof Pick<\n  BoxLayout,\n  | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'\n  | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'\n>;\n\n/**\n * Each side reads the most specific prop that is set: the side, then its axis,\n * then the shorthand — the precedence MUI's `Box` gives `pt`/`py`/`p`.\n */\nconst SIDES: ReadonlyArray<readonly [SpacingKey, ReadonlyArray<keyof BoxBaseProps>]> = [\n  ['paddingTop', ['pt', 'py', 'p']],\n  ['paddingRight', ['pr', 'px', 'p']],\n  ['paddingBottom', ['pb', 'py', 'p']],\n  ['paddingLeft', ['pl', 'px', 'p']],\n  ['marginTop', ['mt', 'my', 'm']],\n  ['marginRight', ['mr', 'mx', 'm']],\n  ['marginBottom', ['mb', 'my', 'm']],\n  ['marginLeft', ['ml', 'mx', 'm']],\n];\n\nfunction spacingLayout(props: BoxBaseProps, theme: UiTheme): BoxLayout {\n  const layout: BoxLayout = {};\n  for (const [key, sources] of SIDES) {\n    const units = sources.map((source) => props[source]).find((value) => value !== undefined);\n    if (typeof units === 'number') layout[key] = theme.spacing(units);\n  }\n  return layout;\n}\n\n/** A flex container whenever any flex prop is set; a plain box otherwise. */\nfunction flexLayout(props: BoxBaseProps, theme: UiTheme): BoxLayout {\n  const layout: BoxLayout = {};\n  const isFlex =\n    [props.direction, props.align, props.justify, props.gap].some((value) => value !== undefined) ||\n    props.wrap === true;\n  if (!isFlex) return layout;\n\n  layout.display = 'flex';\n  layout.flexDirection = props.direction ?? 'column';\n  if (props.gap !== undefined) layout.gap = theme.spacing(props.gap);\n  if (props.align !== undefined) layout.alignItems = ALIGN[props.align];\n  if (props.justify !== undefined) layout.justifyContent = JUSTIFY[props.justify];\n  if (props.wrap) layout.flexWrap = 'wrap';\n  return layout;\n}\n\nfunction surfaceLayout(props: BoxBaseProps, theme: UiTheme): BoxLayout {\n  const layout: BoxLayout = {};\n  if (props.flex !== undefined) layout.flex = props.flex;\n  if (props.bg !== undefined) layout.backgroundColor = background(theme, props.bg);\n  if (props.radius !== undefined) layout.borderRadius = theme.radius[props.radius];\n  if (props.bordered) {\n    // `borderStyle` spelled out: CSS defaults it to `none`, under which a\n    // border-width computes to 0 and nothing paints. React Native's default is\n    // `solid`, which is how a box can pass natively and vanish on the web.\n    layout.borderWidth = 1;\n    layout.borderStyle = 'solid';\n    layout.borderColor = theme.palette.divider;\n  }\n  if (props.width !== undefined) layout.width = props.width;\n  if (props.height !== undefined) layout.height = props.height;\n  return layout;\n}\n\n/** The style for a box's neutral props. Unset props produce no key at all. */\nexport function resolveBoxLayout(props: BoxBaseProps, theme: UiTheme): BoxLayout {\n  return { ...spacingLayout(props, theme), ...flexLayout(props, theme), ...surfaceLayout(props, theme) };\n}\n\n/** The neutral props on one side, everything else — the renderer's own — on the other. */\nexport function splitBoxProps<P extends BoxBaseProps>(\n  props: P,\n): { layout: BoxBaseProps; rest: Omit<P, (typeof BOX_BASE_KEYS)[number]> } {\n  const layout: Record<string, unknown> = {};\n  const rest: Record<string, unknown> = {};\n  const own = new Set<string>([...BOX_BASE_KEYS, 'data-testid']);\n  for (const [key, value] of Object.entries(props)) {\n    (own.has(key) ? layout : rest)[key] = value;\n  }\n  return {\n    layout: layout as BoxBaseProps,\n    rest: rest as Omit<P, (typeof BOX_BASE_KEYS)[number]>,\n  };\n}\n","import * as React from 'react';\nimport { View } from 'react-native';\n\nimport { resolveBoxLayout, splitBoxProps } from './box-layout';\nimport type { BoxProps } from './Box.types.native';\nimport { resolveTestId } from '../../../platform/test-id';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\n\n/** The native `Box`: a `View` with the same resolved numbers the web `Box` puts in `sx`. */\nexport const Box = React.forwardRef<View, BoxProps>(({ children, style, ...props }, ref) => {\n  const theme = useUiTheme();\n  const { layout, rest } = splitBoxProps(props);\n  const resolved = resolveBoxLayout(layout, theme);\n\n  return (\n    <View ref={ref} style={[resolved, style]} testID={resolveTestId(layout)} {...rest}>\n      {children}\n    </View>\n  );\n});\n\nBox.displayName = 'Box';\n"],"mappings":"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","names":[]}