pixelize-native-library 1.0.6

package/lib/module/theme/tokens/brands/zinc/palette.dark.js

@@ -0,0 +1,222 @@
+"use strict";
+
+import { buildPrimaryOpacity, buildPrimaryShadowTint } from "../../builders/buildBrandTokens.js";
+import buildDarkPalette from "../../builders/buildDarkPalette.js";
+import light from "./palette.light.js";
+
+/**
+ * zinc dark is the shadcn dark look and INVERTS the primary: the filled button is near-white
+ * `#e4e4e7` carrying a `#18181b` label (13.96:1) — the opposite of light mode. `#e4e4e7` is
+ * shadcn's actual dark-mode `--primary` (verified against shadcn's live zinc theme registry,
+ * 2026-07-18) — a shade dimmer than pure `#fafafa`, which is shadcn's `--foreground` (default
+ * body text), not `--primary`. The generic dark derivation would lift zinc's near-black accent
+ * only to a mid grey (a light label's floor), so the neutral system and primary are pinned here
+ * as explicit literals; the shared status/utility ramps still come from `buildDarkPalette` so
+ * zinc tracks the other brands where it isn't intentionally different. `background[50]` is the
+ * surface token (`#0e0e11`), never a hardcoded colour.
+ */
+
+const derived = buildDarkPalette(light);
+const PRIMARY_500 = "#e4e4e7";
+const SECONDARY_500 = "#a1a1aa";
+const primary = {
+  50: "#18181b",
+  100: "#27272a",
+  200: "#3f3f46",
+  300: "#52525b",
+  400: "#a1a1aa",
+  500: PRIMARY_500,
+  600: "#fbfbfb",
+  700: "#fcfcfc",
+  800: "#fefefe",
+  900: "#ffffff",
+  opacity: buildPrimaryOpacity(PRIMARY_500)
+};
+const secondary = {
+  50: "#18181b",
+  100: "#27272a",
+  200: "#3f3f46",
+  300: "#52525b",
+  400: "#71717a",
+  500: SECONDARY_500,
+  600: "#b4b4bb",
+  700: "#d4d4d8",
+  800: "#e4e4e7",
+  900: "#fafafa",
+  opacity: buildPrimaryOpacity(SECONDARY_500)
+};
+const backgroundColor = {
+  main: "#09090b",
+  secondary: "#0e0e11",
+  tertiary: "#131316",
+  quaternary: "#18181b",
+  light: "#0e0e11",
+  medium: "#18181b",
+  accent: "#27272a",
+  subtle: "#0e0e11",
+  muted: "#27272a",
+  neutral: "#18181b",
+  base: "#09090b",
+  tableHeader: "#131316"
+};
+
+// background[50] = the elevated surface (#0e0e11), resolved through a token, not a literal.
+const background = {
+  50: "#0e0e11",
+  100: "#131316",
+  200: "#18181b",
+  300: "#212124",
+  400: "#27272a",
+  500: "#3f3f46",
+  600: "#52525b",
+  700: "#71717a",
+  800: "#a1a1aa",
+  900: "#d4d4d8"
+};
+const text = {
+  50: "#71717a",
+  100: "#8a8a93",
+  200: "#a1a1aa",
+  300: "#b4b4bb",
+  400: "#d4d4d8",
+  500: "#fafafa",
+  600: "#fbfbfb",
+  700: "#fcfcfc",
+  800: "#fefefe",
+  900: "#ffffff"
+};
+const header = {
+  50: "#8a8a93",
+  100: "#a1a1aa",
+  200: "#c4c4c9",
+  300: "#d4d4d8",
+  400: "#e4e4e7",
+  500: "#fafafa",
+  600: "#fbfbfb",
+  700: "#fcfcfc",
+  800: "#fefefe",
+  900: "#ffffff"
+};
+
+// muted-foreground = gray[500] = #a1a1aa (5.81:1 on the #27272a muted surface); it also serves
+// as the focus ring on the #09090b canvas (7.76:1). gray[400] = the #6b6b75 interactive border.
+const gray = {
+  50: "#18181b",
+  100: "#27272a",
+  200: "#3f3f46",
+  300: "#52525b",
+  400: "#6b6b75",
+  500: "#a1a1aa",
+  600: "#b4b4bb",
+  700: "#d4d4d8",
+  800: "#e4e4e7",
+  900: "#f4f4f5"
+};
+
+// border[200] = decorative (#27272a); border[500] = interactive outline (#6b6b75, 3.78:1 on canvas).
+const border = {
+  50: "#18181b",
+  100: "#212124",
+  200: "#27272a",
+  300: "#3f3f46",
+  400: "#52525b",
+  500: "#6b6b75",
+  600: "#8a8a93",
+  700: "#a1a1aa",
+  800: "#d4d4d8",
+  900: "#e4e4e7"
+};
+const boxborder = {
+  50: "#18181b",
+  100: "#212124",
+  200: "#27272a",
+  300: "#3f3f46",
+  400: "#52525b",
+  500: "#6b6b75",
+  600: "#8a8a93",
+  700: "#a1a1aa",
+  800: "#d4d4d8",
+  900: "#e4e4e7"
+};
+const placeholder = {
+  50: "#3f3f46",
+  100: "#52525b",
+  200: "#6b6b75",
+  300: "#71717a",
+  400: "#8a8a93",
+  500: "#a1a1aa",
+  600: "#b4b4bb",
+  700: "#c4c4c9",
+  800: "#d4d4d8",
+  900: "#e4e4e7"
+};
+const disabled = {
+  50: "#18181b",
+  100: "#212124",
+  200: "#27272a",
+  300: "#3f3f46",
+  400: "#4a4a52",
+  500: "#52525b",
+  600: "#6b6b75",
+  700: "#8a8a93",
+  800: "#a1a1aa",
+  900: "#d4d4d8"
+};
+const table = {
+  hover: {
+    50: "#0e0e11",
+    100: "#131316",
+    200: "#18181b",
+    300: "#1f1f22",
+    400: "#27272a",
+    500: "#2f2f33",
+    600: "#3f3f46",
+    700: "#52525b",
+    800: "#71717a",
+    900: "#a1a1aa"
+  }
+};
+const sidebar = {
+  background: {
+    50: "#18181b",
+    100: "#131316",
+    200: "#27272a",
+    300: "#3f3f46",
+    400: "#52525b",
+    500: "#0e0e11",
+    600: "#0b0b0d",
+    700: "#09090b",
+    800: "#060608",
+    900: "#040405"
+  }
+};
+const palette = {
+  ...derived,
+  gradient: {
+    from: PRIMARY_500,
+    to: "#a1a1aa"
+  },
+  primary,
+  secondary,
+  tertiary: {
+    ...secondary
+  },
+  backgroundColor,
+  background,
+  text,
+  header,
+  gray,
+  border,
+  boxborder,
+  placeholder,
+  disabled,
+  table,
+  sidebar,
+  boxShadow: {
+    primary: buildPrimaryShadowTint(PRIMARY_500),
+    error: derived.boxShadow.error,
+    default: "#00000080"
+  }
+};
+export default palette;
+//# sourceMappingURL=palette.dark.js.map

package/lib/module/theme/tokens/brands/zinc/palette.dark.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buildPrimaryOpacity","buildPrimaryShadowTint","buildDarkPalette","light","derived","PRIMARY_500","SECONDARY_500","primary","opacity","secondary","backgroundColor","main","tertiary","quaternary","medium","accent","subtle","muted","neutral","base","tableHeader","background","text","header","gray","border","boxborder","placeholder","disabled","table","hover","sidebar","palette","gradient","from","to","boxShadow","error","default"],"sourceRoot":"../../../../../../src","sources":["theme/tokens/brands/zinc/palette.dark.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/theme/tokens/brands/zinc/palette.light.js

@@ -0,0 +1,393 @@
+"use strict";
+
+import { buildPrimaryOpacity, buildPrimaryShadowTint } from "../../builders/buildBrandTokens.js";
+
+/**
+ * zinc — the library DEFAULT, the shadcn look the user approved from a contrast-verified preview.
+ * These exact hexes are the shared source of truth: web is adopting them verbatim, so every rung
+ * here is authoritative, not an approximation.
+ *
+ * Unlike the other brands, zinc's filled primary is the near-black anchor itself: `primary[500]`
+ * is `#18181b`, so `resolveFilledAccent` lands on rung 500 with a `#fafafa` label (16.97:1). The
+ * canvas is literal white via `background[50]` — a real surface token, never a hardcoded `"white"`,
+ * which is what paints white cards on a dark canvas.
+ */
+
+const PRIMARY_500 = "#18181b";
+const SECONDARY_500 = "#71717a";
+const primary = {
+  50: "#f4f4f5",
+  100: "#e4e4e7",
+  200: "#d4d4d8",
+  300: "#a1a1aa",
+  400: "#3f3f46",
+  500: PRIMARY_500,
+  600: "#141417",
+  700: "#101013",
+  800: "#0c0c0e",
+  900: "#09090b",
+  opacity: buildPrimaryOpacity(PRIMARY_500)
+};
+const secondary = {
+  50: "#fafafa",
+  100: "#f4f4f5",
+  200: "#e4e4e7",
+  300: "#d4d4d8",
+  400: "#a1a1aa",
+  500: SECONDARY_500,
+  600: "#52525b",
+  700: "#3f3f46",
+  800: "#27272a",
+  900: "#18181b",
+  opacity: buildPrimaryOpacity(SECONDARY_500)
+};
+
+// Shared status ramps — identical across every brand (status is universal, brand is the hue).
+const semantic = {
+  success: {
+    50: "#e9f8ef",
+    100: "#bbe9cc",
+    200: "#9adeb4",
+    300: "#6ccf92",
+    400: "#4fc67d",
+    500: "#23b85c",
+    600: "#20a754",
+    700: "#198341",
+    800: "#136533",
+    900: "#0f4d27"
+  },
+  error: {
+    50: "#feedeb",
+    100: "#fbc6c2",
+    200: "#f9aaa4",
+    300: "#f6837b",
+    400: "#f56b61",
+    500: "#f2463a",
+    600: "#dc4035",
+    700: "#ac3229",
+    800: "#852720",
+    900: "#661d18"
+  },
+  warning: {
+    50: "#fff4ef",
+    100: "#ffddce",
+    200: "#ffccb7",
+    300: "#ffb596",
+    400: "#ffa781",
+    500: "#ff9162",
+    600: "#e88459",
+    700: "#b56746",
+    800: "#8c5036",
+    900: "#6b3d29"
+  },
+  info: {
+    50: "#eff9fc",
+    100: "#cdedf5",
+    200: "#b5e4f0",
+    300: "#94d7e9",
+    400: "#7fd0e5",
+    500: "#5fc4de",
+    600: "#56b2ea",
+    700: "#438b9e",
+    800: "#346c78",
+    900: "#28525d"
+  }
+};
+const gray = {
+  50: "#fafafa",
+  100: "#f4f4f5",
+  200: "#e4e4e7",
+  300: "#d4d4d8",
+  400: "#a1a1aa",
+  500: "#71717a",
+  600: "#52525b",
+  700: "#3f3f46",
+  800: "#27272a",
+  900: "#18181b"
+};
+
+// Shared utility hues — same values as every brand.
+const red = {
+  50: "#feedeb",
+  100: "#fbc6c2",
+  200: "#f9aaa4",
+  300: "#f6837b",
+  400: "#f56b61",
+  500: "#f2463a",
+  600: "#dc4035",
+  700: "#ac3229",
+  800: "#852720",
+  900: "#661d18"
+};
+const orange = {
+  50: "#fff4ef",
+  100: "#ffddce",
+  200: "#ffccb7",
+  300: "#ffb596",
+  400: "#ffa781",
+  500: "#ff9162",
+  600: "#e88459",
+  700: "#b56746",
+  800: "#8c5036",
+  900: "#6b3d29"
+};
+const yellow = {
+  50: "#fefbec",
+  100: "#fdf1c5",
+  200: "#fbeba9",
+  300: "#fae281",
+  400: "#f9dc69",
+  500: "#f7d343",
+  600: "#e1c03d",
+  700: "#af9630",
+  800: "#887425",
+  900: "#68591c"
+};
+const green = {
+  50: "#e9f8ef",
+  100: "#bbe9cc",
+  200: "#9adeb4",
+  300: "#6ccf92",
+  400: "#4fc67d",
+  500: "#23b85c",
+  600: "#20a754",
+  700: "#198341",
+  800: "#136533",
+  900: "#0f4d27"
+};
+const teal = {
+  50: "#eff9fc",
+  100: "#cdedf5",
+  200: "#b5e4f0",
+  300: "#94d7e9",
+  400: "#7fd0e5",
+  500: "#5fc4de",
+  600: "#56b2ea",
+  700: "#438b9e",
+  800: "#346c78",
+  900: "#28525d"
+};
+const blue = {
+  50: "#ebf8ff",
+  100: "#bee3f8",
+  200: "#90cdf4",
+  300: "#63b3ed",
+  400: "#4299e1",
+  500: "#3182ce",
+  600: "#2b6cb0",
+  700: "#2c5282",
+  800: "#2a4365",
+  900: "#1a365d"
+};
+const cyan = {
+  50: "#edfdfd",
+  100: "#c4f1f9",
+  200: "#9decf9",
+  300: "#76e4f7",
+  400: "#0bc5ea",
+  500: "#00b5d8",
+  600: "#00a3c4",
+  700: "#0987a0",
+  800: "#086f83",
+  900: "#065666"
+};
+const purple = {
+  50: "#faf5ff",
+  100: "#e9d8fd",
+  200: "#d6bcfa",
+  300: "#b794f4",
+  400: "#9f7aea",
+  500: "#805ad5",
+  600: "#6b46c1",
+  700: "#553c9a",
+  800: "#44337a",
+  900: "#322659"
+};
+const pink = {
+  50: "#fff5f7",
+  100: "#fed7e2",
+  200: "#fbb6ce",
+  300: "#f687b3",
+  400: "#ed64a6",
+  500: "#d53f8c",
+  600: "#b83280",
+  700: "#97266d",
+  800: "#702459",
+  900: "#521b41"
+};
+const backgroundColor = {
+  main: "#ffffff",
+  secondary: "#fafafa",
+  tertiary: "#f4f4f5",
+  quaternary: "#e4e4e7",
+  light: "#ffffff",
+  medium: "#f4f4f5",
+  accent: "#e4e4e7",
+  subtle: "#fafafa",
+  muted: "#f4f4f5",
+  neutral: "#f4f4f5",
+  base: "#fafafa",
+  tableHeader: "#f4f4f5"
+};
+
+// background[50] is the elevated-surface token and must BE the literal canvas colour (#ffffff),
+// so `bg.surface` resolves through a token, never a hardcoded "white".
+const background = {
+  50: "#ffffff",
+  100: "#fafafa",
+  200: "#f4f4f5",
+  300: "#e4e4e7",
+  400: "#d4d4d8",
+  500: "#a1a1aa",
+  600: "#71717a",
+  700: "#52525b",
+  800: "#3f3f46",
+  900: "#27272a"
+};
+const text = {
+  50: "#a1a1aa",
+  100: "#71717a",
+  200: "#52525b",
+  300: "#3f3f46",
+  400: "#27272a",
+  500: "#18181b",
+  600: "#141417",
+  700: "#101013",
+  800: "#0c0c0e",
+  900: "#09090b"
+};
+const header = {
+  50: "#71717a",
+  100: "#52525b",
+  200: "#3f3f46",
+  300: "#27272a",
+  400: "#1f1f22",
+  500: "#18181b",
+  600: "#121215",
+  700: "#0e0e11",
+  800: "#0b0b0d",
+  900: "#09090b"
+};
+const placeholder = {
+  50: "#d4d4d8",
+  100: "#a1a1aa",
+  200: "#8a8a93",
+  300: "#71717a",
+  400: "#63636b",
+  500: "#52525b",
+  600: "#47474e",
+  700: "#3f3f46",
+  800: "#27272a",
+  900: "#18181b"
+};
+const boxShadow = {
+  primary: buildPrimaryShadowTint(PRIMARY_500),
+  error: "#F2463A47",
+  default: "#00000033"
+};
+const sidebar = {
+  background: {
+    50: "#d4d4d8",
+    100: "#a1a1aa",
+    200: "#71717a",
+    300: "#52525b",
+    400: "#3f3f46",
+    500: "#18181b",
+    600: "#141417",
+    700: "#101013",
+    800: "#0c0c0e",
+    900: "#09090b"
+  }
+};
+const boxborder = {
+  50: "#fafafa",
+  100: "#f4f4f5",
+  200: "#e4e4e7",
+  300: "#d4d4d8",
+  400: "#c4c4c9",
+  500: "#a1a1aa",
+  600: "#8a8a93",
+  700: "#71717a",
+  800: "#52525b",
+  900: "#3f3f46"
+};
+
+// border[200] = decorative (#e4e4e7); border[500] = interactive input outline (#8a8a93, 3.42:1 on
+// canvas — a 1px control outline is a UI component under WCAG 1.4.11 and needs 3:1, not 4.5:1).
+const border = {
+  50: "#fafafa",
+  100: "#f4f4f5",
+  200: "#e4e4e7",
+  300: "#d4d4d8",
+  400: "#b4b4bb",
+  500: "#8a8a93",
+  600: "#71717a",
+  700: "#52525b",
+  800: "#3f3f46",
+  900: "#27272a"
+};
+const table = {
+  hover: {
+    50: "#fcfcfc",
+    100: "#fafafa",
+    200: "#f4f4f5",
+    300: "#efeff0",
+    400: "#e9e9eb",
+    500: "#e4e4e7",
+    600: "#d4d4d8",
+    700: "#a1a1aa",
+    800: "#78787f",
+    900: "#5a5a60"
+  }
+};
+const disabled = {
+  50: "#fafafa",
+  100: "#f4f4f5",
+  200: "#e4e4e7",
+  300: "#d4d4d8",
+  400: "#c4c4c9",
+  500: "#a1a1aa",
+  600: "#8a8a93",
+  700: "#71717a",
+  800: "#52525b",
+  900: "#3f3f46"
+};
+const gradient = {
+  from: "#18181b",
+  to: "#52525b"
+};
+const palette = {
+  gradient,
+  primary,
+  secondary,
+  tertiary: {
+    ...secondary
+  },
+  transparent: "transparent",
+  black: "#000",
+  white: "#fff",
+  semantic,
+  gray,
+  red,
+  orange,
+  yellow,
+  green,
+  teal,
+  blue,
+  cyan,
+  purple,
+  pink,
+  backgroundColor,
+  background,
+  text,
+  header,
+  placeholder,
+  boxShadow,
+  sidebar,
+  boxborder,
+  border,
+  table,
+  disabled
+};
+export default palette;
+//# sourceMappingURL=palette.light.js.map

package/lib/module/theme/tokens/brands/zinc/palette.light.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buildPrimaryOpacity","buildPrimaryShadowTint","PRIMARY_500","SECONDARY_500","primary","opacity","secondary","semantic","success","error","warning","info","gray","red","orange","yellow","green","teal","blue","cyan","purple","pink","backgroundColor","main","tertiary","quaternary","light","medium","accent","subtle","muted","neutral","base","tableHeader","background","text","header","placeholder","boxShadow","default","sidebar","boxborder","border","table","hover","disabled","gradient","from","to","palette","transparent","black","white"],"sourceRoot":"../../../../../../src","sources":["theme/tokens/brands/zinc/palette.light.ts"],"mappings":";;AACA,SAASA,mBAAmB,EAAEC,sBAAsB,QAAQ,oCAAiC;;AAE7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,WAAW,GAAG,SAAS;AAC7B,MAAMC,aAAa,GAAG,SAAS;AAE/B,MAAMC,OAAO,GAAG;EACd,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAEF,WAAW;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAChFG,OAAO,EAAEL,mBAAmB,CAACE,WAAW;AAC1C,CAAC;AAED,MAAMI,SAAS,GAAG;EAChB,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAEH,aAAa;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAClFE,OAAO,EAAEL,mBAAmB,CAACG,aAAa;AAC5C,CAAC;;AAED;AACA,MAAMI,QAAQ,GAAG;EACfC,OAAO,EAAE;IACP,EAAE,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAC7E,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE;EACvE,CAAC;EACDC,KAAK,EAAE;IACL,EAAE,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAC7E,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE;EACvE,CAAC;EACDC,OAAO,EAAE;IACP,EAAE,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAC7E,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE;EACvE,CAAC;EACDC,IAAI,EAAE;IACJ,EAAE,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAC7E,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE;EACvE;AACF,CAAC;AAED,MAAMC,IAAI,GAAG;EACX,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;;AAED;AACA,MAAMC,GAAG,GAAG;EACV,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AACD,MAAMC,MAAM,GAAG;EACb,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AACD,MAAMC,MAAM,GAAG;EACb,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AACD,MAAMC,KAAK,GAAG;EACZ,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AACD,MAAMC,IAAI,GAAG;EACX,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AACD,MAAMC,IAAI,GAAG;EACX,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AACD,MAAMC,IAAI,GAAG;EACX,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AACD,MAAMC,MAAM,GAAG;EACb,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AACD,MAAMC,IAAI,GAAG;EACX,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AAED,MAAMC,eAAe,GAAG;EACtBC,IAAI,EAAE,SAAS;EACfjB,SAAS,EAAE,SAAS;EACpBkB,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,SAAS;EACrBC,KAAK,EAAE,SAAS;EAChBC,MAAM,EAAE,SAAS;EACjBC,MAAM,EAAE,SAAS;EACjBC,MAAM,EAAE,SAAS;EACjBC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,WAAW,EAAE;AACf,CAAC;;AAED;AACA;AACA,MAAMC,UAAU,GAAG;EACjB,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AAED,MAAMC,IAAI,GAAG;EACX,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AAED,MAAMC,MAAM,GAAG;EACb,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AAED,MAAMC,WAAW,GAAG;EAClB,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBlC,OAAO,EAAEH,sBAAsB,CAACC,WAAW,CAAC;EAC5CO,KAAK,EAAE,WAAW;EAClB8B,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,OAAO,GAAG;EACdN,UAAU,EAAE;IACV,EAAE,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAC7E,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE;EACvE;AACF,CAAC;AAED,MAAMO,SAAS,GAAG;EAChB,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;;AAED;AACA;AACA,MAAMC,MAAM,GAAG;EACb,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AAED,MAAMC,KAAK,GAAG;EACZC,KAAK,EAAE;IACL,EAAE,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAC7E,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE,SAAS;IAAE,GAAG,EAAE;EACvE;AACF,CAAC;AAED,MAAMC,QAAQ,GAAG;EACf,EAAE,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAC7E,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE,SAAS;EAAE,GAAG,EAAE;AACvE,CAAC;AAED,MAAMC,QAAQ,GAAG;EAAEC,IAAI,EAAE,SAAS;EAAEC,EAAE,EAAE;AAAU,CAAC;AAEnD,MAAMC,OAAqB,GAAG;EAC5BH,QAAQ;EACR1C,OAAO;EACPE,SAAS;EACTkB,QAAQ,EAAE;IAAE,GAAGlB;EAAU,CAAC;EAC1B4C,WAAW,EAAE,aAAa;EAC1BC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACb7C,QAAQ;EACRK,IAAI;EACJC,GAAG;EACHC,MAAM;EACNC,MAAM;EACNC,KAAK;EACLC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,MAAM;EACNC,IAAI;EACJC,eAAe;EACfY,UAAU;EACVC,IAAI;EACJC,MAAM;EACNC,WAAW;EACXC,SAAS;EACTE,OAAO;EACPC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLE;AACF,CAAC;AAED,eAAeI,OAAO","ignoreList":[]}

package/lib/module/theme/tokens/builders/accentText.js

@@ -0,0 +1,66 @@
+"use strict";
+
+/**
+ * Derives the label colour that sits on a filled accent, instead of hardcoding one.
+ *
+ * Web hardcodes a white label on `primary[500]`, which measures below 4.5:1 on radiant
+ * (#cf4e3a, 4.37), rosewood (#d16a7e, 3.46) and emerald (#0f9d8a, 3.38) — so those three ship
+ * an inaccessible button. Nothing here is brand-aware: a new brand is fixed by the same walk
+ * that fixes those, rather than shipping broken until someone notices.
+ */
+
+import { AA_TEXT, contrastRatio } from "./color.js";
+
+/** The two candidate labels. Near-white and near-black, not #fff/#000 — the shadcn look. */
+export const ON_ACCENT_LIGHT = "#fafafa";
+export const ON_ACCENT_DARK = "#18181b";
+
+/**
+ * Rungs a filled accent may walk, in order. Walking past 700 would drift too far from the
+ * brand's anchor to still read as that brand.
+ */
+export const FILLED_RUNGS = [500, 600, 700];
+/** The candidate label with more contrast against `fill`. */
+export function pickOnAccent(fill) {
+  return contrastRatio(fill, ON_ACCENT_LIGHT) >= contrastRatio(fill, ON_ACCENT_DARK) ? ON_ACCENT_LIGHT : ON_ACCENT_DARK;
+}
+
+/**
+ * First rung whose better label clears AA, walking 500 → 600 → 700.
+ *
+ * Applies to every filled accent — primary and the four status fills alike. White measures
+ * below 4.5:1 on all four status fills too (info 2.01, warning 2.22, success 2.60, error 3.68),
+ * so a hardcoded label is wrong there for exactly the same reason.
+ *
+ * Falls back to 500 when no rung clears, with `meetsAA: false`, so the brand is still rendered
+ * and the contrast test is what reports it.
+ */
+export function resolveFilledAccent(ramp) {
+  for (const rung of FILLED_RUNGS) {
+    const fill = ramp[rung];
+    const label = pickOnAccent(fill);
+    const ratio = contrastRatio(fill, label);
+    if (ratio >= AA_TEXT) return {
+      rung,
+      fill,
+      label,
+      ratio,
+      meetsAA: true
+    };
+  }
+  const fill = ramp[500];
+  const label = pickOnAccent(fill);
+  return {
+    rung: 500,
+    fill,
+    label,
+    ratio: contrastRatio(fill, label),
+    meetsAA: false
+  };
+}
+
+/** The rung a brand's filled primary actually lands on. */
+export function filledPrimaryRung(primary) {
+  return resolveFilledAccent(primary).rung;
+}
+//# sourceMappingURL=accentText.js.map