rainbowindex 0.1.4 → 0.2.0

package/package.json

@@ -1,89 +1,102 @@
 {
   "name": "rainbowindex",
-  "version": "0.1.4",
-  "description": "A production-ready CSS compiler with utility-first approach",
-  "type": "module",
-  "sideEffects": false,
-  "engines": {
-    "node": ">=20.0.0"
+  "version": "0.2.0",
+  "description": "CSS-first system for building and maintaining consistent user interfaces",
+  "keywords": [
+    "css",
+    "utility-css",
+    "atomic-css",
+    "design-tokens",
+    "design-system",
+    "theming",
+    "dark-mode",
+    "oklch",
+    "fluid-typography",
+    "google-fonts",
+    "postcss",
+    "postcss-plugin",
+    "vite-plugin",
+    "class-merge",
+    "classnames",
+    "tailwind",
+    "tailwindcss",
+    "cli"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rainbowindex/rainbowindex.git"
   },
+  "author": "rainbowindex (https://github.com/rainbowindex)",
+  "homepage": "https://rainbowindex.dev",
+  "bugs": "https://github.com/rainbowindex/rainbowindex/issues",
+  "type": "module",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/index.css",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "style": "./css/index.css",
+      "style": "./dist/index.css",
       "browser": "./dist/browser.mjs",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "node": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
     },
-    "./browser": {
-      "types": "./dist/browser.d.ts",
-      "import": "./dist/browser.mjs"
+    "./index.css": "./dist/index.css",
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "default": "./dist/vite.mjs"
     },
-    "./index.css": "./css/index.css",
-    "./css/index.css": "./css/index.css",
-    "./theme.css": "./css/theme.css",
-    "./preflight.css": "./css/preflight.css",
-    "./css/theme.css": "./css/theme.css",
-    "./css/preflight.css": "./css/preflight.css"
+    "./package.json": "./package.json"
+  },
+  "bin": {
+    "rainbowindex": "./dist/cli.mjs"
   },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "style": "./css/index.css",
   "files": [
     "dist",
-    "css",
-    "LICENSE.md",
-    "README.md"
+    "CHANGELOG.md"
   ],
-  "devDependencies": {
-    "@playwright/test": "^1.58.1",
-    "@vitest/coverage-v8": "^4.0.18",
-    "serve": "^14.2.5",
-    "tsup": "^8.5.1",
-    "typescript": "^5.9.3",
-    "vitest": "^4.0.18",
-    "@rainbowindex/oxide": "0.1.4"
-  },
-  "keywords": [
-    "css",
-    "utility-first",
-    "compiler",
-    "oklch",
-    "rainbow-index",
-    "atomic-css",
-    "design-tokens",
-    "css-compiler",
-    "tailwind-alternative",
-    "modern-css",
-    "css-utilities",
-    "build-tool"
+  "sideEffects": [
+    "**/*.css"
   ],
-  "author": "Rainbow Index Contributors",
+  "engines": {
+    "node": ">=20.19"
+  },
   "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/rainbowindex/rainbowindex.git",
-    "directory": "packages/rainbowindex"
+  "dependencies": {
+    "chokidar": "^4.0.3",
+    "lightningcss": "^1.25.0",
+    "tinyglobby": "^0.2.15"
   },
-  "bugs": {
-    "url": "https://github.com/rainbowindex/rainbowindex/issues"
+  "peerDependencies": {
+    "postcss": "^8.5.0",
+    "vite": "*"
   },
-  "homepage": "https://rainbowindex.org",
-  "publishConfig": {
-    "access": "public"
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    }
   },
-  "funding": {
-    "type": "github",
-    "url": "https://github.com/sponsors/rainbowindex"
+  "devDependencies": {
+    "@biomejs/biome": "^2.4.16",
+    "@types/node": "^25.9.1",
+    "@vitest/coverage-v8": "^4.1.0",
+    "postcss": "^8.5.8",
+    "tsup": "^8.5.1",
+    "typescript": "^6.0.3",
+    "vite": "8.0.0",
+    "vitest": "^4.0.17"
   },
   "scripts": {
     "build": "tsup",
-    "dev": "tsup --watch",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui",
-    "test:e2e:headed": "playwright test --headed",
-    "bench": "vitest bench",
-    "clean": "rm -rf dist"
+    "check": "pnpm typecheck && pnpm lint && pnpm test && pnpm test:artifacts",
+    "test": "vitest run --exclude __tests__/cli/** --exclude __tests__/package.test.ts",
+    "test:coverage": "vitest run --coverage --exclude __tests__/cli/** --exclude __tests__/package.test.ts",
+    "test:artifacts": "pnpm build && vitest run __tests__/cli/cli.test.ts __tests__/package.test.ts",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome lint .",
+    "lint:fix": "biome lint --write .",
+    "format": "biome format --write .",
+    "format:check": "biome format ."
   }
 }

package/css/index.css

@@ -1,5 +0,0 @@
-@import "./theme.css";
-@import "./preflight.css";
-
-/* Where generated utilities are injected */
-@rainbowindex utilities;

package/css/preflight.css

@@ -1,370 +0,0 @@
-/**
- * Rainbow Index - Preflight (CSS Reset)
- *
- * A modern CSS reset based on best practices.
- * Includes accessibility defaults and modern CSS features.
- *
- * Modules: box-sizing, document, typography, tables, forms, lists, media, spacing, accessibility
- * Use @preflight directive to include/exclude modules.
- */
-
-@layer base {
-    /*! @preflight-module: box-sizing */
-    *,
-    ::before,
-    ::after {
-        box-sizing: border-box;
-        border-width: 0;
-        border-style: solid;
-        border-color: var(--color-border, currentColor);
-    }
-
-    /*! @preflight-module-end: box-sizing */
-
-    /*! @preflight-module: document */
-    html,
-    :host {
-        line-height: 1.5;
-        -webkit-text-size-adjust: 100%;
-        tab-size: 4;
-        font-family: var(
-            --font-sans,
-            ui-sans-serif,
-            system-ui,
-            sans-serif,
-            "Apple Color Emoji",
-            "Segoe UI Emoji",
-            "Segoe UI Symbol",
-            "Noto Color Emoji"
-        );
-        font-feature-settings: normal;
-        font-variation-settings: normal;
-        -webkit-tap-highlight-color: transparent;
-    }
-
-    body {
-        margin: 0;
-        line-height: inherit;
-    }
-
-    html[data-appearance="light"] {
-        color-scheme: light;
-    }
-
-    html[data-appearance="dark"] {
-        color-scheme: dark;
-    }
-
-    html[data-appearance="system"],
-    html:not([data-appearance]) {
-        color-scheme: light;
-    }
-
-    @media (prefers-color-scheme: dark) {
-        html[data-appearance="system"],
-        html:not([data-appearance]) {
-            color-scheme: dark;
-        }
-    }
-    /*! @preflight-module-end: document */
-
-    /*! @preflight-module: typography */
-    hr {
-        height: 0;
-        color: inherit;
-        border-top-width: 1px;
-    }
-
-    abbr:where([title]) {
-        text-decoration: underline dotted;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        font-size: inherit;
-        font-weight: inherit;
-    }
-
-    a {
-        color: inherit;
-        text-decoration: inherit;
-    }
-
-    b,
-    strong {
-        font-weight: bolder;
-    }
-
-    code,
-    kbd,
-    samp,
-    pre {
-        font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
-        font-feature-settings: normal;
-        font-variation-settings: normal;
-        font-size: 1em;
-    }
-
-    small {
-        font-size: 80%;
-    }
-
-    sub,
-    sup {
-        font-size: 75%;
-        line-height: 0;
-        position: relative;
-        vertical-align: baseline;
-    }
-
-    sub {
-        bottom: -0.25em;
-    }
-
-    sup {
-        top: -0.5em;
-    }
-    /*! @preflight-module-end: typography */
-
-    /*! @preflight-module: tables */
-    table {
-        text-indent: 0;
-        border-color: inherit;
-        border-collapse: collapse;
-    }
-    /*! @preflight-module-end: tables */
-
-    /*! @preflight-module: forms */
-    button,
-    input,
-    optgroup,
-    select,
-    textarea {
-        font-family: inherit;
-        font-feature-settings: inherit;
-        font-variation-settings: inherit;
-        font-size: 100%;
-        font-weight: inherit;
-        line-height: inherit;
-        letter-spacing: inherit;
-        color: inherit;
-        margin: 0;
-        padding: 0;
-    }
-
-    button,
-    select {
-        text-transform: none;
-    }
-
-    button,
-    input:where([type="button"]),
-    input:where([type="reset"]),
-    input:where([type="submit"]) {
-        -webkit-appearance: button;
-        background-color: transparent;
-        background-image: none;
-    }
-
-    :-moz-focusring {
-        outline: auto;
-    }
-
-    :-moz-ui-invalid {
-        box-shadow: none;
-    }
-
-    progress {
-        vertical-align: baseline;
-    }
-
-    ::-webkit-inner-spin-button,
-    ::-webkit-outer-spin-button {
-        height: auto;
-    }
-
-    [type="search"] {
-        -webkit-appearance: textfield;
-        outline-offset: -2px;
-    }
-
-    ::-webkit-search-decoration {
-        -webkit-appearance: none;
-    }
-
-    ::-webkit-file-upload-button {
-        -webkit-appearance: button;
-        font: inherit;
-    }
-
-    summary {
-        display: list-item;
-    }
-
-    textarea {
-        resize: vertical;
-    }
-
-    ::placeholder {
-        opacity: 1;
-    }
-
-    /* Use color-mix for adaptive placeholder colors (Safari 17+, all other modern browsers) */
-    @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
-        ::placeholder {
-            color: color-mix(in oklab, currentcolor 50%, transparent);
-        }
-    }
-
-    button,
-    [role="button"] {
-        cursor: pointer;
-    }
-
-    :disabled {
-        cursor: default;
-    }
-    /*! @preflight-module-end: forms */
-
-    /*! @preflight-module: spacing */
-    blockquote,
-    dl,
-    dd,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    hr,
-    figure,
-    p,
-    pre {
-        margin: 0;
-    }
-
-    fieldset {
-        margin: 0;
-        padding: 0;
-    }
-
-    legend {
-        padding: 0;
-    }
-    /*! @preflight-module-end: spacing */
-
-    /*! @preflight-module: lists */
-    ol,
-    ul,
-    menu {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-    }
-    /*! @preflight-module-end: lists */
-
-    /*! @preflight-module: media */
-    img,
-    svg,
-    video,
-    canvas,
-    audio,
-    iframe,
-    embed,
-    object {
-        display: block;
-        vertical-align: middle;
-    }
-
-    img,
-    video {
-        max-width: 100%;
-        height: auto;
-    }
-
-    /* SVG fill inherits text color by default */
-    svg:not([fill]) {
-        fill: currentColor;
-    }
-
-    [hidden]:where(:not([hidden="until-found"])) {
-        display: none !important;
-    }
-    /*! @preflight-module-end: media */
-
-    /*! @preflight-module: accessibility */
-    /* Focus visible for keyboard accessibility */
-    :focus-visible {
-        outline: 2px solid var(--color-focus, oklch(55% 0.2 250));
-        outline-offset: 2px;
-    }
-
-    /* Remove default focus for mouse users */
-    :focus:not(:focus-visible) {
-        outline: none;
-    }
-
-    /* Dialog improvements */
-    dialog {
-        padding: 0;
-        background-color: var(--color-surface, white);
-        color: inherit;
-    }
-
-    dialog::backdrop {
-        background-color: oklch(0% 0 0 / 50%);
-    }
-
-    /* Ensure mark uses theme colors */
-    mark {
-        background-color: var(--color-highlight, oklch(90% 0.1 90));
-        color: inherit;
-    }
-
-    /* Horizontal rule styling */
-    hr {
-        border-color: var(--color-border, oklch(85% 0 0));
-    }
-
-    /* Selection styling */
-    ::selection {
-        background-color: var(--color-selection-bg, oklch(85% 0.1 250));
-        color: var(--color-selection-fg, inherit);
-    }
-
-    /* Autofill styling */
-    input:-webkit-autofill,
-    input:-webkit-autofill:hover,
-    input:-webkit-autofill:focus,
-    textarea:-webkit-autofill,
-    textarea:-webkit-autofill:hover,
-    textarea:-webkit-autofill:focus,
-    select:-webkit-autofill,
-    select:-webkit-autofill:hover,
-    select:-webkit-autofill:focus {
-        -webkit-text-fill-color: inherit;
-        -webkit-box-shadow: 0 0 0px 1000px var(--color-surface, white) inset;
-        transition: background-color 5000s ease-in-out 0s;
-    }
-
-    /* Ensure file input button matches theme */
-    ::file-selector-button {
-        font: inherit;
-        color: inherit;
-        background-color: var(--color-surface-alt, oklch(95% 0 0));
-        border: 1px solid var(--color-border, oklch(85% 0 0));
-        border-radius: calc(0.5 * var(--spacing, 0.25rem));
-        padding-inline: 1rem;
-        padding-block: 0.5rem;
-        cursor: pointer;
-    }
-
-    ::file-selector-button:hover {
-        background-color: var(--color-surface-hover, oklch(92% 0 0));
-    }
-    /*! @preflight-module-end: accessibility */
-}