@warp-ds/elements 2.2.0-next.2 → 2.2.0-next.21

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.2.0-next.2",
+  "version": "2.2.0-next.21",
+  "packageManager": "pnpm@10.19.0",
   "description": "Custom elements for Warp",
   "exports": {
-    ".": "./dist/index.js",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
     "./components/affix": "./dist/packages/affix/index.js",
     "./components/alert": "./dist/packages/alert/index.js",
     "./components/attention": "./dist/packages/attention/index.js",
@@ -19,90 +23,142 @@
     "./components/select": "./dist/packages/select/index.js",
     "./components/textfield": "./dist/packages/textfield/index.js",
     "./components/toast": "./dist/packages/toast/index.js",
-    "./toast": "./dist/api.js"
+    "./toast": "./dist/api.js",
+    "./custom-elements.json": "./dist/custom-elements.json",
+    "./react/*": {
+      "types": "./dist/packages/*/react.d.ts",
+      "import": "./dist/packages/*/react.js"
+    },
+    "./*": {
+      "types": "./dist/packages/*/index.d.ts",
+      "import": "./dist/packages/*/index.js"
+    }
   },
-  "module": "dist/index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "customElements": "./dist/custom-elements.json",
+  "web-types": "./dist/web-types.json",
+  "types": "./dist/index.d.ts",
   "files": [
-    "dist/"
+    "./dist/",
+    "./dist/custom-elements.json"
   ],
-  "types": "dist/index.d.ts",
   "scripts": {
-    "build:docs": "lingui compile && vite build",
-    "build:eik": "node build.js eik",
-    "build:npm": "node build.js npm",
-    "build": "rimraf dist && rimraf eik && lingui compile && tsc && vite build --mode lib && pnpm run build:npm && pnpm build:eik",
+    "build:bundle": "tsc --project tsconfig.json --outDir .tmp --declaration false --sourceMap true && rollup -c ./build/bundle.js && rimraf .tmp",
+    "build:cloak": "node ./build/cloak.js",
+    "build:components": "node ./build/components.js",
+    "build:editor": "node ./build/editor.js",
+    "build:entrypoint": "node ./build/entrypoint.js",
+    "build:manifest": "custom-elements-manifest analyze --config .cem/custom-element-manifest.config.js",
+    "build:polyfill": "node ./build/polyfill.js",
+    "build:storybook": "pnpm run messages:compile && tsc && pnpm run build:manifest && pnpm run build:entrypoint && storybook build && pnpm run build:polyfill && touch ./storybook-static/.nojekyll",
+    "build:styles": "node ./build/styles.js",
+    "build": "rimraf dist && rimraf eik && pnpm messages:compile && tsc && pnpm build:manifest && pnpm build:editor && pnpm build:components && pnpm run build:cloak && pnpm build:bundle && pnpm run build:polyfill",
+    "check": "pnpm biome check --write .",
+    "clean": "rimraf .pnpm-store node_modules dist eik storybook-static entrypoint.js",
     "commit": "cz",
-    "dev": "vite",
-    "lint:check": "eslint . --ext js,cjs,mjs --ignore-path .gitignore",
-    "lint": "eslint . --fix --ext js,cjs,mjs --ignore-path .gitignore",
+    "dev": "pnpm run storybook",
+    "storybook": "storybook dev --port 63900",
+    "storybook:react": "storybook dev -p 63901 -c .storybook-react",
+    "format": "pnpm biome format --write .",
+    "lint:check": "pnpm biome lint .",
+    "lint": "pnpm biome lint --write .",
     "messages:compile": "lingui compile",
     "messages:extract": "lingui extract",
-    "preview:docs": "vite preview",
+    "prepare": "husky",
     "semantic-release": "semantic-release",
-    "test:snapshot": "TAP_SNAPSHOT=1 tap ./packages/**/test.js --no-check-coverage",
-    "test": "tap ./packages/**/test.js --no-check-coverage",
+    "test": "vitest",
     "watch:npm": "npx esbuild ./index.js --outdir=dist/ --target=es2017 --bundle --sourcemap --format=esm --minify --watch"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/warp-ds/elements.git"
+    "url": "git+https://github.com/warp-ds/elements.git"
   },
   "license": "Apache-2.0",
-  "peerDependencies": {
-    "@lingui/core": "5.x",
-    "@warp-ds/css": "2.1.1",
-    "@warp-ds/elements-core": "2.x",
-    "lit": "3.x"
-  },
   "devDependencies": {
+    "@biomejs/biome": "2.2.6",
     "@chbphone55/classnames": "2.0.0",
+    "@custom-elements-manifest/analyzer": "^0.10.5",
     "@eik/cli": "2.0.38",
     "@eik/esbuild-plugin": "1.1.47",
     "@itsy/animate": "0.0.9",
     "@lingui/cli": "5.2.0",
     "@lingui/conf": "5.2.0",
+    "@oddbird/css-anchor-positioning": "^0.7.0",
+    "@open-wc/lit-helpers": "^0.7.0",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
+    "@storybook/addon-a11y": "^9.1.4",
+    "@storybook/addon-docs": "^9.1.4",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/builder-vite": "^9.1.4",
+    "@storybook/react": "^9.1.10",
+    "@storybook/react-vite": "^9.1.10",
+    "@storybook/web-components": "^9.1.4",
+    "@storybook/web-components-vite": "^9.1.4",
     "@types/node": "20.14.10",
-    "@warp-ds/eslint-config": "1.0.5",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@unocss/core": "^66.5.0",
+    "@vitejs/plugin-react": "^5.0.2",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/utils": "^3.2.4",
     "@warp-ds/uno": "2.1.0",
-    "cors": "2.8.5",
+    "@wc-toolkit/cem-validator": "^1.0.3",
+    "@wc-toolkit/jsx-types": "^1.4.2",
+    "@wc-toolkit/storybook-helpers": "^9.0.1",
+    "@wc-toolkit/type-parser": "^1.2.0",
+    "custom-element-jet-brains-integration": "^1.7.0",
+    "custom-element-vs-code-integration": "^1.5.0",
     "cz-conventional-changelog": "3.3.0",
     "element-collapse": "1.1.0",
-    "esbuild": "0.23.0",
-    "eslint": "8.57.0",
-    "eslint-plugin-lit": "1.14.0",
+    "esbuild": "0.25.10",
     "express": "4.19.2",
     "glob": "11.0.0",
+    "globals": "15.13.0",
     "html-format": "1.1.7",
+    "husky": "^9.1.7",
+    "lightningcss": "^1.30.1",
     "lit": "3.x",
-    "playwright": "1.45.1",
+    "nanoid": "^5.1.5",
+    "playwright": "^1.55.0",
     "prettier": "3.3.2",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "rimraf": "6.0.1",
     "semantic-release": "24.0.0",
-    "tap": "21.0.0",
+    "storybook": "^9.1.4",
     "typescript": "5.5.3",
     "unocss": "0.x",
-    "vite": "5.3.3",
-    "vite-plugin-html": "3.2.2",
-    "vite-plugin-top-level-await": "1.4.1"
+    "vite": "^6.0.0",
+    "vitest": "^3.2.4",
+    "vitest-browser-lit": "^0.1.0",
+    "vitest-browser-react": "^1.0.1"
   },
   "dependencies": {
     "@lingui/core": "5.2.0",
+    "@lit-labs/rollup-plugin-minify-html-literals": "^0.1.0",
+    "@lit/react": "^1.0.8",
+    "@open-wc/form-control": "^1.0.0",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
     "@warp-ds/core": "1.1.8",
     "@warp-ds/css": "2.1.1",
     "@warp-ds/elements-core": "2.0.1",
     "@warp-ds/icons": "2.5.0",
-    "scroll-doctor": "2.0.2"
+    "date-fns": "^4.1.0",
+    "rollup": "^4.52.3",
+    "scroll-doctor": "2.0.2",
+    "tslib": "^2.8.1"
   },
   "publishConfig": {
     "access": "public"
   },
   "eik": {
     "files": "eik",
-    "import-map": [
-      "https://assets.finn.no/map/custom-elements/v3"
-    ],
     "server": "https://assets.finn.no",
     "type": "package"
   },