@m3e/react 2.0.0 → 2.0.1

package/dist/slide-group.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"slide-group.min.js","sources":["../../src/slide-group/SlideGroup.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSlideGroupElement } from \"@m3e/web/slide-group\";\r\nexport type { M3eSlideGroupElement } from \"@m3e/web/slide-group\";\r\n\r\n/**\r\n * React binding for the `m3e-slide-group` Web Component from `@m3e/slide-group`.\r\n *\r\n * This component renders the underlying `<m3e-slide-group>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-slide-group>` instance for imperative access.\r\n *\r\n * See the `m3e-slide-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSlideGroup = createComponent({\r\n  tagName: \"m3e-slide-group\",\r\n  elementClass: M3eSlideGroupElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eSlideGroup","createComponent","tagName","elementClass","M3eSlideGroupElement","react","React"],"mappings":";;;;;iIAmBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC"}
+{"version":3,"file":"slide-group.min.js","sources":["../../src/slide-group/SlideGroup.ts","../../src/utils/createComponent.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eSlideGroupElement } from \"@m3e/web/slide-group\";\r\nexport type { M3eSlideGroupElement } from \"@m3e/web/slide-group\";\r\n\r\n/**\r\n * React binding for the `m3e-slide-group` Web Component from `@m3e/web/slide-group`.\r\n *\r\n * This component renders the underlying `<m3e-slide-group>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-slide-group>` instance for imperative access.\r\n *\r\n * See the `m3e-slide-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSlideGroup = createComponent({\r\n  tagName: \"m3e-slide-group\",\r\n  elementClass: M3eSlideGroupElement,\r\n  react: React,\r\n});\r\n","import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n"],"names":["M3eSlideGroup","react","tagName","elementClass","events","displayName","window","createReactComponent","createComponent","M3eSlideGroupElement","React"],"mappings":";;;;;iIAmBO,MAAMA,ECUP,UAA4EC,MAChFA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,OACZA,EAAMC,YACNA,IAEA,MAAyB,oBAAXC,OACVC,EAA2B,CAAEN,QAAOC,UAASC,eAAcC,SAAQC,gBAChC,IACzC,CDpB6BG,CAAgB,CAC3CN,QAAS,kBACTC,aAAcM,EACdR,MAAOS"}

package/dist/slider.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eSliderElement, M3eSliderThumbElement } from '@m3e/web/slider';
 
 /**
- * React binding for the `m3e-slider` Web Component from `@m3e/slider`.
+ * Creates an SSR-safe React component for a custom element. Properties are distinguished
+ * from attributes automatically, and events can be configured so they are added
+ * to the custom element as event listeners.
+ *
+ * @param options An options bag containing the parameters needed to generate a
+ * wrapped web component.
+ *
+ * @param options.react The React module, typically imported from the `react`
+ * npm package.
+ * @param options.tagName The custom element tag name registered via
+ * `customElements.define`.
+ * @param options.elementClass The custom element class registered via
+ * `customElements.define`.
+ * @param options.events An object listing events to which the component can
+ * listen. The object keys are the event property names passed in via React
+ * props and the object values are the names of the corresponding events
+ * generated by the custom element. For example, given `{onactivate:
+ * 'activate'}` an event function may be passed via the component's `onactivate`
+ * prop and will be called when the custom element fires its `activate` event.
+ * @param options.displayName A React component display name, used in debugging
+ * messages. Default value is inferred from the name of custom element class
+ * registered via `customElements.define`.
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+function createComponent({ react, tagName, elementClass, events, displayName, }) {
+    return typeof window !== "undefined"
+        ? createComponent$1({ react, tagName, elementClass, events, displayName })
+        : null;
+}
+
+/**
+ * React binding for the `m3e-slider` Web Component from `@m3e/web/slider`.
  *
  * This component renders the underlying `<m3e-slider>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -29,7 +60,7 @@ const M3eSlider = createComponent({
 });
 
 /**
- * React binding for the `m3e-slider-thumb` Web Component from `@m3e/slider`.
+ * React binding for the `m3e-slider-thumb` Web Component from `@m3e/web/slider`.
  *
  * This component renders the underlying `<m3e-slider-thumb>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../src/slider/Slider.ts","../../src/slider/SliderThumb.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSliderElement } from \"@m3e/web/slider\";\r\nexport type { M3eSliderElement, SliderSize } from \"@m3e/web/slider\";\r\n\r\n/**\r\n * React binding for the `m3e-slider` Web Component from `@m3e/slider`.\r\n *\r\n * This component renders the underlying `<m3e-slider>` 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-slider>` instance for imperative access.\r\n *\r\n * See the `m3e-slider` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSlider = createComponent({\r\n  tagName: \"m3e-slider\",\r\n  elementClass: M3eSliderElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSliderThumbElement } from \"@m3e/web/slider\";\r\nexport type { M3eSliderThumbElement } from \"@m3e/web/slider\";\r\n\r\n/**\r\n * React binding for the `m3e-slider-thumb` Web Component from `@m3e/slider`.\r\n *\r\n * This component renders the underlying `<m3e-slider-thumb>` 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-slider-thumb>` instance for imperative access.\r\n *\r\n * See the `m3e-slider-thumb` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSliderThumb = createComponent({\r\n  tagName: \"m3e-slider-thumb\",\r\n  elementClass: M3eSliderThumbElement,\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;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,IAAA,KAAK,EAAE,KAAK;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":"slider.js","sources":["../../src/utils/createComponent.ts","../../src/slider/Slider.ts","../../src/slider/SliderThumb.ts"],"sourcesContent":["import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eSliderElement } from \"@m3e/web/slider\";\r\nexport type { M3eSliderElement, SliderSize } from \"@m3e/web/slider\";\r\n\r\n/**\r\n * React binding for the `m3e-slider` Web Component from `@m3e/web/slider`.\r\n *\r\n * This component renders the underlying `<m3e-slider>` 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-slider>` instance for imperative access.\r\n *\r\n * See the `m3e-slider` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSlider = createComponent({\r\n  tagName: \"m3e-slider\",\r\n  elementClass: M3eSliderElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eSliderThumbElement } from \"@m3e/web/slider\";\r\nexport type { M3eSliderThumbElement } from \"@m3e/web/slider\";\r\n\r\n/**\r\n * React binding for the `m3e-slider-thumb` Web Component from `@m3e/web/slider`.\r\n *\r\n * This component renders the underlying `<m3e-slider-thumb>` 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-slider-thumb>` instance for imperative access.\r\n *\r\n * See the `m3e-slider-thumb` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSliderThumb = createComponent({\r\n  tagName: \"m3e-slider-thumb\",\r\n  elementClass: M3eSliderThumbElement,\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":["createReactComponent"],"mappings":";;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH;AACM,SAAU,eAAe,CAAmD,EAChF,KAAK,EACL,OAAO,EACP,YAAY,EACZ,MAAM,EACN,WAAW,GACG,EAAA;IACd,OAAO,OAAO,MAAM,KAAK;AACvB,UAAEA,iBAAoB,CAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE;UAC7C,IAAK;AAC9C;;ACjCA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG,eAAe,CAAC;AACvC,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,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,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;;;"}

package/dist/slider.min.js

@@ -3,5 +3,5 @@
  * @license MIT
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
- */import e from"react";import{createComponent as t}from"@lit/react";import{M3eSliderElement as m,M3eSliderThumbElement as r}from"@m3e/web/slider";const a=t({tagName:"m3e-slider",elementClass:m,react:e}),n=t({tagName:"m3e-slider-thumb",elementClass:r,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}});export{a as M3eSlider,n as M3eSliderThumb};
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eSliderElement as a,M3eSliderThumbElement as n}from"@m3e/web/slider";function m({react:e,tagName:a,elementClass:n,events:m,displayName:l}){return"undefined"!=typeof window?t({react:e,tagName:a,elementClass:n,events:m,displayName:l}):null}const l=m({tagName:"m3e-slider",elementClass:a,react:e}),r=m({tagName:"m3e-slider-thumb",elementClass:n,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}});export{l as M3eSlider,r as M3eSliderThumb};
 //# sourceMappingURL=slider.min.js.map

package/dist/slider.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.min.js","sources":["../../src/slider/Slider.ts","../../src/slider/SliderThumb.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSliderElement } from \"@m3e/web/slider\";\r\nexport type { M3eSliderElement, SliderSize } from \"@m3e/web/slider\";\r\n\r\n/**\r\n * React binding for the `m3e-slider` Web Component from `@m3e/slider`.\r\n *\r\n * This component renders the underlying `<m3e-slider>` 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-slider>` instance for imperative access.\r\n *\r\n * See the `m3e-slider` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSlider = createComponent({\r\n  tagName: \"m3e-slider\",\r\n  elementClass: M3eSliderElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSliderThumbElement } from \"@m3e/web/slider\";\r\nexport type { M3eSliderThumbElement } from \"@m3e/web/slider\";\r\n\r\n/**\r\n * React binding for the `m3e-slider-thumb` Web Component from `@m3e/slider`.\r\n *\r\n * This component renders the underlying `<m3e-slider-thumb>` 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-slider-thumb>` instance for imperative access.\r\n *\r\n * See the `m3e-slider-thumb` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSliderThumb = createComponent({\r\n  tagName: \"m3e-slider-thumb\",\r\n  elementClass: M3eSliderThumbElement,\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":["M3eSlider","createComponent","tagName","elementClass","M3eSliderElement","react","React","M3eSliderThumb","M3eSliderThumbElement","events","onInput","onChange","onClick"],"mappings":";;;;;mJAmBO,MAAMA,EAAYC,EAAgB,CACvCC,QAAS,aACTC,aAAcC,EACdC,MAAOC,ICHIC,EAAiBN,EAAgB,CAC5CC,QAAS,mBACTC,aAAcK,EACdH,MAAOC,EACPG,OAAQ,CACNC,QAAS,QACTC,SAAU,SACVC,QAAS"}
+{"version":3,"file":"slider.min.js","sources":["../../src/utils/createComponent.ts","../../src/slider/Slider.ts","../../src/slider/SliderThumb.ts"],"sourcesContent":["import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eSliderElement } from \"@m3e/web/slider\";\r\nexport type { M3eSliderElement, SliderSize } from \"@m3e/web/slider\";\r\n\r\n/**\r\n * React binding for the `m3e-slider` Web Component from `@m3e/web/slider`.\r\n *\r\n * This component renders the underlying `<m3e-slider>` 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-slider>` instance for imperative access.\r\n *\r\n * See the `m3e-slider` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSlider = createComponent({\r\n  tagName: \"m3e-slider\",\r\n  elementClass: M3eSliderElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eSliderThumbElement } from \"@m3e/web/slider\";\r\nexport type { M3eSliderThumbElement } from \"@m3e/web/slider\";\r\n\r\n/**\r\n * React binding for the `m3e-slider-thumb` Web Component from `@m3e/web/slider`.\r\n *\r\n * This component renders the underlying `<m3e-slider-thumb>` 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-slider-thumb>` instance for imperative access.\r\n *\r\n * See the `m3e-slider-thumb` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSliderThumb = createComponent({\r\n  tagName: \"m3e-slider-thumb\",\r\n  elementClass: M3eSliderThumbElement,\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":["createComponent","react","tagName","elementClass","events","displayName","window","createReactComponent","M3eSlider","M3eSliderElement","React","M3eSliderThumb","M3eSliderThumbElement","onInput","onChange","onClick"],"mappings":";;;;;mJA6BM,SAAUA,GAAkEC,MAChFA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,OACZA,EAAMC,YACNA,IAEA,MAAyB,oBAAXC,OACVC,EAA2B,CAAEN,QAAOC,UAASC,eAAcC,SAAQC,gBAChC,IACzC,CCpBO,MAAMG,EAAYR,EAAgB,CACvCE,QAAS,aACTC,aAAcM,EACdR,MAAOS,ICHIC,EAAiBX,EAAgB,CAC5CE,QAAS,mBACTC,aAAcS,EACdX,MAAOS,EACPN,OAAQ,CACNS,QAAS,QACTC,SAAU,SACVC,QAAS"}

package/dist/split-button.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eSplitButtonElement } from '@m3e/web/split-button';
 
 /**
- * React binding for the `m3e-split-button` Web Component from `@m3e/split-button`.
+ * Creates an SSR-safe React component for a custom element. Properties are distinguished
+ * from attributes automatically, and events can be configured so they are added
+ * to the custom element as event listeners.
+ *
+ * @param options An options bag containing the parameters needed to generate a
+ * wrapped web component.
+ *
+ * @param options.react The React module, typically imported from the `react`
+ * npm package.
+ * @param options.tagName The custom element tag name registered via
+ * `customElements.define`.
+ * @param options.elementClass The custom element class registered via
+ * `customElements.define`.
+ * @param options.events An object listing events to which the component can
+ * listen. The object keys are the event property names passed in via React
+ * props and the object values are the names of the corresponding events
+ * generated by the custom element. For example, given `{onactivate:
+ * 'activate'}` an event function may be passed via the component's `onactivate`
+ * prop and will be called when the custom element fires its `activate` event.
+ * @param options.displayName A React component display name, used in debugging
+ * messages. Default value is inferred from the name of custom element class
+ * registered via `customElements.define`.
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+function createComponent({ react, tagName, elementClass, events, displayName, }) {
+    return typeof window !== "undefined"
+        ? createComponent$1({ react, tagName, elementClass, events, displayName })
+        : null;
+}
+
+/**
+ * React binding for the `m3e-split-button` Web Component from `@m3e/web/split-button`.
  *
  * This component renders the underlying `<m3e-split-button>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

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/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/utils/createComponent.ts","../../src/split-button/SplitButton.ts"],"sourcesContent":["import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\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":["createReactComponent"],"mappings":";;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH;AACM,SAAU,eAAe,CAAmD,EAChF,KAAK,EACL,OAAO,EACP,YAAY,EACZ,MAAM,EACN,WAAW,GACG,EAAA;IACd,OAAO,OAAO,MAAM,KAAK;AACvB,UAAEA,iBAAoB,CAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE;UAC7C,IAAK;AAC9C;;ACjCA;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/split-button.min.js

@@ -3,5 +3,5 @@
  * @license MIT
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
- */import t from"react";import{createComponent as e}from"@lit/react";import{M3eSplitButtonElement as m}from"@m3e/web/split-button";const o=e({tagName:"m3e-split-button",elementClass:m,react:t});export{o as M3eSplitButton};
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eSplitButtonElement as a}from"@m3e/web/split-button";const n=function({react:e,tagName:a,elementClass:n,events:m,displayName:o}){return"undefined"!=typeof window?t({react:e,tagName:a,elementClass:n,events:m,displayName:o}):null}({tagName:"m3e-split-button",elementClass:a,react:e});export{n as M3eSplitButton};
 //# sourceMappingURL=split-button.min.js.map

package/dist/split-button.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-button.min.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/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":";;;;;mIAmBO,MAAMA,EAAiBC,EAAgB,CAC5CC,QAAS,mBACTC,aAAcC,EACdC,MAAOC"}
+{"version":3,"file":"split-button.min.js","sources":["../../src/split-button/SplitButton.ts","../../src/utils/createComponent.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"../utils\";\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","import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n"],"names":["M3eSplitButton","react","tagName","elementClass","events","displayName","window","createReactComponent","createComponent","M3eSplitButtonElement","React"],"mappings":";;;;;mIAmBO,MAAMA,ECUP,UAA4EC,MAChFA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,OACZA,EAAMC,YACNA,IAEA,MAAyB,oBAAXC,OACVC,EAA2B,CAAEN,QAAOC,UAASC,eAAcC,SAAQC,gBAChC,IACzC,CDpB8BG,CAAgB,CAC5CN,QAAS,mBACTC,aAAcM,EACdR,MAAOS"}

package/dist/src/all.d.ts

@@ -8,6 +8,7 @@ export * from "./button-group";
 export * from "./card";
 export * from "./checkbox";
 export * from "./chips";
+export * from "./core";
 export * from "./dialog";
 export * from "./divider";
 export * from "./drawer-container";

package/dist/src/all.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"all.d.ts","sourceRoot":"","sources":["../../src/all.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"all.d.ts","sourceRoot":"","sources":["../../src/all.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

package/dist/src/app-bar/AppBar.d.ts

@@ -1,7 +1,7 @@
 import { M3eAppBarElement } from "@m3e/web/app-bar";
 export type { AppBarSize, M3eAppBarElement } from "@m3e/web/app-bar";
 /**
- * React binding for the `m3e-app-bar` Web Component from `@m3e/app-bar`.
+ * React binding for the `m3e-app-bar` Web Component from `@m3e/web/app-bar`.
  *
  * This component renders the underlying `<m3e-app-bar>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/autocomplete/Autocomplete.d.ts

@@ -1,7 +1,7 @@
 import { M3eAutocompleteElement } from "@m3e/web/autocomplete";
 export type { M3eAutocompleteElement } from "@m3e/web/autocomplete";
 /**
- * React binding for the `m3e-autocomplete` Web Component from `@m3e/autocomplete`.
+ * React binding for the `m3e-autocomplete` Web Component from `@m3e/web/autocomplete`.
  *
  * This component renders the underlying `<m3e-autocomplete>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/avatar/Avatar.d.ts

@@ -1,7 +1,7 @@
 import { M3eAvatarElement } from "@m3e/web/avatar";
 export type { M3eAvatarElement } from "@m3e/web/avatar";
 /**
- * React binding for the `m3e-avatar` Web Component from `@m3e/avatar`.
+ * React binding for the `m3e-avatar` Web Component from `@m3e/web/avatar`.
  *
  * This component renders the underlying `<m3e-avatar>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import { M3eBadgeElement } from "@m3e/web/badge";
 export type { BadgeSize, BadgePosition, M3eBadgeElement } from "@m3e/web/badge";
 /**
- * React binding for the `m3e-badge` Web Component from `@m3e/badge`.
+ * React binding for the `m3e-badge` Web Component from `@m3e/web/badge`.
  *
  * This component renders the underlying `<m3e-badge>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/bottom-sheet/BottomSheet.d.ts

@@ -1,7 +1,7 @@
 import { M3eBottomSheetElement } from "@m3e/web/bottom-sheet";
 export type { M3eBottomSheetElement } from "@m3e/web/bottom-sheet";
 /**
- * React binding for the `m3e-bottom-sheet` Web Component from `@m3e/bottom-sheet`.
+ * React binding for the `m3e-bottom-sheet` Web Component from `@m3e/web/bottom-sheet`.
  *
  * This component renders the underlying `<m3e-bottom-sheet>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/bottom-sheet/BottomSheetAction.d.ts

@@ -1,7 +1,7 @@
 import { M3eBottomSheetActionElement } from "@m3e/web/bottom-sheet";
 export type { M3eBottomSheetActionElement } from "@m3e/web/bottom-sheet";
 /**
- * React binding for the `m3e-bottom-sheet-action` Web Component from `@m3e/bottom-sheet`.
+ * React binding for the `m3e-bottom-sheet-action` Web Component from `@m3e/web/bottom-sheet`.
  *
  * This component renders the underlying `<m3e-bottom-sheet-action>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/bottom-sheet/BottomSheetTrigger.d.ts

@@ -1,7 +1,7 @@
 import { M3eBottomSheetTriggerElement } from "@m3e/web/bottom-sheet";
 export type { M3eBottomSheetTriggerElement } from "@m3e/web/bottom-sheet";
 /**
- * React binding for the `m3e-bottom-sheet-trigger` Web Component from `@m3e/bottom-sheet`.
+ * React binding for the `m3e-bottom-sheet-trigger` Web Component from `@m3e/web/bottom-sheet`.
  *
  * This component renders the underlying `<m3e-bottom-sheet-trigger>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/button/Button.d.ts

@@ -1,7 +1,7 @@
 import { M3eButtonElement } from "@m3e/web/button";
 export type { ButtonShape, ButtonSize, ButtonVariant, M3eButtonElement } from "@m3e/web/button";
 /**
- * React binding for the `m3e-button` Web Component from `@m3e/button`.
+ * React binding for the `m3e-button` Web Component from `@m3e/web/button`.
  *
  * This component renders the underlying `<m3e-button>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/button-group/ButtonGroup.d.ts

@@ -1,7 +1,7 @@
 import { M3eButtonGroupElement } from "@m3e/web/button-group";
 export type { ButtonGroupSize, ButtonGroupVariant, M3eButtonGroupElement } from "@m3e/web/button-group";
 /**
- * React binding for the `m3e-button-group` Web Component from `@m3e/button-group`.
+ * React binding for the `m3e-button-group` Web Component from `@m3e/web/button-group`.
  *
  * This component renders the underlying `<m3e-button-group>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/card/Card.d.ts

@@ -1,7 +1,7 @@
 import { M3eCardElement } from "@m3e/web/card";
 export type { CardOrientation, CardVariant, M3eCardElement } from "@m3e/web/card";
 /**
- * React binding for the `m3e-card` Web Component from `@m3e/card`.
+ * React binding for the `m3e-card` Web Component from `@m3e/web/card`.
  *
  * This component renders the underlying `<m3e-card>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { M3eCheckboxElement } from "@m3e/web/checkbox";
 export type { M3eCheckboxElement } from "@m3e/web/checkbox";
 /**
- * React binding for the `m3e-checkbox` Web Component from `@m3e/checkbox`.
+ * React binding for the `m3e-checkbox` Web Component from `@m3e/web/checkbox`.
  *
  * This component renders the underlying `<m3e-checkbox>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/chips/AssistChip.d.ts

@@ -1,7 +1,7 @@
 import { M3eAssistChipElement } from "@m3e/web/chips";
 export type { M3eAssistChipElement } from "@m3e/web/chips";
 /**
- * React binding for the `m3e-assist-chip` Web Component from `@m3e/chips`.
+ * React binding for the `m3e-assist-chip` Web Component from `@m3e/web/chips`.
  *
  * This component renders the underlying `<m3e-assist-chip>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/chips/Chip.d.ts

@@ -1,7 +1,7 @@
 import { M3eChipElement } from "@m3e/web/chips";
 export type { ChipVariant, M3eChipElement } from "@m3e/web/chips";
 /**
- * React binding for the `m3e-chip` Web Component from `@m3e/chips`.
+ * React binding for the `m3e-chip` Web Component from `@m3e/web/chips`.
  *
  * This component renders the underlying `<m3e-chip>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/chips/ChipSet.d.ts

@@ -1,7 +1,7 @@
 import { M3eChipSetElement } from "@m3e/web/chips";
 export type { M3eChipSetElement } from "@m3e/web/chips";
 /**
- * React binding for the `m3e-chip-set` Web Component from `@m3e/chips`.
+ * React binding for the `m3e-chip-set` Web Component from `@m3e/web/chips`.
  *
  * This component renders the underlying `<m3e-chip-set>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/chips/FilterChip.d.ts

@@ -1,7 +1,7 @@
 import { M3eFilterChipElement } from "@m3e/web/chips";
 export type { M3eFilterChipElement } from "@m3e/web/chips";
 /**
- * React binding for the `m3e-filter-chip` Web Component from `@m3e/chips`.
+ * React binding for the `m3e-filter-chip` Web Component from `@m3e/web/chips`.
  *
  * This component renders the underlying `<m3e-filter-chip>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/chips/FilterChipSet.d.ts

@@ -1,7 +1,7 @@
 import { M3eFilterChipSetElement } from "@m3e/web/chips";
 export type { M3eFilterChipSetElement } from "@m3e/web/chips";
 /**
- * React binding for the `m3e-filter-chip-set` Web Component from `@m3e/chips`.
+ * React binding for the `m3e-filter-chip-set` Web Component from `@m3e/web/chips`.
  *
  * This component renders the underlying `<m3e-filter-chip-set>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/chips/InputChip.d.ts

@@ -1,7 +1,7 @@
 import { M3eInputChipElement } from "@m3e/web/chips";
 export type { M3eInputChipElement } from "@m3e/web/chips";
 /**
- * React binding for the `m3e-input-chip` Web Component from `@m3e/chips`.
+ * React binding for the `m3e-input-chip` Web Component from `@m3e/web/chips`.
  *
  * This component renders the underlying `<m3e-input-chip>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/chips/InputChipSet.d.ts

@@ -1,7 +1,7 @@
 import { M3eInputChipSetElement } from "@m3e/web/chips";
 export type { M3eInputChipSetElement } from "@m3e/web/chips";
 /**
- * React binding for the `m3e-input-chip-set` Web Component from `@m3e/chips`.
+ * React binding for the `m3e-input-chip-set` Web Component from `@m3e/web/chips`.
  *
  * This component renders the underlying `<m3e-input-chip-set>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/chips/SuggestionChip.d.ts

@@ -1,7 +1,7 @@
 import { M3eSuggestionChipElement } from "@m3e/web/chips";
 export type { M3eSuggestionChipElement } from "@m3e/web/chips";
 /**
- * React binding for the `m3e-suggestion-chip` Web Component from `@m3e/chips`.
+ * React binding for the `m3e-suggestion-chip` Web Component from `@m3e/web/chips`.
  *
  * This component renders the underlying `<m3e-suggestion-chip>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/core/Collapsible.d.ts

@@ -0,0 +1,22 @@
+import { M3eCollapsibleElement } from "@m3e/web/core";
+export type { M3eCollapsibleElement } from "@m3e/web/core";
+/**
+ * React binding for the `m3e-collapsible` Web Component from `@m3e/web/web/core`.
+ *
+ * This component renders the underlying `<m3e-collapsible>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-collapsible>` instance for imperative access.
+ *
+ * See the `m3e-collapsible` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eCollapsible: import("@lit/react").ReactWebComponent<M3eCollapsibleElement, {
+    onOpening: string;
+    onOpened: string;
+    onClosing: string;
+    onClosed: string;
+}>;
+//# sourceMappingURL=Collapsible.d.ts.map

package/dist/src/core/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/core/Collapsible.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc;;;;;EAUzB,CAAC"}

package/dist/src/core/Elevation.d.ts

@@ -0,0 +1,17 @@
+import { M3eElevationElement } from "@m3e/web/core";
+export type { M3eElevationElement, ElevationLevel } from "@m3e/web/core";
+/**
+ * React binding for the `m3e-elevation` Web Component from `@m3e/web/web/core`.
+ *
+ * This component renders the underlying `<m3e-elevation>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-elevation>` instance for imperative access.
+ *
+ * See the `m3e-elevation` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eElevation: import("@lit/react").ReactWebComponent<M3eElevationElement, {}>;
+//# sourceMappingURL=Elevation.d.ts.map

package/dist/src/core/Elevation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Elevation.d.ts","sourceRoot":"","sources":["../../../src/core/Elevation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEzE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,iEAIvB,CAAC"}

package/dist/src/core/FocusRing.d.ts

@@ -0,0 +1,17 @@
+import { M3eFocusRingElement } from "@m3e/web/core";
+export type { M3eFocusRingElement } from "@m3e/web/core";
+/**
+ * React binding for the `m3e-focus-ring` Web Component from `@m3e/web/web/core`.
+ *
+ * This component renders the underlying `<m3e-focus-ring>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-focus-ring>` instance for imperative access.
+ *
+ * See the `m3e-focus-ring` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eFocusRing: import("@lit/react").ReactWebComponent<M3eFocusRingElement, {}>;
+//# sourceMappingURL=FocusRing.d.ts.map

package/dist/src/core/FocusRing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusRing.d.ts","sourceRoot":"","sources":["../../../src/core/FocusRing.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,iEAIvB,CAAC"}

package/dist/src/core/PseudoCheckbox.d.ts

@@ -0,0 +1,17 @@
+import { M3ePseudoCheckboxElement } from "@m3e/web/core";
+export type { M3ePseudoCheckboxElement } from "@m3e/web/core";
+/**
+ * React binding for the `m3e-pseudo-checkbox` Web Component from `@m3e/web/web/core`.
+ *
+ * This component renders the underlying `<m3e-pseudo-checkbox>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-pseudo-checkbox>` instance for imperative access.
+ *
+ * See the `m3e-pseudo-checkbox` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3ePseudoCheckbox: import("@lit/react").ReactWebComponent<M3ePseudoCheckboxElement, {}>;
+//# sourceMappingURL=PseudoCheckbox.d.ts.map

package/dist/src/core/PseudoCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PseudoCheckbox.d.ts","sourceRoot":"","sources":["../../../src/core/PseudoCheckbox.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAE9D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,iBAAiB,sEAI5B,CAAC"}

package/dist/src/core/PseudoRadio.d.ts

@@ -0,0 +1,17 @@
+import { M3ePseudoRadioElement } from "@m3e/web/core";
+export type { M3ePseudoRadioElement } from "@m3e/web/core";
+/**
+ * React binding for the `m3e-pseudo-radio` Web Component from `@m3e/web/web/core`.
+ *
+ * This component renders the underlying `<m3e-pseudo-radio>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-pseudo-radio>` instance for imperative access.
+ *
+ * See the `m3e-pseudo-radio` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3ePseudoRadio: import("@lit/react").ReactWebComponent<M3ePseudoRadioElement, {}>;
+//# sourceMappingURL=PseudoRadio.d.ts.map

package/dist/src/core/PseudoRadio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PseudoRadio.d.ts","sourceRoot":"","sources":["../../../src/core/PseudoRadio.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,mEAIzB,CAAC"}

package/dist/src/core/Ripple.d.ts

@@ -0,0 +1,17 @@
+import { M3eRippleElement } from "@m3e/web/core";
+export type { M3eRippleElement } from "@m3e/web/core";
+/**
+ * React binding for the `m3e-ripple` Web Component from `@m3e/web/web/core`.
+ *
+ * This component renders the underlying `<m3e-ripple>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-ripple>` instance for imperative access.
+ *
+ * See the `m3e-ripple` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eRipple: import("@lit/react").ReactWebComponent<M3eRippleElement, {}>;
+//# sourceMappingURL=Ripple.d.ts.map

package/dist/src/core/Ripple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ripple.d.ts","sourceRoot":"","sources":["../../../src/core/Ripple.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,8DAIpB,CAAC"}

package/dist/src/core/ScrollContainer.d.ts

@@ -0,0 +1,17 @@
+import { M3eScrollContainerElement } from "@m3e/web/core";
+export type { M3eScrollContainerElement, ScrollDividers } from "@m3e/web/core";
+/**
+ * React binding for the `m3e-scroll-container` Web Component from `@m3e/web/web/core`.
+ *
+ * This component renders the underlying `<m3e-scroll-container>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-scroll-container>` instance for imperative access.
+ *
+ * See the `m3e-scroll-container` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eScrollContainer: import("@lit/react").ReactWebComponent<M3eScrollContainerElement, {}>;
+//# sourceMappingURL=ScrollContainer.d.ts.map

package/dist/src/core/ScrollContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollContainer.d.ts","sourceRoot":"","sources":["../../../src/core/ScrollContainer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAC1D,YAAY,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/E;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB,uEAI7B,CAAC"}

package/dist/src/core/Slide.d.ts

@@ -0,0 +1,17 @@
+import { M3eSlideElement } from "@m3e/web/core";
+export type { M3eSlideElement } from "@m3e/web/core";
+/**
+ * React binding for the `m3e-slide` Web Component from `@m3e/web/web/core`.
+ *
+ * This component renders the underlying `<m3e-slide>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-slide>` instance for imperative access.
+ *
+ * See the `m3e-slide` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eSlide: import("@lit/react").ReactWebComponent<M3eSlideElement, {}>;
+//# sourceMappingURL=Slide.d.ts.map