@m3e/react 2.1.1 → 2.1.3

package/dist/heading.js

@@ -3,7 +3,6 @@
  * 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 { M3eHeadingElement } from '@m3e/web/heading';
@@ -22,9 +21,9 @@ import { M3eHeadingElement } from '@m3e/web/heading';
  * accessibility, and supported events.
  */
 const M3eHeading = createComponent({
-    tagName: "m3e-heading",
-    elementClass: M3eHeadingElement,
-    react: React,
+  tagName: "m3e-heading",
+  elementClass: M3eHeadingElement,
+  react: React
 });
 
 export { M3eHeading };

package/dist/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sources":["../../src/heading/Heading.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eHeadingElement } from \"@m3e/web/heading\";\r\nexport type { HeadingLevel, HeadingSize, HeadingVariant, M3eHeadingElement } from \"@m3e/web/heading\";\r\n\r\n/**\r\n * React binding for the `m3e-heading` Web Component from `@m3e/web/heading`.\r\n *\r\n * This component renders the underlying `<m3e-heading>` 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-heading>` instance for imperative access.\r\n *\r\n * See the `m3e-heading` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eHeading = createComponent({\r\n  tagName: \"m3e-heading\",\r\n  elementClass: M3eHeadingElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"heading.js","sources":["../../src/heading/Heading.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eHeadingElement } from \"@m3e/web/heading\";\r\nexport type { HeadingLevel, HeadingSize, HeadingVariant, M3eHeadingElement } from \"@m3e/web/heading\";\r\n\r\n/**\r\n * React binding for the `m3e-heading` Web Component from `@m3e/web/heading`.\r\n *\r\n * This component renders the underlying `<m3e-heading>` 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-heading>` instance for imperative access.\r\n *\r\n * See the `m3e-heading` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eHeading = createComponent({\r\n  tagName: \"m3e-heading\",\r\n  elementClass: M3eHeadingElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eHeading","createComponent","tagName","elementClass","M3eHeadingElement","react","React"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,UAAU,GAAGC,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,aAAa;AACtBC,EAAAA,YAAY,EAAEC,iBAAiB;AAC/BC,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

package/dist/icon-button.js

@@ -3,7 +3,6 @@
  * 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 { M3eIconButtonElement } from '@m3e/web/icon-button';
@@ -22,14 +21,14 @@ import { M3eIconButtonElement } from '@m3e/web/icon-button';
  * accessibility, and supported events.
  */
 const M3eIconButton = createComponent({
-    tagName: "m3e-icon-button",
-    elementClass: M3eIconButtonElement,
-    react: React,
-    events: {
-        onInput: "input",
-        onChange: "change",
-        onClick: "click",
-    },
+  tagName: "m3e-icon-button",
+  elementClass: M3eIconButtonElement,
+  react: React,
+  events: {
+    onInput: "input",
+    onChange: "change",
+    onClick: "click"
+  }
 });
 
 export { M3eIconButton };

package/dist/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../src/icon-button/IconButton.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eIconButtonElement } from \"@m3e/web/icon-button\";\r\nexport type {\r\n  IconButtonShape,\r\n  IconButtonSize,\r\n  IconButtonVariant,\r\n  IconButtonWidth,\r\n  M3eIconButtonElement,\r\n} from \"@m3e/web/icon-button\";\r\n\r\n/**\r\n * React binding for the `m3e-icon-button` Web Component from `@m3e/web/icon-button`.\r\n *\r\n * This component renders the underlying `<m3e-icon-button>` 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-icon-button>` instance for imperative access.\r\n *\r\n * See the `m3e-icon-button` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIconButton = createComponent({\r\n  tagName: \"m3e-icon-button\",\r\n  elementClass: M3eIconButtonElement,\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":";;;;;;;;;;AAYA;;;;;;;;;;;;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;;;;"}
+{"version":3,"file":"icon-button.js","sources":["../../src/icon-button/IconButton.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eIconButtonElement } from \"@m3e/web/icon-button\";\r\nexport type {\r\n  IconButtonShape,\r\n  IconButtonSize,\r\n  IconButtonVariant,\r\n  IconButtonWidth,\r\n  M3eIconButtonElement,\r\n} from \"@m3e/web/icon-button\";\r\n\r\n/**\r\n * React binding for the `m3e-icon-button` Web Component from `@m3e/web/icon-button`.\r\n *\r\n * This component renders the underlying `<m3e-icon-button>` 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-icon-button>` instance for imperative access.\r\n *\r\n * See the `m3e-icon-button` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIconButton = createComponent({\r\n  tagName: \"m3e-icon-button\",\r\n  elementClass: M3eIconButtonElement,\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":["M3eIconButton","createComponent","tagName","elementClass","M3eIconButtonElement","react","React","events","onInput","onChange","onClick"],"mappings":";;;;;;;;;AAYA;;;;;;;;;;;;AAYG;AACI,MAAMA,aAAa,GAAGC,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEC,oBAAoB;AAClCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}

package/dist/icon.js

@@ -3,7 +3,6 @@
  * 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 { M3eIconElement } from '@m3e/web/icon';
@@ -22,9 +21,9 @@ import { M3eIconElement } from '@m3e/web/icon';
  * accessibility, and supported events.
  */
 const M3eIcon = createComponent({
-    tagName: "m3e-icon",
-    elementClass: M3eIconElement,
-    react: React,
+  tagName: "m3e-icon",
+  elementClass: M3eIconElement,
+  react: React
 });
 
 export { M3eIcon };

package/dist/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../src/icon/Icon.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eIconElement } from \"@m3e/web/icon\";\r\nexport type { IconGrade, IconVariant, M3eIconElement } from \"@m3e/web/icon\";\r\n\r\n/**\r\n * React binding for the `m3e-icon` Web Component from `@m3e/web/icon`.\r\n *\r\n * This component renders the underlying `<m3e-icon>` 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-icon>` instance for imperative access.\r\n *\r\n * See the `m3e-icon` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIcon = createComponent({\r\n  tagName: \"m3e-icon\",\r\n  elementClass: M3eIconElement,\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;AACb,CAAA;;;;"}
+{"version":3,"file":"icon.js","sources":["../../src/icon/Icon.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eIconElement } from \"@m3e/web/icon\";\r\nexport type { IconGrade, IconVariant, M3eIconElement } from \"@m3e/web/icon\";\r\n\r\n/**\r\n * React binding for the `m3e-icon` Web Component from `@m3e/web/icon`.\r\n *\r\n * This component renders the underlying `<m3e-icon>` 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-icon>` instance for imperative access.\r\n *\r\n * See the `m3e-icon` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIcon = createComponent({\r\n  tagName: \"m3e-icon\",\r\n  elementClass: M3eIconElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eIcon","createComponent","tagName","elementClass","M3eIconElement","react","React"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,OAAO,GAAGC,eAAe,CAAC;AACrCC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,YAAY,EAAEC,cAAc;AAC5BC,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

package/dist/index.js

@@ -3,6 +3,5 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
-
 throw new Error("This package has no default export. Use subpath imports like '@m3e/react/button'.");
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["throw new Error(\"This package has no default export. Use subpath imports like '@m3e/react/button'.\");\r\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,IAAI,KAAK,CAAC,mFAAmF,CAAC"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["throw new Error(\"This package has no default export. Use subpath imports like '@m3e/react/button'.\");\r\n"],"names":[],"mappings":";;;;;AAAA,MAAM,IAAI,KAAK,CAAC,mFAAmF,CAAC"}

package/dist/index.min.js

@@ -0,0 +1,7 @@
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+throw new Error("This package has no default export. Use subpath imports like '@m3e/react/button'.");
+//# sourceMappingURL=index.min.js.map

package/dist/index.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.min.js","sources":["../src/index.ts"],"sourcesContent":["throw new Error(\"This package has no default export. Use subpath imports like '@m3e/react/button'.\");\r\n"],"names":["Error"],"mappings":";;;;;AAAA,MAAM,IAAIA,MAAM"}

package/dist/list.js

@@ -3,7 +3,6 @@
  * 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';
@@ -22,9 +21,9 @@ import { M3eActionListElement, M3eExpandableListItemElement, M3eListElement, M3e
  * accessibility, and supported events.
  */
 const M3eActionList = createComponent({
-    tagName: "m3e-action-list",
-    elementClass: M3eActionListElement,
-    react: React,
+  tagName: "m3e-action-list",
+  elementClass: M3eActionListElement,
+  react: React
 });
 
 /**
@@ -41,15 +40,15 @@ const M3eActionList = createComponent({
  * 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",
-    },
+  tagName: "m3e-expandable-list-item",
+  elementClass: M3eExpandableListItemElement,
+  react: React,
+  events: {
+    onOpening: "opening",
+    onOpened: "opened",
+    onClosing: "closing",
+    onClosed: "closed"
+  }
 });
 
 /**
@@ -66,9 +65,9 @@ const M3eExpandableListItem = createComponent({
  * accessibility, and supported events.
  */
 const M3eList = createComponent({
-    tagName: "m3e-list",
-    elementClass: M3eListElement,
-    react: React,
+  tagName: "m3e-list",
+  elementClass: M3eListElement,
+  react: React
 });
 
 /**
@@ -85,12 +84,12 @@ const M3eList = createComponent({
  * accessibility, and supported events.
  */
 const M3eListAction = createComponent({
-    tagName: "m3e-list-action",
-    elementClass: M3eListActionElement,
-    react: React,
-    events: {
-        onClick: "click",
-    },
+  tagName: "m3e-list-action",
+  elementClass: M3eListActionElement,
+  react: React,
+  events: {
+    onClick: "click"
+  }
 });
 
 /**
@@ -107,9 +106,9 @@ const M3eListAction = createComponent({
  * accessibility, and supported events.
  */
 const M3eListItem = createComponent({
-    tagName: "m3e-list-item",
-    elementClass: M3eListItemElement,
-    react: React,
+  tagName: "m3e-list-item",
+  elementClass: M3eListItemElement,
+  react: React
 });
 
 /**
@@ -126,14 +125,14 @@ const M3eListItem = createComponent({
  * accessibility, and supported events.
  */
 const M3eListOption = createComponent({
-    tagName: "m3e-list-option",
-    elementClass: M3eListOptionElement,
-    react: React,
-    events: {
-        onInput: "input",
-        onChange: "change",
-        onClick: "click",
-    },
+  tagName: "m3e-list-option",
+  elementClass: M3eListOptionElement,
+  react: React,
+  events: {
+    onInput: "input",
+    onChange: "change",
+    onClick: "click"
+  }
 });
 
 /**
@@ -150,13 +149,13 @@ const M3eListOption = createComponent({
  * accessibility, and supported events.
  */
 const M3eSelectionList = createComponent({
-    tagName: "m3e-selection-list",
-    elementClass: M3eSelectionListElement,
-    react: React,
-    events: {
-        onInput: "input",
-        onChange: "change",
-    },
+  tagName: "m3e-selection-list",
+  elementClass: M3eSelectionListElement,
+  react: React,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
 });
 
 export { M3eActionList, M3eExpandableListItem, M3eList, M3eListAction, M3eListItem, M3eListOption, M3eSelectionList };

package/dist/list.js.map

@@ -1 +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/web/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/web/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/web/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/web/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/web/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/web/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/web/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;;;;"}
+{"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/web/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/web/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/web/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/web/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/web/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/web/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/web/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":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,aAAa,GAAGC,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEC,oBAAoB;AAClCC,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMC,qBAAqB,GAAGN,eAAe,CAAC;AACnDC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,YAAY,EAAEK,4BAA4B;AAC1CH,EAAAA,KAAK,EAAEC,KAAK;AACZG,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAMC,OAAO,GAAGb,eAAe,CAAC;AACrCC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,YAAY,EAAEY,cAAc;AAC5BV,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMU,aAAa,GAAGf,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEc,oBAAoB;AAClCZ,EAAAA,KAAK,EAAEC,KAAK;AACZG,EAAAA,MAAM,EAAE;AACNS,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,WAAW,GAAGlB,eAAe,CAAC;AACzCC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEiB,kBAAkB;AAChCf,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMe,aAAa,GAAGpB,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEmB,oBAAoB;AAClCjB,EAAAA,KAAK,EAAEC,KAAK;AACZG,EAAAA,MAAM,EAAE;AACNc,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBN,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAMO,gBAAgB,GAAGxB,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,YAAY,EAAEuB,uBAAuB;AACrCrB,EAAAA,KAAK,EAAEC,KAAK;AACZG,EAAAA,MAAM,EAAE;AACNc,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}

package/dist/loading-indicator.js

@@ -3,7 +3,6 @@
  * 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';
@@ -22,9 +21,9 @@ import { M3eLoadingIndicatorElement } from '@m3e/web/loading-indicator';
  * accessibility, and supported events.
  */
 const M3eLoadingIndicator = createComponent({
-    tagName: "m3e-loading-indicator",
-    elementClass: M3eLoadingIndicatorElement,
-    react: React,
+  tagName: "m3e-loading-indicator",
+  elementClass: M3eLoadingIndicatorElement,
+  react: React
 });
 
 export { M3eLoadingIndicator };

package/dist/loading-indicator.js.map

@@ -1 +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/web/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;;;;"}
+{"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/web/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":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,mBAAmB,GAAGC,eAAe,CAAC;AACjDC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,YAAY,EAAEC,0BAA0B;AACxCC,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

package/dist/menu.js

@@ -3,7 +3,6 @@
  * 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';
@@ -22,13 +21,13 @@ import { M3eMenuElement, M3eMenuItemElement, M3eMenuItemCheckboxElement, M3eMenu
  * accessibility, and supported events.
  */
 const M3eMenu = createComponent({
-    tagName: "m3e-menu",
-    elementClass: M3eMenuElement,
-    react: React,
-    events: {
-        onBeforeToggle: "beforetoggle",
-        onToggle: "toggle",
-    },
+  tagName: "m3e-menu",
+  elementClass: M3eMenuElement,
+  react: React,
+  events: {
+    onBeforeToggle: "beforetoggle",
+    onToggle: "toggle"
+  }
 });
 
 /**
@@ -45,12 +44,12 @@ const M3eMenu = createComponent({
  * accessibility, and supported events.
  */
 const M3eMenuItem = createComponent({
-    tagName: "m3e-menu-item",
-    elementClass: M3eMenuItemElement,
-    react: React,
-    events: {
-        onClick: "click",
-    },
+  tagName: "m3e-menu-item",
+  elementClass: M3eMenuItemElement,
+  react: React,
+  events: {
+    onClick: "click"
+  }
 });
 
 /**
@@ -67,12 +66,12 @@ const M3eMenuItem = createComponent({
  * accessibility, and supported events.
  */
 const M3eMenuItemCheckbox = createComponent({
-    tagName: "m3e-menu-item-checkbox",
-    elementClass: M3eMenuItemCheckboxElement,
-    react: React,
-    events: {
-        onClick: "click",
-    },
+  tagName: "m3e-menu-item-checkbox",
+  elementClass: M3eMenuItemCheckboxElement,
+  react: React,
+  events: {
+    onClick: "click"
+  }
 });
 
 /**
@@ -89,9 +88,9 @@ const M3eMenuItemCheckbox = createComponent({
  * accessibility, and supported events.
  */
 const M3eMenuItemGroup = createComponent({
-    tagName: "m3e-menu-item-group",
-    elementClass: M3eMenuItemGroupElement,
-    react: React,
+  tagName: "m3e-menu-item-group",
+  elementClass: M3eMenuItemGroupElement,
+  react: React
 });
 
 /**
@@ -108,12 +107,12 @@ const M3eMenuItemGroup = createComponent({
  * accessibility, and supported events.
  */
 const M3eMenuItemRadio = createComponent({
-    tagName: "m3e-menu-item-radio",
-    elementClass: M3eMenuItemRadioElement,
-    react: React,
-    events: {
-        onClick: "click",
-    },
+  tagName: "m3e-menu-item-radio",
+  elementClass: M3eMenuItemRadioElement,
+  react: React,
+  events: {
+    onClick: "click"
+  }
 });
 
 /**
@@ -130,9 +129,9 @@ const M3eMenuItemRadio = createComponent({
  * accessibility, and supported events.
  */
 const M3eMenuTrigger = createComponent({
-    tagName: "m3e-menu-trigger",
-    elementClass: M3eMenuTriggerElement,
-    react: React,
+  tagName: "m3e-menu-trigger",
+  elementClass: M3eMenuTriggerElement,
+  react: React
 });
 
 export { M3eMenu, M3eMenuItem, M3eMenuItemCheckbox, M3eMenuItemGroup, M3eMenuItemRadio, M3eMenuTrigger };

package/dist/menu.js.map

@@ -1 +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/web/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/web/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/web/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/web/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/web/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/web/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;;;;"}
+{"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/web/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/web/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/web/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/web/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/web/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/web/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":";;;;;;;;;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,cAAc,EAAE,cAAc;AAC9BC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAMC,WAAW,GAAGT,eAAe,CAAC;AACzCC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEQ,kBAAkB;AAChCN,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNK,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,mBAAmB,GAAGZ,eAAe,CAAC;AACjDC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,YAAY,EAAEW,0BAA0B;AACxCT,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNK,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMG,gBAAgB,GAAGd,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEa,uBAAuB;AACrCX,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMW,gBAAgB,GAAGhB,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEe,uBAAuB;AACrCb,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNK,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMO,cAAc,GAAGlB,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,YAAY,EAAEiB,qBAAqB;AACnCf,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

package/dist/nav-bar.js

@@ -3,7 +3,6 @@
  * 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';
@@ -22,12 +21,12 @@ import { M3eNavBarElement, M3eNavItemElement } from '@m3e/web/nav-bar';
  * accessibility, and supported events.
  */
 const M3eNavBar = createComponent({
-    tagName: "m3e-nav-bar",
-    elementClass: M3eNavBarElement,
-    react: React,
-    events: {
-        onChange: "change",
-    },
+  tagName: "m3e-nav-bar",
+  elementClass: M3eNavBarElement,
+  react: React,
+  events: {
+    onChange: "change"
+  }
 });
 
 /**
@@ -44,14 +43,14 @@ const M3eNavBar = createComponent({
  * accessibility, and supported events.
  */
 const M3eNavItem = createComponent({
-    tagName: "m3e-nav-item",
-    elementClass: M3eNavItemElement,
-    react: React,
-    events: {
-        onInput: "input",
-        onChange: "change",
-        onClick: "click",
-    },
+  tagName: "m3e-nav-item",
+  elementClass: M3eNavItemElement,
+  react: React,
+  events: {
+    onInput: "input",
+    onChange: "change",
+    onClick: "click"
+  }
 });
 
 export { M3eNavBar, M3eNavItem };

package/dist/nav-bar.js.map

@@ -1 +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/web/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/web/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;;;;"}
+{"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/web/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/web/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":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,SAAS,GAAGC,eAAe,CAAC;AACvCC,EAAAA,OAAO,EAAE,aAAa;AACtBC,EAAAA,YAAY,EAAEC,gBAAgB;AAC9BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,UAAU,GAAGR,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAEO,iBAAiB;AAC/BL,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNI,IAAAA,OAAO,EAAE,OAAO;AAChBH,IAAAA,QAAQ,EAAE,QAAQ;AAClBI,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}