{
  "name": "react-aspect-ratio",
  "version": "2.0.1",
  "description": "React Component to maintain a consistent width-to-height ratio (aspect ratio), preventing cumulative layout shift.",
  "author": "Roderick Hsiao <roderickhsiao@gmail.com>",
  "repository": {
    "type": "git",
    "url": "https://github.com/roderickhsiao/react-aspect-ratio.git"
  },
  "license": "MIT",
  "keywords": [
    "aspect ratio",
    "css variables",
    "cumulative layout shift",
    "react image placeholder",
    "react-aspect-ratio",
    "reflow",
    "responsive",
    "responsive web design"
  ],
  "devDependencies": {
    "@babel/cli": "^7.2.3",
    "@babel/core": "^7.2.2",
    "@babel/plugin-transform-typescript": "^7.16.8",
    "@babel/preset-env": "^7.24.5",
    "@babel/preset-react": "^7.29.7",
    "@babel/preset-typescript": "^7.24.1",
    "@chromatic-com/storybook": "^3",
    "@storybook/addon-docs": "^8.4.7",
    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
    "@storybook/react": "^8.4.7",
    "@storybook/react-webpack5": "^8.4.7",
    "@storybook/test": "^8.6.18",
    "@testing-library/dom": "^10.4.0",
    "@testing-library/jest-dom": "^6.6.3",
    "@testing-library/react": "^16.1.0",
    "@testing-library/user-event": "^14.5.2",
    "@types/jest": "^29.0.0",
    "@types/react": "^19.0.0",
    "@types/react-dom": "^19.0.0",
    "@typescript-eslint/eslint-plugin": "^5.17.0",
    "@typescript-eslint/parser": "^5.17.0",
    "babel-eslint": "^10.0.1",
    "babel-jest": "^29.0.0",
    "babel-loader": "^9.0.0",
    "babel-preset-react-app": "^10.0.0",
    "babel-runtime": "^6.11.6",
    "bundlesize": "^0.18.0",
    "eslint": "^8.0.0",
    "eslint-config-airbnb": "^19.0.0",
    "eslint-config-airbnb-typescript": "^17.0.0",
    "eslint-plugin-import": "^2.2.0",
    "eslint-plugin-jsx-a11y": "^6.1.2",
    "eslint-plugin-react": "^7.0.0",
    "git-url-parse": "^13.0.0",
    "jest": "^29.0.0",
    "jest-cli": "^29.0.0",
    "jest-environment-jsdom": "^29.7.0",
    "jest-junit": "^15.0.0",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "storybook": "^8.4.7",
    "ts-loader": "^9.2.8",
    "typescript": "^5.0.0"
  },
  "peerDependencies": {
    "react": ">=19.0.0"
  },
  "files": [
    "dist",
    "aspect-ratio.css",
    "aspect-ratio.js",
    "MIGRATION.md"
  ],
  "main": "dist/index.js",
  "module": "dist/es/index.js",
  "types": "dist/index.d.ts",
  "sideEffects": [
    "*.css"
  ],
  "bundlesize": [
    {
      "path": "./dist/*.js",
      "maxSize": "2 kB"
    },
    {
      "path": "./dist/es/*.js",
      "maxSize": "2 kB"
    }
  ],
  "engines": {
    "node": ">=20"
  },
  "scripts": {
    "bundlesize": "bundlesize",
    "lint": "eslint",
    "lintfix": "eslint --fix",
    "publish-storybook": "bash .scripts/publish_storybook.sh",
    "storybook": "storybook dev -p 9010",
    "build-storybook": "storybook build",
    "test-watch": "pnpm run testonly --watch",
    "test": "pnpm run lint && pnpm run testonly",
    "test:ci": "pnpm run lint && pnpm run testonly:ci",
    "testonly": "jest src --config jest-config.js",
    "testonly:ci": "jest src --config jest-config.js -u"
  }
}