@spear-ai/spectral 1.15.0 → 1.15.1

package/dist/utils/activeColorStyle.d.ts

@@ -0,0 +1,11 @@
+'use client';
+import { CSSProperties } from "react";
+
+//#region src/utils/activeColorStyle.d.ts
+type ActiveColorPreset = 'default' | 'accent';
+type ActiveColor = ActiveColorPreset | (string & {});
+type ActiveTextColor = string;
+declare const getActiveColorStyle: (activeColor?: ActiveColor, activeTextColor?: ActiveTextColor) => CSSProperties;
+//#endregion
+export { ActiveColor, ActiveTextColor, getActiveColorStyle };
+//# sourceMappingURL=activeColorStyle.d.ts.map

package/dist/utils/activeColorStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activeColorStyle.d.ts","names":[],"sources":["../../src/utils/activeColorStyle.ts"],"mappings":";;;;KAEK,iBAAA;AAAA,KACO,WAAA,GAAc,iBAAA;AAAA,KACd,eAAA;AAAA,cA4BC,mBAAA,GAAmB,WAAA,GAAkB,WAAA,EAAW,eAAA,GAAoB,eAAA,KAAkB,aAAA"}

package/dist/utils/activeColorStyle.js

@@ -0,0 +1,41 @@
+'use client';
+import "react";
+
+//#region src/utils/activeColorStyle.ts
+const RAW_COLOR_PATTERN = /^(#|rgb|hsl|oklch|oklab|lab|lch|color|var\(|transparent|currentcolor)/i;
+const BASE_COLOR_PATTERN = /^(success|warning|danger|primary|neutral|secondary)-\d+$/;
+const ACTIVE_COLOR_STYLES = {
+	default: {
+		bg: "var(--color-toggle-bg--active-default)",
+		border: "var(--color-toggle-border--active-default)",
+		text: "var(--color-toggle-text--active-default)"
+	},
+	accent: {
+		bg: "var(--color-toggle-bg--active-accent)",
+		border: "var(--color-toggle-border--active-accent)",
+		text: "var(--color-toggle-text--active-accent)"
+	}
+};
+const isActiveColorPreset = (color) => color in ACTIVE_COLOR_STYLES;
+const resolveColor = (color) => {
+	if (RAW_COLOR_PATTERN.test(color)) return color;
+	if (BASE_COLOR_PATTERN.test(color)) return `var(--horizon-color-${color})`;
+	return `var(--color-${color})`;
+};
+const getActiveColorStyle = (activeColor, activeTextColor) => {
+	const colorKey = activeColor ?? "default";
+	const resolvedActiveColor = isActiveColorPreset(colorKey) ? ACTIVE_COLOR_STYLES[colorKey] : {
+		bg: resolveColor(colorKey),
+		border: resolveColor(colorKey),
+		text: ACTIVE_COLOR_STYLES.default.text
+	};
+	return {
+		"--color-toggle-bg--active": resolvedActiveColor.bg,
+		"--color-toggle-border--active": resolvedActiveColor.border,
+		"--color-toggle-text--active": activeTextColor ? resolveColor(activeTextColor) : resolvedActiveColor.text
+	};
+};
+
+//#endregion
+export { getActiveColorStyle };
+//# sourceMappingURL=activeColorStyle.js.map

package/dist/utils/activeColorStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activeColorStyle.js","names":[],"sources":["../../src/utils/activeColorStyle.ts"],"sourcesContent":["import { type CSSProperties } from 'react'\n\ntype ActiveColorPreset = 'default' | 'accent'\nexport type ActiveColor = ActiveColorPreset | (string & {})\nexport type ActiveTextColor = string\n\nconst RAW_COLOR_PATTERN = /^(#|rgb|hsl|oklch|oklab|lab|lch|color|var\\(|transparent|currentcolor)/i\nconst BASE_COLOR_PATTERN = /^(success|warning|danger|primary|neutral|secondary)-\\d+$/\n\nconst ACTIVE_COLOR_STYLES: Record<ActiveColorPreset, { bg: string; border: string; text: string }> = {\n  default: {\n    bg: 'var(--color-toggle-bg--active-default)',\n    border: 'var(--color-toggle-border--active-default)',\n    text: 'var(--color-toggle-text--active-default)',\n  },\n  accent: {\n    bg: 'var(--color-toggle-bg--active-accent)',\n    border: 'var(--color-toggle-border--active-accent)',\n    text: 'var(--color-toggle-text--active-accent)',\n  },\n}\n\nconst isActiveColorPreset = (color: string): color is ActiveColorPreset => color in ACTIVE_COLOR_STYLES\n\nconst resolveColor = (color: string): string => {\n  if (RAW_COLOR_PATTERN.test(color)) return color\n  // Base palette colors use --horizon-color-* (always available, not tree-shaken)\n  if (BASE_COLOR_PATTERN.test(color)) return `var(--horizon-color-${color})`\n  // Semantic tokens use --color-*\n  return `var(--color-${color})`\n}\n\nexport const getActiveColorStyle = (activeColor?: ActiveColor, activeTextColor?: ActiveTextColor): CSSProperties => {\n  const colorKey = activeColor ?? 'default'\n  const resolvedActiveColor = isActiveColorPreset(colorKey)\n    ? ACTIVE_COLOR_STYLES[colorKey]\n    : {\n        bg: resolveColor(colorKey),\n        border: resolveColor(colorKey),\n        text: ACTIVE_COLOR_STYLES.default.text,\n      }\n  return {\n    '--color-toggle-bg--active': resolvedActiveColor.bg,\n    '--color-toggle-border--active': resolvedActiveColor.border,\n    '--color-toggle-text--active': activeTextColor ? resolveColor(activeTextColor) : resolvedActiveColor.text,\n  } as CSSProperties\n}\n"],"mappings":";;;;AAMA,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAE3B,MAAM,sBAA+F;CACnG,SAAS;EACP,IAAI;EACJ,QAAQ;EACR,MAAM;EACP;CACD,QAAQ;EACN,IAAI;EACJ,QAAQ;EACR,MAAM;EACP;CACF;AAED,MAAM,uBAAuB,UAA8C,SAAS;AAEpF,MAAM,gBAAgB,UAA0B;AAC9C,KAAI,kBAAkB,KAAK,MAAM,CAAE,QAAO;AAE1C,KAAI,mBAAmB,KAAK,MAAM,CAAE,QAAO,uBAAuB,MAAM;AAExE,QAAO,eAAe,MAAM;;AAG9B,MAAa,uBAAuB,aAA2B,oBAAqD;CAClH,MAAM,WAAW,eAAe;CAChC,MAAM,sBAAsB,oBAAoB,SAAS,GACrD,oBAAoB,YACpB;EACE,IAAI,aAAa,SAAS;EAC1B,QAAQ,aAAa,SAAS;EAC9B,MAAM,oBAAoB,QAAQ;EACnC;AACL,QAAO;EACL,6BAA6B,oBAAoB;EACjD,iCAAiC,oBAAoB;EACrD,+BAA+B,kBAAkB,aAAa,gBAAgB,GAAG,oBAAoB;EACtG"}

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.15.0",
+  "version": "1.15.1",
   "type": "module",
   "private": false,
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/spear-ai/spectral.git"
@@ -77,34 +80,35 @@
     "motion": "^12.38.0",
     "react-day-picker": "^9.14.0",
     "react-remove-scroll": "^2.7.2",
-    "react-router": "^7.14.2",
+    "react-router": "^7.15.0",
     "react-use-measure": "^2.1.7",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7",
     "unicornstudio-react": "^1.5.2",
     "vaul": "^1.1.2",
-    "zod": "^4.3.6"
+    "zod": "^4.4.3"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.2",
     "@changesets/cli": "^2.31.0",
     "@chromatic-com/storybook": "^4.1.3",
     "@github-ui/storybook-addon-performance-panel": "^1.1.4",
-    "@sentry/react": "^10.50.0",
+    "@sentry/react": "^10.52.0",
     "@sentry/vite-plugin": "^4.9.1",
-    "@storybook/addon-docs": "^10.3.5",
-    "@storybook/addon-themes": "^10.3.5",
-    "@storybook/addon-vitest": "^10.3.5",
-    "@storybook/builder-vite": "^10.3.5",
-    "@storybook/react-vite": "^10.3.5",
-    "@tailwindcss/node": "^4.2.4",
-    "@tailwindcss/oxide": "^4.2.4",
-    "@tailwindcss/vite": "^4.2.4",
+    "@storybook/addon-docs": "^10.3.6",
+    "@storybook/addon-mcp": "^0.6.0",
+    "@storybook/addon-themes": "^10.3.6",
+    "@storybook/addon-vitest": "^10.3.6",
+    "@storybook/builder-vite": "^10.3.6",
+    "@storybook/react-vite": "^10.3.6",
+    "@tailwindcss/node": "^4.3.0",
+    "@tailwindcss/oxide": "^4.3.0",
+    "@tailwindcss/vite": "^4.3.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^24.12.2",
+    "@types/node": "^24.12.3",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@typescript/native-preview": "7.0.0-dev.20260430.1",
@@ -116,18 +120,18 @@
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "http-server": "^14.1.1",
     "oxfmt": "^0.43.0",
-    "oxlint": "^1.61.0",
+    "oxlint": "^1.63.0",
     "oxlint-tsgolint": "^0.22.1",
     "playwright": "^1.58.2",
-    "publint": "^0.3.18",
-    "storybook": "^10.3.5",
+    "publint": "^0.3.20",
+    "storybook": "^10.3.6",
     "stylelint": "^16.26.1",
     "stylelint-config-standard": "^39.0.1",
-    "tailwindcss": "^4.2.4",
+    "tailwindcss": "^4.3.0",
     "tinyglobby": "^0.2.16",
     "tsdown": "^0.21.10",
     "typescript": "^5.9.3",
-    "vite": "^8.0.10",
+    "vite": "^8.0.11",
     "vite-bundle-visualizer": "^1.2.1",
     "vitest": "^4.1.5",
     "vitest-browser-react": "^2.2.0"
@@ -147,8 +151,8 @@
     "build:watch": "tsdown --watch --config-loader unrun",
     "validate": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./spectral.css ./horizon-tokens.css",
     "pack:dryrun": "pnpm pack --dry-run",
-    "check": "tsgo --noEmit && pnpm run format && pnpm run lint && pnpm run lint:css",
-    "fix": "pnpm run format:fix && pnpm run lint:fix && pnpm run lint:css:fix",
+    "check": "tsgo --noEmit && pnpm run format && pnpm run lint",
+    "fix": "pnpm run format:fix && pnpm run lint:fix",
     "analyze:visual": "vite-bundle-visualizer -c vite.storybook.config.ts -o ./analyzer/visual.html",
     "analyze:network": "vite-bundle-visualizer -c vite.storybook.config.ts -t network -o ./analyzer/network.html",
     "analyze:sunburst": "vite-bundle-visualizer -c vite.storybook.config.ts -t sunburst -o ./analyzer/sunburst.html",
@@ -169,6 +173,7 @@
     "release:version": "pnpm run changeset:version && pnpm run changelog:generate",
     "clean": "rm -rf dist .tscache",
     "test": "vitest run",
+    "test:regression:messages": "vitest run src/regression/formFieldMessageRegression.test.tsx",
     "test:form-fields": "vitest run src/components/Select/Select.test.tsx src/components/Combobox/Combobox.test.tsx src/components/MultiSelect/MultiSelect.test.tsx src/components/Textarea/Textarea.test.tsx src/components/DateTimePicker/DateTimePicker.test.tsx src/components/InputOTP/InputOTP.test.tsx src/components/Checkbox/Checkbox.test.tsx src/components/Switch/Switch.test.tsx src/components/RadioGroup/RadioGroup.test.tsx src/components/ControlGroup/ControlGroupSelect.test.tsx",
     "test:watch": "vitest",
     "test:ui": "vitest --ui",