@m3e/react 2.5.5 → 2.5.6

package/dist/stepper.js

@@ -25,6 +25,7 @@ const M3eStep = createComponent({
   elementClass: M3eStepElement,
   react: React,
   events: {
+    onBeforeInput: "beforeinput",
     onInput: "input",
     onChange: "change",
     onClick: "click"
@@ -68,6 +69,8 @@ const M3eStepper = createComponent({
   elementClass: M3eStepperElement,
   react: React,
   events: {
+    onBeforeInput: "beforeinput",
+    onInput: "input",
     onChange: "change"
   }
 });

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":["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;;;;"}
+{"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    onBeforeInput: \"beforeinput\",\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    onBeforeInput: \"beforeinput\",\r\n    onInput: \"input\",\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","onBeforeInput","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,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAMC,YAAY,GAAGX,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEU,mBAAmB;AACjCR,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMQ,UAAU,GAAGb,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,aAAa;AACtBC,EAAAA,YAAY,EAAEY,iBAAiB;AAC/BV,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAMM,cAAc,GAAGf,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,YAAY,EAAEc,qBAAqB;AACnCZ,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMY,kBAAkB,GAAGjB,eAAe,CAAC;AAChDC,EAAAA,OAAO,EAAE,sBAAsB;AAC/BC,EAAAA,YAAY,EAAEgB,yBAAyB;AACvCd,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMc,eAAe,GAAGnB,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,YAAY,EAAEkB,sBAAsB;AACpChB,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

package/dist/stepper.min.js

@@ -3,5 +3,5 @@
  * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
-import e from"react";import{createComponent as t}from"@lit/react";import{M3eStepElement as a,M3eStepPanelElement as m,M3eStepperElement as s,M3eStepperNextElement as r,M3eStepperPreviousElement as n,M3eStepperResetElement as p}from"@m3e/web/stepper";const l=t({tagName:"m3e-step",elementClass:a,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),c=t({tagName:"m3e-step-panel",elementClass:m,react:e}),o=t({tagName:"m3e-stepper",elementClass:s,react:e,events:{onChange:"change"}}),g=t({tagName:"m3e-stepper-next",elementClass:r,react:e}),C=t({tagName:"m3e-stepper-previous",elementClass:n,react:e}),i=t({tagName:"m3e-stepper-reset",elementClass:p,react:e});export{l as M3eStep,c as M3eStepPanel,o as M3eStepper,g as M3eStepperNext,C as M3eStepperPrevious,i as M3eStepperReset};
+import e from"react";import{createComponent as t}from"@lit/react";import{M3eStepElement as a,M3eStepPanelElement as n,M3eStepperElement as p,M3eStepperNextElement as r,M3eStepperPreviousElement as m,M3eStepperResetElement as s}from"@m3e/web/stepper";const o=t({tagName:"m3e-step",elementClass:a,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change",onClick:"click"}}),l=t({tagName:"m3e-step-panel",elementClass:n,react:e}),c=t({tagName:"m3e-stepper",elementClass:p,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change"}}),i=t({tagName:"m3e-stepper-next",elementClass:r,react:e}),g=t({tagName:"m3e-stepper-previous",elementClass:m,react:e}),u=t({tagName:"m3e-stepper-reset",elementClass:s,react:e});export{o as M3eStep,l as M3eStepPanel,c as M3eStepper,i as M3eStepperNext,g as M3eStepperPrevious,u as M3eStepperReset};
 //# sourceMappingURL=stepper.min.js.map

package/dist/stepper.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.min.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":";;;;;0PAmBO,MAAMA,EAAUC,EAAgB,CACrCC,QAAS,WACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTC,SAAU,SACVC,QAAS,WCPAC,EAAeV,EAAgB,CAC1CC,QAAS,iBACTC,aAAcS,EACdP,MAAOC,ICHIO,EAAaZ,EAAgB,CACxCC,QAAS,cACTC,aAAcW,EACdT,MAAOC,EACPC,OAAQ,CACNE,SAAU,YCLDM,EAAiBd,EAAgB,CAC5CC,QAAS,mBACTC,aAAca,EACdX,MAAOC,ICHIW,EAAqBhB,EAAgB,CAChDC,QAAS,uBACTC,aAAce,EACdb,MAAOC,ICHIa,EAAkBlB,EAAgB,CAC7CC,QAAS,oBACTC,aAAciB,EACdf,MAAOC"}
+{"version":3,"file":"stepper.min.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    onBeforeInput: \"beforeinput\",\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    onBeforeInput: \"beforeinput\",\r\n    onInput: \"input\",\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","onBeforeInput","onInput","onChange","onClick","M3eStepPanel","M3eStepPanelElement","M3eStepper","M3eStepperElement","M3eStepperNext","M3eStepperNextElement","M3eStepperPrevious","M3eStepperPreviousElement","M3eStepperReset","M3eStepperResetElement"],"mappings":";;;;;0PAmBO,MAAMA,EAAUC,EAAgB,CACrCC,QAAS,WACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,cAAe,cACfC,QAAS,QACTC,SAAU,SACVC,QAAS,WCRAC,EAAeX,EAAgB,CAC1CC,QAAS,iBACTC,aAAcU,EACdR,MAAOC,ICHIQ,EAAab,EAAgB,CACxCC,QAAS,cACTC,aAAcY,EACdV,MAAOC,EACPC,OAAQ,CACNC,cAAe,cACfC,QAAS,QACTC,SAAU,YCPDM,EAAiBf,EAAgB,CAC5CC,QAAS,mBACTC,aAAcc,EACdZ,MAAOC,ICHIY,EAAqBjB,EAAgB,CAChDC,QAAS,uBACTC,aAAcgB,EACdd,MAAOC,ICHIc,EAAkBnB,EAAgB,CAC7CC,QAAS,oBACTC,aAAckB,EACdhB,MAAOC"}

package/dist/switch.js

@@ -25,6 +25,7 @@ const M3eSwitch = createComponent({
   elementClass: M3eSwitchElement,
   react: React,
   events: {
+    onBeforeInput: "beforeinput",
     onInput: "input",
     onChange: "change",
     onClick: "click"

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":["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;;;;"}
+{"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    onBeforeInput: \"beforeinput\",\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","onBeforeInput","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,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}

package/dist/switch.min.js

@@ -3,5 +3,5 @@
  * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
-import t from"react";import{createComponent as e}from"@lit/react";import{M3eSwitchElement as o}from"@m3e/web/switch";const c=e({tagName:"m3e-switch",elementClass:o,react:t,events:{onInput:"input",onChange:"change",onClick:"click"}});export{c as M3eSwitch};
+import e from"react";import{createComponent as t}from"@lit/react";import{M3eSwitchElement as o}from"@m3e/web/switch";const n=t({tagName:"m3e-switch",elementClass:o,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change",onClick:"click"}});export{n as M3eSwitch};
 //# sourceMappingURL=switch.min.js.map

package/dist/switch.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.min.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":";;;;;qHAmBO,MAAMA,EAAYC,EAAgB,CACvCC,QAAS,aACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTC,SAAU,SACVC,QAAS"}
+{"version":3,"file":"switch.min.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    onBeforeInput: \"beforeinput\",\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","onBeforeInput","onInput","onChange","onClick"],"mappings":";;;;;qHAmBO,MAAMA,EAAYC,EAAgB,CACvCC,QAAS,aACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,cAAe,cACfC,QAAS,QACTC,SAAU,SACVC,QAAS"}

package/dist/tabs.js

@@ -25,6 +25,7 @@ const M3eTab = createComponent({
   elementClass: M3eTabElement,
   react: React,
   events: {
+    onBeforeInput: "beforeinput",
     onInput: "input",
     onChange: "change",
     onClick: "click"
@@ -68,6 +69,8 @@ const M3eTabs = createComponent({
   elementClass: M3eTabsElement,
   react: React,
   events: {
+    onBeforeInput: "beforeinput",
+    onInput: "input",
     onChange: "change"
   }
 });

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":["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;;;;"}
+{"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    onBeforeInput: \"beforeinput\",\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    onBeforeInput: \"beforeinput\",\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eTab","createComponent","tagName","elementClass","M3eTabElement","react","React","events","onBeforeInput","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,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAMC,WAAW,GAAGX,eAAe,CAAC;AACzCC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEU,kBAAkB;AAChCR,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMQ,OAAO,GAAGb,eAAe,CAAC;AACrCC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,YAAY,EAAEY,cAAc;AAC5BV,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,aAAa,EAAE,aAAa;AAC5BC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}

package/dist/tabs.min.js

@@ -3,5 +3,5 @@
  * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
-import e from"react";import{createComponent as t}from"@lit/react";import{M3eTabElement as a,M3eTabPanelElement as n,M3eTabsElement as m}from"@m3e/web/tabs";const o=t({tagName:"m3e-tab",elementClass:a,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),r=t({tagName:"m3e-tab-panel",elementClass:n,react:e}),c=t({tagName:"m3e-tabs",elementClass:m,react:e,events:{onChange:"change"}});export{o as M3eTab,r as M3eTabPanel,c as M3eTabs};
+import e from"react";import{createComponent as t}from"@lit/react";import{M3eTabElement as n,M3eTabPanelElement as a,M3eTabsElement as o}from"@m3e/web/tabs";const m=t({tagName:"m3e-tab",elementClass:n,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change",onClick:"click"}}),r=t({tagName:"m3e-tab-panel",elementClass:a,react:e}),p=t({tagName:"m3e-tabs",elementClass:o,react:e,events:{onBeforeInput:"beforeinput",onInput:"input",onChange:"change"}});export{m as M3eTab,r as M3eTabPanel,p as M3eTabs};
 //# sourceMappingURL=tabs.min.js.map

package/dist/tabs.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.min.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":";;;;;4JAmBO,MAAMA,EAASC,EAAgB,CACpCC,QAAS,UACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTC,SAAU,SACVC,QAAS,WCPAC,EAAcV,EAAgB,CACzCC,QAAS,gBACTC,aAAcS,EACdP,MAAOC,ICHIO,EAAUZ,EAAgB,CACrCC,QAAS,WACTC,aAAcW,EACdT,MAAOC,EACPC,OAAQ,CACNE,SAAU"}
+{"version":3,"file":"tabs.min.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    onBeforeInput: \"beforeinput\",\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    onBeforeInput: \"beforeinput\",\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eTab","createComponent","tagName","elementClass","M3eTabElement","react","React","events","onBeforeInput","onInput","onChange","onClick","M3eTabPanel","M3eTabPanelElement","M3eTabs","M3eTabsElement"],"mappings":";;;;;4JAmBO,MAAMA,EAASC,EAAgB,CACpCC,QAAS,UACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,cAAe,cACfC,QAAS,QACTC,SAAU,SACVC,QAAS,WCRAC,EAAcX,EAAgB,CACzCC,QAAS,gBACTC,aAAcU,EACdR,MAAOC,ICHIQ,EAAUb,EAAgB,CACrCC,QAAS,WACTC,aAAcY,EACdV,MAAOC,EACPC,OAAQ,CACNC,cAAe,cACfC,QAAS,QACTC,SAAU"}

package/package.json

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