@cutoff/audio-ui-react 1.0.0-preview.20260123.1125

package/dist/style.css

@@ -0,0 +1 @@
+:root{--audioui-roundness-base: .3;--audioui-primary-color: var(--audioui-adaptive-default-color);--audioui-nearwhite: hsl(0, 0%, 96%);--audioui-nearblack: hsl(0, 0%, 10%);--audioui-theme-blue: hsl(204, 88%, 52%);--audioui-theme-orange: hsl(29, 100%, 48%);--audioui-theme-pink: hsl(332, 92%, 52%);--audioui-theme-green: hsl(160, 95%, 44%);--audioui-theme-purple: hsl(252, 96%, 54%);--audioui-theme-yellow: hsl(50, 100%, 50%);--audioui-theme-default: var(--audioui-nearblack);--audioui-adaptive-default-color: var(--audioui-theme-default);--audioui-adaptive-50: color-mix(in srgb, var(--audioui-adaptive-default-color) 50%, transparent);--audioui-adaptive-20: color-mix(in srgb, var(--audioui-adaptive-default-color) 20%, transparent);--audioui-adaptive-light: color-mix(in srgb, var(--audioui-adaptive-default-color) 80%, white);--audioui-adaptive-dark: color-mix(in srgb, var(--audioui-adaptive-default-color) 80%, black);--audioui-primary-50: color-mix(in srgb, var(--audioui-primary-color) 50%, transparent);--audioui-primary-20: color-mix(in srgb, var(--audioui-primary-color) 20%, transparent);--audioui-primary-light: color-mix(in srgb, var(--audioui-primary-color) 80%, white);--audioui-primary-dark: color-mix(in srgb, var(--audioui-primary-color) 80%, black);--audioui-text-color: var(--audioui-nearblack);--audioui-default-font-size: 14px;--audioui-highlight-effect: brightness(1.15) contrast(1.05) drop-shadow( 0 0 .5em color-mix(in srgb, var(--audioui-primary-color, var(--audioui-text-color)) 35%, transparent) );--audioui-highlight-transition-duration: 50ms;--audioui-cursor-clickable: pointer;--audioui-cursor-bidirectional: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgN3YxOE03IDE2aDE4TTE2IDdsLTQgNE0xNiA3bDQgNE0xNiAyNWwtNC00TTE2IDI1bDQtNE03IDE2bDQtNE03IDE2bDQgNE0yNSAxNmwtNC00TTI1IDE2bC00IDQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTE2IDd2MThNNyAxNmgxOE0xNiA3bC00IDRNMTYgN2w0IDRNMTYgMjVsLTQtNE0xNiAyNWw0LTRNNyAxNmw0LTRNNyAxNmw0IDRNMjUgMTZsLTQtNE0yNSAxNmwtNCA0IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) 16 16, move;--audioui-cursor-horizontal: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyAxNmgxOE03IDE2bDUtNU03IDE2bDUgNU0yNSAxNmwtNS01TTI1IDE2bC01IDUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTcgMTZoMThNNyAxNmw1LTVNNyAxNmw1IDVNMjUgMTZsLTUtNU0yNSAxNmwtNSA1IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) 16 16, ew-resize;--audioui-cursor-vertical: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgN3YxOE0xNiA3bC01IDVNMTYgN2w1IDVNMTYgMjVsLTUtNU0xNiAyNWw1LTUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTE2IDd2MThNMTYgN2wtNSA1TTE2IDdsNSA1TTE2IDI1bC01LTVNMTYgMjVsNS01IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) 16 16, ns-resize;--audioui-cursor-circular: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxMCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTAiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) 16 16, move;--audioui-cursor-noneditable: default;--audioui-cursor-disabled: not-allowed;--audioui-keys-ivory: hsl(40, 20%, 95%);--audioui-keys-ivory-stroke: hsl(40, 20%, 85%);--audioui-keys-ebony: hsl(0, 0%, 15%);--audioui-keys-ebony-stroke: hsl(0, 0%, 25%);--audioui-knob-cap-fill: #303030;--audioui-button-stroke-width: 5px;--audioui-slider-track-color: var( --audioui-adaptive-20 );--audioui-slider-strip-color: var(--audioui-primary-color);--audioui-slider-cursor-color: var(--audioui-primary-color);--audioui-slider-cursor-border-color: var( --audioui-primary-light );--audioui-slider-cursor-border-width: 5px;--audioui-roundness-button: calc(var(--audioui-roundness-base) * 50px);--audioui-roundness-knob: var(--audioui-roundness-base);--audioui-roundness-slider: calc(var(--audioui-roundness-base) * 20px);--audioui-roundness-keys: calc(var(--audioui-roundness-base) * 12px);--audioui-linecap-base: round;--audioui-linecap-knob: var(--audioui-linecap-base);--audioui-linecap-slider: var(--audioui-linecap-base);--audioui-linecap-button: var(--audioui-linecap-base);--audioui-unit: 48px;--audioui-size-mult-xsmall: 1;--audioui-size-mult-small: 1.25;--audioui-size-mult-normal: 1.5;--audioui-size-mult-large: 2;--audioui-size-mult-xlarge: 2.5;--audioui-size-square-xsmall: var(--audioui-unit);--audioui-size-square-small: calc(var(--audioui-unit) * var(--audioui-size-mult-small));--audioui-size-square-normal: calc(var(--audioui-unit) * var(--audioui-size-mult-normal));--audioui-size-square-large: calc(var(--audioui-unit) * var(--audioui-size-mult-large));--audioui-size-square-xlarge: calc(var(--audioui-unit) * var(--audioui-size-mult-xlarge));--audioui-size-hslider-height-xsmall: var(--audioui-unit);--audioui-size-hslider-height-small: calc(var(--audioui-unit) * var(--audioui-size-mult-small));--audioui-size-hslider-height-normal: calc(var(--audioui-unit) * var(--audioui-size-mult-normal));--audioui-size-hslider-height-large: calc(var(--audioui-unit) * var(--audioui-size-mult-large));--audioui-size-hslider-height-xlarge: calc(var(--audioui-unit) * var(--audioui-size-mult-xlarge));--audioui-size-hslider-width-xsmall: calc(var(--audioui-size-hslider-height-xsmall) * 2);--audioui-size-hslider-width-small: calc(var(--audioui-size-hslider-height-small) * 2);--audioui-size-hslider-width-normal: calc(var(--audioui-size-hslider-height-normal) * 2);--audioui-size-hslider-width-large: calc(var(--audioui-size-hslider-height-large) * 2);--audioui-size-hslider-width-xlarge: calc(var(--audioui-size-hslider-height-xlarge) * 2);--audioui-size-vslider-width-xsmall: var(--audioui-unit);--audioui-size-vslider-width-small: calc(var(--audioui-unit) * var(--audioui-size-mult-small));--audioui-size-vslider-width-normal: calc(var(--audioui-unit) * var(--audioui-size-mult-normal));--audioui-size-vslider-width-large: calc(var(--audioui-unit) * var(--audioui-size-mult-large));--audioui-size-vslider-width-xlarge: calc(var(--audioui-unit) * var(--audioui-size-mult-xlarge));--audioui-size-vslider-height-xsmall: calc(var(--audioui-size-vslider-width-xsmall) * 2);--audioui-size-vslider-height-small: calc(var(--audioui-size-vslider-width-small) * 2);--audioui-size-vslider-height-normal: calc(var(--audioui-size-vslider-width-normal) * 2);--audioui-size-vslider-height-large: calc(var(--audioui-size-vslider-width-large) * 2);--audioui-size-vslider-height-xlarge: calc(var(--audioui-size-vslider-width-xlarge) * 2);--audioui-size-keys-height-xsmall: var(--audioui-unit);--audioui-size-keys-height-small: calc(var(--audioui-unit) * var(--audioui-size-mult-small));--audioui-size-keys-height-normal: calc(var(--audioui-unit) * var(--audioui-size-mult-normal));--audioui-size-keys-height-large: calc(var(--audioui-unit) * var(--audioui-size-mult-large));--audioui-size-keys-height-xlarge: calc(var(--audioui-unit) * var(--audioui-size-mult-xlarge));--audioui-size-keys-width-xsmall: calc(var(--audioui-size-keys-height-xsmall) * 5);--audioui-size-keys-width-small: calc(var(--audioui-size-keys-height-small) * 5);--audioui-size-keys-width-normal: calc(var(--audioui-size-keys-height-normal) * 5);--audioui-size-keys-width-large: calc(var(--audioui-size-keys-height-large) * 5);--audioui-size-keys-width-xlarge: calc(var(--audioui-size-keys-height-xlarge) * 5)}.dark{--audioui-theme-default: var(--audioui-nearwhite);--audioui-adaptive-default-color: var(--audioui-theme-default);--audioui-theme-blue: hsl(204, 88%, 53%);--audioui-theme-orange: hsl(29, 100%, 50%);--audioui-theme-pink: hsl(332, 95%, 54%);--audioui-theme-green: hsl(160, 98%, 37%);--audioui-theme-purple: hsl(252, 100%, 67%);--audioui-theme-yellow: hsl(50, 100%, 50%);--audioui-text-color: var(--audioui-nearwhite);--audioui-knob-cap-fill: #4a4d50;--audioui-slider-cursor-border-color: var( --audioui-primary-dark )}textarea,input{color:var(--audioui-text-color);background-color:transparent;font-size:var(--audioui-default-font-size)}svg text,svg foreignObject div{-webkit-user-select:none;user-select:none;cursor:default}svg foreignObject div svg{fill:currentColor;color:inherit;max-width:75%;max-height:75%}.audioui-icon-wrapper{display:flex;align-items:center;justify-content:center}.audioui-icon-wrapper svg{width:100%;height:100%;fill:currentColor;color:inherit}.audioui{-webkit-user-select:none;user-select:none;cursor:default}.audioui-component-container{height:auto;max-width:100%;max-height:100%}.audioui-component-container svg{height:auto;outline:none}.audioui-highlight{will-change:filter;transition:filter var(--audioui-highlight-transition-duration) linear}.audioui-highlight:hover,.audioui-highlight:focus,.audioui-highlight:focus-visible{filter:var(--audioui-highlight-effect);outline:none}.audioui-highlight text{isolation:isolate}.audioui-highlight foreignObject{isolation:isolate}.audioui-stroke-primary{stroke:var(--audioui-primary-color)}.audioui-fill-text{fill:var(--audioui-text-color)}.audioui-fill-primary{fill:var(--audioui-primary-color)}.audioui-fill-transparent{fill:transparent}.audioui-border-primary{border-color:var(--audioui-primary-color)}.audioui-text-primary{color:var(--audioui-primary-color)}.audioui-size-square-xsmall{width:var(--audioui-size-square-xsmall);height:var(--audioui-size-square-xsmall)}.audioui-size-square-small{width:var(--audioui-size-square-small);height:var(--audioui-size-square-small)}.audioui-size-square-normal{width:var(--audioui-size-square-normal);height:var(--audioui-size-square-normal)}.audioui-size-square-large{width:var(--audioui-size-square-large);height:var(--audioui-size-square-large)}.audioui-size-square-xlarge{width:var(--audioui-size-square-xlarge);height:var(--audioui-size-square-xlarge)}.audioui-size-hslider-xsmall{width:var(--audioui-size-hslider-width-xsmall);height:var(--audioui-size-hslider-height-xsmall)}.audioui-size-hslider-small{width:var(--audioui-size-hslider-width-small);height:var(--audioui-size-hslider-height-small)}.audioui-size-hslider-normal{width:var(--audioui-size-hslider-width-normal);height:var(--audioui-size-hslider-height-normal)}.audioui-size-hslider-large{width:var(--audioui-size-hslider-width-large);height:var(--audioui-size-hslider-height-large)}.audioui-size-hslider-xlarge{width:var(--audioui-size-hslider-width-xlarge);height:var(--audioui-size-hslider-height-xlarge)}.audioui-size-vslider-xsmall{width:var(--audioui-size-vslider-width-xsmall);height:var(--audioui-size-vslider-height-xsmall)}.audioui-size-vslider-small{width:var(--audioui-size-vslider-width-small);height:var(--audioui-size-vslider-height-small)}.audioui-size-vslider-normal{width:var(--audioui-size-vslider-width-normal);height:var(--audioui-size-vslider-height-normal)}.audioui-size-vslider-large{width:var(--audioui-size-vslider-width-large);height:var(--audioui-size-vslider-height-large)}.audioui-size-vslider-xlarge{width:var(--audioui-size-vslider-width-xlarge);height:var(--audioui-size-vslider-height-xlarge)}.audioui-size-keys-xsmall{width:var(--audioui-size-keys-width-xsmall);height:var(--audioui-size-keys-height-xsmall)}.audioui-size-keys-small{width:var(--audioui-size-keys-width-small);height:var(--audioui-size-keys-height-small)}.audioui-size-keys-normal{width:var(--audioui-size-keys-width-normal);height:var(--audioui-size-keys-height-normal)}.audioui-size-keys-large{width:var(--audioui-size-keys-width-large);height:var(--audioui-size-keys-height-large)}.audioui-size-keys-xlarge{width:var(--audioui-size-keys-width-xlarge);height:var(--audioui-size-keys-height-xlarge)}

package/dist/utils/textUtils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Abbreviates text to a maximum number of characters.
+ * Returns the first N characters of the text, or the original text if it's shorter.
+ *
+ * @param text - The text to abbreviate
+ * @param maxLength - Maximum length (default: 3)
+ * @returns Abbreviated text
+ *
+ * @example
+ * abbreviateText("Volume", 3) // "Vol"
+ * abbreviateText("Hi", 3) // "Hi"
+ * abbreviateText("", 3) // ""
+ */
+export declare function abbreviateText(text: string, maxLength?: number): string;
+//# sourceMappingURL=textUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textUtils.d.ts","sourceRoot":"","sources":["../../src/utils/textUtils.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,GAAE,MAAU,GAAG,MAAM,CAK1E"}

package/dist/utils/theme.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Set the global theme color.
+ * Updates the CSS variable `--audioui-primary-color` on the document root.
+ * Color variants (`--audioui-primary-50`, `--audioui-primary-20`) are automatically computed
+ * by CSS using `color-mix()`.
+ *
+ * @param color - Any valid CSS color value (e.g., "blue", "#FF5500", "hsl(200, 100%, 50%)", "var(--my-color)")
+ *
+ * @example
+ * ```ts
+ * setThemeColor("blue");
+ * setThemeColor("var(--audioui-theme-purple)");
+ * setThemeColor("hsl(200, 100%, 50%)");
+ * ```
+ */
+export declare function setThemeColor(color: string): void;
+/**
+ * Set the global theme roundness.
+ * Updates the CSS variable `--audioui-roundness-base` on the document root.
+ * Component-specific roundness values are automatically calculated from this base value.
+ *
+ * This function also updates the `--audioui-linecap-base` helper variable:
+ * - value = 0.0 results in "square"
+ * - value > 0.0 results in "round"
+ *
+ * @param value - Normalized roundness value between 0.0 and 1.0
+ *
+ * @example
+ * ```ts
+ * setThemeRoundness(0.3); // 30% roundness, linecap: round
+ * setThemeRoundness(0.0); // Square corners, linecap: square
+ * setThemeRoundness(1.0); // Maximum roundness, linecap: round
+ * ```
+ */
+export declare function setThemeRoundness(value: number): void;
+/**
+ * Theme configuration object for setting multiple theme values at once.
+ */
+export interface ThemeConfig {
+    /** Theme color - any valid CSS color value */
+    color?: string;
+    /** Roundness (normalized 0.0-1.0) */
+    roundness?: number;
+}
+/**
+ * Set multiple theme values at once.
+ * Convenience function that calls individual setter functions for each provided value.
+ *
+ * @param theme - Theme configuration object with optional color and roundness values
+ *
+ * @example
+ * ```ts
+ * setTheme({ color: "blue", roundness: 0.3 });
+ * setTheme({ color: "purple" }); // Only sets color, leaves roundness unchanged
+ * ```
+ */
+export declare function setTheme(theme: ThemeConfig): void;
+/**
+ * Get current theme color from CSS variable.
+ * Reads the value of `--audioui-primary-color` from the document root.
+ *
+ * @returns The current theme color value as a string, or `null` if not set or in SSR context
+ *
+ * @example
+ * ```ts
+ * const currentColor = getThemeColor();
+ * if (currentColor) {
+ *   console.log(`Current theme color: ${currentColor}`);
+ * }
+ * ```
+ */
+export declare function getThemeColor(): string | null;
+/**
+ * Get current theme roundness from CSS variable.
+ * Reads the value of `--audioui-roundness-base` from the document root.
+ *
+ * @returns The current theme roundness value as a number (0.0-1.0), or `null` if not set or in SSR context
+ *
+ * @example
+ * ```ts
+ * const roundness = getThemeRoundness();
+ * if (roundness !== null) {
+ *   console.log(`Current roundness: ${roundness * 100}%`);
+ * }
+ * ```
+ */
+export declare function getThemeRoundness(): number | null;
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAIjD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAOrD;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IACxB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CASjD;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,IAAI,MAAM,GAAG,IAAI,CAG7C;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,GAAG,IAAI,CAIjD"}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@cutoff/audio-ui-react",
+  "description": "AudioUI by Cutoff - React Components for Audio and MIDI apps! Dual-licensed: GPL-3.0 for open source, Commercial for proprietary use.",
+  "version": "1.0.0-preview.20260123.1125",
+  "private": false,
+  "author": "Renaud Denis <mail@renauddenis.com> (https://renauddenis.com)",
+  "license": "GPL-3.0-only",
+  "homepage": "https://cutoff.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cutoff/audio-ui.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/cutoff/audio-ui/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "react",
+    "audio",
+    "midi",
+    "components"
+  ],
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "fast-deep-equal": "^3.1.3",
+    "@cutoff/audio-ui-core": "1.0.0-preview.20260123.1125"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^18.3.27",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react-swc": "^3.11.0",
+    "@vitest/coverage-v8": "^1.6.1",
+    "jsdom": "^24.1.3",
+    "stylelint": "^16.26.1",
+    "typescript": "^5.9.3",
+    "vite": "^5.4.21",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^1.6.1"
+  },
+  "scripts": {
+    "clean": "rm -rf node_modules dist .turbo",
+    "build": "pnpm exec vite build",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint \"src/**/*.{ts,tsx}\"",
+    "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix || true",
+    "lint:css": "stylelint \"src/**/*.css\"",
+    "analyze": "pnpm build"
+  }
+}