baseline-kit 2.1.0 → 3.0.0

package/dist/utils/normalize.d.ts

@@ -14,35 +14,9 @@ export interface NormalizationOptions {
 /**
  * Normalizes CSS values to a consistent format based on base unit.
  *
- * @remarks
- * Handles:
- * - CSS length values
- * - Numeric values
- * - Special values (auto)
- * - Rounding to base unit
- * - Value clamping
- *
  * @param value - Value to normalize
  * @param options - Normalization configuration
  * @returns Normalized numeric value
- *
- * @example
- * ```ts
- * // Base unit normalization
- * normalizeValue(14, { base: 8 })  // => 16
- *
- * // With clamping
- * normalizeValue(14, {
- *   base: 8,
- *   clamp: { min: 8, max: 24 }
- * }) // => 16
- *
- * // Without rounding
- * normalizeValue(14, {
- *   base: 8,
- *   round: false
- * }) // => 14
- * ```
  */
 export declare function normalizeValue(value: string | number | undefined, options?: NormalizationOptions): number;
 /**
@@ -52,14 +26,5 @@ export declare function normalizeValue(value: string | number | undefined, optio
  * @param defaults - Default values if input is undefined
  * @param options - Normalization options
  * @returns Tuple of normalized values
- *
- * @example
- * ```ts
- * normalizeValuePair(
- *   ['14px', '20px'],
- *   [0, 0],
- *   { base: 8 }
- * ) // => [16, 24]
- * ```
  */
 export declare function normalizeValuePair(values: [string | number | undefined, string | number | undefined] | undefined, defaults: [number, number], options?: NormalizationOptions): [number, number];

package/dist/utils/parse.d.ts

@@ -1,23 +1,8 @@
 /**
  * Parses a CSS unit string into its numeric value and unit.
  *
- * @remarks
- * Handles:
- * - Integer and decimal values
- * - All CSS units (px, em, rem, etc.)
- * - Percentage values
- * - Sign prefixes (+ and -)
- *
  * @param value - CSS value string to parse
  * @returns Object with value and unit, or null if parsing fails
- *
- * @example
- * ```ts
- * parseUnit('100px')    // => { value: 100, unit: 'px' }
- * parseUnit('1.5rem')   // => { value: 1.5, unit: 'rem' }
- * parseUnit('-20%')     // => { value: -20, unit: '%' }
- * parseUnit('invalid')  // => null
- * ```
  */
 export declare function parseUnit(value: string): {
     value: number;
@@ -26,22 +11,8 @@ export declare function parseUnit(value: string): {
 /**
  * Formats a value as a valid CSS string.
  *
- * @remarks
- * Handles:
- * - Numbers (adds px suffix)
- * - Special values (auto, 100%, etc.)
- * - Undefined values with defaults
- *
  * @param value - Value to format
  * @param defaultValue - Optional default if value is undefined
  * @returns Formatted CSS string
- *
- * @example
- * ```ts
- * formatValue(14)             // => "14px"
- * formatValue('auto')         // => "auto"
- * formatValue(undefined, 10)  // => "10px"
- * formatValue('1fr')         // => "1fr"
- * ```
  */
 export declare function formatValue(value: string | number | undefined, defaultValue?: number): string;

package/dist/utils/ssr.d.ts

@@ -1,15 +1,9 @@
-/**
- * SSR (Server-Side Rendering) utility functions for baseline-kit.
- * These functions help ensure consistent rendering between server and client.
- */
 /**
  * Detects if code is running in a server-side environment
  */
 export declare const isSSR: boolean;
 /**
  * Default dimensions to use during server-side rendering
- * These values provide stable rendering between server and client
- * during the initial hydration phase.
  */
 export declare const SSR_DIMENSIONS: {
     width: number;
@@ -28,6 +22,5 @@ export declare function safeClientValue<T>(clientFn: () => T, fallback: T): T;
  * @param isHydrated Boolean indicating if component is hydrated
  * @param ssrValue Value to use during SSR/initial render
  * @param dynamicValue Value to use after hydration
- * @returns Appropriate value based on hydration state
  */
 export declare function hydratedValue<T>(isHydrated: boolean, ssrValue: T, dynamicValue: T): T;

package/package.json

@@ -1,7 +1,8 @@
 {
   "scripts": {
-    "build": "vite build && bun run build:type",
+    "build": "vite build && bun run build:type && bun run build:combine-css",
     "build:type": "tsc -p tsconfig.build.json",
+    "build:combine-css": "node scripts/combine-css.js",
     "changeset": "changeset",
     "dev": "vite",
     "format": "prettier --write \"src/**/*.{ts,tsx,css}\"",
@@ -15,9 +16,9 @@
     "version": "changeset version"
   },
   "peerDependencies": {
-    "react": "^19",
-    "react-dom": "^19",
-    "typescript": "^5.7.3"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.8.2"
   },
   "main": "dist/index.cjs",
   "engines": {
@@ -47,32 +48,34 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.28.1",
+    "@eslint/js": "^9.21.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
-    "@types/node": "^22.13.5",
+    "@types/node": "^22.13.9",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
-    "@typescript-eslint/eslint-plugin": "^8.25.0",
-    "@typescript-eslint/parser": "^8.25.0",
+    "@typescript-eslint/eslint-plugin": "^8.26.0",
+    "@typescript-eslint/parser": "^8.26.0",
     "@vitejs/plugin-react-swc": "^3.8.0",
-    "@vitest/coverage-v8": "^2.1.9",
+    "@vitest/coverage-v8": "^3.0.8",
     "autoprefixer": "^10.4.20",
     "cssnano": "^7.0.6",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
+    "eslint": "^9.0.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
     "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "jsdom": "^25.0.1",
-    "prettier": "^3.5.2",
-    "rollup": "^4.34.8",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "jsdom": "^26.0.0",
+    "prettier": "^3.5.3",
+    "rollup": "^4.34.9",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-visualizer": "^5.14.0",
-    "vite": "^6.2.0",
-    "vite-plugin-static-copy": "^2.2.0",
-    "vitest": "^3.0.7"
+    "vite": "6.2.1",
+    "vite-plugin-static-copy": "^2.3.0",
+    "vitest": "3.0.8"
   },
   "name": "baseline-kit",
-  "version": "2.1.0",
+  "version": "3.0.0",
   "type": "module",
   "homepage": "https://github.com/dnvt/baseline-kit#readme",
   "types": "dist/index.d.ts",
@@ -93,8 +96,32 @@
       "require": "./dist/theme.css",
       "default": "./dist/theme.css"
     },
+    "./theme/default": {
+      "import": "./dist/theme/default.css",
+      "require": "./dist/theme/default.css",
+      "default": "./dist/theme/default.css"
+    },
+    "./theme/dark": {
+      "import": "./dist/theme/dark.css",
+      "require": "./dist/theme/dark.css",
+      "default": "./dist/theme/dark.css"
+    },
+    "./theme/tokens": {
+      "import": "./dist/theme/tokens.css",
+      "require": "./dist/theme/tokens.css",
+      "default": "./dist/theme/tokens.css"
+    },
+    "./full": {
+      "import": "./dist/baseline-kit.css",
+      "require": "./dist/baseline-kit.css",
+      "default": "./dist/baseline-kit.css"
+    },
     "./dist/styles.css": "./dist/styles.css",
     "./dist/theme.css": "./dist/theme.css",
+    "./dist/theme/default.css": "./dist/theme/default.css",
+    "./dist/theme/dark.css": "./dist/theme/dark.css",
+    "./dist/theme/tokens.css": "./dist/theme/tokens.css",
+    "./dist/baseline-kit.css": "./dist/baseline-kit.css",
     "./package.json": "./package.json"
   },
   "files": [
@@ -105,7 +132,11 @@
   "style": "dist/styles.css",
   "sideEffects": [
     "dist/styles.css",
-    "dist/theme.css"
+    "dist/theme.css",
+    "dist/theme/default.css",
+    "dist/theme/dark.css",
+    "dist/theme/tokens.css",
+    "dist/baseline-kit.css"
   ],
   "bugs": {
     "url": "https://github.com/dnvt/baseline-kit/issues"
@@ -118,7 +149,7 @@
   "author": "Francois Denavaut",
   "description": "Baseline Kit is a lightweight development tool for visualizing and debugging grid systems and spacing in React applications. It provides configurable overlays for both column-based and baseline grids, flexible spacing components, and theme-aware configuration—all optimized for performance and built with TypeScript.",
   "dependencies": {
-    "esbuild": "^0.24.2",
+    "esbuild": "^0.25.0",
     "postcss-preset-env": "^10.1.5"
   }
 }