@nadicodeai/ui 12.1.10 → 12.1.12

package/README.md

@@ -2,7 +2,7 @@
 
 nadicode's React components, published as a built package: shadcn components on
 Base UI, the chart kit, the Agent conversation interface, and the product
-compositions the website, the Portal and Nadia share. They build on
+compositions the website, the Portal, Nadia and Alveare share. They build on
 `@nadicodeai/design-system`, whose `DESIGN.md` is the design system and its only
 design authority.
 

package/dist/eslint/index.js

@@ -19,6 +19,7 @@ import { noPackageComponentRedefinition } from "./rules/no-package-component-red
 import { noPairedSizeUtility } from "./rules/no-paired-size-utility.js";
 import { noRestingSettingsControl } from "./rules/no-resting-settings-control.js";
 import { oneControlHeight } from "./rules/one-control-height.js";
+import { tableColumnWrapsByMeta } from "./rules/table-column-wraps-by-meta.js";
 import { noShadcnAppearanceOverride } from "./rules/no-shadcn-appearance-override.js";
 import { noSubjectDerivedExpectation } from "./rules/no-subject-derived-expectation.js";
 import { noUnpinnedVercelFunctionsImport } from "./rules/no-unpinned-vercel-functions-import.js";
@@ -131,6 +132,7 @@ const plugin = {
     "no-invalid-token-utility": noInvalidTokenUtility,
     "no-token-category-bypass": noTokenCategoryBypass,
     "one-control-height": oneControlHeight,
+    "table-column-wraps-by-meta": tableColumnWrapsByMeta,
     "server-action-discipline": serverActionDiscipline,
     "settings-section-description": settingsSectionDescription,
     "shadcn-composition": shadcnComposition,

package/dist/eslint/rules/table-column-wraps-by-meta.js

@@ -0,0 +1,55 @@
+/*
+ * A table column wraps by its definition, never by its cells. DataTable holds a
+ * fact on one line and gives a column marked `meta: { prose: true }` a floor
+ * and wrapping between words (DESIGN.md, "Tables and missing values"). A cell
+ * that sets its own wrapping gets neither the floor nor the identity's share
+ * of the width, and the table squeezes it until each word takes a line.
+ *
+ * Standard tool checked first: `better-tailwindcss`'s `no-restricted-classes`
+ * judges one class at a time, and `whitespace-normal` is right in a button or a
+ * card. What is wrong is where it is written: inside a column's `cell`, which
+ * this rule reads on the shared className reader.
+ */
+import { openingElementClassUtilities } from "./jsx-class-utility.js";
+
+const WRAPPING = /^(?:.*:)?whitespace-(?:normal|pre-line|pre-wrap)$/;
+
+/** Inside the `cell` renderer of a column definition object. */
+function insideColumnCell(node) {
+  for (let current = node.parent; current; current = current.parent) {
+    if (
+      current.type === "Property" &&
+      !current.computed &&
+      current.key.type === "Identifier" &&
+      current.key.name === "cell"
+    ) {
+      return true;
+    }
+  }
+  return false;
+}
+
+export const tableColumnWrapsByMeta = {
+  meta: {
+    type: "problem",
+    docs: {
+      description: "Disallow a table cell setting its own wrapping; mark the column prose",
+    },
+    schema: [],
+    messages: {
+      cellWraps:
+        '"{{token}}" wraps one cell of a table column. Mark the column `meta: { prose: true }` so DataTable gives it a floor and wraps it between words.',
+    },
+  },
+  create(context) {
+    return {
+      JSXOpeningElement(node) {
+        if (!insideColumnCell(node)) return;
+        for (const token of openingElementClassUtilities(node, context)) {
+          if (WRAPPING.test(token))
+            context.report({ node, messageId: "cellWraps", data: { token } });
+        }
+      },
+    };
+  },
+};

package/dist/internal/agent-orb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EAEb,KAAK,QAAQ,EAId,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,KAAK,aAAa,EAMnB,MAAM,oBAAoB,CAAC;AAE5B,QAAA,MAAM,aAAa;;;;;;;;CAQ0B,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AACtD,kEAAkE;AAClE,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;AAE7D,kDAAkD;AAClD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,cAAc,CAAC;AACxD,+FAA+F;AAC/F,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,CAAC;AA+BlD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAuDpF;AA4FD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,cAAc,CAAC;IACrB;;;OAGG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAClD,CAAC;IAAE,MAAM,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAExF,wBAAgB,aAAa,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,oBAAoB;;sBAIzC,OAAO;qBAAuB,aAAa;EAyJvF"}
+{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EAEb,KAAK,QAAQ,EAId,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,KAAK,aAAa,EAMnB,MAAM,oBAAoB,CAAC;AAE5B,QAAA,MAAM,aAAa;;;;;;;;CAQ0B,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AACtD,kEAAkE;AAClE,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;AAE7D,kDAAkD;AAClD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,cAAc,CAAC;AACxD,+FAA+F;AAC/F,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,CAAC;AA+BlD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAuDpF;AA4FD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,cAAc,CAAC;IACrB;;;OAGG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAClD,CAAC;IAAE,MAAM,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAExF,wBAAgB,aAAa,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,oBAAoB;;sBAIzC,OAAO;qBAAuB,aAAa;EAuKvF"}

package/dist/internal/agent-orb.js

@@ -233,6 +233,17 @@ export function mountAgentOrb(canvas, options) {
         if (running())
             request = requestAnimationFrame(tick);
     }
+    /** WebKit's canvas rejects `color-mix()` in a gradient stop, so a mix is
+     * handed to the canvas as the colour it computes to. */
+    function computedColor(declaration) {
+        const probe = document.createElement("span");
+        probe.hidden = true;
+        probe.style.color = declaration;
+        (canvas.parentElement ?? document.body).append(probe);
+        const resolved = getComputedStyle(probe).color;
+        probe.remove();
+        return resolved || color;
+    }
     function refresh() {
         painted = measure();
         const backing = Math.max(1, Math.round(painted * Math.min(window.devicePixelRatio || 1, 2)));
@@ -241,7 +252,7 @@ export function mountAgentOrb(canvas, options) {
         ratio = backing / painted;
         const appearance = getComputedStyle(canvas);
         color = appearance.color;
-        celebrationColors = ["--nc-chart-5", "--nc-chart-6", "--nc-warning", "--nc-chart-4"].map((token) => `color-mix(in oklch, ${appearance.getPropertyValue(token).trim() || color} 75%, white)`);
+        celebrationColors = ["--nc-chart-5", "--nc-chart-6", "--nc-warning", "--nc-chart-4"].map((token) => computedColor(`color-mix(in oklch, ${appearance.getPropertyValue(token).trim() || color} 75%, white)`));
         stripeColors = nadiaStripes.map((token) => (token && appearance.getPropertyValue(token).trim()) || color);
         play();
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "12.1.10",
+  "version": "12.1.12",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -71,7 +71,7 @@
     "@assistant-ui/react": "0.15.21",
     "@assistant-ui/react-markdown": "0.14.16",
     "@base-ui/react": "^1.8.0",
-    "@nadicodeai/design-system": "12.1.10",
+    "@nadicodeai/design-system": "12.1.12",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",