@radix-ui/themes/package.json

[](https://radix-ui.com/themes)

{
  "name": "@radix-ui/themes",
  "version": "3.1.4",
  "type": "commonjs",
  "main": "./dist/cjs/index.js",
  "types": "./dist/cjs/index.d.ts",
  "module": "./dist/esm/index.js",
  "style": "./styles.css",
  "exports": {
    ".": {
      "require": {
        "types": "./dist/cjs/index.d.ts",
        "default": "./dist/cjs/index.js"
      },
      "import": {
        "types": "./dist/esm/index.d.ts",
        "default": "./dist/esm/index.js"
      }
    },
    "./helpers": {
      "require": {
        "types": "./dist/cjs/helpers/index.d.ts",
        "default": "./dist/cjs/helpers/index.js"
      },
      "import": {
        "types": "./dist/esm/helpers/index.d.ts",
        "default": "./dist/esm/helpers/index.js"
      }
    },
    "./props": {
      "require": {
        "types": "./dist/cjs/props/index.d.ts",
        "default": "./dist/cjs/props/index.js"
      },
      "import": {
        "types": "./dist/esm/props/index.d.ts",
        "default": "./dist/esm/props/index.js"
      }
    },
    "./*": "./*"
  },
  "sideEffects": false,
  "license": "MIT",
  "files": [
    "src/**",
    "dist/**",
    "tokens/**",
    "layout/**",
    "*.css",
    "postcss-breakpoints.cjs",
    "postcss-whitespace.cjs"
  ],
  "scripts": {
    "build": "yarn build:js && yarn build:css",
    "build:js": "yarn build:js:cjs && yarn build:js:esm && yarn build:js:cjs:types && yarn build:js:esm:types",
    "build:js:cjs": "node esbuild-cjs.mjs",
    "build:js:cjs:types": "tsc --outdir dist/cjs",
    "build:js:esm": "node esbuild-esm.mjs",
    "build:js:esm:types": "tsc --outdir dist/esm",
    "build:css": "yarn build:css:index && yarn build:css:tokens && yarn build:css:components && yarn build:css:utilities && yarn build:css:layout",
    "build:css:index": "postcss src/styles/index.css -o styles.css",
    "build:css:components": "postcss src/components/index.css -o components.css",
    "build:css:utilities": "postcss src/styles/utilities/index.css -o utilities.css",
    "build:css:tokens": "yarn build:css:tokens:index && yarn build:css:tokens:base && yarn build:css:tokens:colors",
    "build:css:tokens:index": "postcss src/styles/tokens/index.css -o tokens.css",
    "build:css:tokens:base": "postcss src/styles/tokens/base.css -o tokens/base.css",
    "build:css:tokens:colors": "postcss src/styles/tokens/colors/*.css --dir tokens/colors",
    "build:css:layout": "yarn build:css:layout:index && yarn build:css:layout:tokens && yarn build:css:layout:components && yarn build:css:layout:utilities",
    "build:css:layout:index": "postcss src/styles/layout.css -o layout.css",
    "build:css:layout:tokens": "postcss src/styles/tokens/layout.css -o layout/tokens.css",
    "build:css:layout:components": "postcss src/components/layout.css -o layout/components.css",
    "build:css:layout:utilities": "postcss src/styles/utilities/layout.css -o layout/utilities.css",
    "dev": "yarn dev:js & yarn dev:css",
    "dev:js": "yarn dev:js:cjs & yarn dev:js:esm & yarn dev:js:cjs:types & yarn dev:js:esm:types",
    "dev:js:cjs": "node esbuild-cjs.mjs watch=true",
    "dev:js:cjs:types": "tsc --watch --incremental --outdir dist/cjs",
    "dev:js:esm": "node esbuild-esm.mjs watch=true",
    "dev:js:esm:types": "tsc --watch --incremental --outdir dist/esm >/dev/null",
    "dev:css": "postcss src/styles/index.css -o styles.css --watch",
    "lint": "yarn lint:js && yarn lint:css",
    "lint:js": "eslint \"src/**/*.ts*\"",
    "lint:css": "stylelint \"src/**/*.css\"",
    "clean": "rm -rf .turbo node_modules dist tokens layout *.css",
    "prepublishOnly": "yarn lint"
  },
  "dependencies": {
    "@radix-ui/colors": "3.0.0",
    "@radix-ui/primitive": "1.1.0",
    "@radix-ui/react-accessible-icon": "1.1.0",
    "@radix-ui/react-alert-dialog": "1.1.1",
    "@radix-ui/react-aspect-ratio": "1.1.0",
    "@radix-ui/react-avatar": "1.1.0",
    "@radix-ui/react-checkbox": "1.1.0",
    "@radix-ui/react-compose-refs": "1.1.0",
    "@radix-ui/react-context": "1.1.0",
    "@radix-ui/react-context-menu": "2.2.1",
    "@radix-ui/react-dialog": "1.1.1",
    "@radix-ui/react-direction": "1.1.0",
    "@radix-ui/react-dropdown-menu": "2.1.1",
    "@radix-ui/react-form": "0.1.0",
    "@radix-ui/react-hover-card": "1.1.1",
    "@radix-ui/react-navigation-menu": "1.2.0",
    "@radix-ui/react-popover": "1.1.1",
    "@radix-ui/react-portal": "1.1.1",
    "@radix-ui/react-primitive": "2.0.0",
    "@radix-ui/react-progress": "1.1.0",
    "@radix-ui/react-radio-group": "1.2.0",
    "@radix-ui/react-roving-focus": "1.1.0",
    "@radix-ui/react-scroll-area": "1.1.0",
    "@radix-ui/react-select": "2.1.1",
    "@radix-ui/react-slider": "1.2.0",
    "@radix-ui/react-slot": "1.1.0",
    "@radix-ui/react-switch": "1.1.0",
    "@radix-ui/react-tabs": "1.1.0",
    "@radix-ui/react-toggle-group": "1.1.0",
    "@radix-ui/react-tooltip": "1.1.1",
    "@radix-ui/react-use-callback-ref": "1.1.0",
    "@radix-ui/react-use-controllable-state": "1.1.0",
    "@radix-ui/react-visually-hidden": "1.1.0",
    "classnames": "2.3.2",
    "react-remove-scroll-bar": "2.3.4"
  },
  "peerDependencies": {
    "@types/react": "*",
    "@types/react-dom": "*",
    "react": "16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
    "react-dom": "16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
  },
  "peerDependenciesMeta": {
    "@types/react": {
      "optional": true
    },
    "@types/react-dom": {
      "optional": true
    }
  },
  "devDependencies": {
    "@types/react": "18.3.3",
    "@types/react-dom": "18.3.0",
    "autoprefixer": "10.4.19",
    "esbuild": "0.20.0",
    "eslint": "8.15.0",
    "eslint-config-custom": "*",
    "eslint-plugin-import": "2.29.1",
    "eslint-plugin-require-extensions": "0.1.3",
    "postcss": "8.4.33",
    "postcss-cli": "11.0.0",
    "postcss-combine-duplicated-selectors": "10.0.3",
    "postcss-custom-media": "10.0.2",
    "postcss-discard-empty": "6.0.1",
    "postcss-import": "16.0.0",
    "postcss-nesting": "12.0.2",
    "react": "18.3.1",
    "react-dom": "18.3.1",
    "stylelint": "16.6.1",
    "typescript": "5.3.3"
  },
  "publishConfig": {
    "access": "public"
  },
  "homepage": "https://radix-ui.com/themes",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/radix-ui/themes.git"
  },
  "bugs": {
    "url": "https://github.com/radix-ui/themes/issues"
  }
}