@api7/ui-components 0.5.0 → 0.6.0

package/dist/tokens/contrast.d.ts

@@ -1,6 +1,5 @@
 import { Palette } from "./types.js";
 import { SemanticMap } from "./semantic.js";
-//#region src/tokens/contrast.d.ts
 export declare const AA = 4.5;
 export interface ContrastPair {
   name: string;
@@ -9,5 +8,4 @@ export interface ContrastPair {
   ratio: number;
 }
 export declare function semanticPairs(map: SemanticMap): ContrastPair[];
-export declare function badgePairs(theme?: 'light' | 'dark', p?: Palette): ContrastPair[];
-//#endregion
+export declare function badgePairs(theme?: 'light' | 'dark', p?: Palette): ContrastPair[];

package/dist/tokens/contrast.js

@@ -2,7 +2,7 @@ import { FAMILIES } from "./types.js";
 import { palette } from "./palette.js";
 import { resolveRef } from "./semantic.js";
 import { wcagContrast } from "culori";
-//#region src/tokens/contrast.ts
+// src/tokens/contrast.ts
 const AA = 4.5;
 const TEXT_TOKENS = [
 	"foreground",
@@ -75,5 +75,4 @@ function badgePairs(theme = "light", p = palette) {
 	const { background, foreground } = BADGE_STEPS[theme];
 	return FAMILIES.map((family) => pair(`badge ${family}`, p[family][foreground], p[family][background]));
 }
-//#endregion
 export { AA, BADGE_STEPS, SURFACE_TOKENS, TEXT_TOKENS, badgePairs, semanticPairs };

package/dist/tokens/palette.d.ts

@@ -1,5 +1,3 @@
 import { FAMILIES, Family, Palette, STEPS, Step } from "./types.js";
-//#region src/tokens/palette.d.ts
 export declare const palette: Palette;
-//#endregion
 export { FAMILIES, type Family, type Palette, STEPS, type Step };

package/dist/tokens/palette.js

@@ -1,6 +1,6 @@
 import { FAMILIES, STEPS } from "./types.js";
 import { buildPalette } from "./scale.js";
-//#region src/tokens/palette.ts
+// src/tokens/palette.ts
 const ANCHORS = {
 	gray: {
 		50: "#FCFCFC",
@@ -93,5 +93,4 @@ const ANCHORS = {
 	}
 };
 const palette = buildPalette(ANCHORS);
-//#endregion
 export { ANCHORS, FAMILIES, STEPS, palette };

package/dist/tokens/scale.js

@@ -1,6 +1,6 @@
 import { STEPS } from "./types.js";
 import { clampChroma, formatHex, oklch, parse } from "culori";
-//#region src/tokens/scale.ts
+// src/tokens/scale.ts
 const LIGHTEST_MIN = .975;
 const LIGHTEST_MAX = .995;
 const DARKEST_MAX = .22;
@@ -94,5 +94,4 @@ function buildScale(anchors) {
 function buildPalette(anchors) {
 	return Object.fromEntries(Object.entries(anchors).map(([family, set]) => [family, buildScale(set)]));
 }
-//#endregion
 export { buildPalette, buildScale };

package/dist/tokens/semantic.d.ts

@@ -1,5 +1,4 @@
 import { Family, Step } from "./types.js";
-//#region src/tokens/semantic.d.ts
 type OpaqueRef = 'white' | 'black' | `${Family}-${Step}`;
 export type ColorRef = OpaqueRef | `${OpaqueRef}/${number}`;
 export declare const SEMANTIC_TOKENS: readonly ["background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "primary", "primary-hover", "primary-foreground", "primary-text", "secondary", "secondary-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "destructive", "destructive-hover", "destructive-foreground", "destructive-text", "destructive-subtle", "success", "success-foreground", "success-subtle", "warning", "warning-foreground", "warning-subtle", "info", "info-foreground", "info-subtle", "border", "input", "ring", "tooltip", "tooltip-foreground", "table-header", "secondary-hover", "accent-hover", "accent-selected", "overlay", "sidebar-accent", "sidebar-indicator"];
@@ -9,5 +8,4 @@ export declare const themes: {
   light: SemanticMap;
   dark: SemanticMap;
 };
-//#endregion
 export {};

package/dist/tokens/semantic.js

@@ -106,5 +106,4 @@ function resolveRef(ref, p = palette) {
 	if (!hex) throw new Error(`Unknown color reference: ${ref}`);
 	return hex;
 }
-//#endregion
 export { resolveRef, themes };

package/dist/tokens/types.d.ts

@@ -1,7 +1,5 @@
-//#region src/tokens/types.d.ts
 export declare const STEPS: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
 export type Step = (typeof STEPS)[number];
 export declare const FAMILIES: readonly ["gray", "slate", "blue", "green", "red", "yellow", "orange", "cyan", "indigo", "purple", "pink"];
 export type Family = (typeof FAMILIES)[number];
-export type Palette = Record<Family, Record<Step, string>>;
-//#endregion
+export type Palette = Record<Family, Record<Step, string>>;

package/dist/tokens/types.js

@@ -1,4 +1,4 @@
-//#region src/tokens/types.ts
+// src/tokens/types.ts
 const STEPS = [
 	50,
 	100,
@@ -25,5 +25,4 @@ const FAMILIES = [
 	"purple",
 	"pink"
 ];
-//#endregion
 export { FAMILIES, STEPS };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@api7/ui-components",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "API7 React component library",
   "type": "module",
   "sideEffects": [
@@ -33,7 +33,7 @@
   "dependencies": {
     "@base-ui/react": "^1.8.0",
     "class-variance-authority": "^0.7.1",
-    "cn": "^0.4.0",
+    "cn": "^0.5.0",
     "culori": "^4.0.2"
   },
   "peerDependencies": {
@@ -60,7 +60,7 @@
     "@tanstack/react-form": "^1.33.5",
     "@tanstack/react-table": "^9.2.4",
     "@types/culori": "^4.0.1",
-    "@types/node": "^24.19.0",
+    "@types/node": "^26.0.0",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",
     "@vitejs/plugin-react": "^6.1.1",
@@ -70,9 +70,9 @@
     "lucide-react": "^1.48.0",
     "playwright": "1.63.0",
     "publint": "^0.3.24",
-    "react": "19.3.0",
+    "react": "19.3.1",
     "react-day-picker": "^10.0.1",
-    "react-dom": "19.3.0",
+    "react-dom": "19.3.1",
     "tailwindcss": "^4.3.3",
     "tsdown": "^0.23.0",
     "typescript": "6.0.3",