@m3e/react 2.1.1 → 2.1.2

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

package/dist/split-button.js.map

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

package/dist/stepper.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 { M3eStepElement, M3eStepPanelElement, M3eStepperElement, M3eStepperNextElement, M3eStepperPreviousElement, M3eStepperResetElement } from '@m3e/web/stepper';
@@ -22,14 +21,14 @@ import { M3eStepElement, M3eStepPanelElement, M3eStepperElement, M3eStepperNextE
  * accessibility, and supported events.
  */
 const M3eStep = createComponent({
-    tagName: "m3e-step",
-    elementClass: M3eStepElement,
-    react: React,
-    events: {
-        onInput: "input",
-        onChange: "change",
-        onClick: "click",
-    },
+  tagName: "m3e-step",
+  elementClass: M3eStepElement,
+  react: React,
+  events: {
+    onInput: "input",
+    onChange: "change",
+    onClick: "click"
+  }
 });
 
 /**
@@ -46,9 +45,9 @@ const M3eStep = createComponent({
  * accessibility, and supported events.
  */
 const M3eStepPanel = createComponent({
-    tagName: "m3e-step-panel",
-    elementClass: M3eStepPanelElement,
-    react: React,
+  tagName: "m3e-step-panel",
+  elementClass: M3eStepPanelElement,
+  react: React
 });
 
 /**
@@ -65,12 +64,12 @@ const M3eStepPanel = createComponent({
  * accessibility, and supported events.
  */
 const M3eStepper = createComponent({
-    tagName: "m3e-stepper",
-    elementClass: M3eStepperElement,
-    react: React,
-    events: {
-        onChange: "change",
-    },
+  tagName: "m3e-stepper",
+  elementClass: M3eStepperElement,
+  react: React,
+  events: {
+    onChange: "change"
+  }
 });
 
 /**
@@ -87,9 +86,9 @@ const M3eStepper = createComponent({
  * accessibility, and supported events.
  */
 const M3eStepperNext = createComponent({
-    tagName: "m3e-stepper-next",
-    elementClass: M3eStepperNextElement,
-    react: React,
+  tagName: "m3e-stepper-next",
+  elementClass: M3eStepperNextElement,
+  react: React
 });
 
 /**
@@ -106,9 +105,9 @@ const M3eStepperNext = createComponent({
  * accessibility, and supported events.
  */
 const M3eStepperPrevious = createComponent({
-    tagName: "m3e-stepper-previous",
-    elementClass: M3eStepperPreviousElement,
-    react: React,
+  tagName: "m3e-stepper-previous",
+  elementClass: M3eStepperPreviousElement,
+  react: React
 });
 
 /**
@@ -125,9 +124,9 @@ const M3eStepperPrevious = createComponent({
  * accessibility, and supported events.
  */
 const M3eStepperReset = createComponent({
-    tagName: "m3e-stepper-reset",
-    elementClass: M3eStepperResetElement,
-    react: React,
+  tagName: "m3e-stepper-reset",
+  elementClass: M3eStepperResetElement,
+  react: React
 });
 
 export { M3eStep, M3eStepPanel, M3eStepper, M3eStepperNext, M3eStepperPrevious, M3eStepperReset };

package/dist/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sources":["../../src/stepper/Step.ts","../../src/stepper/StepPanel.ts","../../src/stepper/Stepper.ts","../../src/stepper/StepperNext.ts","../../src/stepper/StepperPrevious.ts","../../src/stepper/StepperReset.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-step` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-step>` 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-step>` instance for imperative access.\r\n *\r\n * See the `m3e-step` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStep = createComponent({\r\n  tagName: \"m3e-step\",\r\n  elementClass: M3eStepElement,\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 { M3eStepPanelElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepPanelElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-step-panel` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-step-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-step-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-step-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepPanel = createComponent({\r\n  tagName: \"m3e-step-panel\",\r\n  elementClass: M3eStepPanelElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperElement, StepperOrientation, StepLabelPosition, StepHeaderPosition } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper>` 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-stepper>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepper = createComponent({\r\n  tagName: \"m3e-stepper\",\r\n  elementClass: M3eStepperElement,\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 { M3eStepperNextElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperNextElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-next` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-next>` 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-stepper-next>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-next` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperNext = createComponent({\r\n  tagName: \"m3e-stepper-next\",\r\n  elementClass: M3eStepperNextElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperPreviousElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperPreviousElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-previous` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-previous>` 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-stepper-previous>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-previous` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperPrevious = createComponent({\r\n  tagName: \"m3e-stepper-previous\",\r\n  elementClass: M3eStepperPreviousElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperResetElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperResetElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-reset` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-reset>` 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-stepper-reset>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-reset` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperReset = createComponent({\r\n  tagName: \"m3e-stepper-reset\",\r\n  elementClass: M3eStepperResetElement,\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,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACtBD;;;;;;;;;;;;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,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,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;;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,eAAe,GAAG,eAAe,CAAC;AAC7C,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,YAAY,EAAE,sBAAsB;AACpC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"stepper.js","sources":["../../src/stepper/Step.ts","../../src/stepper/StepPanel.ts","../../src/stepper/Stepper.ts","../../src/stepper/StepperNext.ts","../../src/stepper/StepperPrevious.ts","../../src/stepper/StepperReset.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-step` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-step>` 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-step>` instance for imperative access.\r\n *\r\n * See the `m3e-step` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStep = createComponent({\r\n  tagName: \"m3e-step\",\r\n  elementClass: M3eStepElement,\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 { M3eStepPanelElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepPanelElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-step-panel` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-step-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-step-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-step-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepPanel = createComponent({\r\n  tagName: \"m3e-step-panel\",\r\n  elementClass: M3eStepPanelElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperElement, StepperOrientation, StepLabelPosition, StepHeaderPosition } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper>` 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-stepper>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepper = createComponent({\r\n  tagName: \"m3e-stepper\",\r\n  elementClass: M3eStepperElement,\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 { M3eStepperNextElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperNextElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-next` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-next>` 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-stepper-next>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-next` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperNext = createComponent({\r\n  tagName: \"m3e-stepper-next\",\r\n  elementClass: M3eStepperNextElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperPreviousElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperPreviousElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-previous` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-previous>` 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-stepper-previous>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-previous` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperPrevious = createComponent({\r\n  tagName: \"m3e-stepper-previous\",\r\n  elementClass: M3eStepperPreviousElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperResetElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperResetElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-reset` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-reset>` 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-stepper-reset>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-reset` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperReset = createComponent({\r\n  tagName: \"m3e-stepper-reset\",\r\n  elementClass: M3eStepperResetElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eStep","createComponent","tagName","elementClass","M3eStepElement","react","React","events","onInput","onChange","onClick","M3eStepPanel","M3eStepPanelElement","M3eStepper","M3eStepperElement","M3eStepperNext","M3eStepperNextElement","M3eStepperPrevious","M3eStepperPreviousElement","M3eStepperReset","M3eStepperResetElement"],"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,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAMC,YAAY,GAAGV,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAES,mBAAmB;AACjCP,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMO,UAAU,GAAGZ,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,aAAa;AACtBC,EAAAA,YAAY,EAAEW,iBAAiB;AAC/BT,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNE,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMM,cAAc,GAAGd,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,YAAY,EAAEa,qBAAqB;AACnCX,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMW,kBAAkB,GAAGhB,eAAe,CAAC;AAChDC,EAAAA,OAAO,EAAE,sBAAsB;AAC/BC,EAAAA,YAAY,EAAEe,yBAAyB;AACvCb,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMa,eAAe,GAAGlB,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,YAAY,EAAEiB,sBAAsB;AACpCf,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

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

package/dist/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../src/switch/Switch.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSwitchElement } from \"@m3e/web/switch\";\r\nexport type { M3eSwitchElement, SwitchIcons } from \"@m3e/web/switch\";\r\n\r\n/**\r\n * React binding for the `m3e-switch` Web Component from `@m3e/web/switch`.\r\n *\r\n * This component renders the underlying `<m3e-switch>` 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-switch>` instance for imperative access.\r\n *\r\n * See the `m3e-switch` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSwitch = createComponent({\r\n  tagName: \"m3e-switch\",\r\n  elementClass: M3eSwitchElement,\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,YAAY;AACrB,IAAA,YAAY,EAAE,gBAAgB;AAC9B,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":"switch.js","sources":["../../src/switch/Switch.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSwitchElement } from \"@m3e/web/switch\";\r\nexport type { M3eSwitchElement, SwitchIcons } from \"@m3e/web/switch\";\r\n\r\n/**\r\n * React binding for the `m3e-switch` Web Component from `@m3e/web/switch`.\r\n *\r\n * This component renders the underlying `<m3e-switch>` 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-switch>` instance for imperative access.\r\n *\r\n * See the `m3e-switch` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSwitch = createComponent({\r\n  tagName: \"m3e-switch\",\r\n  elementClass: M3eSwitchElement,\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":["M3eSwitch","createComponent","tagName","elementClass","M3eSwitchElement","react","React","events","onInput","onChange","onClick"],"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,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}

package/dist/tabs.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 { M3eTabElement, M3eTabPanelElement, M3eTabsElement } from '@m3e/web/tabs';
@@ -22,14 +21,14 @@ import { M3eTabElement, M3eTabPanelElement, M3eTabsElement } from '@m3e/web/tabs
  * accessibility, and supported events.
  */
 const M3eTab = createComponent({
-    tagName: "m3e-tab",
-    elementClass: M3eTabElement,
-    react: React,
-    events: {
-        onInput: "input",
-        onChange: "change",
-        onClick: "click",
-    },
+  tagName: "m3e-tab",
+  elementClass: M3eTabElement,
+  react: React,
+  events: {
+    onInput: "input",
+    onChange: "change",
+    onClick: "click"
+  }
 });
 
 /**
@@ -46,9 +45,9 @@ const M3eTab = createComponent({
  * accessibility, and supported events.
  */
 const M3eTabPanel = createComponent({
-    tagName: "m3e-tab-panel",
-    elementClass: M3eTabPanelElement,
-    react: React,
+  tagName: "m3e-tab-panel",
+  elementClass: M3eTabPanelElement,
+  react: React
 });
 
 /**
@@ -65,12 +64,12 @@ const M3eTabPanel = createComponent({
  * accessibility, and supported events.
  */
 const M3eTabs = createComponent({
-    tagName: "m3e-tabs",
-    elementClass: M3eTabsElement,
-    react: React,
-    events: {
-        onChange: "change",
-    },
+  tagName: "m3e-tabs",
+  elementClass: M3eTabsElement,
+  react: React,
+  events: {
+    onChange: "change"
+  }
 });
 
 export { M3eTab, M3eTabPanel, M3eTabs };

package/dist/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../src/tabs/Tab.ts","../../src/tabs/TabPanel.ts","../../src/tabs/Tabs.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTabElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabElement } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tab` Web Component from `@m3e/web/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tab>` 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-tab>` instance for imperative access.\r\n *\r\n * See the `m3e-tab` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTab = createComponent({\r\n  tagName: \"m3e-tab\",\r\n  elementClass: M3eTabElement,\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 { M3eTabPanelElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabPanelElement } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tab-panel` Web Component from `@m3e/web/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tab-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-tab-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-tab-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTabPanel = createComponent({\r\n  tagName: \"m3e-tab-panel\",\r\n  elementClass: M3eTabPanelElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTabsElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabsElement, TabVariant, TabHeaderPosition } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tabs` Web Component from `@m3e/web/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tabs>` 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-tabs>` instance for imperative access.\r\n *\r\n * See the `m3e-tabs` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTabs = createComponent({\r\n  tagName: \"m3e-tabs\",\r\n  elementClass: M3eTabsElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\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;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACtBD;;;;;;;;;;;;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,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,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"tabs.js","sources":["../../src/tabs/Tab.ts","../../src/tabs/TabPanel.ts","../../src/tabs/Tabs.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTabElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabElement } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tab` Web Component from `@m3e/web/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tab>` 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-tab>` instance for imperative access.\r\n *\r\n * See the `m3e-tab` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTab = createComponent({\r\n  tagName: \"m3e-tab\",\r\n  elementClass: M3eTabElement,\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 { M3eTabPanelElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabPanelElement } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tab-panel` Web Component from `@m3e/web/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tab-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-tab-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-tab-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTabPanel = createComponent({\r\n  tagName: \"m3e-tab-panel\",\r\n  elementClass: M3eTabPanelElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTabsElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabsElement, TabVariant, TabHeaderPosition } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tabs` Web Component from `@m3e/web/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tabs>` 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-tabs>` instance for imperative access.\r\n *\r\n * See the `m3e-tabs` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTabs = createComponent({\r\n  tagName: \"m3e-tabs\",\r\n  elementClass: M3eTabsElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eTab","createComponent","tagName","elementClass","M3eTabElement","react","React","events","onInput","onChange","onClick","M3eTabPanel","M3eTabPanelElement","M3eTabs","M3eTabsElement"],"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,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAMC,WAAW,GAAGV,eAAe,CAAC;AACzCC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAES,kBAAkB;AAChCP,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMO,OAAO,GAAGZ,eAAe,CAAC;AACrCC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,YAAY,EAAEW,cAAc;AAC5BT,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNE,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}

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

package/dist/textarea-autosize.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea-autosize.js","sources":["../../src/textarea-autosize/TextareaAutosize.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextareaAutosizeElement } from \"@m3e/web/textarea-autosize\";\r\nexport type { M3eTextareaAutosizeElement } from \"@m3e/web/textarea-autosize\";\r\n\r\n/**\r\n * React binding for the `m3e-textarea-autosize` Web Component from `@m3e/web/textarea-autosize`.\r\n *\r\n * This component renders the underlying `<m3e-textarea-autosize>` 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-textarea-autosize>` instance for imperative access.\r\n *\r\n * See the `m3e-textarea-autosize` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextareaAutosize = createComponent({\r\n  tagName: \"m3e-textarea-autosize\",\r\n  elementClass: M3eTextareaAutosizeElement,\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":"textarea-autosize.js","sources":["../../src/textarea-autosize/TextareaAutosize.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextareaAutosizeElement } from \"@m3e/web/textarea-autosize\";\r\nexport type { M3eTextareaAutosizeElement } from \"@m3e/web/textarea-autosize\";\r\n\r\n/**\r\n * React binding for the `m3e-textarea-autosize` Web Component from `@m3e/web/textarea-autosize`.\r\n *\r\n * This component renders the underlying `<m3e-textarea-autosize>` 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-textarea-autosize>` instance for imperative access.\r\n *\r\n * See the `m3e-textarea-autosize` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextareaAutosize = createComponent({\r\n  tagName: \"m3e-textarea-autosize\",\r\n  elementClass: M3eTextareaAutosizeElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eTextareaAutosize","createComponent","tagName","elementClass","M3eTextareaAutosizeElement","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/theme.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 { M3eThemeElement } from '@m3e/web/theme';
@@ -22,12 +21,12 @@ import { M3eThemeElement } from '@m3e/web/theme';
  * accessibility, and supported events.
  */
 const M3eTheme = createComponent({
-    tagName: "m3e-theme",
-    elementClass: M3eThemeElement,
-    react: React,
-    events: {
-        onChange: "change",
-    },
+  tagName: "m3e-theme",
+  elementClass: M3eThemeElement,
+  react: React,
+  events: {
+    onChange: "change"
+  }
 });
 
 export { M3eTheme };

package/dist/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../src/theme/Theme.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eThemeElement } from \"@m3e/web/theme\";\r\nexport type { ColorScheme, ContrastLevel, MotionScheme, M3eThemeElement } from \"@m3e/web/theme\";\r\n\r\n/**\r\n * React binding for the `m3e-theme` Web Component from `@m3e/web/theme`.\r\n *\r\n * This component renders the underlying `<m3e-theme>` 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-theme>` instance for imperative access.\r\n *\r\n * See the `m3e-theme` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTheme = createComponent({\r\n  tagName: \"m3e-theme\",\r\n  elementClass: M3eThemeElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,QAAQ,GAAG,eAAe,CAAC;AACtC,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,YAAY,EAAE,eAAe;AAC7B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"theme.js","sources":["../../src/theme/Theme.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eThemeElement } from \"@m3e/web/theme\";\r\nexport type { ColorScheme, ContrastLevel, MotionScheme, M3eThemeElement } from \"@m3e/web/theme\";\r\n\r\n/**\r\n * React binding for the `m3e-theme` Web Component from `@m3e/web/theme`.\r\n *\r\n * This component renders the underlying `<m3e-theme>` 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-theme>` instance for imperative access.\r\n *\r\n * See the `m3e-theme` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTheme = createComponent({\r\n  tagName: \"m3e-theme\",\r\n  elementClass: M3eThemeElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eTheme","createComponent","tagName","elementClass","M3eThemeElement","react","React","events","onChange"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,QAAQ,GAAGC,eAAe,CAAC;AACtCC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,YAAY,EAAEC,eAAe;AAC7BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}

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

package/dist/toc.js.map

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

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

package/dist/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","sources":["../../src/toolbar/Toolbar.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eToolbarElement } from \"@m3e/web/toolbar\";\r\nexport type { M3eToolbarElement, ToolbarVariant, ToolbarShape } from \"@m3e/web/toolbar\";\r\n\r\n/**\r\n * React binding for the `m3e-toolbar` Web Component from `@m3e/web/toolbar`.\r\n *\r\n * This component renders the underlying `<m3e-toolbar>` 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-toolbar>` instance for imperative access.\r\n *\r\n * See the `m3e-toolbar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eToolbar = createComponent({\r\n  tagName: \"m3e-toolbar\",\r\n  elementClass: M3eToolbarElement,\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":"toolbar.js","sources":["../../src/toolbar/Toolbar.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eToolbarElement } from \"@m3e/web/toolbar\";\r\nexport type { M3eToolbarElement, ToolbarVariant, ToolbarShape } from \"@m3e/web/toolbar\";\r\n\r\n/**\r\n * React binding for the `m3e-toolbar` Web Component from `@m3e/web/toolbar`.\r\n *\r\n * This component renders the underlying `<m3e-toolbar>` 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-toolbar>` instance for imperative access.\r\n *\r\n * See the `m3e-toolbar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eToolbar = createComponent({\r\n  tagName: \"m3e-toolbar\",\r\n  elementClass: M3eToolbarElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eToolbar","createComponent","tagName","elementClass","M3eToolbarElement","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/tooltip.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 { M3eRichTooltipElement, M3eRichTooltipActionElement, M3eTooltipElement } from '@m3e/web/tooltip';
@@ -22,13 +21,13 @@ import { M3eRichTooltipElement, M3eRichTooltipActionElement, M3eTooltipElement }
  * accessibility, and supported events.
  */
 const M3eRichTooltip = createComponent({
-    tagName: "m3e-rich-tooltip",
-    elementClass: M3eRichTooltipElement,
-    react: React,
-    events: {
-        onBeforeToggle: "beforetoggle",
-        onToggle: "toggle",
-    },
+  tagName: "m3e-rich-tooltip",
+  elementClass: M3eRichTooltipElement,
+  react: React,
+  events: {
+    onBeforeToggle: "beforetoggle",
+    onToggle: "toggle"
+  }
 });
 
 /**
@@ -45,9 +44,9 @@ const M3eRichTooltip = createComponent({
  * accessibility, and supported events.
  */
 const M3eRichTooltipAction = createComponent({
-    tagName: "m3e-rich-tooltip-action",
-    elementClass: M3eRichTooltipActionElement,
-    react: React,
+  tagName: "m3e-rich-tooltip-action",
+  elementClass: M3eRichTooltipActionElement,
+  react: React
 });
 
 /**
@@ -64,9 +63,9 @@ const M3eRichTooltipAction = createComponent({
  * accessibility, and supported events.
  */
 const M3eTooltip = createComponent({
-    tagName: "m3e-tooltip",
-    elementClass: M3eTooltipElement,
-    react: React,
+  tagName: "m3e-tooltip",
+  elementClass: M3eTooltipElement,
+  react: React
 });
 
 export { M3eRichTooltip, M3eRichTooltipAction, M3eTooltip };

package/dist/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/RichTooltip.ts","../../src/tooltip/RichTooltipAction.ts","../../src/tooltip/Tooltip.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRichTooltipElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eRichTooltipElement, RichTooltipPosition } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-rich-tooltip` Web Component from `@m3e/web/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-rich-tooltip>` 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-rich-tooltip>` instance for imperative access.\r\n *\r\n * See the `m3e-rich-tooltip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRichTooltip = createComponent({\r\n  tagName: \"m3e-rich-tooltip\",\r\n  elementClass: M3eRichTooltipElement,\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 { M3eRichTooltipActionElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eRichTooltipActionElement } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-rich-tooltip-action` Web Component from `@m3e/web/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-rich-tooltip-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-rich-tooltip-action>` instance for imperative access.\r\n *\r\n * See the `m3e-rich-tooltip-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRichTooltipAction = createComponent({\r\n  tagName: \"m3e-rich-tooltip-action\",\r\n  elementClass: M3eRichTooltipActionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTooltipElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eTooltipElement, TooltipPosition, TooltipTouchGestures } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-tooltip` Web Component from `@m3e/web/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-tooltip>` 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-tooltip>` instance for imperative access.\r\n *\r\n * See the `m3e-tooltip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTooltip = createComponent({\r\n  tagName: \"m3e-tooltip\",\r\n  elementClass: M3eTooltipElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,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,oBAAoB,GAAG,eAAe,CAAC;AAClD,IAAA,OAAO,EAAE,yBAAyB;AAClC,IAAA,YAAY,EAAE,2BAA2B;AACzC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;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":"tooltip.js","sources":["../../src/tooltip/RichTooltip.ts","../../src/tooltip/RichTooltipAction.ts","../../src/tooltip/Tooltip.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRichTooltipElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eRichTooltipElement, RichTooltipPosition } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-rich-tooltip` Web Component from `@m3e/web/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-rich-tooltip>` 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-rich-tooltip>` instance for imperative access.\r\n *\r\n * See the `m3e-rich-tooltip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRichTooltip = createComponent({\r\n  tagName: \"m3e-rich-tooltip\",\r\n  elementClass: M3eRichTooltipElement,\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 { M3eRichTooltipActionElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eRichTooltipActionElement } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-rich-tooltip-action` Web Component from `@m3e/web/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-rich-tooltip-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-rich-tooltip-action>` instance for imperative access.\r\n *\r\n * See the `m3e-rich-tooltip-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRichTooltipAction = createComponent({\r\n  tagName: \"m3e-rich-tooltip-action\",\r\n  elementClass: M3eRichTooltipActionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTooltipElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eTooltipElement, TooltipPosition, TooltipTouchGestures } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-tooltip` Web Component from `@m3e/web/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-tooltip>` 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-tooltip>` instance for imperative access.\r\n *\r\n * See the `m3e-tooltip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTooltip = createComponent({\r\n  tagName: \"m3e-tooltip\",\r\n  elementClass: M3eTooltipElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eRichTooltip","createComponent","tagName","elementClass","M3eRichTooltipElement","react","React","events","onBeforeToggle","onToggle","M3eRichTooltipAction","M3eRichTooltipActionElement","M3eTooltip","M3eTooltipElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,cAAc,GAAGC,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,YAAY,EAAEC,qBAAqB;AACnCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,cAAc,EAAE,cAAc;AAC9BC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAMC,oBAAoB,GAAGT,eAAe,CAAC;AAClDC,EAAAA,OAAO,EAAE,yBAAyB;AAClCC,EAAAA,YAAY,EAAEQ,2BAA2B;AACzCN,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMM,UAAU,GAAGX,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,aAAa;AACtBC,EAAAA,YAAY,EAAEU,iBAAiB;AAC/BR,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3e/react",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "React bindings for M3E Web Components",
   "author": "matraic <matraic@yahoo.com>",
   "license": "MIT",
@@ -212,7 +212,7 @@
   },
   "peerDependencies": {
     "@lit/react": "^1.0.8",
-    "@m3e/web": "^2.1.1",
+    "@m3e/web": "^2.1.2",
     "lit": "^3.3.0",
     "react": ">=18"
   }