@astryxdesign/theme-neutral 0.4.7 → 0.5.0-canary.009bcb3

package/dist/icons.mjs

@@ -1,6 +1,69 @@
+// src/icons.tsx
 import {
-  neutralIconRegistry
-} from "./chunk-5EOEL66W.mjs";
+  X,
+  ChevronDown,
+  ChevronLeft,
+  ChevronRight,
+  ChevronsLeft,
+  ChevronsRight,
+  Check,
+  CheckCircle,
+  XCircle,
+  AlertTriangle,
+  Info,
+  Calendar,
+  Clock,
+  ExternalLink,
+  Menu,
+  MoreHorizontal,
+  Search,
+  ArrowUp,
+  ArrowDown,
+  ArrowUpDown,
+  Filter,
+  EyeOff,
+  Columns,
+  Copy,
+  CheckCheck,
+  Wrench,
+  Square,
+  Mic
+} from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var iconProps = {
+  size: "1em",
+  "aria-hidden": true
+};
+var neutralIconRegistry = {
+  close: /* @__PURE__ */ jsx(X, { ...iconProps }),
+  chevronDown: /* @__PURE__ */ jsx(ChevronDown, { ...iconProps }),
+  chevronLeft: /* @__PURE__ */ jsx(ChevronLeft, { ...iconProps }),
+  chevronRight: /* @__PURE__ */ jsx(ChevronRight, { ...iconProps }),
+  chevronsLeft: /* @__PURE__ */ jsx(ChevronsLeft, { ...iconProps }),
+  chevronsRight: /* @__PURE__ */ jsx(ChevronsRight, { ...iconProps }),
+  check: /* @__PURE__ */ jsx(Check, { ...iconProps }),
+  success: /* @__PURE__ */ jsx(CheckCircle, { ...iconProps }),
+  error: /* @__PURE__ */ jsx(XCircle, { ...iconProps }),
+  warning: /* @__PURE__ */ jsx(AlertTriangle, { ...iconProps }),
+  info: /* @__PURE__ */ jsx(Info, { ...iconProps }),
+  calendar: /* @__PURE__ */ jsx(Calendar, { ...iconProps }),
+  clock: /* @__PURE__ */ jsx(Clock, { ...iconProps }),
+  externalLink: /* @__PURE__ */ jsx(ExternalLink, { ...iconProps }),
+  menu: /* @__PURE__ */ jsx(Menu, { ...iconProps }),
+  moreHorizontal: /* @__PURE__ */ jsx(MoreHorizontal, { ...iconProps }),
+  search: /* @__PURE__ */ jsx(Search, { ...iconProps }),
+  arrowUp: /* @__PURE__ */ jsx(ArrowUp, { ...iconProps }),
+  arrowDown: /* @__PURE__ */ jsx(ArrowDown, { ...iconProps }),
+  arrowsUpDown: /* @__PURE__ */ jsx(ArrowUpDown, { ...iconProps }),
+  funnel: /* @__PURE__ */ jsx(Filter, { ...iconProps }),
+  eyeSlash: /* @__PURE__ */ jsx(EyeOff, { ...iconProps }),
+  viewColumns: /* @__PURE__ */ jsx(Columns, { ...iconProps }),
+  copy: /* @__PURE__ */ jsx(Copy, { ...iconProps }),
+  checkDouble: /* @__PURE__ */ jsx(CheckCheck, { ...iconProps }),
+  wrench: /* @__PURE__ */ jsx(Wrench, { ...iconProps }),
+  stop: /* @__PURE__ */ jsx(Square, { ...iconProps }),
+  microphone: /* @__PURE__ */ jsx(Mic, { ...iconProps })
+};
 export {
   neutralIconRegistry
 };

package/dist/neutral.d.ts

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/neutralTheme.ts
  * Command: astryx theme build src/neutralTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.4.7
- * Core: @astryxdesign/core@0.4.7
+ * CLI: @astryxdesign/cli@0.5.0
+ * Core: @astryxdesign/core@0.5.0
  */
 
 /// <reference path="./neutral.variants.d.ts" />

package/dist/neutral.js

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/neutralTheme.ts
  * Command: astryx theme build src/neutralTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.4.7
- * Core: @astryxdesign/core@0.4.7
+ * CLI: @astryxdesign/cli@0.5.0
+ * Core: @astryxdesign/core@0.5.0
  */
 
 import { neutralIconRegistry } from "./icons.mjs";
@@ -96,7 +96,7 @@ export const neutralTheme = {
     "--color-syntax-tag": "light-dark(#89001a, #ffaeaa)",
     "--color-syntax-attribute": "light-dark(#584400, #eec12f)",
     "--color-syntax-property": "light-dark(#005348, #83dac9)",
-    "--color-syntax-punctuation": "light-dark(#a3a3a3, #525252)",
+    "--color-syntax-punctuation": "light-dark(#6e6e6e, #a0a0a0)",
     "--color-syntax-background": "light-dark(#fafafa, #0a0a0a)",
     "--color-background-surface": "light-dark(#ffffff, #262626)",
     "--color-background-body": "light-dark(#f1f1f1, #1b1b1b)",
@@ -309,7 +309,7 @@ export const neutralTheme = {
         "color": "#171717"
       },
       "variant:error": {
-        "backgroundColor": "light-dark(#e33f4a, #ff705d)",
+        "backgroundColor": "light-dark(#c9303a, #ff705d)",
         "color": "light-dark(#ffffff, #171717)"
       },
       "variant:red": {
@@ -361,7 +361,7 @@ export const neutralTheme = {
         "backgroundColor": "#ffce2f"
       },
       "variant:error": {
-        "backgroundColor": "light-dark(#e33f4a, #ff705d)"
+        "backgroundColor": "light-dark(#c9303a, #ff705d)"
       },
       "variant:accent": {
         "backgroundColor": "light-dark(#0074e2, #6d9cfe)"
@@ -409,7 +409,7 @@ export const neutralTheme = {
         "--color-warning": "#ffce2f"
       },
       "variant:error": {
-        "--color-error": "#e33f4a"
+        "--color-error": "#c9303a"
       }
     },
     "card": {

package/dist/neutral.variants.d.ts

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/neutralTheme.ts
  * Command: astryx theme build src/neutralTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.4.7
- * Core: @astryxdesign/core@0.4.7
+ * CLI: @astryxdesign/cli@0.5.0
+ * Core: @astryxdesign/core@0.5.0
  */
 
 // Generated by astryx theme build

package/dist/neutralTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"neutralTheme.d.ts","sourceRoot":"","sources":["../src/neutralTheme.ts"],"names":[],"mappings":"AA0DA,eAAO,MAAM,YAAY,iDAukBvB,CAAC"}
+{"version":3,"file":"neutralTheme.d.ts","sourceRoot":"","sources":["../src/neutralTheme.ts"],"names":[],"mappings":"AA6DA,eAAO,MAAM,YAAY,iDA2kBvB,CAAC"}

package/dist/source.js

@@ -94,8 +94,10 @@ var neutralSyntax = (0, import_theme.defineSyntaxTheme)({
     // yellow
     property: ["#005348", "#83dac9"],
     // teal
-    punctuation: ["#a3a3a3", "#525252"],
-    // neutral
+    // #a3a3a3/#525252 (this pair's own disabled-text tone) failed WCAG AA
+    // against the syntax background: 2.42:1 light, 2.53:1 dark. #5386.
+    punctuation: ["#6e6e6e", "#a0a0a0"],
+    // neutral, 4.89:1 / 7.57:1
     background: ["#fafafa", "#0a0a0a"]
   }
 });
@@ -437,10 +439,14 @@ var neutralTheme = (0, import_theme.defineTheme)({
         color: "#171717"
       },
       "variant:error": {
-        // Light: T55 #e33f4a (palette saturated stop)
+        // Light: T58 #c9303a. The T55 stop #e33f4a pairs with white at only
+        //        4.14:1 — the label is 12px/500, so AA wants 4.5, not the 3:1
+        //        large-text allowance. One tonal step down holds the hue
+        //        (OKLCH H 21.9 -> 22.8, C 0.200 -> 0.189) and reaches 5.29:1.
         // Dark : T60 stop from dark-mode tonal palette of Tailwind red-600
-        //        source #dc2626 (kept on H=27 alarm-red rather than coral)
-        backgroundColor: "light-dark(#e33f4a, #ff705d)",
+        //        source #dc2626 (kept on H=27 alarm-red rather than coral).
+        //        Dark text on it is 6.60:1 and unchanged.
+        backgroundColor: "light-dark(#c9303a, #ff705d)",
         color: "light-dark(#ffffff, #171717)"
       },
       // Categorical — bg + text reference the per-hue tokens, so behavior
@@ -503,7 +509,7 @@ var neutralTheme = (0, import_theme.defineTheme)({
     //
     //   success → badge success bg  (green T45 / dark-ramp T60)
     //   warning → badge warning bg  (yellow T85, same hex both modes)
-    //   error   → badge error bg    (red T55 / dark-ramp T60)
+    //   error   → badge error bg    (red T58 / dark-ramp T60)
     //   accent  → badge info bg     (blue T50 / dark-ramp T60) — the
     //             StatusDot "accent" is the info/attention color, so it
     //             pairs with the info badge rather than --color-accent
@@ -518,7 +524,7 @@ var neutralTheme = (0, import_theme.defineTheme)({
     statusdot: {
       "variant:success": { backgroundColor: "light-dark(#198100, #64af4c)" },
       "variant:warning": { backgroundColor: "#ffce2f" },
-      "variant:error": { backgroundColor: "light-dark(#e33f4a, #ff705d)" },
+      "variant:error": { backgroundColor: "light-dark(#c9303a, #ff705d)" },
       "variant:accent": { backgroundColor: "light-dark(#0074e2, #6d9cfe)" }
     },
     // =========================================================================
@@ -610,8 +616,8 @@ var neutralTheme = (0, import_theme.defineTheme)({
         "--color-warning": "#ffce2f"
       },
       "variant:error": {
-        // Red T55 saturated stop (= variant:error badge bg)
-        "--color-error": "#e33f4a"
+        // Red T58 saturated stop (= variant:error badge bg)
+        "--color-error": "#c9303a"
       }
     },
     // =========================================================================

package/dist/source.mjs

@@ -1,9 +1,74 @@
+// src/neutralTheme.ts
+import { defineTheme, defineSyntaxTheme } from "@astryxdesign/core/theme";
+
+// src/icons.tsx
 import {
-  neutralIconRegistry
-} from "./chunk-5EOEL66W.mjs";
+  X,
+  ChevronDown,
+  ChevronLeft,
+  ChevronRight,
+  ChevronsLeft,
+  ChevronsRight,
+  Check,
+  CheckCircle,
+  XCircle,
+  AlertTriangle,
+  Info,
+  Calendar,
+  Clock,
+  ExternalLink,
+  Menu,
+  MoreHorizontal,
+  Search,
+  ArrowUp,
+  ArrowDown,
+  ArrowUpDown,
+  Filter,
+  EyeOff,
+  Columns,
+  Copy,
+  CheckCheck,
+  Wrench,
+  Square,
+  Mic
+} from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var iconProps = {
+  size: "1em",
+  "aria-hidden": true
+};
+var neutralIconRegistry = {
+  close: /* @__PURE__ */ jsx(X, { ...iconProps }),
+  chevronDown: /* @__PURE__ */ jsx(ChevronDown, { ...iconProps }),
+  chevronLeft: /* @__PURE__ */ jsx(ChevronLeft, { ...iconProps }),
+  chevronRight: /* @__PURE__ */ jsx(ChevronRight, { ...iconProps }),
+  chevronsLeft: /* @__PURE__ */ jsx(ChevronsLeft, { ...iconProps }),
+  chevronsRight: /* @__PURE__ */ jsx(ChevronsRight, { ...iconProps }),
+  check: /* @__PURE__ */ jsx(Check, { ...iconProps }),
+  success: /* @__PURE__ */ jsx(CheckCircle, { ...iconProps }),
+  error: /* @__PURE__ */ jsx(XCircle, { ...iconProps }),
+  warning: /* @__PURE__ */ jsx(AlertTriangle, { ...iconProps }),
+  info: /* @__PURE__ */ jsx(Info, { ...iconProps }),
+  calendar: /* @__PURE__ */ jsx(Calendar, { ...iconProps }),
+  clock: /* @__PURE__ */ jsx(Clock, { ...iconProps }),
+  externalLink: /* @__PURE__ */ jsx(ExternalLink, { ...iconProps }),
+  menu: /* @__PURE__ */ jsx(Menu, { ...iconProps }),
+  moreHorizontal: /* @__PURE__ */ jsx(MoreHorizontal, { ...iconProps }),
+  search: /* @__PURE__ */ jsx(Search, { ...iconProps }),
+  arrowUp: /* @__PURE__ */ jsx(ArrowUp, { ...iconProps }),
+  arrowDown: /* @__PURE__ */ jsx(ArrowDown, { ...iconProps }),
+  arrowsUpDown: /* @__PURE__ */ jsx(ArrowUpDown, { ...iconProps }),
+  funnel: /* @__PURE__ */ jsx(Filter, { ...iconProps }),
+  eyeSlash: /* @__PURE__ */ jsx(EyeOff, { ...iconProps }),
+  viewColumns: /* @__PURE__ */ jsx(Columns, { ...iconProps }),
+  copy: /* @__PURE__ */ jsx(Copy, { ...iconProps }),
+  checkDouble: /* @__PURE__ */ jsx(CheckCheck, { ...iconProps }),
+  wrench: /* @__PURE__ */ jsx(Wrench, { ...iconProps }),
+  stop: /* @__PURE__ */ jsx(Square, { ...iconProps }),
+  microphone: /* @__PURE__ */ jsx(Mic, { ...iconProps })
+};
 
 // src/neutralTheme.ts
-import { defineTheme, defineSyntaxTheme } from "@astryxdesign/core/theme";
 var neutralSyntax = defineSyntaxTheme({
   name: "xds-neutral",
   tokens: {
@@ -31,8 +96,10 @@ var neutralSyntax = defineSyntaxTheme({
     // yellow
     property: ["#005348", "#83dac9"],
     // teal
-    punctuation: ["#a3a3a3", "#525252"],
-    // neutral
+    // #a3a3a3/#525252 (this pair's own disabled-text tone) failed WCAG AA
+    // against the syntax background: 2.42:1 light, 2.53:1 dark. #5386.
+    punctuation: ["#6e6e6e", "#a0a0a0"],
+    // neutral, 4.89:1 / 7.57:1
     background: ["#fafafa", "#0a0a0a"]
   }
 });
@@ -374,10 +441,14 @@ var neutralTheme = defineTheme({
         color: "#171717"
       },
       "variant:error": {
-        // Light: T55 #e33f4a (palette saturated stop)
+        // Light: T58 #c9303a. The T55 stop #e33f4a pairs with white at only
+        //        4.14:1 — the label is 12px/500, so AA wants 4.5, not the 3:1
+        //        large-text allowance. One tonal step down holds the hue
+        //        (OKLCH H 21.9 -> 22.8, C 0.200 -> 0.189) and reaches 5.29:1.
         // Dark : T60 stop from dark-mode tonal palette of Tailwind red-600
-        //        source #dc2626 (kept on H=27 alarm-red rather than coral)
-        backgroundColor: "light-dark(#e33f4a, #ff705d)",
+        //        source #dc2626 (kept on H=27 alarm-red rather than coral).
+        //        Dark text on it is 6.60:1 and unchanged.
+        backgroundColor: "light-dark(#c9303a, #ff705d)",
         color: "light-dark(#ffffff, #171717)"
       },
       // Categorical — bg + text reference the per-hue tokens, so behavior
@@ -440,7 +511,7 @@ var neutralTheme = defineTheme({
     //
     //   success → badge success bg  (green T45 / dark-ramp T60)
     //   warning → badge warning bg  (yellow T85, same hex both modes)
-    //   error   → badge error bg    (red T55 / dark-ramp T60)
+    //   error   → badge error bg    (red T58 / dark-ramp T60)
     //   accent  → badge info bg     (blue T50 / dark-ramp T60) — the
     //             StatusDot "accent" is the info/attention color, so it
     //             pairs with the info badge rather than --color-accent
@@ -455,7 +526,7 @@ var neutralTheme = defineTheme({
     statusdot: {
       "variant:success": { backgroundColor: "light-dark(#198100, #64af4c)" },
       "variant:warning": { backgroundColor: "#ffce2f" },
-      "variant:error": { backgroundColor: "light-dark(#e33f4a, #ff705d)" },
+      "variant:error": { backgroundColor: "light-dark(#c9303a, #ff705d)" },
       "variant:accent": { backgroundColor: "light-dark(#0074e2, #6d9cfe)" }
     },
     // =========================================================================
@@ -547,8 +618,8 @@ var neutralTheme = defineTheme({
         "--color-warning": "#ffce2f"
       },
       "variant:error": {
-        // Red T55 saturated stop (= variant:error badge bg)
-        "--color-error": "#e33f4a"
+        // Red T58 saturated stop (= variant:error badge bg)
+        "--color-error": "#c9303a"
       }
     },
     // =========================================================================

package/dist/theme.css

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/neutralTheme.ts
  * Command: astryx theme build src/neutralTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.4.7
- * Core: @astryxdesign/core@0.4.7
+ * CLI: @astryxdesign/cli@0.5.0
+ * Core: @astryxdesign/core@0.5.0
  */
 
 @layer reset {
@@ -77,6 +77,67 @@
 }
 }
 
+@layer astryx-base {
+:root {
+  --color-data-categorical-blue: light-dark(#0171E3, #0171E3);
+  --color-data-categorical-orange: light-dark(#EB6E00, #EB6E00);
+  --color-data-categorical-purple: light-dark(#6B1EFD, #6B1EFD);
+  --color-data-categorical-green: light-dark(#0B991F, #0B991F);
+  --color-data-categorical-pink: light-dark(#F351C0, #F351C0);
+  --color-data-categorical-cyan: light-dark(#0171A4, #0171A4);
+  --color-data-categorical-red: light-dark(#F5394F, #F5394F);
+  --color-data-categorical-teal: light-dark(#08A3A3, #08A3A3);
+  --color-data-categorical-brown: light-dark(#965E03, #965E03);
+  --color-data-categorical-indigo: light-dark(#6F8AFF, #6F8AFF);
+  --color-data-neutral: light-dark(#8494A3, #8C939B);
+  --color-data-blue-5: light-dark(#02165E, #02165E);
+  --color-data-blue-4: light-dark(#004CBC, #004CBC);
+  --color-data-blue-3: light-dark(#2694FE, #2694FE);
+  --color-data-blue-2: light-dark(#78BEFF, #78BEFF);
+  --color-data-blue-1: light-dark(#DBECFF, #DBECFF);
+  --color-data-shamrock-5: light-dark(#0B603D, #0B603D);
+  --color-data-shamrock-4: light-dark(#138546, #138546);
+  --color-data-shamrock-3: light-dark(#24BB5E, #24BB5E);
+  --color-data-shamrock-2: light-dark(#8EF7AA, #8EF7AA);
+  --color-data-shamrock-1: light-dark(#D6FEE4, #D6FEE4);
+  --color-data-orange-5: light-dark(#A13F04, #A13F04);
+  --color-data-orange-4: light-dark(#D66100, #D66100);
+  --color-data-orange-3: light-dark(#FD9537, #FD9537);
+  --color-data-orange-2: light-dark(#FDB876, #FDB876);
+  --color-data-orange-1: light-dark(#FFE6CF, #FFE6CF);
+  --color-data-pink-5: light-dark(#8E1073, #8E1073);
+  --color-data-pink-4: light-dark(#D123A1, #D123A1);
+  --color-data-pink-3: light-dark(#F989D3, #F989D3);
+  --color-data-pink-2: light-dark(#FEADE3, #FEADE3);
+  --color-data-pink-1: light-dark(#FCE3F4, #FCE3F4);
+  --color-data-purple-5: light-dark(#3E0697, #3E0697);
+  --color-data-purple-4: light-dark(#6B1EFD, #6B1EFD);
+  --color-data-purple-3: light-dark(#9081FF, #9081FF);
+  --color-data-purple-2: light-dark(#B3B0FE, #B3B0FE);
+  --color-data-purple-1: light-dark(#E8E8FB, #E8E8FB);
+  --color-data-red-5: light-dark(#9D0519, #9D0519);
+  --color-data-red-4: light-dark(#D31130, #D31130);
+  --color-data-red-3: light-dark(#FB7D87, #FB7D87);
+  --color-data-red-2: light-dark(#FFB2B8, #FFB2B8);
+  --color-data-red-1: light-dark(#FEE4E6, #FEE4E6);
+  --color-data-teal-5: light-dark(#08767D, #08767D);
+  --color-data-teal-4: light-dark(#0C9293, #0C9293);
+  --color-data-teal-3: light-dark(#0DB7AF, #0DB7AF);
+  --color-data-teal-2: light-dark(#6CE6D8, #6CE6D8);
+  --color-data-teal-1: light-dark(#D7FCF8, #D7FCF8);
+  --color-data-yellow-5: light-dark(#8A5001, #8A5001);
+  --color-data-yellow-4: light-dark(#D69804, #D69804);
+  --color-data-yellow-3: light-dark(#FBCE03, #FBCE03);
+  --color-data-yellow-2: light-dark(#FCEC85, #FCEC85);
+  --color-data-yellow-1: light-dark(#FDF6BA, #FDF6BA);
+  --color-data-gray-5: light-dark(#25363F, #333338);
+  --color-data-gray-4: light-dark(#5D6C7B, #666A72);
+  --color-data-gray-3: light-dark(#AFB9C4, #B2B8BE);
+  --color-data-gray-2: light-dark(#CCD3DB, #D0D3D6);
+  --color-data-gray-1: light-dark(#F1F4F7, #F2F4F6);
+}
+}
+
 @layer astryx-theme {
   :root { color-scheme: light dark; }
   html[data-theme="light"] { color-scheme: light; }
@@ -162,7 +223,7 @@
     --color-syntax-tag: light-dark(#89001a, #ffaeaa);
     --color-syntax-attribute: light-dark(#584400, #eec12f);
     --color-syntax-property: light-dark(#005348, #83dac9);
-    --color-syntax-punctuation: light-dark(#a3a3a3, #525252);
+    --color-syntax-punctuation: light-dark(#6e6e6e, #a0a0a0);
     --color-syntax-background: light-dark(#fafafa, #0a0a0a);
     --color-background-surface: light-dark(#ffffff, #262626);
     --color-background-body: light-dark(#f1f1f1, #1b1b1b);
@@ -390,7 +451,7 @@
   }
 
   .astryx-badge.error {
-    background-color: light-dark(#e33f4a, #ff705d);
+    background-color: light-dark(#c9303a, #ff705d);
     color: light-dark(#ffffff, #171717);
   }
 
@@ -453,7 +514,7 @@
   }
 
   .astryx-statusdot.error {
-    background-color: light-dark(#e33f4a, #ff705d);
+    background-color: light-dark(#c9303a, #ff705d);
   }
 
   .astryx-statusdot.accent {
@@ -506,7 +567,7 @@
   }
 
   .astryx-progressbar.error {
-    --color-error: #e33f4a;
+    --color-error: #c9303a;
   }
 
   .astryx-card {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/theme-neutral",
-  "version": "0.4.7",
+  "version": "0.5.0-canary.009bcb3",
   "displayName": "Neutral Theme",
   "private": false,
   "description": "Restrained warm grays. Minimal and quiet, so the content stays the focus.",
@@ -49,11 +49,11 @@
     "lucide-react": "^1.18.0"
   },
   "peerDependencies": {
-    "@astryxdesign/core": "0.4.7",
+    "@astryxdesign/core": "0.5.0-canary.009bcb3",
     "react": ">=19"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "0.4.7",
+    "@astryxdesign/cli": "0.5.0-canary.009bcb3",
     "rimraf": "^6.0.1"
   },
   "module": "./dist/source.mjs",

package/src/neutralTheme.ts

@@ -24,7 +24,8 @@
  *   icon   = T30         / T80
  *   text   = T30         / T80
  *
- * All 9 saturated badge values pass WCAG AA (5.6–9.6 contrast range).
+ * All 9 saturated badge values pass WCAG AA against their label (>= 4.5:1);
+ * `scripts/check-badge-contrast.test.mjs` holds every theme to that.
  *
  * Only overrides tokens that differ from the defaults.
  */
@@ -51,7 +52,9 @@ const neutralSyntax = defineSyntaxTheme({
     tag: ['#89001a', '#ffaeaa'], // red
     attribute: ['#584400', '#eec12f'], // yellow
     property: ['#005348', '#83dac9'], // teal
-    punctuation: ['#a3a3a3', '#525252'], // neutral
+    // #a3a3a3/#525252 (this pair's own disabled-text tone) failed WCAG AA
+    // against the syntax background: 2.42:1 light, 2.53:1 dark. #5386.
+    punctuation: ['#6e6e6e', '#a0a0a0'], // neutral, 4.89:1 / 7.57:1
     background: ['#fafafa', '#0a0a0a'],
   },
 });
@@ -432,10 +435,14 @@ export const neutralTheme = defineTheme({
         color: '#171717',
       },
       'variant:error': {
-        // Light: T55 #e33f4a (palette saturated stop)
+        // Light: T58 #c9303a. The T55 stop #e33f4a pairs with white at only
+        //        4.14:1 — the label is 12px/500, so AA wants 4.5, not the 3:1
+        //        large-text allowance. One tonal step down holds the hue
+        //        (OKLCH H 21.9 -> 22.8, C 0.200 -> 0.189) and reaches 5.29:1.
         // Dark : T60 stop from dark-mode tonal palette of Tailwind red-600
-        //        source #dc2626 (kept on H=27 alarm-red rather than coral)
-        backgroundColor: 'light-dark(#e33f4a, #ff705d)',
+        //        source #dc2626 (kept on H=27 alarm-red rather than coral).
+        //        Dark text on it is 6.60:1 and unchanged.
+        backgroundColor: 'light-dark(#c9303a, #ff705d)',
         color: 'light-dark(#ffffff, #171717)',
       },
 
@@ -500,7 +507,7 @@ export const neutralTheme = defineTheme({
     //
     //   success → badge success bg  (green T45 / dark-ramp T60)
     //   warning → badge warning bg  (yellow T85, same hex both modes)
-    //   error   → badge error bg    (red T55 / dark-ramp T60)
+    //   error   → badge error bg    (red T58 / dark-ramp T60)
     //   accent  → badge info bg     (blue T50 / dark-ramp T60) — the
     //             StatusDot "accent" is the info/attention color, so it
     //             pairs with the info badge rather than --color-accent
@@ -515,7 +522,7 @@ export const neutralTheme = defineTheme({
     statusdot: {
       'variant:success': {backgroundColor: 'light-dark(#198100, #64af4c)'},
       'variant:warning': {backgroundColor: '#ffce2f'},
-      'variant:error': {backgroundColor: 'light-dark(#e33f4a, #ff705d)'},
+      'variant:error': {backgroundColor: 'light-dark(#c9303a, #ff705d)'},
       'variant:accent': {backgroundColor: 'light-dark(#0074e2, #6d9cfe)'},
     },
 
@@ -611,8 +618,8 @@ export const neutralTheme = defineTheme({
         '--color-warning': '#ffce2f',
       },
       'variant:error': {
-        // Red T55 saturated stop (= variant:error badge bg)
-        '--color-error': '#e33f4a',
+        // Red T58 saturated stop (= variant:error badge bg)
+        '--color-error': '#c9303a',
       },
     },
 

package/dist/chunk-5EOEL66W.mjs

@@ -1,70 +0,0 @@
-// src/icons.tsx
-import {
-  X,
-  ChevronDown,
-  ChevronLeft,
-  ChevronRight,
-  ChevronsLeft,
-  ChevronsRight,
-  Check,
-  CheckCircle,
-  XCircle,
-  AlertTriangle,
-  Info,
-  Calendar,
-  Clock,
-  ExternalLink,
-  Menu,
-  MoreHorizontal,
-  Search,
-  ArrowUp,
-  ArrowDown,
-  ArrowUpDown,
-  Filter,
-  EyeOff,
-  Columns,
-  Copy,
-  CheckCheck,
-  Wrench,
-  Square,
-  Mic
-} from "lucide-react";
-import { jsx } from "react/jsx-runtime";
-var iconProps = {
-  size: "1em",
-  "aria-hidden": true
-};
-var neutralIconRegistry = {
-  close: /* @__PURE__ */ jsx(X, { ...iconProps }),
-  chevronDown: /* @__PURE__ */ jsx(ChevronDown, { ...iconProps }),
-  chevronLeft: /* @__PURE__ */ jsx(ChevronLeft, { ...iconProps }),
-  chevronRight: /* @__PURE__ */ jsx(ChevronRight, { ...iconProps }),
-  chevronsLeft: /* @__PURE__ */ jsx(ChevronsLeft, { ...iconProps }),
-  chevronsRight: /* @__PURE__ */ jsx(ChevronsRight, { ...iconProps }),
-  check: /* @__PURE__ */ jsx(Check, { ...iconProps }),
-  success: /* @__PURE__ */ jsx(CheckCircle, { ...iconProps }),
-  error: /* @__PURE__ */ jsx(XCircle, { ...iconProps }),
-  warning: /* @__PURE__ */ jsx(AlertTriangle, { ...iconProps }),
-  info: /* @__PURE__ */ jsx(Info, { ...iconProps }),
-  calendar: /* @__PURE__ */ jsx(Calendar, { ...iconProps }),
-  clock: /* @__PURE__ */ jsx(Clock, { ...iconProps }),
-  externalLink: /* @__PURE__ */ jsx(ExternalLink, { ...iconProps }),
-  menu: /* @__PURE__ */ jsx(Menu, { ...iconProps }),
-  moreHorizontal: /* @__PURE__ */ jsx(MoreHorizontal, { ...iconProps }),
-  search: /* @__PURE__ */ jsx(Search, { ...iconProps }),
-  arrowUp: /* @__PURE__ */ jsx(ArrowUp, { ...iconProps }),
-  arrowDown: /* @__PURE__ */ jsx(ArrowDown, { ...iconProps }),
-  arrowsUpDown: /* @__PURE__ */ jsx(ArrowUpDown, { ...iconProps }),
-  funnel: /* @__PURE__ */ jsx(Filter, { ...iconProps }),
-  eyeSlash: /* @__PURE__ */ jsx(EyeOff, { ...iconProps }),
-  viewColumns: /* @__PURE__ */ jsx(Columns, { ...iconProps }),
-  copy: /* @__PURE__ */ jsx(Copy, { ...iconProps }),
-  checkDouble: /* @__PURE__ */ jsx(CheckCheck, { ...iconProps }),
-  wrench: /* @__PURE__ */ jsx(Wrench, { ...iconProps }),
-  stop: /* @__PURE__ */ jsx(Square, { ...iconProps }),
-  microphone: /* @__PURE__ */ jsx(Mic, { ...iconProps })
-};
-
-export {
-  neutralIconRegistry
-};

package/dist/icons.js

@@ -1,65 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/icons.tsx
-var icons_exports = {};
-__export(icons_exports, {
-  neutralIconRegistry: () => neutralIconRegistry
-});
-module.exports = __toCommonJS(icons_exports);
-var import_lucide_react = require("lucide-react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var iconProps = {
-  size: "1em",
-  "aria-hidden": true
-};
-var neutralIconRegistry = {
-  close: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { ...iconProps }),
-  chevronDown: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { ...iconProps }),
-  chevronLeft: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { ...iconProps }),
-  chevronRight: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { ...iconProps }),
-  chevronsLeft: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronsLeft, { ...iconProps }),
-  chevronsRight: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronsRight, { ...iconProps }),
-  check: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { ...iconProps }),
-  success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle, { ...iconProps }),
-  error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XCircle, { ...iconProps }),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlertTriangle, { ...iconProps }),
-  info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Info, { ...iconProps }),
-  calendar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Calendar, { ...iconProps }),
-  clock: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Clock, { ...iconProps }),
-  externalLink: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ExternalLink, { ...iconProps }),
-  menu: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Menu, { ...iconProps }),
-  moreHorizontal: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MoreHorizontal, { ...iconProps }),
-  search: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Search, { ...iconProps }),
-  arrowUp: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowUp, { ...iconProps }),
-  arrowDown: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowDown, { ...iconProps }),
-  arrowsUpDown: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowUpDown, { ...iconProps }),
-  funnel: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Filter, { ...iconProps }),
-  eyeSlash: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.EyeOff, { ...iconProps }),
-  viewColumns: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Columns, { ...iconProps }),
-  copy: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Copy, { ...iconProps }),
-  checkDouble: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCheck, { ...iconProps }),
-  wrench: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Wrench, { ...iconProps }),
-  stop: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Square, { ...iconProps }),
-  microphone: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Mic, { ...iconProps })
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  neutralIconRegistry
-});