monochrome 0.2.0 → 0.4.0

package/dist/vue/tabs.d.ts

@@ -0,0 +1,87 @@
+import type { PropType } from "vue";
+export declare const Tabs: {
+    Root: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        defaultValue: {
+            type: StringConstructor;
+            required: true;
+        };
+        orientation: {
+            type: () => "horizontal" | "vertical";
+            default: string;
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        defaultValue: {
+            type: StringConstructor;
+            required: true;
+        };
+        orientation: {
+            type: () => "horizontal" | "vertical";
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        orientation: "vertical" | "horizontal";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    List: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Tab: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        value: {
+            type: StringConstructor;
+            required: true;
+        };
+        selected: {
+            type: PropType<boolean | null>;
+            default: null;
+        };
+        disabled: BooleanConstructor;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: StringConstructor;
+            required: true;
+        };
+        selected: {
+            type: PropType<boolean | null>;
+            default: null;
+        };
+        disabled: BooleanConstructor;
+    }>> & Readonly<{}>, {
+        disabled: boolean;
+        selected: boolean | null;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Panel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        value: {
+            type: StringConstructor;
+            required: true;
+        };
+        selected: {
+            type: PropType<boolean | null>;
+            default: null;
+        };
+        focusable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: StringConstructor;
+            required: true;
+        };
+        selected: {
+            type: PropType<boolean | null>;
+            default: null;
+        };
+        focusable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        selected: boolean | null;
+        focusable: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "monochrome",
-  "version": "0.2.0",
-  "description": "Accessible UI component library. Best-in-class performance. HTML-first, React supported.",
+  "version": "0.4.0",
+  "description": "Accessible UI component library. Best-in-class performance. HTML-first, React and Vue supported.",
   "author": "Colin van Eenige",
   "license": "MIT",
   "repository": {
@@ -26,6 +26,7 @@
     "keyboard-navigation",
     "html",
     "react",
+    "vue",
     "typescript",
     "accordion",
     "collapsible",
@@ -35,29 +36,28 @@
   "type": "module",
   "sideEffects": [
     "./dist/index.js",
-    "./src/index.ts"
+    "./dist/router.js"
   ],
   "exports": {
     ".": {
-      "types": "./src/index.ts",
+      "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./src": "./src/index.ts",
+    "./router": {
+      "types": "./dist/router.d.ts",
+      "default": "./dist/router.js"
+    },
     "./react": {
-      "types": "./src/react/index.ts",
+      "types": "./dist/react/index.d.ts",
       "default": "./dist/react/index.js"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "react": [
-        "./src/react/index.ts"
-      ]
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "default": "./dist/vue/index.js"
     }
   },
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "scripts": {
     "build": "NODE_ENV=production bun build.ts",
@@ -69,7 +69,8 @@
   },
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",
+    "vue": ">=3.5"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -77,6 +78,9 @@
     },
     "react-dom": {
       "optional": true
+    },
+    "vue": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -85,17 +89,22 @@
     "@types/bun": "1.3.9",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
+    "@vue/compiler-sfc": "3.5.29",
     "react": "19.2.4",
-    "react-dom": "19.2.4"
+    "react-dom": "19.2.4",
+    "typescript": "^5.9.3",
+    "vue": "3.5.29"
   },
   "versionMeta": {
-    "gzipSize": 2219,
+    "gzipSize": 2236,
+    "routerGzipSize": 1052,
     "tests": {
-      "total": 350,
-      "collapsible": 41,
-      "accordion": 65,
-      "menu": 175,
-      "tabs": 69
+      "total": 385,
+      "collapsible": 42,
+      "router": 28,
+      "accordion": 66,
+      "menu": 179,
+      "tabs": 70
     }
   }
 }