@radix-ui/themes/package.json

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

{
  "name": "@radix-ui/themes",
  "version": "3.0.3",
  "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.0.1",
    "@radix-ui/react-accessible-icon": "^1.0.3",
    "@radix-ui/react-alert-dialog": "^1.0.5",
    "@radix-ui/react-aspect-ratio": "^1.0.3",
    "@radix-ui/react-avatar": "^1.0.4",
    "@radix-ui/react-checkbox": "^1.0.4",
    "@radix-ui/react-compose-refs": "^1.0.1",
    "@radix-ui/react-context": "^1.0.1",
    "@radix-ui/react-context-menu": "^2.1.5",
    "@radix-ui/react-dialog": "^1.0.5",
    "@radix-ui/react-direction": "^1.0.1",
    "@radix-ui/react-dropdown-menu": "^2.0.6",
    "@radix-ui/react-form": "^0.0.3",
    "@radix-ui/react-hover-card": "^1.0.7",
    "@radix-ui/react-navigation-menu": "^1.1.4",
    "@radix-ui/react-popover": "^1.0.7",
    "@radix-ui/react-portal": "^1.0.4",
    "@radix-ui/react-primitive": "^1.0.3",
    "@radix-ui/react-progress": "^1.0.3",
    "@radix-ui/react-radio-group": "^1.1.3",
    "@radix-ui/react-roving-focus": "^1.0.4",
    "@radix-ui/react-scroll-area": "^1.0.5",
    "@radix-ui/react-select": "^2.0.0",
    "@radix-ui/react-slider": "^1.1.2",
    "@radix-ui/react-slot": "^1.0.2",
    "@radix-ui/react-switch": "^1.0.3",
    "@radix-ui/react-tabs": "^1.0.4",
    "@radix-ui/react-toggle-group": "^1.0.4",
    "@radix-ui/react-tooltip": "^1.0.7",
    "@radix-ui/react-use-callback-ref": "^1.0.1",
    "@radix-ui/react-use-controllable-state": "^1.0.1",
    "@radix-ui/react-visually-hidden": "^1.0.3",
    "react-remove-scroll-bar": "2.3.4",
    "classnames": "^2.3.2"
  },
  "peerDependencies": {
    "@types/react": "*",
    "@types/react-dom": "*",
    "react": "^16.8 || ^17.0 || ^18.0",
    "react-dom": "^16.8 || ^17.0 || ^18.0"
  },
  "peerDependenciesMeta": {
    "@types/react": {
      "optional": true
    },
    "@types/react-dom": {
      "optional": true
    }
  },
  "devDependencies": {
    "@types/react": "^18.2.53",
    "@types/react-dom": "^18.2.18",
    "autoprefixer": "^10.4.19",
    "esbuild": "^0.20.0",
    "eslint": "^8.15.0",
    "eslint-config-custom": "*",
    "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.2.0",
    "react-dom": "^18.2.0",
    "stylelint": "^16.1.0",
    "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"
  }
}