@m3e/react 2.0.0

package/dist/list.js

@@ -0,0 +1,164 @@
+"use client";
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { M3eActionListElement, M3eExpandableListItemElement, M3eListElement, M3eListActionElement, M3eListItemElement, M3eListOptionElement, M3eSelectionListElement } from '@m3e/web/list';
+
+/**
+ * React binding for the `m3e-action-list` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-action-list>` 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-action-list>` instance for imperative access.
+ *
+ * See the `m3e-action-list` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eActionList = createComponent({
+    tagName: "m3e-action-list",
+    elementClass: M3eActionListElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-expandable-list-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-expandable-list-item>` instance for imperative access.
+ *
+ * See the `m3e-expandable-list-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eExpandableListItem = createComponent({
+    tagName: "m3e-expandable-list-item",
+    elementClass: M3eExpandableListItemElement,
+    react: React,
+    events: {
+        onOpening: "opening",
+        onOpened: "opened",
+        onClosing: "closing",
+        onClosed: "closed",
+    },
+});
+
+/**
+ * React binding for the `m3e-list` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-list>` 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-list>` instance for imperative access.
+ *
+ * See the `m3e-list` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eList = createComponent({
+    tagName: "m3e-list",
+    elementClass: M3eListElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-list-action` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-list-action>` 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-list-action>` instance for imperative access.
+ *
+ * See the `m3e-list-action` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eListAction = createComponent({
+    tagName: "m3e-list-action",
+    elementClass: M3eListActionElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-list-item` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-list-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-list-item>` instance for imperative access.
+ *
+ * See the `m3e-list-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eListItem = createComponent({
+    tagName: "m3e-list-item",
+    elementClass: M3eListItemElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-list-option` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-list-option>` 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-list-option>` instance for imperative access.
+ *
+ * See the `m3e-list-option` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eListOption = createComponent({
+    tagName: "m3e-list-option",
+    elementClass: M3eListOptionElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-selection-list` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-selection-list>` 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-selection-list>` instance for imperative access.
+ *
+ * See the `m3e-selection-list` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSelectionList = createComponent({
+    tagName: "m3e-selection-list",
+    elementClass: M3eSelectionListElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+    },
+});
+
+export { M3eActionList, M3eExpandableListItem, M3eList, M3eListAction, M3eListItem, M3eListOption, M3eSelectionList };
+//# sourceMappingURL=list.js.map

package/dist/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sources":["../../src/list/ActionList.ts","../../src/list/ExpandableListItem.ts","../../src/list/List.ts","../../src/list/ListAction.ts","../../src/list/ListItem.ts","../../src/list/ListOption.ts","../../src/list/SelectionList.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eActionListElement } from \"@m3e/web/list\";\r\nexport type { M3eActionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-action-list` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-action-list>` 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-action-list>` instance for imperative access.\r\n *\r\n * See the `m3e-action-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eActionList = createComponent({\r\n  tagName: \"m3e-action-list\",\r\n  elementClass: M3eActionListElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-expandable-list-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-expandable-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-expandable-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eExpandableListItem = createComponent({\r\n  tagName: \"m3e-expandable-list-item\",\r\n  elementClass: M3eExpandableListItemElement,\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  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListElement } from \"@m3e/web/list\";\r\nexport type { ListVariant, M3eListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list>` 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-list>` instance for imperative access.\r\n *\r\n * See the `m3e-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eList = createComponent({\r\n  tagName: \"m3e-list\",\r\n  elementClass: M3eListElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListActionElement } from \"@m3e/web/list\";\r\nexport type { M3eListActionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-action` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-action>` 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-list-action>` instance for imperative access.\r\n *\r\n * See the `m3e-list-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListAction = createComponent({\r\n  tagName: \"m3e-list-action\",\r\n  elementClass: M3eListActionElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-item` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-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-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListItem = createComponent({\r\n  tagName: \"m3e-list-item\",\r\n  elementClass: M3eListItemElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListOptionElement } from \"@m3e/web/list\";\r\nexport type { M3eListOptionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-option` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-option>` 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-list-option>` instance for imperative access.\r\n *\r\n * See the `m3e-list-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListOption = createComponent({\r\n  tagName: \"m3e-list-option\",\r\n  elementClass: M3eListOptionElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSelectionListElement } from \"@m3e/web/list\";\r\nexport type { M3eSelectionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-selection-list` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-selection-list>` 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-selection-list>` instance for imperative access.\r\n *\r\n * See the `m3e-selection-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSelectionList = createComponent({\r\n  tagName: \"m3e-selection-list\",\r\n  elementClass: M3eSelectionListElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,qBAAqB,GAAG,eAAe,CAAC;AACnD,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,YAAY,EAAE,4BAA4B;AAC1C,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAG,eAAe,CAAC;AACrC,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,WAAW,GAAG,eAAe,CAAC;AACzC,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;;;"}

package/dist/list.min.js

@@ -0,0 +1,7 @@
+"use client";
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eActionListElement as n,M3eExpandableListItemElement as a,M3eListElement as l,M3eListActionElement as s,M3eListItemElement as m,M3eListOptionElement as i,M3eSelectionListElement as o}from"@m3e/web/list";const c=t({tagName:"m3e-action-list",elementClass:n,react:e}),r=t({tagName:"m3e-expandable-list-item",elementClass:a,react:e,events:{onOpening:"opening",onOpened:"opened",onClosing:"closing",onClosed:"closed"}}),g=t({tagName:"m3e-list",elementClass:l,react:e}),p=t({tagName:"m3e-list-action",elementClass:s,react:e,events:{onClick:"click"}}),C=t({tagName:"m3e-list-item",elementClass:m,react:e}),N=t({tagName:"m3e-list-option",elementClass:i,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),d=t({tagName:"m3e-selection-list",elementClass:o,react:e,events:{onInput:"input",onChange:"change"}});export{c as M3eActionList,r as M3eExpandableListItem,g as M3eList,p as M3eListAction,C as M3eListItem,N as M3eListOption,d as M3eSelectionList};
+//# sourceMappingURL=list.min.js.map

package/dist/list.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.min.js","sources":["../../src/list/ActionList.ts","../../src/list/ExpandableListItem.ts","../../src/list/List.ts","../../src/list/ListAction.ts","../../src/list/ListItem.ts","../../src/list/ListOption.ts","../../src/list/SelectionList.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eActionListElement } from \"@m3e/web/list\";\r\nexport type { M3eActionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-action-list` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-action-list>` 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-action-list>` instance for imperative access.\r\n *\r\n * See the `m3e-action-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eActionList = createComponent({\r\n  tagName: \"m3e-action-list\",\r\n  elementClass: M3eActionListElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-expandable-list-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-expandable-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-expandable-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eExpandableListItem = createComponent({\r\n  tagName: \"m3e-expandable-list-item\",\r\n  elementClass: M3eExpandableListItemElement,\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  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListElement } from \"@m3e/web/list\";\r\nexport type { ListVariant, M3eListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list>` 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-list>` instance for imperative access.\r\n *\r\n * See the `m3e-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eList = createComponent({\r\n  tagName: \"m3e-list\",\r\n  elementClass: M3eListElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListActionElement } from \"@m3e/web/list\";\r\nexport type { M3eListActionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-action` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-action>` 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-list-action>` instance for imperative access.\r\n *\r\n * See the `m3e-list-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListAction = createComponent({\r\n  tagName: \"m3e-list-action\",\r\n  elementClass: M3eListActionElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-item` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-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-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListItem = createComponent({\r\n  tagName: \"m3e-list-item\",\r\n  elementClass: M3eListItemElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListOptionElement } from \"@m3e/web/list\";\r\nexport type { M3eListOptionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-option` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-option>` 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-list-option>` instance for imperative access.\r\n *\r\n * See the `m3e-list-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListOption = createComponent({\r\n  tagName: \"m3e-list-option\",\r\n  elementClass: M3eListOptionElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSelectionListElement } from \"@m3e/web/list\";\r\nexport type { M3eSelectionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-selection-list` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-selection-list>` 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-selection-list>` instance for imperative access.\r\n *\r\n * See the `m3e-selection-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSelectionList = createComponent({\r\n  tagName: \"m3e-selection-list\",\r\n  elementClass: M3eSelectionListElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eActionList","createComponent","tagName","elementClass","M3eActionListElement","react","React","M3eExpandableListItem","M3eExpandableListItemElement","events","onOpening","onOpened","onClosing","onClosed","M3eList","M3eListElement","M3eListAction","M3eListActionElement","onClick","M3eListItem","M3eListItemElement","M3eListOption","M3eListOptionElement","onInput","onChange","M3eSelectionList","M3eSelectionListElement"],"mappings":";;;;;yRAmBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC,ICHIC,EAAwBN,EAAgB,CACnDC,QAAS,2BACTC,aAAcK,EACdH,MAAOC,EACPG,OAAQ,CACNC,UAAW,UACXC,SAAU,SACVC,UAAW,UACXC,SAAU,YCRDC,EAAUb,EAAgB,CACrCC,QAAS,WACTC,aAAcY,EACdV,MAAOC,ICHIU,EAAgBf,EAAgB,CAC3CC,QAAS,kBACTC,aAAcc,EACdZ,MAAOC,EACPG,OAAQ,CACNS,QAAS,WCLAC,EAAclB,EAAgB,CACzCC,QAAS,gBACTC,aAAciB,EACdf,MAAOC,ICHIe,EAAgBpB,EAAgB,CAC3CC,QAAS,kBACTC,aAAcmB,EACdjB,MAAOC,EACPG,OAAQ,CACNc,QAAS,QACTC,SAAU,SACVN,QAAS,WCPAO,EAAmBxB,EAAgB,CAC9CC,QAAS,qBACTC,aAAcuB,EACdrB,MAAOC,EACPG,OAAQ,CACNc,QAAS,QACTC,SAAU"}

package/dist/loading-indicator.js

@@ -0,0 +1,32 @@
+"use client";
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { M3eLoadingIndicatorElement } from '@m3e/web/loading-indicator';
+
+/**
+ * React binding for the `m3e-loading-indicator` Web Component from `@m3e/loading-indicator`.
+ *
+ * This component renders the underlying `<m3e-loading-indicator>` 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-loading-indicator>` instance for imperative access.
+ *
+ * See the `m3e-loading-indicator` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eLoadingIndicator = createComponent({
+    tagName: "m3e-loading-indicator",
+    elementClass: M3eLoadingIndicatorElement,
+    react: React,
+});
+
+export { M3eLoadingIndicator };
+//# sourceMappingURL=loading-indicator.js.map

package/dist/loading-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-indicator.js","sources":["../../src/loading-indicator/LoadingIndicator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eLoadingIndicatorElement } from \"@m3e/web/loading-indicator\";\r\nexport type { LoadingIndicatorVariant, M3eLoadingIndicatorElement } from \"@m3e/web/loading-indicator\";\r\n\r\n/**\r\n * React binding for the `m3e-loading-indicator` Web Component from `@m3e/loading-indicator`.\r\n *\r\n * This component renders the underlying `<m3e-loading-indicator>` 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-loading-indicator>` instance for imperative access.\r\n *\r\n * See the `m3e-loading-indicator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eLoadingIndicator = createComponent({\r\n  tagName: \"m3e-loading-indicator\",\r\n  elementClass: M3eLoadingIndicatorElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,mBAAmB,GAAG,eAAe,CAAC;AACjD,IAAA,OAAO,EAAE,uBAAuB;AAChC,IAAA,YAAY,EAAE,0BAA0B;AACxC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/loading-indicator.min.js

@@ -0,0 +1,7 @@
+"use client";
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */import t from"react";import{createComponent as e}from"@lit/react";import{M3eLoadingIndicatorElement as o}from"@m3e/web/loading-indicator";const r=e({tagName:"m3e-loading-indicator",elementClass:o,react:t});export{r as M3eLoadingIndicator};
+//# sourceMappingURL=loading-indicator.min.js.map

package/dist/loading-indicator.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-indicator.min.js","sources":["../../src/loading-indicator/LoadingIndicator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eLoadingIndicatorElement } from \"@m3e/web/loading-indicator\";\r\nexport type { LoadingIndicatorVariant, M3eLoadingIndicatorElement } from \"@m3e/web/loading-indicator\";\r\n\r\n/**\r\n * React binding for the `m3e-loading-indicator` Web Component from `@m3e/loading-indicator`.\r\n *\r\n * This component renders the underlying `<m3e-loading-indicator>` 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-loading-indicator>` instance for imperative access.\r\n *\r\n * See the `m3e-loading-indicator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eLoadingIndicator = createComponent({\r\n  tagName: \"m3e-loading-indicator\",\r\n  elementClass: M3eLoadingIndicatorElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eLoadingIndicator","createComponent","tagName","elementClass","M3eLoadingIndicatorElement","react","React"],"mappings":";;;;;6IAmBO,MAAMA,EAAsBC,EAAgB,CACjDC,QAAS,wBACTC,aAAcC,EACdC,MAAOC"}

package/dist/menu.js

@@ -0,0 +1,140 @@
+"use client";
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { M3eMenuElement, M3eMenuItemElement, M3eMenuItemCheckboxElement, M3eMenuItemGroupElement, M3eMenuItemRadioElement, M3eMenuTriggerElement } from '@m3e/web/menu';
+
+/**
+ * React binding for the `m3e-menu` Web Component from `@m3e/menu`.
+ *
+ * This component renders the underlying `<m3e-menu>` 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-menu>` instance for imperative access.
+ *
+ * See the `m3e-menu` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eMenu = createComponent({
+    tagName: "m3e-menu",
+    elementClass: M3eMenuElement,
+    react: React,
+    events: {
+        onBeforeToggle: "beforetoggle",
+        onToggle: "toggle",
+    },
+});
+
+/**
+ * React binding for the `m3e-menu-item` Web Component from `@m3e/menu`.
+ *
+ * This component renders the underlying `<m3e-menu-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-menu-item>` instance for imperative access.
+ *
+ * See the `m3e-menu-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eMenuItem = createComponent({
+    tagName: "m3e-menu-item",
+    elementClass: M3eMenuItemElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-menu-item-checkbox` Web Component from `@m3e/menu`.
+ *
+ * This component renders the underlying `<m3e-menu-item-checkbox>` 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-menu-item-checkbox>` instance for imperative access.
+ *
+ * See the `m3e-menu-item-checkbox` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eMenuItemCheckbox = createComponent({
+    tagName: "m3e-menu-item-checkbox",
+    elementClass: M3eMenuItemCheckboxElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-menu-item-group` Web Component from `@m3e/menu`.
+ *
+ * This component renders the underlying `<m3e-menu-item-group>` 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-menu-item-group>` instance for imperative access.
+ *
+ * See the `m3e-menu-item-group` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eMenuItemGroup = createComponent({
+    tagName: "m3e-menu-item-group",
+    elementClass: M3eMenuItemGroupElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-menu-item-radio` Web Component from `@m3e/menu`.
+ *
+ * This component renders the underlying `<m3e-menu-item-radio>` 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-menu-item-radio>` instance for imperative access.
+ *
+ * See the `m3e-menu-item-radio` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eMenuItemRadio = createComponent({
+    tagName: "m3e-menu-item-radio",
+    elementClass: M3eMenuItemRadioElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-menu-trigger` Web Component from `@m3e/menu`.
+ *
+ * This component renders the underlying `<m3e-menu-trigger>` 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-menu-trigger>` instance for imperative access.
+ *
+ * See the `m3e-menu-trigger` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eMenuTrigger = createComponent({
+    tagName: "m3e-menu-trigger",
+    elementClass: M3eMenuTriggerElement,
+    react: React,
+});
+
+export { M3eMenu, M3eMenuItem, M3eMenuItemCheckbox, M3eMenuItemGroup, M3eMenuItemRadio, M3eMenuTrigger };
+//# sourceMappingURL=menu.js.map

package/dist/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sources":["../../src/menu/Menu.ts","../../src/menu/MenuItem.ts","../../src/menu/MenuItemCheckbox.ts","../../src/menu/MenuItemGroup.ts","../../src/menu/MenuItemRadio.ts","../../src/menu/MenuTrigger.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuElement } from \"@m3e/web/menu\";\r\nexport type { MenuPositionX, MenuPositionY, MenuVariant, M3eMenuElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu>` 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-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenu = createComponent({\r\n  tagName: \"m3e-menu\",\r\n  elementClass: M3eMenuElement,\r\n  react: React,\r\n  events: {\r\n    onBeforeToggle: \"beforetoggle\",\r\n    onToggle: \"toggle\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuItemElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-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-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItem = createComponent({\r\n  tagName: \"m3e-menu-item\",\r\n  elementClass: M3eMenuItemElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuItemCheckboxElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemCheckboxElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-checkbox` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-checkbox>` 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-menu-item-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-checkbox` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemCheckbox = createComponent({\r\n  tagName: \"m3e-menu-item-checkbox\",\r\n  elementClass: M3eMenuItemCheckboxElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuItemGroupElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemGroupElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-group` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-group>` 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-menu-item-group>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemGroup = createComponent({\r\n  tagName: \"m3e-menu-item-group\",\r\n  elementClass: M3eMenuItemGroupElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuItemRadioElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemRadioElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-radio` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-radio>` 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-menu-item-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemRadio = createComponent({\r\n  tagName: \"m3e-menu-item-radio\",\r\n  elementClass: M3eMenuItemRadioElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuTriggerElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuTriggerElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-trigger` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-trigger>` 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-menu-trigger>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-trigger` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuTrigger = createComponent({\r\n  tagName: \"m3e-menu-trigger\",\r\n  elementClass: M3eMenuTriggerElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAG,eAAe,CAAC;AACrC,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,cAAc,EAAE,cAAc;AAC9B,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAM,WAAW,GAAG,eAAe,CAAC;AACzC,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,mBAAmB,GAAG,eAAe,CAAC;AACjD,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,YAAY,EAAE,0BAA0B;AACxC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/menu.min.js

@@ -0,0 +1,7 @@
+"use client";
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eMenuElement as m,M3eMenuItemElement as a,M3eMenuItemCheckboxElement as l,M3eMenuItemGroupElement as n,M3eMenuItemRadioElement as o,M3eMenuTriggerElement as c}from"@m3e/web/menu";const r=t({tagName:"m3e-menu",elementClass:m,react:e,events:{onBeforeToggle:"beforetoggle",onToggle:"toggle"}}),s=t({tagName:"m3e-menu-item",elementClass:a,react:e,events:{onClick:"click"}}),g=t({tagName:"m3e-menu-item-checkbox",elementClass:l,react:e,events:{onClick:"click"}}),i=t({tagName:"m3e-menu-item-group",elementClass:n,react:e}),u=t({tagName:"m3e-menu-item-radio",elementClass:o,react:e,events:{onClick:"click"}}),C=t({tagName:"m3e-menu-trigger",elementClass:c,react:e});export{r as M3eMenu,s as M3eMenuItem,g as M3eMenuItemCheckbox,i as M3eMenuItemGroup,u as M3eMenuItemRadio,C as M3eMenuTrigger};
+//# sourceMappingURL=menu.min.js.map

package/dist/menu.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.min.js","sources":["../../src/menu/Menu.ts","../../src/menu/MenuItem.ts","../../src/menu/MenuItemCheckbox.ts","../../src/menu/MenuItemGroup.ts","../../src/menu/MenuItemRadio.ts","../../src/menu/MenuTrigger.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuElement } from \"@m3e/web/menu\";\r\nexport type { MenuPositionX, MenuPositionY, MenuVariant, M3eMenuElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu>` 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-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenu = createComponent({\r\n  tagName: \"m3e-menu\",\r\n  elementClass: M3eMenuElement,\r\n  react: React,\r\n  events: {\r\n    onBeforeToggle: \"beforetoggle\",\r\n    onToggle: \"toggle\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuItemElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-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-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItem = createComponent({\r\n  tagName: \"m3e-menu-item\",\r\n  elementClass: M3eMenuItemElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuItemCheckboxElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemCheckboxElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-checkbox` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-checkbox>` 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-menu-item-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-checkbox` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemCheckbox = createComponent({\r\n  tagName: \"m3e-menu-item-checkbox\",\r\n  elementClass: M3eMenuItemCheckboxElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuItemGroupElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemGroupElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-group` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-group>` 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-menu-item-group>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemGroup = createComponent({\r\n  tagName: \"m3e-menu-item-group\",\r\n  elementClass: M3eMenuItemGroupElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuItemRadioElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemRadioElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-radio` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-radio>` 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-menu-item-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemRadio = createComponent({\r\n  tagName: \"m3e-menu-item-radio\",\r\n  elementClass: M3eMenuItemRadioElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuTriggerElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuTriggerElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-trigger` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-trigger>` 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-menu-trigger>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-trigger` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuTrigger = createComponent({\r\n  tagName: \"m3e-menu-trigger\",\r\n  elementClass: M3eMenuTriggerElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eMenu","createComponent","tagName","elementClass","M3eMenuElement","react","React","events","onBeforeToggle","onToggle","M3eMenuItem","M3eMenuItemElement","onClick","M3eMenuItemCheckbox","M3eMenuItemCheckboxElement","M3eMenuItemGroup","M3eMenuItemGroupElement","M3eMenuItemRadio","M3eMenuItemRadioElement","M3eMenuTrigger","M3eMenuTriggerElement"],"mappings":";;;;;iQAmBO,MAAMA,EAAUC,EAAgB,CACrCC,QAAS,WACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,eAAgB,eAChBC,SAAU,YCNDC,EAAcT,EAAgB,CACzCC,QAAS,gBACTC,aAAcQ,EACdN,MAAOC,EACPC,OAAQ,CACNK,QAAS,WCLAC,EAAsBZ,EAAgB,CACjDC,QAAS,yBACTC,aAAcW,EACdT,MAAOC,EACPC,OAAQ,CACNK,QAAS,WCLAG,EAAmBd,EAAgB,CAC9CC,QAAS,sBACTC,aAAca,EACdX,MAAOC,ICHIW,EAAmBhB,EAAgB,CAC9CC,QAAS,sBACTC,aAAce,EACdb,MAAOC,EACPC,OAAQ,CACNK,QAAS,WCLAO,EAAiBlB,EAAgB,CAC5CC,QAAS,mBACTC,aAAciB,EACdf,MAAOC"}

package/dist/nav-bar.js

@@ -0,0 +1,59 @@
+"use client";
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { M3eNavBarElement, M3eNavItemElement } from '@m3e/web/nav-bar';
+
+/**
+ * React binding for the `m3e-nav-bar` Web Component from `@m3e/nav-bar`.
+ *
+ * This component renders the underlying `<m3e-nav-bar>` 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-nav-bar>` instance for imperative access.
+ *
+ * See the `m3e-nav-bar` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eNavBar = createComponent({
+    tagName: "m3e-nav-bar",
+    elementClass: M3eNavBarElement,
+    react: React,
+    events: {
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-nav-item` Web Component from `@m3e/nav-bar`.
+ *
+ * This component renders the underlying `<m3e-nav-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-nav-item>` instance for imperative access.
+ *
+ * See the `m3e-nav-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eNavItem = createComponent({
+    tagName: "m3e-nav-item",
+    elementClass: M3eNavItemElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+export { M3eNavBar, M3eNavItem };
+//# sourceMappingURL=nav-bar.js.map

package/dist/nav-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-bar.js","sources":["../../src/nav-bar/NavBar.ts","../../src/nav-bar/NavItem.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\nexport type { NavBarMode, NavItemOrientation, M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-bar` Web Component from `@m3e/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-bar>` 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-nav-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavBar = createComponent({\r\n  tagName: \"m3e-nav-bar\",\r\n  elementClass: M3eNavBarElement,\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 { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\nexport type { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-item` Web Component from `@m3e/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-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-nav-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavItem = createComponent({\r\n  tagName: \"m3e-nav-item\",\r\n  elementClass: M3eNavItemElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG,eAAe,CAAC;AACvC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;;;"}

package/dist/nav-bar.min.js

@@ -0,0 +1,7 @@
+"use client";
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eNavBarElement as a,M3eNavItemElement as n}from"@m3e/web/nav-bar";const m=t({tagName:"m3e-nav-bar",elementClass:a,react:e,events:{onChange:"change"}}),r=t({tagName:"m3e-nav-item",elementClass:n,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}});export{m as M3eNavBar,r as M3eNavItem};
+//# sourceMappingURL=nav-bar.min.js.map

package/dist/nav-bar.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-bar.min.js","sources":["../../src/nav-bar/NavBar.ts","../../src/nav-bar/NavItem.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\nexport type { NavBarMode, NavItemOrientation, M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-bar` Web Component from `@m3e/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-bar>` 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-nav-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavBar = createComponent({\r\n  tagName: \"m3e-nav-bar\",\r\n  elementClass: M3eNavBarElement,\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 { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\nexport type { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-item` Web Component from `@m3e/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-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-nav-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavItem = createComponent({\r\n  tagName: \"m3e-nav-item\",\r\n  elementClass: M3eNavItemElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":["M3eNavBar","createComponent","tagName","elementClass","M3eNavBarElement","react","React","events","onChange","M3eNavItem","M3eNavItemElement","onInput","onClick"],"mappings":";;;;;gJAmBO,MAAMA,EAAYC,EAAgB,CACvCC,QAAS,cACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU,YCLDC,EAAaR,EAAgB,CACxCC,QAAS,eACTC,aAAcO,EACdL,MAAOC,EACPC,OAAQ,CACNI,QAAS,QACTH,SAAU,SACVI,QAAS"}

package/dist/nav-menu.js

@@ -0,0 +1,77 @@
+"use client";
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { M3eNavMenuElement, M3eNavMenuItemElement, M3eNavMenuItemGroupElement } from '@m3e/web/nav-menu';
+
+/**
+ * React binding for the `m3e-nav-menu` Web Component from `@m3e/nav-menu`.
+ *
+ * This component renders the underlying `<m3e-nav-menu>` 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-nav-menu>` instance for imperative access.
+ *
+ * See the `m3e-nav-menu` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eNavMenu = createComponent({
+    tagName: "m3e-nav-menu",
+    elementClass: M3eNavMenuElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-nav-menu-item` Web Component from `@m3e/nav-menu`.
+ *
+ * This component renders the underlying `<m3e-nav-menu-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-nav-menu-item>` instance for imperative access.
+ *
+ * See the `m3e-nav-menu-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eNavMenuItem = createComponent({
+    tagName: "m3e-nav-menu-item",
+    elementClass: M3eNavMenuItemElement,
+    react: React,
+    events: {
+        onOpening: "opening",
+        onOpened: "opened",
+        onClosing: "closing",
+        onClosed: "closed",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-nav-menu-item-group` Web Component from `@m3e/nav-menu`.
+ *
+ * This component renders the underlying `<m3e-nav-menu-item-group>` 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-nav-menu-item-group>` instance for imperative access.
+ *
+ * See the `m3e-nav-menu-item-group` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eNavMenuItemGroup = createComponent({
+    tagName: "m3e-nav-menu-item-group",
+    elementClass: M3eNavMenuItemGroupElement,
+    react: React,
+});
+
+export { M3eNavMenu, M3eNavMenuItem, M3eNavMenuItemGroup };
+//# sourceMappingURL=nav-menu.js.map

package/dist/nav-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-menu.js","sources":["../../src/nav-menu/NavMenu.ts","../../src/nav-menu/NavMenuItem.ts","../../src/nav-menu/NavMenuItemGroup.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavMenuElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu` Web Component from `@m3e/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu>` 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-nav-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenu = createComponent({\r\n  tagName: \"m3e-nav-menu\",\r\n  elementClass: M3eNavMenuElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavMenuItemElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuItemElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu-item` Web Component from `@m3e/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu-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-nav-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenuItem = createComponent({\r\n  tagName: \"m3e-nav-menu-item\",\r\n  elementClass: M3eNavMenuItemElement,\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","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavMenuItemGroupElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuItemGroupElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu-item-group` Web Component from `@m3e/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu-item-group>` 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-nav-menu-item-group>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu-item-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenuItemGroup = createComponent({\r\n  tagName: \"m3e-nav-menu-item-group\",\r\n  elementClass: M3eNavMenuItemGroupElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,YAAY,EAAE,qBAAqB;AACnC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACxBD;;;;;;;;;;;;AAYG;AACI,MAAM,mBAAmB,GAAG,eAAe,CAAC;AACjD,IAAA,OAAO,EAAE,yBAAyB;AAClC,IAAA,YAAY,EAAE,0BAA0B;AACxC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}