@m3e/react 2.3.2 → 2.4.0

package/dist/src/all.d.ts

@@ -49,4 +49,5 @@ export * from "./theme";
 export * from "./toc";
 export * from "./toolbar";
 export * from "./tooltip";
+export * from "./tree";
 //# sourceMappingURL=all.d.ts.map

package/dist/src/all.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"all.d.ts","sourceRoot":"","sources":["../../src/all.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"all.d.ts","sourceRoot":"","sources":["../../src/all.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

package/dist/src/tree/Tree.d.ts

@@ -0,0 +1,19 @@
+import { M3eTreeElement } from "@m3e/web/tree";
+export type { M3eTreeElement } from "@m3e/web/tree";
+/**
+ * React binding for the `m3e-tree` Web Component from `@m3e/web/tree`.
+ *
+ * This component renders the underlying `<m3e-tree>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-tree>` instance for imperative access.
+ *
+ * See the `m3e-tree` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eTree: import("@lit/react").ReactWebComponent<M3eTreeElement, {
+    onChange: string;
+}>;
+//# sourceMappingURL=Tree.d.ts.map

package/dist/src/tree/Tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/tree/Tree.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO;;EAOlB,CAAC"}

package/dist/src/tree/TreeItem.d.ts

@@ -0,0 +1,23 @@
+import { M3eTreeItemElement } from "@m3e/web/tree";
+export type { M3eTreeItemElement } from "@m3e/web/tree";
+/**
+ * React binding for the `m3e-tree-item` Web Component from `@m3e/web/tree`.
+ *
+ * This component renders the underlying `<m3e-tree-item>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-tree-item>` instance for imperative access.
+ *
+ * See the `m3e-tree-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eTreeItem: import("@lit/react").ReactWebComponent<M3eTreeItemElement, {
+    onOpening: string;
+    onOpened: string;
+    onClosing: string;
+    onClosed: string;
+    onClick: string;
+}>;
+//# sourceMappingURL=TreeItem.d.ts.map

package/dist/src/tree/TreeItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeItem.d.ts","sourceRoot":"","sources":["../../../src/tree/TreeItem.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW;;;;;;EAWtB,CAAC"}

package/dist/src/tree/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Tree";
+export * from "./TreeItem";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/tree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tree/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}

package/dist/tree.js

@@ -0,0 +1,59 @@
+/**
+ * @license MIT
+ * Copyright (c) 2025–2026 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { M3eTreeElement, M3eTreeItemElement } from '@m3e/web/tree';
+
+/**
+ * React binding for the `m3e-tree` Web Component from `@m3e/web/tree`.
+ *
+ * This component renders the underlying `<m3e-tree>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-tree>` instance for imperative access.
+ *
+ * See the `m3e-tree` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eTree = createComponent({
+  tagName: "m3e-tree",
+  elementClass: M3eTreeElement,
+  react: React,
+  events: {
+    onChange: "change"
+  }
+});
+
+/**
+ * React binding for the `m3e-tree-item` Web Component from `@m3e/web/tree`.
+ *
+ * This component renders the underlying `<m3e-tree-item>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-tree-item>` instance for imperative access.
+ *
+ * See the `m3e-tree-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eTreeItem = createComponent({
+  tagName: "m3e-tree-item",
+  elementClass: M3eTreeItemElement,
+  react: React,
+  events: {
+    onOpening: "opening",
+    onOpened: "opened",
+    onClosing: "closing",
+    onClosed: "closed",
+    onClick: "click"
+  }
+});
+
+export { M3eTree, M3eTreeItem };
+//# sourceMappingURL=tree.js.map

package/dist/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sources":["../../src/tree/Tree.ts","../../src/tree/TreeItem.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTreeElement } from \"@m3e/web/tree\";\r\nexport type { M3eTreeElement } from \"@m3e/web/tree\";\r\n\r\n/**\r\n * React binding for the `m3e-tree` Web Component from `@m3e/web/tree`.\r\n *\r\n * This component renders the underlying `<m3e-tree>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-tree>` instance for imperative access.\r\n *\r\n * See the `m3e-tree` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTree = createComponent({\r\n  tagName: \"m3e-tree\",\r\n  elementClass: M3eTreeElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTreeItemElement } from \"@m3e/web/tree\";\r\nexport type { M3eTreeItemElement } from \"@m3e/web/tree\";\r\n\r\n/**\r\n * React binding for the `m3e-tree-item` Web Component from `@m3e/web/tree`.\r\n *\r\n * This component renders the underlying `<m3e-tree-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-tree-item>` instance for imperative access.\r\n *\r\n * See the `m3e-tree-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTreeItem = createComponent({\r\n  tagName: \"m3e-tree-item\",\r\n  elementClass: M3eTreeItemElement,\r\n  react: React,\r\n  events: {\r\n    onOpening: \"opening\",\r\n    onOpened: \"opened\",\r\n    onClosing: \"closing\",\r\n    onClosed: \"closed\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":["M3eTree","createComponent","tagName","elementClass","M3eTreeElement","react","React","events","onChange","M3eTreeItem","M3eTreeItemElement","onOpening","onOpened","onClosing","onClosed","onClick"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,OAAO,GAAGC,eAAe,CAAC;AACrCC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,YAAY,EAAEC,cAAc;AAC5BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,WAAW,GAAGR,eAAe,CAAC;AACzCC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEO,kBAAkB;AAChCL,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNI,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}

package/dist/tree.min.js

@@ -0,0 +1,7 @@
+/**
+ * @license MIT
+ * Copyright (c) 2025–2026 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+import e from"react";import{createComponent as n}from"@lit/react";import{M3eTreeElement as o,M3eTreeItemElement as t}from"@m3e/web/tree";const m=n({tagName:"m3e-tree",elementClass:o,react:e,events:{onChange:"change"}}),r=n({tagName:"m3e-tree-item",elementClass:t,react:e,events:{onOpening:"opening",onOpened:"opened",onClosing:"closing",onClosed:"closed",onClick:"click"}});export{m as M3eTree,r as M3eTreeItem};
+//# sourceMappingURL=tree.min.js.map

package/dist/tree.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.min.js","sources":["../../src/tree/Tree.ts","../../src/tree/TreeItem.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTreeElement } from \"@m3e/web/tree\";\r\nexport type { M3eTreeElement } from \"@m3e/web/tree\";\r\n\r\n/**\r\n * React binding for the `m3e-tree` Web Component from `@m3e/web/tree`.\r\n *\r\n * This component renders the underlying `<m3e-tree>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-tree>` instance for imperative access.\r\n *\r\n * See the `m3e-tree` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTree = createComponent({\r\n  tagName: \"m3e-tree\",\r\n  elementClass: M3eTreeElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTreeItemElement } from \"@m3e/web/tree\";\r\nexport type { M3eTreeItemElement } from \"@m3e/web/tree\";\r\n\r\n/**\r\n * React binding for the `m3e-tree-item` Web Component from `@m3e/web/tree`.\r\n *\r\n * This component renders the underlying `<m3e-tree-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-tree-item>` instance for imperative access.\r\n *\r\n * See the `m3e-tree-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTreeItem = createComponent({\r\n  tagName: \"m3e-tree-item\",\r\n  elementClass: M3eTreeItemElement,\r\n  react: React,\r\n  events: {\r\n    onOpening: \"opening\",\r\n    onOpened: \"opened\",\r\n    onClosing: \"closing\",\r\n    onClosed: \"closed\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":["M3eTree","createComponent","tagName","elementClass","M3eTreeElement","react","React","events","onChange","M3eTreeItem","M3eTreeItemElement","onOpening","onOpened","onClosing","onClosed","onClick"],"mappings":";;;;;yIAmBO,MAAMA,EAAUC,EAAgB,CACrCC,QAAS,WACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU,YCLDC,EAAcR,EAAgB,CACzCC,QAAS,gBACTC,aAAcO,EACdL,MAAOC,EACPC,OAAQ,CACNI,UAAW,UACXC,SAAU,SACVC,UAAW,UACXC,SAAU,SACVC,QAAS"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3e/react",
-  "version": "2.3.2",
+  "version": "2.4.0",
   "description": "React bindings for M3E Web Components",
   "author": "matraic <matraic@yahoo.com>",
   "license": "MIT",
@@ -219,6 +219,10 @@
       "types": "./dist/src/tooltip/index.d.ts",
       "default": "./dist/tooltip.js"
     },
+    "./tree": {
+      "types": "./dist/src/tree/index.d.ts",
+      "default": "./dist/tree.js"
+    },
     "./all": {
       "types": "./dist/src/all.d.ts",
       "default": "./dist/all.js"
@@ -232,7 +236,7 @@
   },
   "peerDependencies": {
     "@lit/react": "^1.0.8",
-    "@m3e/web": "^2.3.2",
+    "@m3e/web": "^2.4.0",
     "lit": "^3.3.0",
     "react": ">=18"
   }