@mkbabb/value.js 0.5.1 → 0.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mkbabb/value.js",
-    "version": "0.5.1",
+    "version": "0.11.0",
     "description": "CSS value units for color, length, angles, & c.",
     "license": "MIT",
     "keywords": [
@@ -18,11 +18,16 @@
     "type": "module",
     "main": "./dist/value.js",
     "types": "./dist/index.d.ts",
-    "sideEffects": false,
+    "sideEffects": [
+        "./demo/**",
+        "**/*.css"
+    ],
     "exports": {
         ".": {
+            "development": "./src/index.ts",
             "types": "./dist/index.d.ts",
-            "import": "./dist/value.js"
+            "import": "./dist/value.js",
+            "default": "./dist/value.js"
         }
     },
     "files": [
@@ -30,8 +35,15 @@
     ],
     "scripts": {
         "dev": "vite --port 9000",
+        "dev:hero-lab": "vite --mode hero-lab --port 9010",
         "build": "vite build --mode production",
+        "build:hero-lab": "vite build --mode hero-lab",
+        "build:watch": "vite build --mode production --watch",
         "gh-pages": "vite build --mode gh-pages",
+        "prepare": "test -f dist/value.js || npm run build",
+        "bench": "node bench/color-channel-access.mjs && node bench/color2-direct-paths.mjs && node bench/parser-namelookup.mjs && node bench/computed-endpoint.mjs",
+        "typecheck": "node scripts/check-types.mjs",
+        "lint": "eslint . --max-warnings=0",
         "test": "vitest",
         "test:e2e": "playwright test"
     },
@@ -48,44 +60,56 @@
     },
     "homepage": "https://github.com/mkbabb/value.js#readme",
     "dependencies": {
-        "@mkbabb/parse-that": "^0.8.0"
+        "@mkbabb/parse-that": "^0.8.2"
     },
     "devDependencies": {
-        "@iconify-json/radix-icons": "^1.2.2",
+        "@iconify-json/radix-icons": "^1.2.6",
         "@iconify/vue": "^4.1.2",
-        "@playwright/test": "^1.58.2",
-        "@tailwindcss/cli": "^4.1.11",
-        "@tailwindcss/postcss": "^4.1.11",
-        "@types/katex": "^0.16.7",
-        "@types/node": "^24.1.0",
-        "@unovis/ts": "^1.5.2",
-        "@unovis/vue": "^1.5.2",
-        "@vee-validate/zod": "^4.13.2",
-        "@vitejs/plugin-vue": "^6.0.0",
-        "@vue/test-utils": "^2.4.6",
-        "@vueuse/core": "^14.2.1",
+        "@lucide/vue": "^1.16.0",
+        "@mkbabb/glass-ui": "file:../glass-ui",
+        "@mkbabb/keyframes.js": "file:../keyframes.js",
+        "@playwright/test": "^1.60.0",
+        "@tailwindcss/cli": "^4.3.0",
+        "@tailwindcss/postcss": "^4.3.0",
+        "@types/katex": "^0.16.8",
+        "@types/node": "^24.12.3",
+        "@types/sortablejs": "^1.15.9",
+        "@typescript-eslint/eslint-plugin": "^8.59.4",
+        "@typescript-eslint/parser": "^8.59.4",
+        "@unovis/ts": "^1.6.5",
+        "@unovis/vue": "^1.6.5",
+        "@vee-validate/zod": "^4.15.1",
+        "@vitejs/plugin-vue": "^6.0.7",
+        "@vue/test-utils": "^2.4.10",
+        "@vueuse/core": "^14.3.0",
+        "@vueuse/integrations": "^14.3.0",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "embla-carousel-vue": "^8.6.0",
+        "eslint": "^10.4.0",
+        "eslint-plugin-vue": "^10.9.1",
+        "globals": "^17.6.0",
         "highlight.js": "^11.11.1",
         "jsdom": "^26.1.0",
-        "katex": "^0.16.22",
-        "lucide-vue-next": "^0.525.0",
-        "prettier": "^3.6.2",
+        "katex": "^0.16.47",
+        "prettier": "^3.8.3",
         "reka-ui": "^2.0.0",
-        "tailwind-merge": "^3.3.1",
-        "tailwindcss": "^4.1.11",
-        "tw-animate-css": "^1.2.5",
-        "typescript": "^5.8.3",
+        "sortablejs": "^1.15.7",
+        "tailwind-merge": "^3.6.0",
+        "tailwindcss": "^4.3.0",
+        "tw-animate-css": "^1.4.0",
+        "typescript": "^6.0.3",
         "unplugin-vue-markdown": "^29.2.0",
         "v-calendar": "^3.1.2",
-        "vaul-vue": "^0.2.0",
-        "vee-validate": "^4.13.2",
-        "vite": "^7.0.6",
+        "vaul-vue": "^0.4.0",
+        "vee-validate": "^4.15.1",
+        "vite": "^8.0.13",
         "vite-plugin-dts": "^4.5.4",
         "vitest": "^3.2.4",
-        "vue": "^3.5.18",
-        "vue-sonner": "^1.1.3",
+        "vue": "^3.5.34",
+        "vue-eslint-parser": "^10.4.0",
+        "vue-router": "^4.6.4",
+        "vue-tsc": "^3.3.1",
         "zod": "^3.23.8"
     }
 }

package/dist/units/color/utils.d.ts

@@ -1,77 +0,0 @@
-import { AdobeRGBColor, Color, DisplayP3Color, HSLColor, HSVColor, HWBColor, KelvinColor, LABColor, LCHColor, LinearSRGBColor, OKLABColor, OKLCHColor, ProPhotoRGBColor, RGBColor, Rec2020Color, XYZColor, ColorSpaceMap } from '.';
-import { ColorSpace, WhitePoint } from './constants';
-export declare const getFormattedColorSpaceRange: <T extends ColorSpace>(colorSpace: T) => ColorSpaceMap<{
-    min: string;
-    max: string;
-}>[T];
-export declare const hex2rgb: (hex: string) => RGBColor;
-export declare const rgb2hex: ({ r, g, b, alpha }: RGBColor) => string;
-export declare const kelvin2rgb: ({ kelvin, alpha }: KelvinColor) => RGBColor;
-export declare const rgb2kelvin: ({ r, g, b, alpha }: RGBColor) => KelvinColor;
-export declare const hsv2hsl: ({ h, s, v, alpha }: HSVColor) => HSLColor;
-export declare const hsl2hsv: ({ h, s, l, alpha }: HSLColor) => HSVColor;
-export declare const hwb2hsl: ({ h, w, b, alpha }: HWBColor) => HSLColor;
-export declare const hsl2hwb: ({ h, s, l, alpha }: HSLColor) => HWBColor;
-export declare const rgb2hsl: ({ r, g, b, alpha }: RGBColor) => HSLColor;
-export declare function hsl2rgb({ h, s, l, alpha }: HSLColor): RGBColor;
-export declare function xyz2lab(xyz: XYZColor, toWhitePoint?: WhitePoint): LABColor;
-export declare function lab2xyz(lab: LABColor): XYZColor;
-export declare function srgbToLinear(channel: number): number;
-export declare function linearToSrgb(channel: number): number;
-export declare function rgb2xyz({ r, g, b, alpha }: RGBColor): XYZColor;
-export declare const xyz2rgb: ({ x, y, z, alpha }: XYZColor, correctGamut?: boolean) => RGBColor;
-export declare function lch2lab({ l, c, h, alpha }: LCHColor): LABColor;
-export declare function lab2lch({ l, a, b, alpha }: LABColor): LCHColor;
-export declare function oklab2xyz({ l, a, b, alpha }: OKLABColor): XYZColor;
-export declare function xyz2oklab(xyz: XYZColor): OKLABColor;
-export declare function oklab2lab(oklab: OKLABColor): LABColor;
-export declare function lab2oklab(lab: LABColor): OKLABColor;
-export declare function oklab2oklch({ l, a, b, alpha }: OKLABColor): OKLCHColor;
-export declare function oklch2oklab({ l, c, h, alpha }: OKLCHColor): OKLABColor;
-export declare function oklch2lab(oklch: OKLCHColor): LABColor;
-export declare function lab2oklch(lab: LABColor): OKLCHColor;
-export declare function hsl2xyz(hsl: HSLColor): XYZColor<number>;
-export declare function xyz2hsl(xyz: XYZColor): HSLColor<number>;
-export declare function hsv2xyz(hsv: HSVColor): XYZColor;
-export declare function xyz2hsv(xyz: XYZColor): HSVColor;
-export declare function hwb2xyz(hwb: HWBColor): XYZColor;
-export declare function xyz2hwb(xyz: XYZColor): HWBColor;
-export declare function lch2xyz(lch: LCHColor): XYZColor;
-export declare function xyz2lch(xyz: XYZColor): LCHColor;
-export declare function oklch2xyz(oklch: OKLCHColor): XYZColor;
-export declare function xyz2oklch(xyz: XYZColor): OKLCHColor;
-export declare function kelvin2xyz(kelvin: KelvinColor): XYZColor;
-export declare function xyz2kelvin(xyz: XYZColor): KelvinColor;
-export declare function adobeRgbToLinear(c: number): number;
-export declare function linearToAdobeRgb(c: number): number;
-export declare function proPhotoToLinear(c: number): number;
-export declare function linearToProPhoto(c: number): number;
-export declare function rec2020ToLinear(c: number): number;
-export declare function linearToRec2020(c: number): number;
-export declare function linearSrgb2xyz({ r, g, b, alpha }: LinearSRGBColor): XYZColor;
-export declare function xyz2linearSrgb({ x, y, z, alpha }: XYZColor): LinearSRGBColor;
-export declare function displayP32xyz({ r, g, b, alpha }: DisplayP3Color): XYZColor;
-export declare function xyz2displayP3({ x, y, z, alpha }: XYZColor): DisplayP3Color;
-export declare function adobeRgb2xyz({ r, g, b, alpha }: AdobeRGBColor): XYZColor;
-export declare function xyz2adobeRgb({ x, y, z, alpha }: XYZColor): AdobeRGBColor;
-export declare function proPhoto2xyz({ r, g, b, alpha }: ProPhotoRGBColor): XYZColor;
-export declare function xyz2proPhoto({ x, y, z, alpha }: XYZColor): ProPhotoRGBColor;
-export declare function rec20202xyz({ r, g, b, alpha }: Rec2020Color): XYZColor;
-export declare function xyz2rec2020({ x, y, z, alpha }: XYZColor): Rec2020Color;
-export declare function color2<T, C extends ColorSpace>(color: Color<T>, to: C): Color<T>;
-export { deltaEOK, isInSRGBGamut, DELTA_E_OK_JND } from './gamut';
-export declare function gamutMap<C extends Color>(color: C): C;
-export type HueInterpolationMethod = "shorter" | "longer" | "increasing" | "decreasing";
-export declare const CYLINDRICAL_HUE_COMPONENT: Partial<Record<ColorSpace, string>>;
-/**
- * Interpolate between two hue values using the given method.
- * Hues are in [0, 1] (normalized). Returns an interpolated hue in [0, 1].
- * Handles NaN (CSS `none`): if one hue is NaN, the other's value is used.
- */
-export declare function interpolateHue(h1: number, h2: number, t: number, method?: HueInterpolationMethod): number;
-/**
- * Mix two colors per CSS color-mix() specification.
- * Both colors should be normalized (components in [0, 1]).
- * Percentages p1, p2 are in [0, 1] (e.g. 0.5 = 50%).
- */
-export declare function mixColors(col1: Color, col2: Color, p1: number, p2: number, space?: ColorSpace, hueMethod?: HueInterpolationMethod): Color;