pixelize-native-library 1.0.6

package/lib/module/theme/tokens/primitives/elevation.js

@@ -0,0 +1,95 @@
+"use strict";
+
+/**
+ * One shadow layer. Not a CSS string, not RN shadow props — each platform composes its own
+ * rendering from these numbers.
+ */
+
+/**
+ * An elevation step is a STACK of layers, not one shadow — web's `base`/`md`/`lg` are each a wide
+ * ambient layer plus a tight contact layer, and flattening to one layer would mean degrading WEB
+ * to work around RN's limit, not the other way round. `android` is one integer per step (RN's
+ * `elevation` prop takes a single scalar; it cannot represent a stack), for the pre-`boxShadow`
+ * Android path. New-arch RN and web both render every layer in `layers`; old-arch RN renders
+ * `layers[0]` plus `android` — an honest platform limit, not a token compromise.
+ */
+
+/**
+ * Elevation ramp — offsets, blur, spread and alpha mirror web's `shadows.ts` (5b6bbfe) exactly,
+ * converted from `rgba()` CSS strings to `#rrggbbaa` layers.
+ *
+ * Web's `inner` (inset) step has no counterpart here and never will — RN has no inset shadow of any
+ * kind. It stays web-only, in web's platform layer. Do not add an `inset` field to work around it.
+ */
+const elevation = {
+  none: {
+    layers: [{
+      x: 0,
+      y: 0,
+      blur: 0,
+      spread: 0,
+      color: '#00000000'
+    }],
+    android: 0
+  },
+  sm: {
+    layers: [{
+      x: 0,
+      y: 1,
+      blur: 2,
+      spread: 0,
+      color: '#0000000d'
+    }],
+    android: 1
+  },
+  base: {
+    layers: [{
+      x: 0,
+      y: 1,
+      blur: 3,
+      spread: 0,
+      color: '#0000001a'
+    }, {
+      x: 0,
+      y: 1,
+      blur: 2,
+      spread: 0,
+      color: '#0000000f'
+    }],
+    android: 2
+  },
+  md: {
+    layers: [{
+      x: 0,
+      y: 4,
+      blur: 6,
+      spread: -1,
+      color: '#0000001a'
+    }, {
+      x: 0,
+      y: 2,
+      blur: 4,
+      spread: -1,
+      color: '#0000000f'
+    }],
+    android: 4
+  },
+  lg: {
+    layers: [{
+      x: 0,
+      y: 10,
+      blur: 15,
+      spread: -3,
+      color: '#0000001a'
+    }, {
+      x: 0,
+      y: 4,
+      blur: 6,
+      spread: -2,
+      color: '#0000000d'
+    }],
+    android: 8
+  }
+};
+export default elevation;
+//# sourceMappingURL=elevation.js.map

package/lib/module/theme/tokens/primitives/elevation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["elevation","none","layers","x","y","blur","spread","color","android","sm","base","md","lg"],"sourceRoot":"../../../../../src","sources":["theme/tokens/primitives/elevation.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,SAAS,GAAG;EAChBC,IAAI,EAAE;IAAEC,MAAM,EAAE,CAAC;MAAEC,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAY,CAAC,CAAC;IAAEC,OAAO,EAAE;EAAE,CAAC;EACtFC,EAAE,EAAE;IAAEP,MAAM,EAAE,CAAC;MAAEC,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAY,CAAC,CAAC;IAAEC,OAAO,EAAE;EAAE,CAAC;EACpFE,IAAI,EAAE;IACJR,MAAM,EAAE,CACN;MAAEC,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAY,CAAC,EACtD;MAAEJ,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAY,CAAC,CACvD;IACDC,OAAO,EAAE;EACX,CAAC;EACDG,EAAE,EAAE;IACFT,MAAM,EAAE,CACN;MAAEC,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC,CAAC;MAAEC,KAAK,EAAE;IAAY,CAAC,EACvD;MAAEJ,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC,CAAC;MAAEC,KAAK,EAAE;IAAY,CAAC,CACxD;IACDC,OAAO,EAAE;EACX,CAAC;EACDI,EAAE,EAAE;IACFV,MAAM,EAAE,CACN;MAAEC,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE,EAAE;MAAEC,IAAI,EAAE,EAAE;MAAEC,MAAM,EAAE,CAAC,CAAC;MAAEC,KAAK,EAAE;IAAY,CAAC,EACzD;MAAEJ,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC,CAAC;MAAEC,KAAK,EAAE;IAAY,CAAC,CACxD;IACDC,OAAO,EAAE;EACX;AACF,CAAmD;AAInD,eAAeR,SAAS","ignoreList":[]}

package/lib/module/theme/tokens/primitives/fontSizes.js

@@ -0,0 +1,22 @@
+"use strict";
+
+/**
+ * Font sizes. Unitless DP, mirroring web's rem ramp at a 16px root.
+ */
+const fontSizes = {
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20,
+  '2xl': 24,
+  '3xl': 30,
+  '4xl': 36,
+  '5xl': 48,
+  '6xl': 60,
+  '7xl': 72,
+  '8xl': 96,
+  '9xl': 128
+};
+export default fontSizes;
+//# sourceMappingURL=fontSizes.js.map

package/lib/module/theme/tokens/primitives/fontSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fontSizes","xs","sm","md","lg","xl"],"sourceRoot":"../../../../../src","sources":["theme/tokens/primitives/fontSizes.ts"],"mappings":";;AAAA;AACA;AACA;AACA,MAAMA,SAAS,GAAG;EAChBC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACN,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE;AACT,CAA2C;AAI3C,eAAeL,SAAS","ignoreList":[]}

package/lib/module/theme/tokens/primitives/fontWeights.js

@@ -0,0 +1,23 @@
+"use strict";
+
+/**
+ * Font weights, semantic keys only.
+ *
+ * Values are numbers, not strings: the blessed path is `fontStyleForWeight` in the platform layer,
+ * whose input `FontWeightValue` is the numeric union `100 | … | 900`. A string `'600'` is not
+ * assignable to that union, so a string token would force a `Number()` at every call site; a numeric
+ * literal flows straight in. Web's ramp is numeric too, so this is also the shape web adopts.
+ *
+ * Web's full 100–900 ramp collapses to the four weights Inter actually earns in UI: a `light`
+ * heading is a design decision nobody made, so there is no token for it. `regular` (not web's
+ * `normal`) names the 400 step — a divergence web reconciles when it migrates to this shape.
+ */
+const fontWeights = {
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+  // Constrained to the nine canonical weight steps so a typo like 450 is a type error.
+};
+export default fontWeights;
+//# sourceMappingURL=fontWeights.js.map

package/lib/module/theme/tokens/primitives/fontWeights.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fontWeights","regular","medium","semibold","bold"],"sourceRoot":"../../../../../src","sources":["theme/tokens/primitives/fontWeights.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,WAAW,GAAG;EAClBC,OAAO,EAAE,GAAG;EACZC,MAAM,EAAE,GAAG;EACXC,QAAQ,EAAE,GAAG;EACbC,IAAI,EAAE;EACN;AACF,CAAwF;AAIxF,eAAeJ,WAAW","ignoreList":[]}

package/lib/module/theme/tokens/primitives/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+export { default as space } from "./space.js";
+export { default as radii } from "./radii.js";
+export { default as fontSizes } from "./fontSizes.js";
+export { default as fontWeights } from "./fontWeights.js";
+export { default as lineHeights } from "./lineHeights.js";
+export { default as letterSpacings } from "./letterSpacings.js";
+export { default as borderWidths } from "./borderWidths.js";
+export { default as elevation } from "./elevation.js";
+export { default as breakpoints } from "./breakpoints.js";
+export { default as zIndices } from "./zIndices.js";
+export { default as sizes } from "./sizes.js";
+//# sourceMappingURL=index.js.map

package/lib/module/theme/tokens/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","space","radii","fontSizes","fontWeights","lineHeights","letterSpacings","borderWidths","elevation","breakpoints","zIndices","sizes"],"sourceRoot":"../../../../../src","sources":["theme/tokens/primitives/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,KAAK,QAAQ,YAAS;AAG1C,SAASD,OAAO,IAAIE,KAAK,QAAQ,YAAS;AAG1C,SAASF,OAAO,IAAIG,SAAS,QAAQ,gBAAa;AAGlD,SAASH,OAAO,IAAII,WAAW,QAAQ,kBAAe;AAGtD,SAASJ,OAAO,IAAIK,WAAW,QAAQ,kBAAe;AAGtD,SAASL,OAAO,IAAIM,cAAc,QAAQ,qBAAkB;AAG5D,SAASN,OAAO,IAAIO,YAAY,QAAQ,mBAAgB;AAGxD,SAASP,OAAO,IAAIQ,SAAS,QAAQ,gBAAa;AAGlD,SAASR,OAAO,IAAIS,WAAW,QAAQ,kBAAe;AAGtD,SAAST,OAAO,IAAIU,QAAQ,QAAQ,eAAY;AAGhD,SAASV,OAAO,IAAIW,KAAK,QAAQ,YAAS","ignoreList":[]}

package/lib/module/theme/tokens/primitives/letterSpacings.js

@@ -0,0 +1,18 @@
+"use strict";
+
+/**
+ * Letter spacing as EM MULTIPLIERS of the font size — never DP.
+ *
+ * Same trap as `lineHeights`: RN's `letterSpacing` is absolute DP, so passing `-0.025` straight
+ * through is a no-op at every font size rather than a visible error. The platform layer multiplies
+ * by the font size; web appends `em`.
+ */
+const letterSpacings = {
+  tighter: -0.05,
+  tight: -0.025,
+  normal: 0,
+  wide: 0.025,
+  wider: 0.05
+};
+export default letterSpacings;
+//# sourceMappingURL=letterSpacings.js.map

package/lib/module/theme/tokens/primitives/letterSpacings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["letterSpacings","tighter","tight","normal","wide","wider"],"sourceRoot":"../../../../../src","sources":["theme/tokens/primitives/letterSpacings.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,cAAc,GAAG;EACrBC,OAAO,EAAE,CAAC,IAAI;EACdC,KAAK,EAAE,CAAC,KAAK;EACbC,MAAM,EAAE,CAAC;EACTC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE;AACT,CAA2C;AAI3C,eAAeL,cAAc","ignoreList":[]}

package/lib/module/theme/tokens/primitives/lineHeights.js

@@ -0,0 +1,21 @@
+"use strict";
+
+/**
+ * Line heights as RATIOS of the font size — never DP.
+ *
+ * This is the single most dangerous token in the port. RN's `lineHeight` style prop is absolute DP,
+ * so `{ lineHeight: lineHeights.base }` compiles, typechecks, and renders 1.5dp-tall lines. There is
+ * no error to catch — the text just collapses. The platform layer MUST resolve these against a font
+ * size (`lineHeight: fontSize * ratio`). Web's `line-height` consumes the ratio directly, which is
+ * why the ratio is what gets stored.
+ */
+const lineHeights = {
+  none: 1,
+  tight: 1.25,
+  snug: 1.375,
+  base: 1.5,
+  relaxed: 1.625,
+  loose: 2
+};
+export default lineHeights;
+//# sourceMappingURL=lineHeights.js.map

package/lib/module/theme/tokens/primitives/lineHeights.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["lineHeights","none","tight","snug","base","relaxed","loose"],"sourceRoot":"../../../../../src","sources":["theme/tokens/primitives/lineHeights.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,WAAW,GAAG;EAClBC,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE,IAAI;EACXC,IAAI,EAAE,KAAK;EACXC,IAAI,EAAE,GAAG;EACTC,OAAO,EAAE,KAAK;EACdC,KAAK,EAAE;AACT,CAA2C;AAI3C,eAAeN,WAAW","ignoreList":[]}

package/lib/module/theme/tokens/primitives/radii.js

@@ -0,0 +1,21 @@
+"use strict";
+
+/**
+ * Corner radii. Unitless DP.
+ *
+ * `base: 8` is the approved brand radius. It is one token — retuning the brand's roundness is an
+ * edit to this line, never a sweep through components. The ramp steps on the same 4dp grid as
+ * `space`, so a radius and the padding inside it always agree.
+ */
+const radii = {
+  none: 0,
+  sm: 4,
+  base: 8,
+  md: 12,
+  lg: 16,
+  xl: 24,
+  /** Pill. A finite number, not Infinity — RN rejects non-finite style values. */
+  full: 9999
+};
+export default radii;
+//# sourceMappingURL=radii.js.map

package/lib/module/theme/tokens/primitives/radii.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["radii","none","sm","base","md","lg","xl","full"],"sourceRoot":"../../../../../src","sources":["theme/tokens/primitives/radii.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,KAAK,GAAG;EACZC,IAAI,EAAE,CAAC;EACPC,EAAE,EAAE,CAAC;EACLC,IAAI,EAAE,CAAC;EACPC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACN;EACAC,IAAI,EAAE;AACR,CAA2C;AAI3C,eAAeP,KAAK","ignoreList":[]}

package/lib/module/theme/tokens/primitives/sizes.js

@@ -0,0 +1,34 @@
+"use strict";
+
+/**
+ * Named size scale (avatar/image/modal max-width, not spacing). Unitless DP, same rem->dp
+ * conversion as `space` (1rem = 16dp) so a value copied from web's `sizes.ts` resolves to the
+ * same physical size.
+ *
+ * Web's `sizes.ts` is NOT ported 1:1 — several of its keys are CSS-only concepts with no static
+ * RN equivalent:
+ *  - `full`/`max`/`min` (`100%`/`max-content`/`min-content`) are layout values, not a size token;
+ *    RN accepts the `"100%"` string directly in a style, so it never needed a token.
+ *  - `screenW`/`screenH` (`100vw`/`100vh`) are a runtime viewport read, not a static token — the
+ *    RN equivalent is `useWindowDimensions()` in `platform/`, never a frozen number here.
+ *  - `container` duplicates `breakpoints` (a max-width cap vs. a viewport threshold); RN has no
+ *    native "container query" concept, so it's dropped rather than carried as dead weight.
+ */
+const sizes = {
+  "3xs": 224,
+  "2xs": 256,
+  xs: 320,
+  sm: 384,
+  md: 448,
+  lg: 512,
+  xl: 576,
+  "2xl": 672,
+  "3xl": 768,
+  "4xl": 896,
+  "5xl": 1024,
+  "6xl": 1152,
+  "7xl": 1280,
+  "8xl": 1440
+};
+export default sizes;
+//# sourceMappingURL=sizes.js.map

package/lib/module/theme/tokens/primitives/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sizes","xs","sm","md","lg","xl"],"sourceRoot":"../../../../../src","sources":["theme/tokens/primitives/sizes.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,KAAK,GAAG;EACZ,KAAK,EAAE,GAAG;EACV,KAAK,EAAE,GAAG;EACVC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACP,KAAK,EAAE,GAAG;EACV,KAAK,EAAE,GAAG;EACV,KAAK,EAAE,GAAG;EACV,KAAK,EAAE,IAAI;EACX,KAAK,EAAE,IAAI;EACX,KAAK,EAAE,IAAI;EACX,KAAK,EAAE;AACT,CAA2C;AAI3C,eAAeL,KAAK","ignoreList":[]}

package/lib/module/theme/tokens/primitives/space.js

@@ -0,0 +1,30 @@
+"use strict";
+
+/**
+ * Spacing scale. Unitless DP — one step = 4dp.
+ *
+ * Web's `space.px = "1px"` is deliberately absent: a 1px hairline expressed in rem scales with the
+ * user's font-size setting, which is exactly what a hairline must never do. Hairlines are in
+ * `borderWidths`.
+ */
+const space = {
+  0: 0,
+  1: 4,
+  2: 8,
+  3: 12,
+  4: 16,
+  5: 20,
+  6: 24,
+  7: 28,
+  8: 32,
+  9: 36,
+  10: 40,
+  12: 48,
+  14: 56,
+  16: 64,
+  20: 80,
+  24: 96,
+  32: 128
+};
+export default space;
+//# sourceMappingURL=space.js.map

package/lib/module/theme/tokens/primitives/space.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["space"],"sourceRoot":"../../../../../src","sources":["theme/tokens/primitives/space.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,KAAK,GAAG;EACZ,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,EAAE;EACL,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE;AACN,CAA2C;AAI3C,eAAeA,KAAK","ignoreList":[]}

package/lib/module/theme/tokens/primitives/zIndices.js

@@ -0,0 +1,23 @@
+"use strict";
+
+/**
+ * Stacking order for the vendored overlay host (modal/sheet/toast/tooltip). Mirrors web's
+ * zIndices.ts (5b6bbfe) — numbers only; RN's `zIndex` style prop takes a number, unlike CSS's
+ * `auto` keyword, so web's `auto: "auto"` has no counterpart here and is intentionally omitted.
+ */
+const zIndices = {
+  hide: -1,
+  base: 0,
+  docked: 10,
+  dropdown: 1000,
+  sticky: 1100,
+  banner: 1200,
+  overlay: 1300,
+  modal: 1400,
+  popover: 1500,
+  skipLink: 1600,
+  toast: 1700,
+  tooltip: 1800
+};
+export default zIndices;
+//# sourceMappingURL=zIndices.js.map

package/lib/module/theme/tokens/primitives/zIndices.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["zIndices","hide","base","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip"],"sourceRoot":"../../../../../src","sources":["theme/tokens/primitives/zIndices.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,MAAMA,QAAQ,GAAG;EACfC,IAAI,EAAE,CAAC,CAAC;EACRC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,EAAE;EACVC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE,IAAI;EACZC,MAAM,EAAE,IAAI;EACZC,OAAO,EAAE,IAAI;EACbC,KAAK,EAAE,IAAI;EACXC,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE,IAAI;EACdC,KAAK,EAAE,IAAI;EACXC,OAAO,EAAE;AACX,CAA2C;AAI3C,eAAeZ,QAAQ","ignoreList":[]}

package/lib/module/theme/tokens/roles/index.js

@@ -0,0 +1,126 @@
+"use strict";
+
+/**
+ * Colour ROLES — the layer that keeps web and mobile from drifting apart.
+ *
+ * Web and crm-mobile already shared byte-identical primitive ramps and drifted anyway, because each
+ * side independently answered "what is a background in dark mode?" in component code. Sharing
+ * primitives provably did not prevent that; sharing this table would have. Every role is pure
+ * indirection into the primitive palette, so both platforms resolve a role the same way.
+ *
+ * This is NOT `semantic/`. `PaletteProps.semantic` already means the raw status ramps; the role for
+ * "a success chip" lives here as `status.success`, derived FROM `palette.semantic.success`.
+ *
+ * Two invariants a reader can rely on without a lookup table:
+ *  - `fg.*` is what reads on `bg.*`; every solid fill owns its own `onSolid` label.
+ *  - No value is a hex or a branch on mode. The dark palettes are already derived by
+ *    `buildDarkPalette`, so `roleColors(darkPalette)` is correct for free.
+ */
+
+import { resolveFilledAccent } from "../builders/accentText.js";
+import { AA_TEXT, contrastRatio, relativeLuminance } from "../builders/color.js";
+const RAMP_KEYS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+
+/**
+ * The strongest-reading rung of `ramp` against every `surface` it can sit on. Walks 500 → 900 first
+ * — the accent toward its high-contrast pole in BOTH modes, since the dark ramp lightens upward —
+ * then the pale end, returning the first rung that clears AA everywhere. Falls back to the best rung
+ * so a brand still renders and the contrast test reports the gap instead of a user squinting.
+ */
+function readableOn(ramp, surfaces) {
+  const order = [500, 600, 700, 800, 900, 400, 300, 200, 100, 50];
+  const minRatio = hex => surfaces.reduce((lowest, surface) => Math.min(lowest, contrastRatio(hex, surface)), Infinity);
+  let best = ramp[500];
+  let bestRatio = minRatio(best);
+  for (const key of order) {
+    const ratio = minRatio(ramp[key]);
+    if (ratio >= AA_TEXT) return ramp[key];
+    if (ratio > bestRatio) {
+      best = ramp[key];
+      bestRatio = ratio;
+    }
+  }
+  return best;
+}
+
+/**
+ * A hover/pressed fill `step` rungs stronger than the resting `solid`, moving AWAY from the label's
+ * luminance so `onSolid` never loses contrast. Because the dark ramps run dark→light, "stronger" is
+ * a different rung index per mode ([600]/[700] in light, [400]/[300] in dark); it is read from the
+ * ramp's own luminances here — never a hardcoded rung, never an `if (dark)`.
+ */
+function strongerFill(ramp, solidRung, label, step) {
+  const byLuminance = [...RAMP_KEYS].sort((a, b) => relativeLuminance(ramp[a]) - relativeLuminance(ramp[b]));
+  const position = byLuminance.indexOf(solidRung);
+  const awayFromLabel = relativeLuminance(label) > relativeLuminance(ramp[solidRung]) ? -1 : 1;
+  const target = Math.min(byLuminance.length - 1, Math.max(0, position + awayFromLabel * step));
+  const key = byLuminance[target];
+  return key === undefined ? ramp[solidRung] : ramp[key];
+}
+function statusColors(ramp) {
+  const filled = resolveFilledAccent(ramp);
+  return {
+    solid: filled.fill,
+    onSolid: filled.label,
+    text: readableOn(ramp, [ramp[50]]),
+    subtle: ramp[50],
+    border: ramp[200]
+  };
+}
+
+/**
+ * The whole role table for one palette. Pass a light palette for light roles, a dark palette for
+ * dark roles — the palette carries the mode, so this function never asks which mode it is.
+ */
+export function roleColors(p) {
+  const accent = resolveFilledAccent(p.primary);
+  return {
+    bg: {
+      canvas: p.backgroundColor.main,
+      surface: p.background[50],
+      raised: p.background[100],
+      sunken: p.background[200],
+      hover: p.backgroundColor.muted,
+      selected: p.backgroundColor.accent,
+      disabled: p.disabled[100]
+    },
+    fg: {
+      default: p.text[500],
+      // Measured against every surface it actually sits on (incl. `bg.hover`), not just the
+      // canvas — a flat `gray[600]` cleared the canvas on every brand but fell to ~3.5:1 against
+      // `bg.hover` on radiant/emerald/rosewood, the same class of mistake web shipped twice.
+      muted: readableOn(p.gray, [p.background[50], p.backgroundColor.muted]),
+      subtle: p.gray[500],
+      disabled: p.disabled[500]
+    },
+    // `interactive` is a 1px control outline (WCAG 1.4.11 → 3:1), so it can't reuse the decorative
+    // `default`; `focus` is one neutral step stronger again. Both are grey, not the accent: an
+    // accent ring vanishes on a focused accent-filled button (ring == fill), and the tinted
+    // `border[500]` fails 3:1 on 7 of 8 brands — only the `gray` ramp clears it on every canvas.
+    // Deliberate divergence from vanilla shadcn (whose `--ring` is the accent colour): shadcn's own
+    // default control border is a hairline that itself fails 1.4.11 on several of this catalogue's
+    // brands, and its accent ring has the same vanish-on-fill problem above. Grey wins here on
+    // contrast math, not aesthetic preference.
+    border: {
+      default: p.border[200],
+      interactive: p.gray[500],
+      focus: p.gray[600]
+    },
+    accent: {
+      solid: accent.fill,
+      solidHover: strongerFill(p.primary, accent.rung, accent.label, 1),
+      solidPressed: strongerFill(p.primary, accent.rung, accent.label, 2),
+      onSolid: accent.label,
+      text: readableOn(p.primary, [p.backgroundColor.main, p.primary[50]]),
+      subtle: p.primary[50]
+    },
+    status: {
+      success: statusColors(p.semantic.success),
+      warning: statusColors(p.semantic.warning),
+      danger: statusColors(p.semantic.error),
+      info: statusColors(p.semantic.info)
+    }
+  };
+}
+export default roleColors;
+//# sourceMappingURL=index.js.map

package/lib/module/theme/tokens/roles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveFilledAccent","AA_TEXT","contrastRatio","relativeLuminance","RAMP_KEYS","readableOn","ramp","surfaces","order","minRatio","hex","reduce","lowest","surface","Math","min","Infinity","best","bestRatio","key","ratio","strongerFill","solidRung","label","step","byLuminance","sort","a","b","position","indexOf","awayFromLabel","target","length","max","undefined","statusColors","filled","solid","fill","onSolid","text","subtle","border","roleColors","p","accent","primary","bg","canvas","backgroundColor","main","background","raised","sunken","hover","muted","selected","disabled","fg","default","gray","interactive","focus","solidHover","rung","solidPressed","status","success","semantic","warning","danger","error","info"],"sourceRoot":"../../../../../src","sources":["theme/tokens/roles/index.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/tokens/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/module/theme/tokens/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["theme/tokens/types.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/core/a11y/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Tracks the OS reduce-motion setting (WCAG 2.3.3) so a press/transition animation can be
+ * suppressed for a user who has it on. Shared across every animated module — press fades,
+ * expand/collapse, toasts — so the setting is read once per mount, not re-implemented per module.
+ */
+export declare function useReducedMotion(): boolean;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/a11y/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/a11y/index.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAc1C"}

package/lib/typescript/core/icon/index.d.ts

@@ -0,0 +1,60 @@
+/**
+ * The shared icon registry. `icon` props across every module take a NAME from the closed
+ * `IconName` union, never a `ReactNode` — same discipline as `tone`/`variant`: a consumer cannot
+ * pass an arbitrary component in.
+ *
+ * Icons are DEEP-IMPORTED from `lucide-react-native/icons/<kebab-name>` (~656 B each), never from
+ * the barrel `lucide-react-native` (~233 KB — it defeats per-component tree-shaking). The
+ * name→component map is a STATIC object literal so every deep import stays statically analysable.
+ *
+ * Requires the consumer app to install `lucide-react-native` + `react-native-svg` (both optional
+ * peers — see package.json). A component that renders no icon never pays for either.
+ */
+/** The props a lucide icon accepts (a subset — the ones the design system drives). */
+export interface LucideIconProps {
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+    absoluteStrokeWidth?: boolean;
+}
+/**
+ * The starter catalogue — grows as components need more glyphs. Keys are the stable public names
+ * (`IconName`); adding one here is the only change needed for every module to gain it.
+ */
+export declare const ICON_COMPONENTS: {
+    readonly "arrow-left": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly "arrow-right": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly check: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly "chevron-down": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly "chevron-left": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly "chevron-right": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly "chevron-up": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly download: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly "external-link": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly filter: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly "log-out": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly minus: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly "more-horizontal": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly pencil: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly plus: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly "refresh-cw": import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly save: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly search: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly send: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly settings: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly share: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly trash: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly upload: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+    readonly x: import("react").ForwardRefExoticComponent<import("lucide-react-native").LucideProps & import("react").RefAttributes<SVGSVGElement>>;
+};
+/** The closed set of icon names a component may reference. */
+export type IconName = keyof typeof ICON_COMPONENTS;
+export interface IconProps {
+    name: IconName;
+    size: number;
+    color: string;
+    strokeWidth?: number;
+}
+/** Renders a lucide glyph by name. `size`/`color` are resolved values (never a token object). */
+export declare function Icon({ name, size, color, strokeWidth }: IconProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/icon/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AA+BH,sFAAsF;AACtF,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAID;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CAyBsB,CAAC;AAEnD,8DAA8D;AAC9D,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,eAAe,CAAC;AAEpD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iGAAiG;AACjG,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,WAAe,EAAE,EAAE,SAAS,+BAGrE"}

package/lib/typescript/core/style/index.d.ts

@@ -0,0 +1,4 @@
+export type { LayoutStyle } from "./layoutStyle";
+export { createVariants, createTextVariants, createThemedVariants, createThemedTextVariants, variantFactory, themedVariantFactory, } from "./variants";
+export type { CompoundVariant, ThemedVariantResolver, VariantConfig, VariantGroups, VariantProps, VariantResolver, VariantSelection, VariantStyle, } from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/core/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/style/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACxB,cAAc,EACd,oBAAoB,GACrB,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,YAAY,GACb,MAAM,YAAY,CAAC"}

package/lib/typescript/core/style/layoutStyle.d.ts

@@ -0,0 +1,19 @@
+import type { ViewStyle } from "react-native";
+/**
+ * The only styling a consumer app may hand a component.
+ *
+ * `Pick`, never `Omit`: an allowlist cannot silently widen. An `Omit<ViewStyle, …>` would admit
+ * every key React Native adds to `ViewStyle` in a future release — the containment guarantee would
+ * decay on a dependency bump, without a single line of our code changing.
+ *
+ * Deliberately absent: backgroundColor, every border key, shadow and elevation, opacity, and all
+ * typography. Those are appearance, and appearance is a closed union (`variant` / `size` / `tone`).
+ * An app places and sizes a component; it does not restyle one. Consumers needing a resolved colour
+ * for a prop that takes no token (placeholderTextColor, android_ripple, SVG fill) use
+ * `useThemeColors()`, not a style prop.
+ *
+ * Audit basis (906 real library usages across 4 web apps): `style=` 0, `className=` 1 (dead code),
+ * `sx=` 16 — 1.9% escape-hatch usage. Width/height was 13.9%, and all of it was declared props.
+ */
+export type LayoutStyle = Pick<ViewStyle, "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "marginHorizontal" | "marginVertical" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf">;
+//# sourceMappingURL=layoutStyle.d.ts.map

package/lib/typescript/core/style/layoutStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/style/layoutStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,SAAS,EACP,QAAQ,GACR,WAAW,GACX,cAAc,GACd,YAAY,GACZ,aAAa,GACb,kBAAkB,GAClB,gBAAgB,GAChB,OAAO,GACP,QAAQ,GACR,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,MAAM,GACN,UAAU,GACV,YAAY,GACZ,WAAW,GACX,WAAW,CACd,CAAC"}