kanto-ds 1.0.1 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kanto-ds",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "description": "Framework-agnostic design system for data-dense product interfaces.",
   "keywords": [
     "design-system",
@@ -10,7 +10,7 @@
     "ui",
     "dark-theme"
   ],
-  "homepage": "https://github.com/MrArnaudMichel/kanto#readme",
+  "homepage": "https://kanto.arnaudmichel.fr",
   "bugs": "https://github.com/MrArnaudMichel/kanto/issues",
   "repository": {
     "type": "git",
@@ -32,6 +32,8 @@
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "customElements": "./dist/custom-elements.json",
+  "web-types": "./dist/web-types.json",
   "imports": {
     "#internal/*": {
       "kanto-source": "./src/internal/*.ts",
@@ -53,6 +55,10 @@
       "types": "./dist/react/index.d.ts",
       "default": "./dist/react/index.js"
     },
+    "./react/jsx": {
+      "types": "./dist/react/jsx.d.ts",
+      "default": "./dist/react/jsx.js"
+    },
     "./vue": {
       "types": "./dist/vue/index.d.ts",
       "default": "./dist/vue/index.js"
@@ -228,6 +234,10 @@
     "./styles.css": "./dist/styles.css",
     "./tokens/*": "./dist/tokens/*",
     "./assets/*": "./dist/assets/*",
+    "./custom-elements.json": "./dist/custom-elements.json",
+    "./web-types.json": "./dist/web-types.json",
+    "./vscode.html-custom-data.json": "./dist/vscode.html-custom-data.json",
+    "./vscode.css-custom-data.json": "./dist/vscode.css-custom-data.json",
     "./package.json": "./package.json"
   },
   "files": [
@@ -238,10 +248,11 @@
   ],
   "scripts": {
     "dev": "vite --config demo/vite.config.ts",
-    "build": "npm run build:js && npm run build:types && npm run build:static",
+    "build": "npm run build:js && npm run build:types && npm run build:static && npm run build:manifest",
     "build:js": "vite build",
     "build:types": "tsc -p tsconfig.build.json",
     "build:static": "node scripts/copy-static.js",
+    "build:manifest": "cem analyze --config custom-elements-manifest.config.js",
     "build:demo": "vite build --config demo/vite.config.ts",
     "test": "vitest run",
     "test:watch": "vitest",
@@ -259,20 +270,19 @@
     "prepublishOnly": "npm run verify"
   },
   "dependencies": {
-    "@lit/react": "^1.0.8",
     "lit": "^3.3.3",
     "lucide": "^1.43.0"
   },
   "peerDependencies": {
+    "@lit/react": "^1.0.8",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
     "vue": "^3.4.0"
   },
   "peerDependenciesMeta": {
-    "react": {
+    "@lit/react": {
       "optional": true
     },
-    "react-dom": {
+    "react": {
       "optional": true
     },
     "vue": {
@@ -280,9 +290,16 @@
     }
   },
   "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.11.0",
     "@eslint/js": "^10.0.1",
+    "@lit/react": "^1.0.8",
     "@types/react": "^19.2.18",
-    "@vitest/coverage-v8": "^5.0.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitest/browser-playwright": "^5.0.1",
+    "@vitest/coverage-v8": "^5.0.1",
+    "axe-core": "^4.13.0",
+    "custom-element-jet-brains-integration": "^1.8.0",
+    "custom-element-vs-code-integration": "^1.5.0",
     "eslint": "^10.10.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-lit": "^2.3.1",
@@ -291,12 +308,14 @@
     "highlight.js": "^11.12.0",
     "jsdom": "^30.0.1",
     "marked": "^18.0.12",
+    "playwright": "^1.63.0",
     "prettier": "^3.9.6",
     "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.70.0",
     "vite": "^7.3.6",
-    "vitest": "^5.0.0",
+    "vitest": "^5.0.1",
     "vue": "^3.5.42"
   }
 }

package/dist/chunks/kt-element-CcMLO5e8.js

@@ -1,28 +0,0 @@
-import { LitElement as s, css as n } from "lit";
-class o extends s {
-  static {
-    this.styles = n`
-    :host {
-      box-sizing: border-box;
-    }
-
-    :host([hidden]) {
-      display: none !important;
-    }
-
-    *,
-    *::before,
-    *::after {
-      box-sizing: inherit;
-    }
-  `;
-  }
-}
-function r(e, t) {
-  customElements.get(e) || customElements.define(e, t);
-}
-export {
-  o as K,
-  r as d
-};
-//# sourceMappingURL=kt-element-CcMLO5e8.js.map

package/dist/chunks/kt-element-CcMLO5e8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kt-element-CcMLO5e8.js","sources":["../../src/internal/kt-element.ts"],"sourcesContent":["import { LitElement, css, type CSSResultGroup } from 'lit';\n\n/**\n * Base class for every Kanto element.\n *\n * It exists for two reasons. First, `box-sizing: border-box` does not cross a\n * shadow boundary, so each root has to re-establish it. Second, `[hidden]`\n * loses to a `:host { display: flex }` rule inside the shadow root, and every\n * element in this system sets its own display — without the override here,\n * hiding a Kanto element from the outside silently does nothing.\n */\nexport class KtElement extends LitElement {\n  static override styles: CSSResultGroup = css`\n    :host {\n      box-sizing: border-box;\n    }\n\n    :host([hidden]) {\n      display: none !important;\n    }\n\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n  `;\n}\n\n/**\n * Registers a custom element, tolerating a repeat call.\n *\n * A design system gets loaded twice more often than you would like — two\n * versions in one dependency tree, a dev-server hot reload, a micro-frontend\n * mounting a second copy. `customElements.define` throws on a duplicate tag\n * and would take the whole page down with it.\n */\nexport function defineElement(tag: string, ctor: CustomElementConstructor): void {\n  if (customElements.get(tag)) return;\n  customElements.define(tag, ctor);\n}\n"],"names":["KtElement","LitElement","css","defineElement","tag","ctor"],"mappings":";AAWO,MAAMA,UAAkBC,EAAW;AAAA,EACxC,OAAA;AAAA,SAAgB,SAAyBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAe3C;AAUO,SAASC,EAAcC,GAAaC,GAAsC;AAC/E,EAAI,eAAe,IAAID,CAAG,KAC1B,eAAe,OAAOA,GAAKC,CAAI;AACjC;"}