prime-ui-kit 0.9.0 → 0.9.1

package/dist/tokens/primitives.d.ts

@@ -1,20 +1,18 @@
 /**
  * Primitive layer (`--prime-ref-*`). Raw values only: no meaning, never used by components directly.
- * Everything that has a role lives in `semantic.ts`.
+ * Everything that has a role lives in `semantic.ts`. A step exists only while a semantic token (or a
+ * JS consumer such as the ColorPresets defaults) uses it.
  */
 export declare const primitiveTokens: {
     readonly color: {
         readonly white: "#ffffff";
-        readonly black: "#000000";
         /** Graphite: cool neutral, slight blue bias. 0–100 light surfaces, 750–950 dark surfaces. */
         readonly gray: {
             readonly 0: "#ffffff";
-            readonly 25: "#f7f8fa";
             readonly 50: "#f3f4f6";
             readonly 75: "#eef0f3";
             readonly 100: "#e8eaee";
             readonly 150: "#e0e3e8";
-            readonly 200: "#d5d9e0";
             readonly 300: "#b9bec8";
             readonly 400: "#949bab";
             readonly 500: "#636a79";
@@ -22,7 +20,6 @@ export declare const primitiveTokens: {
             readonly 700: "#3b4150";
             readonly 750: "#343a44";
             readonly 800: "#2a2f38";
-            readonly 825: "#252a32";
             readonly 850: "#20242b";
             readonly 875: "#1b1e25";
             readonly 900: "#16191f";
@@ -31,7 +28,6 @@ export declare const primitiveTokens: {
         };
         /** Cobalt: brand accent. */
         readonly cobalt: {
-            readonly 50: "#f0f2fe";
             readonly 100: "#e6eafd";
             readonly 200: "#cdd5fb";
             readonly 300: "#aab6ff";
@@ -40,112 +36,67 @@ export declare const primitiveTokens: {
             readonly 600: "#3f59f0";
             readonly 700: "#2f4ae0";
             readonly 800: "#2540c8";
-            readonly 900: "#1d33a0";
             readonly 950: "#1b2249";
         };
         readonly red: {
-            readonly 50: "#fef2f2";
             readonly 100: "#fee2e2";
-            readonly 200: "#fecaca";
             readonly 300: "#fca5a5";
             readonly 400: "#f87171";
             readonly 500: "#ef4444";
             readonly 600: "#dc2626";
             readonly 700: "#b91c1c";
-            readonly 800: "#991b1b";
-            readonly 900: "#7f1d1d";
-            readonly 950: "#450a0a";
         };
         readonly orange: {
-            readonly 50: "#fff7ed";
             readonly 100: "#ffedd5";
-            readonly 200: "#fed7aa";
             readonly 300: "#fdba74";
             readonly 400: "#fb923c";
             readonly 500: "#f97316";
-            readonly 600: "#ea580c";
             readonly 700: "#c2410c";
             readonly 800: "#9a3412";
-            readonly 900: "#7c2d12";
-            readonly 950: "#431407";
         };
         readonly yellow: {
-            readonly 50: "#fefce8";
             readonly 100: "#fef9c3";
-            readonly 200: "#fef08a";
             readonly 300: "#fde047";
             readonly 400: "#facc15";
             readonly 500: "#eab308";
-            readonly 600: "#ca8a04";
             readonly 700: "#a16207";
             readonly 800: "#854d0e";
-            readonly 900: "#713f12";
-            readonly 950: "#422006";
         };
         readonly green: {
-            readonly 50: "#f0fdf4";
             readonly 100: "#dcfce7";
-            readonly 200: "#bbf7d0";
             readonly 300: "#86efac";
             readonly 400: "#4ade80";
             readonly 500: "#22c55e";
-            readonly 600: "#16a34a";
             readonly 700: "#15803d";
-            readonly 800: "#166534";
-            readonly 900: "#14532d";
-            readonly 950: "#052e16";
         };
         readonly teal: {
-            readonly 50: "#f0fdfa";
             readonly 100: "#ccfbf1";
-            readonly 200: "#99f6e4";
             readonly 300: "#5eead4";
             readonly 400: "#2dd4bf";
             readonly 500: "#14b8a6";
-            readonly 600: "#0d9488";
             readonly 700: "#0f766e";
-            readonly 800: "#115e59";
-            readonly 900: "#134e4a";
-            readonly 950: "#042f2e";
         };
         readonly sky: {
-            readonly 50: "#f0f9ff";
             readonly 100: "#e0f2fe";
-            readonly 200: "#bae6fd";
             readonly 300: "#7dd3fc";
             readonly 400: "#38bdf8";
             readonly 500: "#0ea5e9";
-            readonly 600: "#0284c7";
             readonly 700: "#0369a1";
             readonly 800: "#075985";
-            readonly 900: "#0c4a6e";
-            readonly 950: "#082f49";
         };
         readonly purple: {
-            readonly 50: "#faf5ff";
             readonly 100: "#f3e8ff";
-            readonly 200: "#e9d5ff";
             readonly 300: "#d8b4fe";
             readonly 400: "#c084fc";
             readonly 500: "#a855f7";
-            readonly 600: "#9333ea";
             readonly 700: "#7e22ce";
-            readonly 800: "#6b21a8";
-            readonly 900: "#581c87";
-            readonly 950: "#3b0764";
         };
         readonly pink: {
-            readonly 50: "#fdf2f8";
             readonly 100: "#fce7f3";
-            readonly 200: "#fbcfe8";
             readonly 300: "#f9a8d4";
             readonly 400: "#f472b6";
             readonly 500: "#ec4899";
-            readonly 600: "#db2777";
             readonly 700: "#be185d";
-            readonly 800: "#9d174d";
-            readonly 900: "#831843";
-            readonly 950: "#500724";
         };
     };
     /** 4px grid. Key = number of 4px steps (`4` → 16px). */
@@ -168,14 +119,12 @@ export declare const primitiveTokens: {
         readonly 24: "6rem";
     };
     readonly radius: {
-        readonly 0: "0";
         readonly 4: "4px";
         readonly 6: "6px";
         readonly 8: "8px";
         readonly 10: "10px";
         readonly 12: "12px";
         readonly 16: "16px";
-        readonly 20: "20px";
         readonly full: "9999px";
     };
     readonly font: {
@@ -219,7 +168,6 @@ export declare const primitiveTokens: {
             readonly tight: "-0.01em";
             readonly normal: "0";
             readonly wide: "0.01em";
-            readonly caps: "0.06em";
         };
     };
     readonly icon: {
@@ -230,38 +178,32 @@ export declare const primitiveTokens: {
         readonly 32: "2rem";
     };
     readonly duration: {
-        readonly 0: "0ms";
-        readonly 100: "100ms";
-        readonly 120: "120ms";
-        readonly 200: "200ms";
-        readonly 300: "300ms";
-        readonly 400: "400ms";
+        readonly 80: "80ms";
+        readonly 150: "150ms";
+        readonly 230: "230ms";
+        readonly 380: "380ms";
+        readonly 570: "570ms";
     };
     readonly easing: {
-        readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
+        /**
+         * Ease-in-out (foundation §7): something already on screen moves evenly — no near-instant
+         * start and long crawl, so linked parts (a rail and its labels) read as one motion.
+         */
+        readonly standard: "cubic-bezier(0.4, 0, 0.2, 1)";
         readonly enter: "cubic-bezier(0, 0, 0, 1)";
-        readonly exit: "cubic-bezier(0.3, 0, 1, 1)";
+        /** Strong ease-out: a leaving element responds at once and is gone fast (no ease-in in UI). */
+        readonly exit: "cubic-bezier(0.23, 1, 0.32, 1)";
+        /** iOS sheet curve: decisive start, long soft landing, never past the target. */
+        readonly emphasized: "cubic-bezier(0.32, 0.72, 0, 1)";
     };
-    /** Stacking order. In-overlay layers sit above their host so nested portals stay on top. */
+    /**
+     * Stacking order. Every overlay (modal, drawer, popover, menu, listbox, tooltip) portals to
+     * `<body>` when it opens and shares one level: the DOM order is the open order, so a layer opened
+     * later — a Select inside a Modal, a Tooltip inside a Popover — is on top without its own number.
+     */
     readonly zIndex: {
-        readonly base: "1";
         readonly sticky: "100";
-        readonly popover: "1000";
-        readonly dropdown: "1200";
-        readonly tooltip: "1600";
-        readonly drawer: "2000";
-        readonly popoverInDrawer: "2100";
-        readonly dropdownInDrawer: "2200";
-        readonly tooltipInDrawer: "2300";
-        readonly modal: "3000";
-        readonly popoverInModal: "3100";
-        readonly dropdownInModal: "3200";
-        readonly tooltipInModal: "3300";
-        readonly drawerNestedShell: "3400";
-        readonly popoverInDrawerInModal: "3500";
-        readonly dropdownInDrawerInModal: "3600";
-        readonly tooltipInDrawerInModal: "3700";
+        readonly overlay: "1000";
         readonly toast: "10000";
     };
 };
-//# sourceMappingURL=primitives.d.ts.map

package/dist/tokens/semantic.d.ts

@@ -27,6 +27,11 @@ export declare const semanticTokens: {
             /** Transparent wash: ghost hover, row hover. Works on any background. */
             readonly subtle: "rgba(17, 19, 24, 0.04)";
             readonly subtleActive: "rgba(17, 19, 24, 0.07)";
+            /**
+             * The faintest wash: hover of a tab in the sunken strip (Tabs). Stays below the
+             * sunken → surface step in both themes, so a hovered tab never reads as the selected one.
+             */
+            readonly faint: "rgba(17, 19, 24, 0.04)";
             /**
              * Neutral buttons, chips, segmented track. Translucent ink wash: always one step off whatever
              * it sits on (canvas, card, sunken tile, a custom container), in both themes.
@@ -99,6 +104,8 @@ export declare const semanticTokens: {
             /** Translucent wash, visible on any background; `bgSurface` kept equal for surface contexts. */
             readonly bg: "color-mix(in srgb, var(--prime-ref-color-gray-925) 6%, transparent)";
             readonly bgSurface: "color-mix(in srgb, var(--prime-ref-color-gray-925) 6%, transparent)";
+            /** Hover wash of a field: the `bg` wash, twice as dense (≈ `bg` mixed 94% with the text color). */
+            readonly bgHover: "color-mix(in srgb, var(--prime-ref-color-gray-925) 12%, transparent)";
             readonly bgFocus: "{color.gray.0}";
             readonly bgDisabled: "color-mix(in srgb, var(--prime-ref-color-gray-925) 4%, transparent)";
         };
@@ -140,6 +147,13 @@ export declare const semanticTokens: {
             readonly medium: "{font.weight.medium}";
             readonly semibold: "{font.weight.semibold}";
         };
+        /** Letter-spacing steps for overriding a role's own tracking (Typography `tracking`). */
+        readonly tracking: {
+            readonly normal: "{font.tracking.normal}";
+            readonly tight: "{font.tracking.tight}";
+            readonly tighter: "{font.tracking.tighter}";
+            readonly wide: "{font.tracking.wide}";
+        };
     };
     /**
      * Type roles. Each role = size / lineHeight / weight / tracking.
@@ -242,7 +256,6 @@ export declare const semanticTokens: {
         readonly 6: "{space.6}";
         readonly 7: "{space.7}";
         readonly 8: "{space.8}";
-        readonly 9: "{space.9}";
         readonly 10: "{space.10}";
         readonly 12: "{space.12}";
         readonly 14: "{space.14}";
@@ -256,7 +269,6 @@ export declare const semanticTokens: {
         readonly m: "{radius.8}";
         readonly l: "{radius.12}";
         readonly xl: "{radius.16}";
-        readonly "2xl": "{radius.20}";
         readonly full: "{radius.full}";
     };
     readonly icon: {
@@ -285,43 +297,42 @@ export declare const semanticTokens: {
         readonly overlay: "0 0 0 1px rgba(17, 19, 24, 0.04), 0 12px 32px -8px rgba(17, 19, 24, 0.18)";
         /** Modals and drawers. */
         readonly modal: "0 0 0 1px rgba(17, 19, 24, 0.04), 0 32px 64px -16px rgba(17, 19, 24, 0.30)";
+        /** Slider thumb: one crisp outer edge plus a short contact shadow. */
+        readonly thumb: "0 0 0 1px rgba(17, 19, 24, 0.08), 0 1px 3px rgba(17, 19, 24, 0.16)";
     };
     readonly motion: {
         readonly duration: {
-            readonly fast: "{duration.120}";
-            readonly base: "{duration.200}";
-            readonly slow: "{duration.300}";
+            /** Hover fill on dense, high-frequency rows and cells. */
+            readonly xfast: "{duration.150}";
+            readonly fast: "{duration.230}";
+            readonly base: "{duration.380}";
+            readonly slow: "{duration.570}";
         };
         readonly easing: {
             readonly standard: "{easing.standard}";
             readonly enter: "{easing.enter}";
             readonly exit: "{easing.exit}";
+            /** State that glides into place (thumbs, indicators, checkmarks); pair with `base`. */
+            readonly emphasized: "{easing.emphasized}";
+        };
+        /** Step between items of a staggered first render. */
+        readonly stagger: "{duration.80}";
+        /** `:active` scale of pressable controls; `compact` for icon-only and small targets. */
+        readonly press: {
+            readonly scale: "0.98";
+            readonly scaleCompact: "0.96";
         };
     };
     readonly z: {
-        readonly base: "{zIndex.base}";
         readonly sticky: "{zIndex.sticky}";
-        readonly popover: "{zIndex.popover}";
-        readonly dropdown: "{zIndex.dropdown}";
-        readonly tooltip: "{zIndex.tooltip}";
-        readonly drawer: "{zIndex.drawer}";
-        readonly popoverInDrawer: "{zIndex.popoverInDrawer}";
-        readonly dropdownInDrawer: "{zIndex.dropdownInDrawer}";
-        readonly tooltipInDrawer: "{zIndex.tooltipInDrawer}";
-        readonly modal: "{zIndex.modal}";
-        readonly popoverInModal: "{zIndex.popoverInModal}";
-        readonly dropdownInModal: "{zIndex.dropdownInModal}";
-        readonly tooltipInModal: "{zIndex.tooltipInModal}";
-        readonly drawerNestedShell: "{zIndex.drawerNestedShell}";
-        readonly popoverInDrawerInModal: "{zIndex.popoverInDrawerInModal}";
-        readonly dropdownInDrawerInModal: "{zIndex.dropdownInDrawerInModal}";
-        readonly tooltipInDrawerInModal: "{zIndex.tooltipInDrawerInModal}";
+        readonly overlay: "{zIndex.overlay}";
         readonly toast: "{zIndex.toast}";
     };
     /**
      * Control size tiers shared by Button, Input, Select, Datepicker, Tabs, SegmentedControl, etc.
      * Pairing: a field of tier T uses `labelSize`/`hintSize` of tier T; menus opened from tier T
      * use `itemHeight` of tier T; badges inside tier T use the badge tier one step down.
+     * `track` is the line thickness of Slider and ProgressBar; their thumb and gaps derive from it.
      */
     readonly control: {
         readonly xs: {
@@ -341,6 +352,7 @@ export declare const semanticTokens: {
             readonly hintGap: "{space.1}";
             readonly itemHeight: "{space.6}";
             readonly choice: "{icon.14}";
+            readonly track: "0.25rem";
         };
         readonly s: {
             readonly height: "{space.8}";
@@ -359,6 +371,7 @@ export declare const semanticTokens: {
             readonly hintGap: "{space.1}";
             readonly itemHeight: "{space.7}";
             readonly choice: "{icon.16}";
+            readonly track: "0.3125rem";
         };
         readonly m: {
             readonly height: "{space.9}";
@@ -377,6 +390,7 @@ export declare const semanticTokens: {
             readonly hintGap: "{space.1}";
             readonly itemHeight: "{space.8}";
             readonly choice: "1.125rem";
+            readonly track: "0.375rem";
         };
         readonly l: {
             readonly height: "{space.10}";
@@ -395,6 +409,7 @@ export declare const semanticTokens: {
             readonly hintGap: "{space.1}";
             readonly itemHeight: "{space.9}";
             readonly choice: "{icon.20}";
+            readonly track: "0.4375rem";
         };
         readonly xl: {
             readonly height: "{space.12}";
@@ -413,9 +428,10 @@ export declare const semanticTokens: {
             readonly hintGap: "{space.1}";
             readonly itemHeight: "{space.10}";
             readonly choice: "{icon.24}";
+            readonly track: "0.5rem";
         };
     };
-    /** Badge / Tag / Kbd tiers. Inside a control of tier T use the badge tier one step down. */
+    /** Badge / Kbd tiers. Inside a control of tier T use the badge tier one step down. */
     readonly badge: {
         readonly xs: {
             readonly height: "1rem";
@@ -493,6 +509,29 @@ export declare const semanticTokens: {
         readonly xl: "{space.12}";
         readonly "2xl": "{space.16}";
     };
+    /** Thumbnail tier: height (width follows the aspect ratio) and corner radius. */
+    readonly thumbnail: {
+        readonly xs: {
+            readonly height: "{space.6}";
+            readonly radius: "{radius.4}";
+        };
+        readonly s: {
+            readonly height: "{space.8}";
+            readonly radius: "{radius.6}";
+        };
+        readonly m: {
+            readonly height: "{space.10}";
+            readonly radius: "{radius.8}";
+        };
+        readonly l: {
+            readonly height: "{space.12}";
+            readonly radius: "{radius.8}";
+        };
+        readonly xl: {
+            readonly height: "{space.16}";
+            readonly radius: "{radius.12}";
+        };
+    };
     /** Floating panel shared by Select, Dropdown, Combobox, Datepicker, Popover. Item radius = radius − padding. */
     readonly panel: {
         readonly radius: "{radius.12}";
@@ -517,7 +556,6 @@ export declare const semanticTokens: {
     readonly modal: {
         readonly radius: "{radius.16}";
         readonly padding: "{space.6}";
-        readonly gap: "{space.4}";
         readonly viewportPadding: "{space.4}";
         readonly widthS: "27.5rem";
         readonly widthM: "35rem";
@@ -526,7 +564,6 @@ export declare const semanticTokens: {
     };
     readonly drawer: {
         readonly padding: "{space.6}";
-        readonly gap: "{space.4}";
         readonly widthS: "22.5rem";
         readonly widthM: "30rem";
         readonly widthL: "40rem";
@@ -537,6 +574,11 @@ export declare const semanticTokens: {
         readonly paddingX: "{space.2}";
         readonly paddingY: "{space.1}";
         readonly maxWidth: "17.5rem";
+        /** Arrow base and depth; the arrow points at the trigger's centre. */
+        readonly arrowWidth: "0.625rem";
+        readonly arrowHeight: "0.3125rem";
+        /** Gap from the trigger to the chip body (the arrow sits inside it). */
+        readonly offset: "{space.2}";
     };
     readonly table: {
         readonly rowHeightS: "{space.9}";
@@ -554,4 +596,3 @@ export declare const semanticTokens: {
         readonly readingMaxWidth: "42rem";
     };
 };
-//# sourceMappingURL=semantic.d.ts.map

package/dist/tokens/themes/dark.d.ts

@@ -12,6 +12,7 @@ export declare const darkThemeOverrides: {
         readonly fill: {
             readonly subtle: "rgba(233, 235, 240, 0.05)";
             readonly subtleActive: "rgba(233, 235, 240, 0.09)";
+            readonly faint: "rgba(233, 235, 240, 0.02)";
             readonly muted: "color-mix(in srgb, var(--prime-ref-color-gray-100) 7%, transparent)";
             readonly mutedHover: "color-mix(in srgb, var(--prime-ref-color-gray-100) 10%, transparent)";
             readonly strong: "color-mix(in srgb, var(--prime-ref-color-gray-100) 16%, transparent)";
@@ -69,6 +70,7 @@ export declare const darkThemeOverrides: {
         readonly field: {
             readonly bg: "color-mix(in srgb, var(--prime-ref-color-gray-100) 6%, transparent)";
             readonly bgSurface: "color-mix(in srgb, var(--prime-ref-color-gray-100) 6%, transparent)";
+            readonly bgHover: "color-mix(in srgb, var(--prime-ref-color-gray-100) 12%, transparent)";
             readonly bgFocus: "{color.gray.925}";
             readonly bgDisabled: "color-mix(in srgb, var(--prime-ref-color-gray-100) 4%, transparent)";
         };
@@ -94,6 +96,6 @@ export declare const darkThemeOverrides: {
         readonly raised: "none";
         readonly overlay: "0 0 0 1px rgba(255, 255, 255, 0.06), 0 16px 40px -8px rgba(0, 0, 0, 0.6)";
         readonly modal: "0 0 0 1px rgba(255, 255, 255, 0.06), 0 32px 72px -16px rgba(0, 0, 0, 0.75)";
+        readonly thumb: "0 1px 3px rgba(0, 0, 0, 0.5)";
     };
 };
-//# sourceMappingURL=dark.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prime-ui-kit",
-  "version": "0.9.0",
-  "description": "React 19 UI kit for product interfaces: 50 composable components on one design contract — forms, selects, tables, overlays, navigation, app shell. CSS Modules, --prime-* tokens, light and dark themes, TypeScript, a11y. Ships COMPONENT.md docs and copyable examples.",
+  "version": "0.9.1",
+  "description": "React 19 UI kit for product interfaces: 57 composable components on one design contract — forms, selects, tables, overlays, navigation, app shell. CSS Modules, --prime-* tokens, light and dark themes, TypeScript, a11y. Ships COMPONENT.md docs and copyable examples.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -65,22 +65,24 @@
     "access": "public"
   },
   "devDependencies": {
-    "date-fns": "^4.1.0",
-    "react-aria-components": "^1.16.0",
-    "@biomejs/biome": "latest",
-    "@testing-library/jest-dom": "latest",
-    "@testing-library/react": "latest",
-    "@testing-library/user-event": "latest",
+    "@biomejs/biome": "^2.4.8",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/node": "^25.5.0",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@vitejs/plugin-react": "^5",
-    "@vitest/coverage-v8": "^4.1.0",
-    "jsdom": "latest",
+    "date-fns": "^4.1.0",
     "esbuild": "^0.27.0",
+    "jsdom": "^29.0.1",
+    "react": "^19.2.4",
+    "react-aria-components": "^1.16.0",
+    "react-dom": "^19.2.4",
+    "react-router-dom": "^7.13.1",
     "typescript": "^5",
     "vite": "^7",
-    "vitest": "latest"
+    "vitest": "^4.1.0"
   },
   "peerDependencies": {
     "date-fns": "^4.0.0",
@@ -88,28 +90,33 @@
     "react-dom": "^19.0.0",
     "react-aria-components": "^1.16.0"
   },
+  "peerDependenciesMeta": {
+    "react-aria-components": {
+      "optional": true
+    }
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./components": {
-      "types": "./dist/components/index.d.ts",
-      "default": "./dist/components/index.js"
+    "./color-picker": {
+      "types": "./dist/color-picker.d.ts",
+      "default": "./dist/color-picker.js"
     },
-    "./styles.css": "./src/styles/globals.css",
+    "./bundle.css": "./dist/index.css",
+    "./fonts.css": "./src/styles/fonts.css",
+    "./reset.css": "./src/styles/reset.css",
     "./tokens.css": "./src/styles/tokens.css",
     "./theme-light.css": "./src/styles/theme-light.css",
-    "./theme-dark.css": "./src/styles/theme-dark.css",
-    "./bundle.css": "./dist/index.css",
-    "./components.css": "./dist/components/index.css"
+    "./theme-dark.css": "./src/styles/theme-dark.css"
   },
   "scripts": {
-    "clean": "rm -rf dist .dts-stage coverage playground/dist",
+    "clean": "rm -rf dist .dts-stage playground/dist",
     "tokens:build": "bun run scripts/build-tokens.ts",
+    "docs:build": "bun run scripts/build-docs.ts",
     "build": "bun run tokens:build && bun run scripts/bundle-lib.ts",
     "prepublishOnly": "bun run clean && bun run build",
-    "dev": "bun run scripts/bundle-lib.ts --watch",
     "playground:dev": "vite playground --config playground/vite.config.ts",
     "check": "biome check .",
     "check:ci": "biome ci .",
@@ -117,8 +124,7 @@
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "test:watch": "vitest",
-    "verify": "bun run check:ci && bun run typecheck && bun run test && bun run build",
-    "verify:quick": "bun run check:ci && bun run typecheck && bun run test",
+    "verify": "bun run check:ci && bun run typecheck && bun run test && bun run verify:tokens && bun run build",
     "verify:tokens": "bun run tokens:build && git diff --exit-code -- src/styles/tokens.css src/styles/theme-light.css src/styles/theme-dark.css"
   },
   "sideEffects": [
@@ -126,7 +132,6 @@
   ],
   "type": "module",
   "dependencies": {
-    "lucide-react": "^0.577.0",
-    "react-router-dom": "^7.13.1"
+    "lucide-react": "^0.577.0"
   }
 }