@m3e/react 2.0.2 → 2.0.3

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

@@ -1 +1 @@
-{"version":3,"file":"button-group.min.js","sources":["../../src/button-group/ButtonGroup.ts","../../src/utils/createComponent.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eButtonGroupElement } from \"@m3e/web/button-group\";\r\nexport type { ButtonGroupSize, ButtonGroupVariant, M3eButtonGroupElement } from \"@m3e/web/button-group\";\r\n\r\n/**\r\n * React binding for the `m3e-button-group` Web Component from `@m3e/web/button-group`.\r\n *\r\n * This component renders the underlying `<m3e-button-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-button-group>` instance for imperative access.\r\n *\r\n * See the `m3e-button-group` documentation in `@m3e/button-group` for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eButtonGroup = createComponent({\r\n  tagName: \"m3e-button-group\",\r\n  elementClass: M3eButtonGroupElement,\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":["M3eButtonGroup","react","tagName","elementClass","events","displayName","window","createReactComponent","createComponent","M3eButtonGroupElement","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"}
+{"version":3,"file":"button-group.min.js","sources":["../../src/button-group/ButtonGroup.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eButtonGroupElement } from \"@m3e/web/button-group\";\r\nexport type { ButtonGroupSize, ButtonGroupVariant, M3eButtonGroupElement } from \"@m3e/web/button-group\";\r\n\r\n/**\r\n * React binding for the `m3e-button-group` Web Component from `@m3e/web/button-group`.\r\n *\r\n * This component renders the underlying `<m3e-button-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-button-group>` instance for imperative access.\r\n *\r\n * See the `m3e-button-group` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eButtonGroup = createComponent({\r\n  tagName: \"m3e-button-group\",\r\n  elementClass: M3eButtonGroupElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eButtonGroup","createComponent","tagName","elementClass","M3eButtonGroupElement","react","React"],"mappings":";;;;;gIAmBO,MAAMA,EAAiBC,EAAgB,CAC5CC,QAAS,mBACTC,aAAcC,EACdC,MAAOC"}

package/dist/button.js

@@ -1,4 +1,3 @@
-"use client";
 /**
  * @license MIT
  * Copyright (c) 2025 matraic
@@ -6,40 +5,9 @@
  */
 
 import React from 'react';
-import { createComponent as createComponent$1 } from '@lit/react';
+import { createComponent } from '@lit/react';
 import { M3eButtonElement } from '@m3e/web/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-button` Web Component from `@m3e/web/button`.
  *
@@ -50,7 +18,7 @@ function createComponent({ react, tagName, elementClass, events, displayName, })
  * native DOM events dispatched by the component. Refs are forwarded to the
  * underlying `<m3e-button>` instance for imperative access.
  *
- * See the `m3e-button` documentation in `@m3e/button` for full details on behavior,
+ * See the `m3e-button` documentation for full details on behavior,
  * styling, accessibility, and supported events.
  */
 const M3eButton = createComponent({

package/dist/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../src/utils/createComponent.ts","../../src/button/Button.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 { M3eButtonElement } from \"@m3e/web/button\";\r\nexport type { ButtonShape, ButtonSize, ButtonVariant, M3eButtonElement } from \"@m3e/web/button\";\r\n\r\n/**\r\n * React binding for the `m3e-button` Web Component from `@m3e/web/button`.\r\n *\r\n * This component renders the underlying `<m3e-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-button>` instance for imperative access.\r\n *\r\n * See the `m3e-button` documentation in `@m3e/button` for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eButton = createComponent({\r\n  tagName: \"m3e-button\",\r\n  elementClass: M3eButtonElement,\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;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":"button.js","sources":["../../src/button/Button.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eButtonElement } from \"@m3e/web/button\";\r\nexport type { ButtonShape, ButtonSize, ButtonVariant, M3eButtonElement } from \"@m3e/web/button\";\r\n\r\n/**\r\n * React binding for the `m3e-button` Web Component from `@m3e/web/button`.\r\n *\r\n * This component renders the underlying `<m3e-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-button>` instance for imperative access.\r\n *\r\n * See the `m3e-button` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eButton = createComponent({\r\n  tagName: \"m3e-button\",\r\n  elementClass: M3eButtonElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG,eAAe,CAAC;AACvC,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;;;"}

package/dist/button.min.js

@@ -1,7 +1,7 @@
-"use client";
 /**
  * @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{M3eButtonElement as n}from"@m3e/web/button";const a=function({react:e,tagName:n,elementClass:a,events:o,displayName:m}){return"undefined"!=typeof window?t({react:e,tagName:n,elementClass:a,events:o,displayName:m}):null}({tagName:"m3e-button",elementClass:n,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}});export{a as M3eButton};
+ */
+import t from"react";import{createComponent as e}from"@lit/react";import{M3eButtonElement as o}from"@m3e/web/button";const n=e({tagName:"m3e-button",elementClass:o,react:t,events:{onInput:"input",onChange:"change",onClick:"click"}});export{n as M3eButton};
 //# sourceMappingURL=button.min.js.map

package/dist/button.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.min.js","sources":["../../src/button/Button.ts","../../src/utils/createComponent.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eButtonElement } from \"@m3e/web/button\";\r\nexport type { ButtonShape, ButtonSize, ButtonVariant, M3eButtonElement } from \"@m3e/web/button\";\r\n\r\n/**\r\n * React binding for the `m3e-button` Web Component from `@m3e/web/button`.\r\n *\r\n * This component renders the underlying `<m3e-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-button>` instance for imperative access.\r\n *\r\n * See the `m3e-button` documentation in `@m3e/button` for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eButton = createComponent({\r\n  tagName: \"m3e-button\",\r\n  elementClass: M3eButtonElement,\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 { 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":["M3eButton","react","tagName","elementClass","events","displayName","window","createReactComponent","createComponent","M3eButtonElement","React","onInput","onChange","onClick"],"mappings":";;;;;wHAmBO,MAAMA,ECUP,UAA4EC,MAChFA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,OACZA,EAAMC,YACNA,IAEA,MAAyB,oBAAXC,OACVC,EAA2B,CAAEN,QAAOC,UAASC,eAAcC,SAAQC,gBAChC,IACzC,CDpByBG,CAAgB,CACvCN,QAAS,aACTC,aAAcM,EACdR,MAAOS,EACPN,OAAQ,CACNO,QAAS,QACTC,SAAU,SACVC,QAAS"}
+{"version":3,"file":"button.min.js","sources":["../../src/button/Button.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eButtonElement } from \"@m3e/web/button\";\r\nexport type { ButtonShape, ButtonSize, ButtonVariant, M3eButtonElement } from \"@m3e/web/button\";\r\n\r\n/**\r\n * React binding for the `m3e-button` Web Component from `@m3e/web/button`.\r\n *\r\n * This component renders the underlying `<m3e-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-button>` instance for imperative access.\r\n *\r\n * See the `m3e-button` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eButton = createComponent({\r\n  tagName: \"m3e-button\",\r\n  elementClass: M3eButtonElement,\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":["M3eButton","createComponent","tagName","elementClass","M3eButtonElement","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"}

package/dist/card.js

@@ -1,4 +1,3 @@
-"use client";
 /**
  * @license MIT
  * Copyright (c) 2025 matraic
@@ -6,40 +5,9 @@
  */
 
 import React from 'react';
-import { createComponent as createComponent$1 } from '@lit/react';
+import { createComponent } from '@lit/react';
 import { M3eCardElement } from '@m3e/web/card';
 
-/**
- * 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-card` Web Component from `@m3e/web/card`.
  *
@@ -50,7 +18,7 @@ function createComponent({ react, tagName, elementClass, events, displayName, })
  * native DOM events dispatched by the component. Refs are forwarded to the
  * underlying `<m3e-card>` instance for imperative access.
  *
- * See the `m3e-card` documentation in `@m3e/card` for full details on behavior,
+ * See the `m3e-card` documentation for full details on behavior,
  * styling, accessibility, and supported events.
  */
 const M3eCard = createComponent({

package/dist/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../src/utils/createComponent.ts","../../src/card/Card.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 { M3eCardElement } from \"@m3e/web/card\";\r\nexport type { CardOrientation, CardVariant, M3eCardElement } from \"@m3e/web/card\";\r\n\r\n/**\r\n * React binding for the `m3e-card` Web Component from `@m3e/web/card`.\r\n *\r\n * This component renders the underlying `<m3e-card>` 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-card>` instance for imperative access.\r\n *\r\n * See the `m3e-card` documentation in `@m3e/card` for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCard = createComponent({\r\n  tagName: \"m3e-card\",\r\n  elementClass: M3eCardElement,\r\n  react: React,\r\n  events: {\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,OAAO,GAAG,eAAe,CAAC;AACrC,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"card.js","sources":["../../src/card/Card.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCardElement } from \"@m3e/web/card\";\r\nexport type { CardOrientation, CardVariant, M3eCardElement } from \"@m3e/web/card\";\r\n\r\n/**\r\n * React binding for the `m3e-card` Web Component from `@m3e/web/card`.\r\n *\r\n * This component renders the underlying `<m3e-card>` 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-card>` instance for imperative access.\r\n *\r\n * See the `m3e-card` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCard = createComponent({\r\n  tagName: \"m3e-card\",\r\n  elementClass: M3eCardElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAG,eAAe,CAAC;AACrC,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;;;"}

package/dist/card.min.js

@@ -1,7 +1,7 @@
-"use client";
 /**
  * @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{M3eCardElement as a}from"@m3e/web/card";const n=function({react:e,tagName:a,elementClass:n,events:m,displayName:r}){return"undefined"!=typeof window?t({react:e,tagName:a,elementClass:n,events:m,displayName:r}):null}({tagName:"m3e-card",elementClass:a,react:e,events:{onClick:"click"}});export{n as M3eCard};
+ */
+import e from"react";import{createComponent as r}from"@lit/react";import{M3eCardElement as t}from"@m3e/web/card";const m=r({tagName:"m3e-card",elementClass:t,react:e,events:{onClick:"click"}});export{m as M3eCard};
 //# sourceMappingURL=card.min.js.map

package/dist/card.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.min.js","sources":["../../src/card/Card.ts","../../src/utils/createComponent.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eCardElement } from \"@m3e/web/card\";\r\nexport type { CardOrientation, CardVariant, M3eCardElement } from \"@m3e/web/card\";\r\n\r\n/**\r\n * React binding for the `m3e-card` Web Component from `@m3e/web/card`.\r\n *\r\n * This component renders the underlying `<m3e-card>` 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-card>` instance for imperative access.\r\n *\r\n * See the `m3e-card` documentation in `@m3e/card` for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCard = createComponent({\r\n  tagName: \"m3e-card\",\r\n  elementClass: M3eCardElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\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":["M3eCard","react","tagName","elementClass","events","displayName","window","createReactComponent","createComponent","M3eCardElement","React","onClick"],"mappings":";;;;;oHAmBO,MAAMA,ECUP,UAA4EC,MAChFA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,OACZA,EAAMC,YACNA,IAEA,MAAyB,oBAAXC,OACVC,EAA2B,CAAEN,QAAOC,UAASC,eAAcC,SAAQC,gBAChC,IACzC,CDpBuBG,CAAgB,CACrCN,QAAS,WACTC,aAAcM,EACdR,MAAOS,EACPN,OAAQ,CACNO,QAAS"}
+{"version":3,"file":"card.min.js","sources":["../../src/card/Card.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCardElement } from \"@m3e/web/card\";\r\nexport type { CardOrientation, CardVariant, M3eCardElement } from \"@m3e/web/card\";\r\n\r\n/**\r\n * React binding for the `m3e-card` Web Component from `@m3e/web/card`.\r\n *\r\n * This component renders the underlying `<m3e-card>` 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-card>` instance for imperative access.\r\n *\r\n * See the `m3e-card` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCard = createComponent({\r\n  tagName: \"m3e-card\",\r\n  elementClass: M3eCardElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":["M3eCard","createComponent","tagName","elementClass","M3eCardElement","react","React","events","onClick"],"mappings":";;;;;iHAmBO,MAAMA,EAAUC,EAAgB,CACrCC,QAAS,WACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS"}

package/dist/checkbox.js

@@ -1,4 +1,3 @@
-"use client";
 /**
  * @license MIT
  * Copyright (c) 2025 matraic
@@ -6,40 +5,9 @@
  */
 
 import React from 'react';
-import { createComponent as createComponent$1 } from '@lit/react';
+import { createComponent } from '@lit/react';
 import { M3eCheckboxElement } from '@m3e/web/checkbox';
 
-/**
- * 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-checkbox` Web Component from `@m3e/web/checkbox`.
  *
@@ -50,7 +18,7 @@ function createComponent({ react, tagName, elementClass, events, displayName, })
  * native DOM events dispatched by the component. Refs are forwarded to the
  * underlying `<m3e-checkbox>` instance for imperative access.
  *
- * See the `m3e-checkbox` documentation in `@m3e/checkbox` for full details on behavior,
+ * See the `m3e-checkbox` documentation for full details on behavior,
  * styling, accessibility, and supported events.
  */
 const M3eCheckbox = createComponent({

package/dist/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../src/utils/createComponent.ts","../../src/checkbox/Checkbox.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 { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\nexport type { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\n\r\n/**\r\n * React binding for the `m3e-checkbox` Web Component from `@m3e/web/checkbox`.\r\n *\r\n * This component renders the underlying `<m3e-checkbox>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-checkbox` documentation in `@m3e/checkbox` for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCheckbox = createComponent({\r\n  tagName: \"m3e-checkbox\",\r\n  elementClass: M3eCheckboxElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onInvalid: \"invalid\",\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,WAAW,GAAG,eAAe,CAAC;AACzC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"checkbox.js","sources":["../../src/checkbox/Checkbox.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\nexport type { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\n\r\n/**\r\n * React binding for the `m3e-checkbox` Web Component from `@m3e/web/checkbox`.\r\n *\r\n * This component renders the underlying `<m3e-checkbox>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-checkbox` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCheckbox = createComponent({\r\n  tagName: \"m3e-checkbox\",\r\n  elementClass: M3eCheckboxElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onInvalid: \"invalid\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,WAAW,GAAG,eAAe,CAAC;AACzC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;;;"}

package/dist/checkbox.min.js

@@ -1,7 +1,7 @@
-"use client";
 /**
  * @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{M3eCheckboxElement as n}from"@m3e/web/checkbox";const a=function({react:e,tagName:n,elementClass:a,events:o,displayName:c}){return"undefined"!=typeof window?t({react:e,tagName:n,elementClass:a,events:o,displayName:c}):null}({tagName:"m3e-checkbox",elementClass:n,react:e,events:{onInput:"input",onInvalid:"invalid",onChange:"change",onClick:"click"}});export{a as M3eCheckbox};
+ */
+import e from"react";import{createComponent as o}from"@lit/react";import{M3eCheckboxElement as t}from"@m3e/web/checkbox";const n=o({tagName:"m3e-checkbox",elementClass:t,react:e,events:{onInput:"input",onInvalid:"invalid",onChange:"change",onClick:"click"}});export{n as M3eCheckbox};
 //# sourceMappingURL=checkbox.min.js.map

package/dist/checkbox.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.min.js","sources":["../../src/checkbox/Checkbox.ts","../../src/utils/createComponent.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\nexport type { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\n\r\n/**\r\n * React binding for the `m3e-checkbox` Web Component from `@m3e/web/checkbox`.\r\n *\r\n * This component renders the underlying `<m3e-checkbox>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-checkbox` documentation in `@m3e/checkbox` for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCheckbox = createComponent({\r\n  tagName: \"m3e-checkbox\",\r\n  elementClass: M3eCheckboxElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onInvalid: \"invalid\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\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":["M3eCheckbox","react","tagName","elementClass","events","displayName","window","createReactComponent","createComponent","M3eCheckboxElement","React","onInput","onInvalid","onChange","onClick"],"mappings":";;;;;4HAmBO,MAAMA,ECUP,UAA4EC,MAChFA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,OACZA,EAAMC,YACNA,IAEA,MAAyB,oBAAXC,OACVC,EAA2B,CAAEN,QAAOC,UAASC,eAAcC,SAAQC,gBAChC,IACzC,CDpB2BG,CAAgB,CACzCN,QAAS,eACTC,aAAcM,EACdR,MAAOS,EACPN,OAAQ,CACNO,QAAS,QACTC,UAAW,UACXC,SAAU,SACVC,QAAS"}
+{"version":3,"file":"checkbox.min.js","sources":["../../src/checkbox/Checkbox.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\nexport type { M3eCheckboxElement } from \"@m3e/web/checkbox\";\r\n\r\n/**\r\n * React binding for the `m3e-checkbox` Web Component from `@m3e/web/checkbox`.\r\n *\r\n * This component renders the underlying `<m3e-checkbox>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-checkbox` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCheckbox = createComponent({\r\n  tagName: \"m3e-checkbox\",\r\n  elementClass: M3eCheckboxElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onInvalid: \"invalid\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":["M3eCheckbox","createComponent","tagName","elementClass","M3eCheckboxElement","react","React","events","onInput","onInvalid","onChange","onClick"],"mappings":";;;;;yHAmBO,MAAMA,EAAcC,EAAgB,CACzCC,QAAS,eACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTC,UAAW,UACXC,SAAU,SACVC,QAAS"}

package/dist/chips.js

@@ -1,4 +1,3 @@
-"use client";
 /**
  * @license MIT
  * Copyright (c) 2025 matraic
@@ -6,40 +5,9 @@
  */
 
 import React from 'react';
-import { createComponent as createComponent$1 } from '@lit/react';
+import { createComponent } from '@lit/react';
 import { M3eAssistChipElement, M3eChipElement, M3eChipSetElement, M3eFilterChipElement, M3eFilterChipSetElement, M3eInputChipElement, M3eInputChipSetElement, M3eSuggestionChipElement } from '@m3e/web/chips';
 
-/**
- * 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-assist-chip` Web Component from `@m3e/web/chips`.
  *

package/dist/chips.js.map

@@ -1 +1 @@
-{"version":3,"file":"chips.js","sources":["../../src/utils/createComponent.ts","../../src/chips/AssistChip.ts","../../src/chips/Chip.ts","../../src/chips/ChipSet.ts","../../src/chips/FilterChip.ts","../../src/chips/FilterChipSet.ts","../../src/chips/InputChip.ts","../../src/chips/InputChipSet.ts","../../src/chips/SuggestionChip.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 { M3eAssistChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eAssistChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-assist-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-assist-chip>` 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-assist-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-assist-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eAssistChip = createComponent({\r\n  tagName: \"m3e-assist-chip\",\r\n  elementClass: M3eAssistChipElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eChipElement } from \"@m3e/web/chips\";\r\nexport type { ChipVariant, M3eChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip>` 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-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChip = createComponent({\r\n  tagName: \"m3e-chip\",\r\n  elementClass: M3eChipElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip-set>` 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-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChipSet = createComponent({\r\n  tagName: \"m3e-chip-set\",\r\n  elementClass: M3eChipSetElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eFilterChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip>` 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-filter-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChip = createComponent({\r\n  tagName: \"m3e-filter-chip\",\r\n  elementClass: M3eFilterChipElement,\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 \"../utils\";\r\n\r\nimport { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip-set>` 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-filter-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChipSet = createComponent({\r\n  tagName: \"m3e-filter-chip-set\",\r\n  elementClass: M3eFilterChipSetElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eInputChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip>` 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-input-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChip = createComponent({\r\n  tagName: \"m3e-input-chip\",\r\n  elementClass: M3eInputChipElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n    onRemove: \"remove\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eInputChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip-set>` 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-input-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChipSet = createComponent({\r\n  tagName: \"m3e-input-chip-set\",\r\n  elementClass: M3eInputChipSetElement,\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 \"../utils\";\r\n\r\nimport { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-suggestion-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-suggestion-chip>` 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-suggestion-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-suggestion-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSuggestionChip = createComponent({\r\n  tagName: \"m3e-suggestion-chip\",\r\n  elementClass: M3eSuggestionChipElement,\r\n  react: React,\r\n  events: {\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,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAG,eAAe,CAAC;AACrC,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAM,YAAY,GAAG,eAAe,CAAC;AAC1C,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,YAAY,EAAE,mBAAmB;AACjC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAM,eAAe,GAAG,eAAe,CAAC;AAC7C,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,YAAY,EAAE,sBAAsB;AACpC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAC/C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,wBAAwB;AACtC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"chips.js","sources":["../../src/chips/AssistChip.ts","../../src/chips/Chip.ts","../../src/chips/ChipSet.ts","../../src/chips/FilterChip.ts","../../src/chips/FilterChipSet.ts","../../src/chips/InputChip.ts","../../src/chips/InputChipSet.ts","../../src/chips/SuggestionChip.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eAssistChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eAssistChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-assist-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-assist-chip>` 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-assist-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-assist-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eAssistChip = createComponent({\r\n  tagName: \"m3e-assist-chip\",\r\n  elementClass: M3eAssistChipElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eChipElement } from \"@m3e/web/chips\";\r\nexport type { ChipVariant, M3eChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip>` 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-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChip = createComponent({\r\n  tagName: \"m3e-chip\",\r\n  elementClass: M3eChipElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip-set>` 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-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChipSet = createComponent({\r\n  tagName: \"m3e-chip-set\",\r\n  elementClass: M3eChipSetElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFilterChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip>` 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-filter-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChip = createComponent({\r\n  tagName: \"m3e-filter-chip\",\r\n  elementClass: M3eFilterChipElement,\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 { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip-set>` 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-filter-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChipSet = createComponent({\r\n  tagName: \"m3e-filter-chip-set\",\r\n  elementClass: M3eFilterChipSetElement,\r\n  react: React,\r\n  events: {\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 { M3eInputChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip>` 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-input-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChip = createComponent({\r\n  tagName: \"m3e-input-chip\",\r\n  elementClass: M3eInputChipElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n    onRemove: \"remove\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eInputChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip-set>` 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-input-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChipSet = createComponent({\r\n  tagName: \"m3e-input-chip-set\",\r\n  elementClass: M3eInputChipSetElement,\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 { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-suggestion-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-suggestion-chip>` 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-suggestion-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-suggestion-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSuggestionChip = createComponent({\r\n  tagName: \"m3e-suggestion-chip\",\r\n  elementClass: M3eSuggestionChipElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAG,eAAe,CAAC;AACrC,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAM,YAAY,GAAG,eAAe,CAAC;AAC1C,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,YAAY,EAAE,mBAAmB;AACjC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAM,eAAe,GAAG,eAAe,CAAC;AAC7C,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,YAAY,EAAE,sBAAsB;AACpC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAC/C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,wBAAwB;AACtC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;;;"}

package/dist/chips.min.js

@@ -1,7 +1,7 @@
-"use client";
 /**
  * @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{M3eAssistChipElement as a,M3eChipElement as n,M3eChipSetElement as s,M3eFilterChipElement as c,M3eFilterChipSetElement as m,M3eInputChipElement as l,M3eInputChipSetElement as i,M3eSuggestionChipElement as o}from"@m3e/web/chips";function r({react:e,tagName:a,elementClass:n,events:s,displayName:c}){return"undefined"!=typeof window?t({react:e,tagName:a,elementClass:n,events:s,displayName:c}):null}const p=r({tagName:"m3e-assist-chip",elementClass:a,react:e,events:{onClick:"click"}}),g=r({tagName:"m3e-chip",elementClass:n,react:e}),C=r({tagName:"m3e-chip-set",elementClass:s,react:e}),h=r({tagName:"m3e-filter-chip",elementClass:c,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),u=r({tagName:"m3e-filter-chip-set",elementClass:m,react:e,events:{onInput:"input",onChange:"change"}}),N=r({tagName:"m3e-input-chip",elementClass:l,react:e,events:{onClick:"click",onRemove:"remove"}}),v=r({tagName:"m3e-input-chip-set",elementClass:i,react:e,events:{onChange:"change"}}),f=r({tagName:"m3e-suggestion-chip",elementClass:o,react:e,events:{onClick:"click"}});export{p as M3eAssistChip,g as M3eChip,C as M3eChipSet,h as M3eFilterChip,u as M3eFilterChipSet,N as M3eInputChip,v as M3eInputChipSet,f as M3eSuggestionChip};
+ */
+import e from"react";import{createComponent as t}from"@lit/react";import{M3eAssistChipElement as a,M3eChipElement as n,M3eChipSetElement as c,M3eFilterChipElement as m,M3eFilterChipSetElement as s,M3eInputChipElement as i,M3eInputChipSetElement as l,M3eSuggestionChipElement as o}from"@m3e/web/chips";const r=t({tagName:"m3e-assist-chip",elementClass:a,react:e,events:{onClick:"click"}}),p=t({tagName:"m3e-chip",elementClass:n,react:e}),g=t({tagName:"m3e-chip-set",elementClass:c,react:e}),h=t({tagName:"m3e-filter-chip",elementClass:m,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),C=t({tagName:"m3e-filter-chip-set",elementClass:s,react:e,events:{onInput:"input",onChange:"change"}}),k=t({tagName:"m3e-input-chip",elementClass:i,react:e,events:{onClick:"click",onRemove:"remove"}}),v=t({tagName:"m3e-input-chip-set",elementClass:l,react:e,events:{onChange:"change"}}),N=t({tagName:"m3e-suggestion-chip",elementClass:o,react:e,events:{onClick:"click"}});export{r as M3eAssistChip,p as M3eChip,g as M3eChipSet,h as M3eFilterChip,C as M3eFilterChipSet,k as M3eInputChip,v as M3eInputChipSet,N as M3eSuggestionChip};
 //# sourceMappingURL=chips.min.js.map

package/dist/chips.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"chips.min.js","sources":["../../src/utils/createComponent.ts","../../src/chips/AssistChip.ts","../../src/chips/Chip.ts","../../src/chips/ChipSet.ts","../../src/chips/FilterChip.ts","../../src/chips/FilterChipSet.ts","../../src/chips/InputChip.ts","../../src/chips/InputChipSet.ts","../../src/chips/SuggestionChip.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 { M3eAssistChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eAssistChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-assist-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-assist-chip>` 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-assist-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-assist-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eAssistChip = createComponent({\r\n  tagName: \"m3e-assist-chip\",\r\n  elementClass: M3eAssistChipElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eChipElement } from \"@m3e/web/chips\";\r\nexport type { ChipVariant, M3eChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip>` 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-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChip = createComponent({\r\n  tagName: \"m3e-chip\",\r\n  elementClass: M3eChipElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip-set>` 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-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChipSet = createComponent({\r\n  tagName: \"m3e-chip-set\",\r\n  elementClass: M3eChipSetElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eFilterChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip>` 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-filter-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChip = createComponent({\r\n  tagName: \"m3e-filter-chip\",\r\n  elementClass: M3eFilterChipElement,\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 \"../utils\";\r\n\r\nimport { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip-set>` 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-filter-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChipSet = createComponent({\r\n  tagName: \"m3e-filter-chip-set\",\r\n  elementClass: M3eFilterChipSetElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eInputChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip>` 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-input-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChip = createComponent({\r\n  tagName: \"m3e-input-chip\",\r\n  elementClass: M3eInputChipElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n    onRemove: \"remove\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eInputChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip-set>` 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-input-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChipSet = createComponent({\r\n  tagName: \"m3e-input-chip-set\",\r\n  elementClass: M3eInputChipSetElement,\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 \"../utils\";\r\n\r\nimport { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-suggestion-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-suggestion-chip>` 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-suggestion-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-suggestion-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSuggestionChip = createComponent({\r\n  tagName: \"m3e-suggestion-chip\",\r\n  elementClass: M3eSuggestionChipElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":["createComponent","react","tagName","elementClass","events","displayName","window","createReactComponent","M3eAssistChip","M3eAssistChipElement","React","onClick","M3eChip","M3eChipElement","M3eChipSet","M3eChipSetElement","M3eFilterChip","M3eFilterChipElement","onInput","onChange","M3eFilterChipSet","M3eFilterChipSetElement","M3eInputChip","M3eInputChipElement","onRemove","M3eInputChipSet","M3eInputChipSetElement","M3eSuggestionChip","M3eSuggestionChipElement"],"mappings":";;;;;gTA6BM,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,EAAgBR,EAAgB,CAC3CE,QAAS,kBACTC,aAAcM,EACdR,MAAOS,EACPN,OAAQ,CACNO,QAAS,WCLAC,EAAUZ,EAAgB,CACrCE,QAAS,WACTC,aAAcU,EACdZ,MAAOS,ICHII,EAAad,EAAgB,CACxCE,QAAS,eACTC,aAAcY,EACdd,MAAOS,ICHIM,EAAgBhB,EAAgB,CAC3CE,QAAS,kBACTC,aAAcc,EACdhB,MAAOS,EACPN,OAAQ,CACNc,QAAS,QACTC,SAAU,SACVR,QAAS,WCPAS,EAAmBpB,EAAgB,CAC9CE,QAAS,sBACTC,aAAckB,EACdpB,MAAOS,EACPN,OAAQ,CACNc,QAAS,QACTC,SAAU,YCNDG,EAAetB,EAAgB,CAC1CE,QAAS,iBACTC,aAAcoB,EACdtB,MAAOS,EACPN,OAAQ,CACNO,QAAS,QACTa,SAAU,YCNDC,EAAkBzB,EAAgB,CAC7CE,QAAS,qBACTC,aAAcuB,EACdzB,MAAOS,EACPN,OAAQ,CACNe,SAAU,YCLDQ,EAAoB3B,EAAgB,CAC/CE,QAAS,sBACTC,aAAcyB,EACd3B,MAAOS,EACPN,OAAQ,CACNO,QAAS"}
+{"version":3,"file":"chips.min.js","sources":["../../src/chips/AssistChip.ts","../../src/chips/Chip.ts","../../src/chips/ChipSet.ts","../../src/chips/FilterChip.ts","../../src/chips/FilterChipSet.ts","../../src/chips/InputChip.ts","../../src/chips/InputChipSet.ts","../../src/chips/SuggestionChip.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eAssistChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eAssistChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-assist-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-assist-chip>` 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-assist-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-assist-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eAssistChip = createComponent({\r\n  tagName: \"m3e-assist-chip\",\r\n  elementClass: M3eAssistChipElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eChipElement } from \"@m3e/web/chips\";\r\nexport type { ChipVariant, M3eChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip>` 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-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChip = createComponent({\r\n  tagName: \"m3e-chip\",\r\n  elementClass: M3eChipElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-chip-set>` 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-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eChipSet = createComponent({\r\n  tagName: \"m3e-chip-set\",\r\n  elementClass: M3eChipSetElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eFilterChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip>` 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-filter-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChip = createComponent({\r\n  tagName: \"m3e-filter-chip\",\r\n  elementClass: M3eFilterChipElement,\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 { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eFilterChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-filter-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-filter-chip-set>` 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-filter-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-filter-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eFilterChipSet = createComponent({\r\n  tagName: \"m3e-filter-chip-set\",\r\n  elementClass: M3eFilterChipSetElement,\r\n  react: React,\r\n  events: {\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 { M3eInputChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip>` 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-input-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChip = createComponent({\r\n  tagName: \"m3e-input-chip\",\r\n  elementClass: M3eInputChipElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n    onRemove: \"remove\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eInputChipSetElement } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipSetElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-input-chip-set` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-input-chip-set>` 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-input-chip-set>` instance for imperative access.\r\n *\r\n * See the `m3e-input-chip-set` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eInputChipSet = createComponent({\r\n  tagName: \"m3e-input-chip-set\",\r\n  elementClass: M3eInputChipSetElement,\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 { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\nexport type { M3eSuggestionChipElement } from \"@m3e/web/chips\";\r\n\r\n/**\r\n * React binding for the `m3e-suggestion-chip` Web Component from `@m3e/web/chips`.\r\n *\r\n * This component renders the underlying `<m3e-suggestion-chip>` 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-suggestion-chip>` instance for imperative access.\r\n *\r\n * See the `m3e-suggestion-chip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSuggestionChip = createComponent({\r\n  tagName: \"m3e-suggestion-chip\",\r\n  elementClass: M3eSuggestionChipElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":["M3eAssistChip","createComponent","tagName","elementClass","M3eAssistChipElement","react","React","events","onClick","M3eChip","M3eChipElement","M3eChipSet","M3eChipSetElement","M3eFilterChip","M3eFilterChipElement","onInput","onChange","M3eFilterChipSet","M3eFilterChipSetElement","M3eInputChip","M3eInputChipElement","onRemove","M3eInputChipSet","M3eInputChipSetElement","M3eSuggestionChip","M3eSuggestionChipElement"],"mappings":";;;;;6SAmBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,WCLAC,EAAUR,EAAgB,CACrCC,QAAS,WACTC,aAAcO,EACdL,MAAOC,ICHIK,EAAaV,EAAgB,CACxCC,QAAS,eACTC,aAAcS,EACdP,MAAOC,ICHIO,EAAgBZ,EAAgB,CAC3CC,QAAS,kBACTC,aAAcW,EACdT,MAAOC,EACPC,OAAQ,CACNQ,QAAS,QACTC,SAAU,SACVR,QAAS,WCPAS,EAAmBhB,EAAgB,CAC9CC,QAAS,sBACTC,aAAce,EACdb,MAAOC,EACPC,OAAQ,CACNQ,QAAS,QACTC,SAAU,YCNDG,EAAelB,EAAgB,CAC1CC,QAAS,iBACTC,aAAciB,EACdf,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTa,SAAU,YCNDC,EAAkBrB,EAAgB,CAC7CC,QAAS,qBACTC,aAAcoB,EACdlB,MAAOC,EACPC,OAAQ,CACNS,SAAU,YCLDQ,EAAoBvB,EAAgB,CAC/CC,QAAS,sBACTC,aAAcsB,EACdpB,MAAOC,EACPC,OAAQ,CACNC,QAAS"}

package/dist/core.js

@@ -1,4 +1,3 @@
-"use client";
 /**
  * @license MIT
  * Copyright (c) 2025 matraic
@@ -6,40 +5,9 @@
  */
 
 import React from 'react';
-import { createComponent as createComponent$1 } from '@lit/react';
+import { createComponent } from '@lit/react';
 import { M3eCollapsibleElement, M3eElevationElement, M3eFocusRingElement, M3ePseudoCheckboxElement, M3ePseudoRadioElement, M3eRippleElement, M3eScrollContainerElement, M3eSlideElement, M3eStateLayerElement, M3eTextHighlightElement, M3eTextOverflowElement } from '@m3e/web/core';
 
-/**
- * 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-collapsible` Web Component from `@m3e/web/web/core`.
  *