@m3e/react 2.1.1 → 2.1.2

package/dist/core.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 { M3eCollapsibleElement, M3eElevationElement, M3eFocusRingElement, M3ePseudoCheckboxElement, M3ePseudoRadioElement, M3eRippleElement, M3eScrollContainerElement, M3eSlideElement, M3eStateLayerElement, M3eTextHighlightElement, M3eTextOverflowElement } from '@m3e/web/core';
@@ -22,15 +21,15 @@ import { M3eCollapsibleElement, M3eElevationElement, M3eFocusRingElement, M3ePse
  * accessibility, and supported events.
  */
 const M3eCollapsible = createComponent({
-    tagName: "m3e-collapsible",
-    elementClass: M3eCollapsibleElement,
-    react: React,
-    events: {
-        onOpening: "opening",
-        onOpened: "opened",
-        onClosing: "closing",
-        onClosed: "closed",
-    },
+  tagName: "m3e-collapsible",
+  elementClass: M3eCollapsibleElement,
+  react: React,
+  events: {
+    onOpening: "opening",
+    onOpened: "opened",
+    onClosing: "closing",
+    onClosed: "closed"
+  }
 });
 
 /**
@@ -47,9 +46,9 @@ const M3eCollapsible = createComponent({
  * accessibility, and supported events.
  */
 const M3eElevation = createComponent({
-    tagName: "m3e-elevation",
-    elementClass: M3eElevationElement,
-    react: React,
+  tagName: "m3e-elevation",
+  elementClass: M3eElevationElement,
+  react: React
 });
 
 /**
@@ -66,9 +65,9 @@ const M3eElevation = createComponent({
  * accessibility, and supported events.
  */
 const M3eFocusRing = createComponent({
-    tagName: "m3e-focus-ring",
-    elementClass: M3eFocusRingElement,
-    react: React,
+  tagName: "m3e-focus-ring",
+  elementClass: M3eFocusRingElement,
+  react: React
 });
 
 /**
@@ -85,9 +84,9 @@ const M3eFocusRing = createComponent({
  * accessibility, and supported events.
  */
 const M3ePseudoCheckbox = createComponent({
-    tagName: "m3e-pseudo-checkbox",
-    elementClass: M3ePseudoCheckboxElement,
-    react: React,
+  tagName: "m3e-pseudo-checkbox",
+  elementClass: M3ePseudoCheckboxElement,
+  react: React
 });
 
 /**
@@ -104,9 +103,9 @@ const M3ePseudoCheckbox = createComponent({
  * accessibility, and supported events.
  */
 const M3ePseudoRadio = createComponent({
-    tagName: "m3e-pseudo-radio",
-    elementClass: M3ePseudoRadioElement,
-    react: React,
+  tagName: "m3e-pseudo-radio",
+  elementClass: M3ePseudoRadioElement,
+  react: React
 });
 
 /**
@@ -123,9 +122,9 @@ const M3ePseudoRadio = createComponent({
  * accessibility, and supported events.
  */
 const M3eRipple = createComponent({
-    tagName: "m3e-ripple",
-    elementClass: M3eRippleElement,
-    react: React,
+  tagName: "m3e-ripple",
+  elementClass: M3eRippleElement,
+  react: React
 });
 
 /**
@@ -142,9 +141,9 @@ const M3eRipple = createComponent({
  * accessibility, and supported events.
  */
 const M3eScrollContainer = createComponent({
-    tagName: "m3e-scroll-container",
-    elementClass: M3eScrollContainerElement,
-    react: React,
+  tagName: "m3e-scroll-container",
+  elementClass: M3eScrollContainerElement,
+  react: React
 });
 
 /**
@@ -161,9 +160,9 @@ const M3eScrollContainer = createComponent({
  * accessibility, and supported events.
  */
 const M3eSlide = createComponent({
-    tagName: "m3e-slide",
-    elementClass: M3eSlideElement,
-    react: React,
+  tagName: "m3e-slide",
+  elementClass: M3eSlideElement,
+  react: React
 });
 
 /**
@@ -180,9 +179,9 @@ const M3eSlide = createComponent({
  * accessibility, and supported events.
  */
 const M3eStateLayer = createComponent({
-    tagName: "m3e-state-layer",
-    elementClass: M3eStateLayerElement,
-    react: React,
+  tagName: "m3e-state-layer",
+  elementClass: M3eStateLayerElement,
+  react: React
 });
 
 /**
@@ -199,9 +198,9 @@ const M3eStateLayer = createComponent({
  * accessibility, and supported events.
  */
 const M3eTextHighlight = createComponent({
-    tagName: "m3e-text-highlight",
-    elementClass: M3eTextHighlightElement,
-    react: React,
+  tagName: "m3e-text-highlight",
+  elementClass: M3eTextHighlightElement,
+  react: React
 });
 
 /**
@@ -218,9 +217,9 @@ const M3eTextHighlight = createComponent({
  * accessibility, and supported events.
  */
 const M3eTextOverflow = createComponent({
-    tagName: "m3e-text-overflow",
-    elementClass: M3eTextOverflowElement,
-    react: React,
+  tagName: "m3e-text-overflow",
+  elementClass: M3eTextOverflowElement,
+  react: React
 });
 
 export { M3eCollapsible, M3eElevation, M3eFocusRing, M3ePseudoCheckbox, M3ePseudoRadio, M3eRipple, M3eScrollContainer, M3eSlide, M3eStateLayer, M3eTextHighlight, M3eTextOverflow };

package/dist/core.js.map

@@ -1 +1 @@
-{"version":3,"file":"core.js","sources":["../../src/core/Collapsible.ts","../../src/core/Elevation.ts","../../src/core/FocusRing.ts","../../src/core/PseudoCheckbox.ts","../../src/core/PseudoRadio.ts","../../src/core/Ripple.ts","../../src/core/ScrollContainer.ts","../../src/core/Slide.ts","../../src/core/StateLayer.ts","../../src/core/TextHighlight.ts","../../src/core/TextOverflow.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCollapsibleElement } from \"@m3e/web/core\";\r\nexport type { M3eCollapsibleElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-collapsible` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-collapsible>` 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-collapsible>` instance for imperative access.\r\n *\r\n * See the `m3e-collapsible` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eCollapsible = createComponent({\r\n  tagName: \"m3e-collapsible\",\r\n  elementClass: M3eCollapsibleElement,\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 { M3eElevationElement } from \"@m3e/web/core\";\r\nexport type { M3eElevationElement, ElevationLevel } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-elevation` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-elevation>` 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-elevation>` instance for imperative access.\r\n *\r\n * See the `m3e-elevation` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eElevation = createComponent({\r\n  tagName: \"m3e-elevation\",\r\n  elementClass: M3eElevationElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFocusRingElement } from \"@m3e/web/core\";\r\nexport type { M3eFocusRingElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-focus-ring` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-focus-ring>` 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-focus-ring>` instance for imperative access.\r\n *\r\n * See the `m3e-focus-ring` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFocusRing = createComponent({\r\n  tagName: \"m3e-focus-ring\",\r\n  elementClass: M3eFocusRingElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3ePseudoCheckboxElement } from \"@m3e/web/core\";\r\nexport type { M3ePseudoCheckboxElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-pseudo-checkbox` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-pseudo-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-pseudo-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-pseudo-checkbox` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePseudoCheckbox = createComponent({\r\n  tagName: \"m3e-pseudo-checkbox\",\r\n  elementClass: M3ePseudoCheckboxElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3ePseudoRadioElement } from \"@m3e/web/core\";\r\nexport type { M3ePseudoRadioElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-pseudo-radio` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-pseudo-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-pseudo-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-pseudo-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePseudoRadio = createComponent({\r\n  tagName: \"m3e-pseudo-radio\",\r\n  elementClass: M3ePseudoRadioElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRippleElement } from \"@m3e/web/core\";\r\nexport type { M3eRippleElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-ripple` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-ripple>` 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-ripple>` instance for imperative access.\r\n *\r\n * See the `m3e-ripple` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRipple = createComponent({\r\n  tagName: \"m3e-ripple\",\r\n  elementClass: M3eRippleElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eScrollContainerElement } from \"@m3e/web/core\";\r\nexport type { M3eScrollContainerElement, ScrollDividers } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-scroll-container` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-scroll-container>` 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-scroll-container>` instance for imperative access.\r\n *\r\n * See the `m3e-scroll-container` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eScrollContainer = createComponent({\r\n  tagName: \"m3e-scroll-container\",\r\n  elementClass: M3eScrollContainerElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSlideElement } from \"@m3e/web/core\";\r\nexport type { M3eSlideElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-slide` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-slide>` 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-slide>` instance for imperative access.\r\n *\r\n * See the `m3e-slide` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSlide = createComponent({\r\n  tagName: \"m3e-slide\",\r\n  elementClass: M3eSlideElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStateLayerElement } from \"@m3e/web/core\";\r\nexport type { M3eStateLayerElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-state-layer` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-state-layer>` 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-state-layer>` instance for imperative access.\r\n *\r\n * See the `m3e-state-layer` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStateLayer = createComponent({\r\n  tagName: \"m3e-state-layer\",\r\n  elementClass: M3eStateLayerElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextHighlightElement } from \"@m3e/web/core\";\r\nexport type { M3eTextHighlightElement, TextHighlightMode } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-text-highlight` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-text-highlight>` 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-text-highlight>` instance for imperative access.\r\n *\r\n * See the `m3e-text-highlight` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextHighlight = createComponent({\r\n  tagName: \"m3e-text-highlight\",\r\n  elementClass: M3eTextHighlightElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextOverflowElement } from \"@m3e/web/core\";\r\nexport type { M3eTextOverflowElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-text-overflow` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-text-overflow>` 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-text-overflow>` instance for imperative access.\r\n *\r\n * See the `m3e-text-overflow` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextOverflow = createComponent({\r\n  tagName: \"m3e-text-overflow\",\r\n  elementClass: M3eTextOverflowElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,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;AACnB,KAAA;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAM,YAAY,GAAG,eAAe,CAAC;AAC1C,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,YAAY,EAAE,mBAAmB;AACjC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,YAAY,GAAG,eAAe,CAAC;AAC1C,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,YAAY,EAAE,mBAAmB;AACjC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAC/C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,wBAAwB;AACtC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG,eAAe,CAAC;AACvC,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,kBAAkB,GAAG,eAAe,CAAC;AAChD,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,YAAY,EAAE,yBAAyB;AACvC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,QAAQ,GAAG,eAAe,CAAC;AACtC,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,YAAY,EAAE,eAAe;AAC7B,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;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,eAAe,GAAG,eAAe,CAAC;AAC7C,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,YAAY,EAAE,sBAAsB;AACpC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"core.js","sources":["../../src/core/Collapsible.ts","../../src/core/Elevation.ts","../../src/core/FocusRing.ts","../../src/core/PseudoCheckbox.ts","../../src/core/PseudoRadio.ts","../../src/core/Ripple.ts","../../src/core/ScrollContainer.ts","../../src/core/Slide.ts","../../src/core/StateLayer.ts","../../src/core/TextHighlight.ts","../../src/core/TextOverflow.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCollapsibleElement } from \"@m3e/web/core\";\r\nexport type { M3eCollapsibleElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-collapsible` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-collapsible>` 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-collapsible>` instance for imperative access.\r\n *\r\n * See the `m3e-collapsible` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eCollapsible = createComponent({\r\n  tagName: \"m3e-collapsible\",\r\n  elementClass: M3eCollapsibleElement,\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 { M3eElevationElement } from \"@m3e/web/core\";\r\nexport type { M3eElevationElement, ElevationLevel } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-elevation` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-elevation>` 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-elevation>` instance for imperative access.\r\n *\r\n * See the `m3e-elevation` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eElevation = createComponent({\r\n  tagName: \"m3e-elevation\",\r\n  elementClass: M3eElevationElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFocusRingElement } from \"@m3e/web/core\";\r\nexport type { M3eFocusRingElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-focus-ring` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-focus-ring>` 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-focus-ring>` instance for imperative access.\r\n *\r\n * See the `m3e-focus-ring` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFocusRing = createComponent({\r\n  tagName: \"m3e-focus-ring\",\r\n  elementClass: M3eFocusRingElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3ePseudoCheckboxElement } from \"@m3e/web/core\";\r\nexport type { M3ePseudoCheckboxElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-pseudo-checkbox` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-pseudo-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-pseudo-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-pseudo-checkbox` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePseudoCheckbox = createComponent({\r\n  tagName: \"m3e-pseudo-checkbox\",\r\n  elementClass: M3ePseudoCheckboxElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3ePseudoRadioElement } from \"@m3e/web/core\";\r\nexport type { M3ePseudoRadioElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-pseudo-radio` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-pseudo-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-pseudo-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-pseudo-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePseudoRadio = createComponent({\r\n  tagName: \"m3e-pseudo-radio\",\r\n  elementClass: M3ePseudoRadioElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRippleElement } from \"@m3e/web/core\";\r\nexport type { M3eRippleElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-ripple` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-ripple>` 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-ripple>` instance for imperative access.\r\n *\r\n * See the `m3e-ripple` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRipple = createComponent({\r\n  tagName: \"m3e-ripple\",\r\n  elementClass: M3eRippleElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eScrollContainerElement } from \"@m3e/web/core\";\r\nexport type { M3eScrollContainerElement, ScrollDividers } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-scroll-container` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-scroll-container>` 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-scroll-container>` instance for imperative access.\r\n *\r\n * See the `m3e-scroll-container` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eScrollContainer = createComponent({\r\n  tagName: \"m3e-scroll-container\",\r\n  elementClass: M3eScrollContainerElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSlideElement } from \"@m3e/web/core\";\r\nexport type { M3eSlideElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-slide` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-slide>` 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-slide>` instance for imperative access.\r\n *\r\n * See the `m3e-slide` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSlide = createComponent({\r\n  tagName: \"m3e-slide\",\r\n  elementClass: M3eSlideElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStateLayerElement } from \"@m3e/web/core\";\r\nexport type { M3eStateLayerElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-state-layer` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-state-layer>` 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-state-layer>` instance for imperative access.\r\n *\r\n * See the `m3e-state-layer` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStateLayer = createComponent({\r\n  tagName: \"m3e-state-layer\",\r\n  elementClass: M3eStateLayerElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextHighlightElement } from \"@m3e/web/core\";\r\nexport type { M3eTextHighlightElement, TextHighlightMode } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-text-highlight` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-text-highlight>` 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-text-highlight>` instance for imperative access.\r\n *\r\n * See the `m3e-text-highlight` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextHighlight = createComponent({\r\n  tagName: \"m3e-text-highlight\",\r\n  elementClass: M3eTextHighlightElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextOverflowElement } from \"@m3e/web/core\";\r\nexport type { M3eTextOverflowElement } from \"@m3e/web/core\";\r\n\r\n/**\r\n * React binding for the `m3e-text-overflow` Web Component from `@m3e/web/web/core`.\r\n *\r\n * This component renders the underlying `<m3e-text-overflow>` 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-text-overflow>` instance for imperative access.\r\n *\r\n * See the `m3e-text-overflow` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextOverflow = createComponent({\r\n  tagName: \"m3e-text-overflow\",\r\n  elementClass: M3eTextOverflowElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eCollapsible","createComponent","tagName","elementClass","M3eCollapsibleElement","react","React","events","onOpening","onOpened","onClosing","onClosed","M3eElevation","M3eElevationElement","M3eFocusRing","M3eFocusRingElement","M3ePseudoCheckbox","M3ePseudoCheckboxElement","M3ePseudoRadio","M3ePseudoRadioElement","M3eRipple","M3eRippleElement","M3eScrollContainer","M3eScrollContainerElement","M3eSlide","M3eSlideElement","M3eStateLayer","M3eStateLayerElement","M3eTextHighlight","M3eTextHighlightElement","M3eTextOverflow","M3eTextOverflowElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,cAAc,GAAGC,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEC,qBAAqB;AACnCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,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,YAAY,GAAGX,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEU,mBAAmB;AACjCR,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMQ,YAAY,GAAGb,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEY,mBAAmB;AACjCV,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMU,iBAAiB,GAAGf,eAAe,CAAC;AAC/CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEc,wBAAwB;AACtCZ,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMY,cAAc,GAAGjB,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,YAAY,EAAEgB,qBAAqB;AACnCd,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMc,SAAS,GAAGnB,eAAe,CAAC;AACvCC,EAAAA,OAAO,EAAE,YAAY;AACrBC,EAAAA,YAAY,EAAEkB,gBAAgB;AAC9BhB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMgB,kBAAkB,GAAGrB,eAAe,CAAC;AAChDC,EAAAA,OAAO,EAAE,sBAAsB;AAC/BC,EAAAA,YAAY,EAAEoB,yBAAyB;AACvClB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMkB,QAAQ,GAAGvB,eAAe,CAAC;AACtCC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,YAAY,EAAEsB,eAAe;AAC7BpB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMoB,aAAa,GAAGzB,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEwB,oBAAoB;AAClCtB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMsB,gBAAgB,GAAG3B,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,YAAY,EAAE0B,uBAAuB;AACrCxB,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMwB,eAAe,GAAG7B,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,YAAY,EAAE4B,sBAAsB;AACpC1B,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

package/dist/dialog.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 { M3eDialogElement, M3eDialogActionElement, M3eDialogTriggerElement } from '@m3e/web/dialog';
@@ -22,16 +21,16 @@ import { M3eDialogElement, M3eDialogActionElement, M3eDialogTriggerElement } fro
  * styling, accessibility, and supported events.
  */
 const M3eDialog = createComponent({
-    tagName: "m3e-dialog",
-    elementClass: M3eDialogElement,
-    react: React,
-    events: {
-        onOpening: "opening",
-        onOpened: "opened",
-        onClosing: "closing",
-        onClosed: "closed",
-        onCancel: "cancel",
-    },
+  tagName: "m3e-dialog",
+  elementClass: M3eDialogElement,
+  react: React,
+  events: {
+    onOpening: "opening",
+    onOpened: "opened",
+    onClosing: "closing",
+    onClosed: "closed",
+    onCancel: "cancel"
+  }
 });
 
 /**
@@ -48,9 +47,9 @@ const M3eDialog = createComponent({
  * accessibility, and supported events.
  */
 const M3eDialogAction = createComponent({
-    tagName: "m3e-dialog-action",
-    elementClass: M3eDialogActionElement,
-    react: React,
+  tagName: "m3e-dialog-action",
+  elementClass: M3eDialogActionElement,
+  react: React
 });
 
 /**
@@ -67,9 +66,9 @@ const M3eDialogAction = createComponent({
  * accessibility, and supported events.
  */
 const M3eDialogTrigger = createComponent({
-    tagName: "m3e-dialog-trigger",
-    elementClass: M3eDialogTriggerElement,
-    react: React,
+  tagName: "m3e-dialog-trigger",
+  elementClass: M3eDialogTriggerElement,
+  react: React
 });
 
 export { M3eDialog, M3eDialogAction, M3eDialogTrigger };

package/dist/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../src/dialog/Dialog.ts","../../src/dialog/DialogAction.ts","../../src/dialog/DialogTrigger.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDialogElement } from \"@m3e/web/dialog\";\r\nexport type { M3eDialogElement } from \"@m3e/web/dialog\";\r\n\r\n/**\r\n * React binding for the `m3e-dialog` Web Component from `@m3e/web/dialog`.\r\n *\r\n * This component renders the underlying `<m3e-dialog>` 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-dialog>` instance for imperative access.\r\n *\r\n * See the `m3e-dialog` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDialog = createComponent({\r\n  tagName: \"m3e-dialog\",\r\n  elementClass: M3eDialogElement,\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    onCancel: \"cancel\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDialogActionElement } from \"@m3e/web/dialog\";\r\nexport type { M3eDialogActionElement } from \"@m3e/web/dialog\";\r\n\r\n/**\r\n * React binding for the `m3e-dialog-action` Web Component from `@m3e/web/dialog`.\r\n *\r\n * This component renders the underlying `<m3e-dialog-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-dialog-action>` instance for imperative access.\r\n *\r\n * See the `m3e-dialog-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eDialogAction = createComponent({\r\n  tagName: \"m3e-dialog-action\",\r\n  elementClass: M3eDialogActionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDialogTriggerElement } from \"@m3e/web/dialog\";\r\nexport type { M3eDialogTriggerElement } from \"@m3e/web/dialog\";\r\n\r\n/**\r\n * React binding for the `m3e-dialog-trigger` Web Component from `@m3e/web/dialog`.\r\n *\r\n * This component renders the underlying `<m3e-dialog-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-dialog-trigger>` instance for imperative access.\r\n *\r\n * See the `m3e-dialog-trigger` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eDialogTrigger = createComponent({\r\n  tagName: \"m3e-dialog-trigger\",\r\n  elementClass: M3eDialogTriggerElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG,eAAe,CAAC;AACvC,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,YAAY,EAAE,gBAAgB;AAC9B,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,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACxBD;;;;;;;;;;;;AAYG;AACI,MAAM,eAAe,GAAG,eAAe,CAAC;AAC7C,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,YAAY,EAAE,sBAAsB;AACpC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"dialog.js","sources":["../../src/dialog/Dialog.ts","../../src/dialog/DialogAction.ts","../../src/dialog/DialogTrigger.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDialogElement } from \"@m3e/web/dialog\";\r\nexport type { M3eDialogElement } from \"@m3e/web/dialog\";\r\n\r\n/**\r\n * React binding for the `m3e-dialog` Web Component from `@m3e/web/dialog`.\r\n *\r\n * This component renders the underlying `<m3e-dialog>` 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-dialog>` instance for imperative access.\r\n *\r\n * See the `m3e-dialog` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDialog = createComponent({\r\n  tagName: \"m3e-dialog\",\r\n  elementClass: M3eDialogElement,\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    onCancel: \"cancel\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDialogActionElement } from \"@m3e/web/dialog\";\r\nexport type { M3eDialogActionElement } from \"@m3e/web/dialog\";\r\n\r\n/**\r\n * React binding for the `m3e-dialog-action` Web Component from `@m3e/web/dialog`.\r\n *\r\n * This component renders the underlying `<m3e-dialog-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-dialog-action>` instance for imperative access.\r\n *\r\n * See the `m3e-dialog-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eDialogAction = createComponent({\r\n  tagName: \"m3e-dialog-action\",\r\n  elementClass: M3eDialogActionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDialogTriggerElement } from \"@m3e/web/dialog\";\r\nexport type { M3eDialogTriggerElement } from \"@m3e/web/dialog\";\r\n\r\n/**\r\n * React binding for the `m3e-dialog-trigger` Web Component from `@m3e/web/dialog`.\r\n *\r\n * This component renders the underlying `<m3e-dialog-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-dialog-trigger>` instance for imperative access.\r\n *\r\n * See the `m3e-dialog-trigger` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eDialogTrigger = createComponent({\r\n  tagName: \"m3e-dialog-trigger\",\r\n  elementClass: M3eDialogTriggerElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eDialog","createComponent","tagName","elementClass","M3eDialogElement","react","React","events","onOpening","onOpened","onClosing","onClosed","onCancel","M3eDialogAction","M3eDialogActionElement","M3eDialogTrigger","M3eDialogTriggerElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,SAAS,GAAGC,eAAe,CAAC;AACvCC,EAAAA,OAAO,EAAE,YAAY;AACrBC,EAAAA,YAAY,EAAEC,gBAAgB;AAC9BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACxBD;;;;;;;;;;;;AAYG;AACI,MAAMC,eAAe,GAAGZ,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,YAAY,EAAEW,sBAAsB;AACpCT,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMS,gBAAgB,GAAGd,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,YAAY,EAAEa,uBAAuB;AACrCX,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

package/dist/divider.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 { M3eDividerElement } from '@m3e/web/divider';
@@ -22,9 +21,9 @@ import { M3eDividerElement } from '@m3e/web/divider';
  * styling, accessibility, and supported events.
  */
 const M3eDivider = createComponent({
-    tagName: "m3e-divider",
-    elementClass: M3eDividerElement,
-    react: React,
+  tagName: "m3e-divider",
+  elementClass: M3eDividerElement,
+  react: React
 });
 
 export { M3eDivider };

package/dist/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../src/divider/Divider.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDividerElement } from \"@m3e/web/divider\";\r\nexport type { M3eDividerElement } from \"@m3e/web/divider\";\r\n\r\n/**\r\n * React binding for the `m3e-divider` Web Component from `@m3e/web/divider`.\r\n *\r\n * This component renders the underlying `<m3e-divider>` 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-divider>` instance for imperative access.\r\n *\r\n * See the `m3e-divider` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDivider = createComponent({\r\n  tagName: \"m3e-divider\",\r\n  elementClass: M3eDividerElement,\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":"divider.js","sources":["../../src/divider/Divider.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDividerElement } from \"@m3e/web/divider\";\r\nexport type { M3eDividerElement } from \"@m3e/web/divider\";\r\n\r\n/**\r\n * React binding for the `m3e-divider` Web Component from `@m3e/web/divider`.\r\n *\r\n * This component renders the underlying `<m3e-divider>` 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-divider>` instance for imperative access.\r\n *\r\n * See the `m3e-divider` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDivider = createComponent({\r\n  tagName: \"m3e-divider\",\r\n  elementClass: M3eDividerElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eDivider","createComponent","tagName","elementClass","M3eDividerElement","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/drawer-container.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 { M3eDrawerContainerElement, M3eDrawerToggleElement } from '@m3e/web/drawer-container';
@@ -22,12 +21,12 @@ import { M3eDrawerContainerElement, M3eDrawerToggleElement } from '@m3e/web/draw
  * styling, accessibility, and supported events.
  */
 const M3eDrawerContainer = createComponent({
-    tagName: "m3e-drawer-container",
-    elementClass: M3eDrawerContainerElement,
-    react: React,
-    events: {
-        onChange: "change",
-    },
+  tagName: "m3e-drawer-container",
+  elementClass: M3eDrawerContainerElement,
+  react: React,
+  events: {
+    onChange: "change"
+  }
 });
 
 /**
@@ -44,9 +43,9 @@ const M3eDrawerContainer = createComponent({
  * accessibility, and supported events.
  */
 const M3eDrawerToggle = createComponent({
-    tagName: "m3e-drawer-toggle",
-    elementClass: M3eDrawerToggleElement,
-    react: React,
+  tagName: "m3e-drawer-toggle",
+  elementClass: M3eDrawerToggleElement,
+  react: React
 });
 
 export { M3eDrawerContainer, M3eDrawerToggle };

package/dist/drawer-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-container.js","sources":["../../src/drawer-container/DrawerContainer.ts","../../src/drawer-container/DrawerToggle.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDrawerContainerElement } from \"@m3e/web/drawer-container\";\r\nexport type { DrawerMode, DrawerPosition, M3eDrawerContainerElement } from \"@m3e/web/drawer-container\";\r\n\r\n/**\r\n * React binding for the `m3e-drawer-container` Web Component from `@m3e/web/drawer-container`.\r\n *\r\n * This component renders the underlying `<m3e-drawer-container>` 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-drawer-container>` instance for imperative access.\r\n *\r\n * See the `m3e-drawer-container` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDrawerContainer = createComponent({\r\n  tagName: \"m3e-drawer-container\",\r\n  elementClass: M3eDrawerContainerElement,\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 { M3eDrawerToggleElement } from \"@m3e/web/drawer-container\";\r\nexport type { M3eDrawerToggleElement } from \"@m3e/web/drawer-container\";\r\n\r\n/**\r\n * React binding for the `m3e-drawer-toggle` Web Component from `@m3e/web/drawer-container`.\r\n *\r\n * This component renders the underlying `<m3e-drawer-toggle>` 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-drawer-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-drawer-toggle` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eDrawerToggle = createComponent({\r\n  tagName: \"m3e-drawer-toggle\",\r\n  elementClass: M3eDrawerToggleElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,kBAAkB,GAAG,eAAe,CAAC;AAChD,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,YAAY,EAAE,yBAAyB;AACvC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,eAAe,GAAG,eAAe,CAAC;AAC7C,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,YAAY,EAAE,sBAAsB;AACpC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"drawer-container.js","sources":["../../src/drawer-container/DrawerContainer.ts","../../src/drawer-container/DrawerToggle.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDrawerContainerElement } from \"@m3e/web/drawer-container\";\r\nexport type { DrawerMode, DrawerPosition, M3eDrawerContainerElement } from \"@m3e/web/drawer-container\";\r\n\r\n/**\r\n * React binding for the `m3e-drawer-container` Web Component from `@m3e/web/drawer-container`.\r\n *\r\n * This component renders the underlying `<m3e-drawer-container>` 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-drawer-container>` instance for imperative access.\r\n *\r\n * See the `m3e-drawer-container` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDrawerContainer = createComponent({\r\n  tagName: \"m3e-drawer-container\",\r\n  elementClass: M3eDrawerContainerElement,\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 { M3eDrawerToggleElement } from \"@m3e/web/drawer-container\";\r\nexport type { M3eDrawerToggleElement } from \"@m3e/web/drawer-container\";\r\n\r\n/**\r\n * React binding for the `m3e-drawer-toggle` Web Component from `@m3e/web/drawer-container`.\r\n *\r\n * This component renders the underlying `<m3e-drawer-toggle>` 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-drawer-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-drawer-toggle` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eDrawerToggle = createComponent({\r\n  tagName: \"m3e-drawer-toggle\",\r\n  elementClass: M3eDrawerToggleElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eDrawerContainer","createComponent","tagName","elementClass","M3eDrawerContainerElement","react","React","events","onChange","M3eDrawerToggle","M3eDrawerToggleElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,kBAAkB,GAAGC,eAAe,CAAC;AAChDC,EAAAA,OAAO,EAAE,sBAAsB;AAC/BC,EAAAA,YAAY,EAAEC,yBAAyB;AACvCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,eAAe,GAAGR,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,YAAY,EAAEO,sBAAsB;AACpCL,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

package/dist/expansion-panel.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 { M3eAccordionElement, M3eExpansionPanelElement } from '@m3e/web/expansion-panel';
@@ -22,9 +21,9 @@ import { M3eAccordionElement, M3eExpansionPanelElement } from '@m3e/web/expansio
  * accessibility, and supported events.
  */
 const M3eAccordion = createComponent({
-    tagName: "m3e-accordion",
-    elementClass: M3eAccordionElement,
-    react: React,
+  tagName: "m3e-accordion",
+  elementClass: M3eAccordionElement,
+  react: React
 });
 
 /**
@@ -41,15 +40,15 @@ const M3eAccordion = createComponent({
  * accessibility, and supported events.
  */
 const M3eExpansionPanel = createComponent({
-    tagName: "m3e-expansion-panel",
-    elementClass: M3eExpansionPanelElement,
-    react: React,
-    events: {
-        onOpening: "opening",
-        onOpened: "opened",
-        onClosing: "closing",
-        onClosed: "closed",
-    },
+  tagName: "m3e-expansion-panel",
+  elementClass: M3eExpansionPanelElement,
+  react: React,
+  events: {
+    onOpening: "opening",
+    onOpened: "opened",
+    onClosing: "closing",
+    onClosed: "closed"
+  }
 });
 
 export { M3eAccordion, M3eExpansionPanel };

package/dist/expansion-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.js","sources":["../../src/expansion-panel/Accordion.ts","../../src/expansion-panel/ExpansionPanel.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eAccordionElement } from \"@m3e/web/expansion-panel\";\r\nexport type { M3eAccordionElement } from \"@m3e/web/expansion-panel\";\r\n\r\n/**\r\n * React binding for the `m3e-accordion` Web Component from `@m3e/web/expansion-panel`.\r\n *\r\n * This component renders the underlying `<m3e-accordion>` 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-accordion>` instance for imperative access.\r\n *\r\n * See the `m3e-accordion` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eAccordion = createComponent({\r\n  tagName: \"m3e-accordion\",\r\n  elementClass: M3eAccordionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eExpansionPanelElement } from \"@m3e/web/expansion-panel\";\r\nexport type {\r\n  ExpansionToggleDirection,\r\n  ExpansionTogglePosition,\r\n  M3eExpansionPanelElement,\r\n} from \"@m3e/web/expansion-panel\";\r\n\r\n/**\r\n * React binding for the `m3e-expansion-panel` Web Component from `@m3e/web/expansion-panel`.\r\n *\r\n * This component renders the underlying `<m3e-expansion-panel>` 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-expansion-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-expansion-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eExpansionPanel = createComponent({\r\n  tagName: \"m3e-expansion-panel\",\r\n  elementClass: M3eExpansionPanelElement,\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"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,YAAY,GAAG,eAAe,CAAC;AAC1C,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,YAAY,EAAE,mBAAmB;AACjC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACbD;;;;;;;;;;;;AAYG;AACI,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAC/C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,wBAAwB;AACtC,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;;;;"}
+{"version":3,"file":"expansion-panel.js","sources":["../../src/expansion-panel/Accordion.ts","../../src/expansion-panel/ExpansionPanel.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eAccordionElement } from \"@m3e/web/expansion-panel\";\r\nexport type { M3eAccordionElement } from \"@m3e/web/expansion-panel\";\r\n\r\n/**\r\n * React binding for the `m3e-accordion` Web Component from `@m3e/web/expansion-panel`.\r\n *\r\n * This component renders the underlying `<m3e-accordion>` 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-accordion>` instance for imperative access.\r\n *\r\n * See the `m3e-accordion` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eAccordion = createComponent({\r\n  tagName: \"m3e-accordion\",\r\n  elementClass: M3eAccordionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eExpansionPanelElement } from \"@m3e/web/expansion-panel\";\r\nexport type {\r\n  ExpansionToggleDirection,\r\n  ExpansionTogglePosition,\r\n  M3eExpansionPanelElement,\r\n} from \"@m3e/web/expansion-panel\";\r\n\r\n/**\r\n * React binding for the `m3e-expansion-panel` Web Component from `@m3e/web/expansion-panel`.\r\n *\r\n * This component renders the underlying `<m3e-expansion-panel>` 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-expansion-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-expansion-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eExpansionPanel = createComponent({\r\n  tagName: \"m3e-expansion-panel\",\r\n  elementClass: M3eExpansionPanelElement,\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"],"names":["M3eAccordion","createComponent","tagName","elementClass","M3eAccordionElement","react","React","M3eExpansionPanel","M3eExpansionPanelElement","events","onOpening","onOpened","onClosing","onClosed"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,YAAY,GAAGC,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEC,mBAAmB;AACjCC,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACbD;;;;;;;;;;;;AAYG;AACI,MAAMC,iBAAiB,GAAGN,eAAe,CAAC;AAC/CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEK,wBAAwB;AACtCH,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;;;;"}

package/dist/fab-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 { M3eFabMenuElement, M3eFabMenuItemElement, M3eFabMenuTriggerElement } from '@m3e/web/fab-menu';
@@ -22,13 +21,13 @@ import { M3eFabMenuElement, M3eFabMenuItemElement, M3eFabMenuTriggerElement } fr
  * accessibility, and supported events.
  */
 const M3eFabMenu = createComponent({
-    tagName: "m3e-fab-menu",
-    elementClass: M3eFabMenuElement,
-    react: React,
-    events: {
-        onBeforeToggle: "beforetoggle",
-        onToggle: "toggle",
-    },
+  tagName: "m3e-fab-menu",
+  elementClass: M3eFabMenuElement,
+  react: React,
+  events: {
+    onBeforeToggle: "beforetoggle",
+    onToggle: "toggle"
+  }
 });
 
 /**
@@ -45,12 +44,12 @@ const M3eFabMenu = createComponent({
  * accessibility, and supported events.
  */
 const M3eFabMenuItem = createComponent({
-    tagName: "m3e-fab-menu-item",
-    elementClass: M3eFabMenuItemElement,
-    react: React,
-    events: {
-        onClick: "click",
-    },
+  tagName: "m3e-fab-menu-item",
+  elementClass: M3eFabMenuItemElement,
+  react: React,
+  events: {
+    onClick: "click"
+  }
 });
 
 /**
@@ -67,9 +66,9 @@ const M3eFabMenuItem = createComponent({
  * accessibility, and supported events.
  */
 const M3eFabMenuTrigger = createComponent({
-    tagName: "m3e-fab-menu-trigger",
-    elementClass: M3eFabMenuTriggerElement,
-    react: React,
+  tagName: "m3e-fab-menu-trigger",
+  elementClass: M3eFabMenuTriggerElement,
+  react: React
 });
 
 export { M3eFabMenu, M3eFabMenuItem, M3eFabMenuTrigger };

package/dist/fab-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab-menu.js","sources":["../../src/fab-menu/FabMenu.ts","../../src/fab-menu/FabMenuItem.ts","../../src/fab-menu/FabMenuTrigger.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFabMenuElement } from \"@m3e/web/fab-menu\";\r\nexport type { FabMenuVariant, M3eFabMenuElement } from \"@m3e/web/fab-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-fab-menu` Web Component from `@m3e/web/fab-menu`.\r\n *\r\n * This component renders the underlying `<m3e-fab-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-fab-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-fab-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFabMenu = createComponent({\r\n  tagName: \"m3e-fab-menu\",\r\n  elementClass: M3eFabMenuElement,\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 { M3eFabMenuItemElement } from \"@m3e/web/fab-menu\";\r\nexport type { M3eFabMenuItemElement } from \"@m3e/web/fab-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-fab-menu-item` Web Component from `@m3e/web/fab-menu`.\r\n *\r\n * This component renders the underlying `<m3e-fab-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-fab-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-fab-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFabMenuItem = createComponent({\r\n  tagName: \"m3e-fab-menu-item\",\r\n  elementClass: M3eFabMenuItemElement,\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 { M3eFabMenuTriggerElement } from \"@m3e/web/fab-menu\";\r\nexport type { M3eFabMenuTriggerElement } from \"@m3e/web/fab-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-fab-menu-trigger` Web Component from `@m3e/web/fab-menu`.\r\n *\r\n * This component renders the underlying `<m3e-fab-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-fab-menu-trigger>` instance for imperative access.\r\n *\r\n * See the `m3e-fab-menu-trigger` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFabMenuTrigger = createComponent({\r\n  tagName: \"m3e-fab-menu-trigger\",\r\n  elementClass: M3eFabMenuTriggerElement,\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;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,cAAc,EAAE,cAAc;AAC9B,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACrBD;;;;;;;;;;;;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,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAC/C,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,YAAY,EAAE,wBAAwB;AACtC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"fab-menu.js","sources":["../../src/fab-menu/FabMenu.ts","../../src/fab-menu/FabMenuItem.ts","../../src/fab-menu/FabMenuTrigger.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFabMenuElement } from \"@m3e/web/fab-menu\";\r\nexport type { FabMenuVariant, M3eFabMenuElement } from \"@m3e/web/fab-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-fab-menu` Web Component from `@m3e/web/fab-menu`.\r\n *\r\n * This component renders the underlying `<m3e-fab-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-fab-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-fab-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFabMenu = createComponent({\r\n  tagName: \"m3e-fab-menu\",\r\n  elementClass: M3eFabMenuElement,\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 { M3eFabMenuItemElement } from \"@m3e/web/fab-menu\";\r\nexport type { M3eFabMenuItemElement } from \"@m3e/web/fab-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-fab-menu-item` Web Component from `@m3e/web/fab-menu`.\r\n *\r\n * This component renders the underlying `<m3e-fab-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-fab-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-fab-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFabMenuItem = createComponent({\r\n  tagName: \"m3e-fab-menu-item\",\r\n  elementClass: M3eFabMenuItemElement,\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 { M3eFabMenuTriggerElement } from \"@m3e/web/fab-menu\";\r\nexport type { M3eFabMenuTriggerElement } from \"@m3e/web/fab-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-fab-menu-trigger` Web Component from `@m3e/web/fab-menu`.\r\n *\r\n * This component renders the underlying `<m3e-fab-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-fab-menu-trigger>` instance for imperative access.\r\n *\r\n * See the `m3e-fab-menu-trigger` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFabMenuTrigger = createComponent({\r\n  tagName: \"m3e-fab-menu-trigger\",\r\n  elementClass: M3eFabMenuTriggerElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eFabMenu","createComponent","tagName","elementClass","M3eFabMenuElement","react","React","events","onBeforeToggle","onToggle","M3eFabMenuItem","M3eFabMenuItemElement","onClick","M3eFabMenuTrigger","M3eFabMenuTriggerElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,UAAU,GAAGC,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAEC,iBAAiB;AAC/BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,cAAc,EAAE,cAAc;AAC9BC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAMC,cAAc,GAAGT,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,YAAY,EAAEQ,qBAAqB;AACnCN,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNK,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,iBAAiB,GAAGZ,eAAe,CAAC;AAC/CC,EAAAA,OAAO,EAAE,sBAAsB;AAC/BC,EAAAA,YAAY,EAAEW,wBAAwB;AACtCT,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

package/dist/fab.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 { M3eFabElement } from '@m3e/web/fab';
@@ -22,12 +21,12 @@ import { M3eFabElement } from '@m3e/web/fab';
  * accessibility, and supported events.
  */
 const M3eFab = createComponent({
-    tagName: "m3e-fab",
-    elementClass: M3eFabElement,
-    react: React,
-    events: {
-        onClick: "click",
-    },
+  tagName: "m3e-fab",
+  elementClass: M3eFabElement,
+  react: React,
+  events: {
+    onClick: "click"
+  }
 });
 
 export { M3eFab };

package/dist/fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab.js","sources":["../../src/fab/Fab.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFabElement } from \"@m3e/web/fab\";\r\nexport type { FabSize, FabVariant, M3eFabElement } from \"@m3e/web/fab\";\r\n\r\n/**\r\n * React binding for the `m3e-fab` Web Component from `@m3e/web/fab`.\r\n *\r\n * This component renders the underlying `<m3e-fab>` 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-fab>` instance for imperative access.\r\n *\r\n * See the `m3e-fab` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFab = createComponent({\r\n  tagName: \"m3e-fab\",\r\n  elementClass: M3eFabElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,MAAM,GAAG,eAAe,CAAC;AACpC,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,YAAY,EAAE,aAAa;AAC3B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"fab.js","sources":["../../src/fab/Fab.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFabElement } from \"@m3e/web/fab\";\r\nexport type { FabSize, FabVariant, M3eFabElement } from \"@m3e/web/fab\";\r\n\r\n/**\r\n * React binding for the `m3e-fab` Web Component from `@m3e/web/fab`.\r\n *\r\n * This component renders the underlying `<m3e-fab>` 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-fab>` instance for imperative access.\r\n *\r\n * See the `m3e-fab` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFab = createComponent({\r\n  tagName: \"m3e-fab\",\r\n  elementClass: M3eFabElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":["M3eFab","createComponent","tagName","elementClass","M3eFabElement","react","React","events","onClick"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,MAAM,GAAGC,eAAe,CAAC;AACpCC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,YAAY,EAAEC,aAAa;AAC3BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}

package/dist/form-field.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 { M3eFormFieldElement } from '@m3e/web/form-field';
@@ -22,9 +21,9 @@ import { M3eFormFieldElement } from '@m3e/web/form-field';
  * accessibility, and supported events.
  */
 const M3eFormField = createComponent({
-    tagName: "m3e-form-field",
-    elementClass: M3eFormFieldElement,
-    react: React,
+  tagName: "m3e-form-field",
+  elementClass: M3eFormFieldElement,
+  react: React
 });
 
 export { M3eFormField };

package/dist/form-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.js","sources":["../../src/form-field/FormField.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFormFieldElement } from \"@m3e/web/form-field\";\r\nexport type { FloatLabelType, FormFieldVariant, FormFieldControl, M3eFormFieldElement } from \"@m3e/web/form-field\";\r\n\r\n/**\r\n * React binding for the `m3e-form-field` Web Component from `@m3e/web/form-field`.\r\n *\r\n * This component renders the underlying `<m3e-form-field>` 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-form-field>` instance for imperative access.\r\n *\r\n * See the `m3e-form-field` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFormField = createComponent({\r\n  tagName: \"m3e-form-field\",\r\n  elementClass: M3eFormFieldElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,YAAY,GAAG,eAAe,CAAC;AAC1C,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,YAAY,EAAE,mBAAmB;AACjC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"form-field.js","sources":["../../src/form-field/FormField.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFormFieldElement } from \"@m3e/web/form-field\";\r\nexport type { FloatLabelType, FormFieldVariant, FormFieldControl, M3eFormFieldElement } from \"@m3e/web/form-field\";\r\n\r\n/**\r\n * React binding for the `m3e-form-field` Web Component from `@m3e/web/form-field`.\r\n *\r\n * This component renders the underlying `<m3e-form-field>` 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-form-field>` instance for imperative access.\r\n *\r\n * See the `m3e-form-field` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFormField = createComponent({\r\n  tagName: \"m3e-form-field\",\r\n  elementClass: M3eFormFieldElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eFormField","createComponent","tagName","elementClass","M3eFormFieldElement","react","React"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,YAAY,GAAGC,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEC,mBAAmB;AACjCC,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}