@m3e/react 2.1.3 → 2.2.1

package/dist/autocomplete.js

@@ -25,6 +25,7 @@ const M3eAutocomplete = createComponent({
   elementClass: M3eAutocompleteElement,
   react: React,
   events: {
+    onChange: "change",
     onToggle: "toggle",
     onQuery: "query"
   }

package/dist/autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.js","sources":["../../src/autocomplete/Autocomplete.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eAutocompleteElement, QueryEventDetail } from \"@m3e/web/autocomplete\";\r\nexport type { M3eAutocompleteElement, AutocompleteFilterMode, QueryEventDetail } from \"@m3e/web/autocomplete\";\r\n\r\n/**\r\n * React binding for the `m3e-autocomplete` Web Component from `@m3e/web/autocomplete`.\r\n *\r\n * This component renders the underlying `<m3e-autocomplete>` 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-autocomplete>` instance for imperative access.\r\n *\r\n * See the `m3e-autocomplete` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eAutocomplete = createComponent({\r\n  tagName: \"m3e-autocomplete\",\r\n  elementClass: M3eAutocompleteElement,\r\n  react: React,\r\n  events: {\r\n    onToggle: \"toggle\",\r\n    onQuery: \"query\" as EventName<CustomEvent<QueryEventDetail>>,\r\n  },\r\n});\r\n"],"names":["M3eAutocomplete","createComponent","tagName","elementClass","M3eAutocompleteElement","react","React","events","onToggle","onQuery"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,eAAe,GAAGC,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,YAAY,EAAEC,sBAAsB;AACpCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
+{"version":3,"file":"autocomplete.js","sources":["../../src/autocomplete/Autocomplete.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eAutocompleteElement, AutocompleteQueryEventDetail } from \"@m3e/web/autocomplete\";\r\n\r\nexport type {\r\n  M3eAutocompleteElement,\r\n  AutocompleteFilterMode,\r\n  AutocompleteQueryEventDetail,\r\n  QueryEventDetail,\r\n} from \"@m3e/web/autocomplete\";\r\n\r\n/**\r\n * React binding for the `m3e-autocomplete` Web Component from `@m3e/web/autocomplete`.\r\n *\r\n * This component renders the underlying `<m3e-autocomplete>` 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-autocomplete>` instance for imperative access.\r\n *\r\n * See the `m3e-autocomplete` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eAutocomplete = createComponent({\r\n  tagName: \"m3e-autocomplete\",\r\n  elementClass: M3eAutocompleteElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n    onToggle: \"toggle\",\r\n    onQuery: \"query\" as EventName<CustomEvent<AutocompleteQueryEventDetail>>,\r\n  },\r\n});\r\n"],"names":["M3eAutocomplete","createComponent","tagName","elementClass","M3eAutocompleteElement","react","React","events","onChange","onToggle","onQuery"],"mappings":";;;;;;;;;AAYA;;;;;;;;;;;;AAYG;AACI,MAAMA,eAAe,GAAGC,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,YAAY,EAAEC,sBAAsB;AACpCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}

package/dist/autocomplete.min.js

@@ -3,5 +3,5 @@
  * 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{M3eAutocompleteElement as o}from"@m3e/web/autocomplete";const m=t({tagName:"m3e-autocomplete",elementClass:o,react:e,events:{onToggle:"toggle",onQuery:"query"}});export{m as M3eAutocomplete};
+import e from"react";import{createComponent as o}from"@lit/react";import{M3eAutocompleteElement as t}from"@m3e/web/autocomplete";const m=o({tagName:"m3e-autocomplete",elementClass:t,react:e,events:{onChange:"change",onToggle:"toggle",onQuery:"query"}});export{m as M3eAutocomplete};
 //# sourceMappingURL=autocomplete.min.js.map

package/dist/autocomplete.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.min.js","sources":["../../src/autocomplete/Autocomplete.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eAutocompleteElement, QueryEventDetail } from \"@m3e/web/autocomplete\";\r\nexport type { M3eAutocompleteElement, AutocompleteFilterMode, QueryEventDetail } from \"@m3e/web/autocomplete\";\r\n\r\n/**\r\n * React binding for the `m3e-autocomplete` Web Component from `@m3e/web/autocomplete`.\r\n *\r\n * This component renders the underlying `<m3e-autocomplete>` 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-autocomplete>` instance for imperative access.\r\n *\r\n * See the `m3e-autocomplete` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eAutocomplete = createComponent({\r\n  tagName: \"m3e-autocomplete\",\r\n  elementClass: M3eAutocompleteElement,\r\n  react: React,\r\n  events: {\r\n    onToggle: \"toggle\",\r\n    onQuery: \"query\" as EventName<CustomEvent<QueryEventDetail>>,\r\n  },\r\n});\r\n"],"names":["M3eAutocomplete","createComponent","tagName","elementClass","M3eAutocompleteElement","react","React","events","onToggle","onQuery"],"mappings":";;;;;iIAmBO,MAAMA,EAAkBC,EAAgB,CAC7CC,QAAS,mBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU,SACVC,QAAS"}
+{"version":3,"file":"autocomplete.min.js","sources":["../../src/autocomplete/Autocomplete.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eAutocompleteElement, AutocompleteQueryEventDetail } from \"@m3e/web/autocomplete\";\r\n\r\nexport type {\r\n  M3eAutocompleteElement,\r\n  AutocompleteFilterMode,\r\n  AutocompleteQueryEventDetail,\r\n  QueryEventDetail,\r\n} from \"@m3e/web/autocomplete\";\r\n\r\n/**\r\n * React binding for the `m3e-autocomplete` Web Component from `@m3e/web/autocomplete`.\r\n *\r\n * This component renders the underlying `<m3e-autocomplete>` 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-autocomplete>` instance for imperative access.\r\n *\r\n * See the `m3e-autocomplete` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eAutocomplete = createComponent({\r\n  tagName: \"m3e-autocomplete\",\r\n  elementClass: M3eAutocompleteElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n    onToggle: \"toggle\",\r\n    onQuery: \"query\" as EventName<CustomEvent<AutocompleteQueryEventDetail>>,\r\n  },\r\n});\r\n"],"names":["M3eAutocomplete","createComponent","tagName","elementClass","M3eAutocompleteElement","react","React","events","onChange","onToggle","onQuery"],"mappings":";;;;;iIAyBO,MAAMA,EAAkBC,EAAgB,CAC7CC,QAAS,mBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU,SACVC,SAAU,SACVC,QAAS"}

package/dist/calendar.js

@@ -0,0 +1,33 @@
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { M3eCalendarElement } from '@m3e/web/calendar';
+
+/**
+ * React binding for the `m3e-calendar` Web Component from `@m3e/web/calendar`.
+ *
+ * This component renders the underlying `<m3e-calendar>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-calendar>` instance for imperative access.
+ *
+ * See the `m3e-calendar` documentation for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eCalendar = createComponent({
+  tagName: "m3e-calendar",
+  elementClass: M3eCalendarElement,
+  react: React,
+  events: {
+    onChange: "change"
+  }
+});
+
+export { M3eCalendar };
+//# sourceMappingURL=calendar.js.map

package/dist/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../src/calendar/Calendar.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCalendarElement } from \"@m3e/web/calendar\";\r\nexport type { M3eCalendarElement, CalendarView } from \"@m3e/web/calendar\";\r\n\r\n/**\r\n * React binding for the `m3e-calendar` Web Component from `@m3e/web/calendar`.\r\n *\r\n * This component renders the underlying `<m3e-calendar>` 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-calendar>` instance for imperative access.\r\n *\r\n * See the `m3e-calendar` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCalendar = createComponent({\r\n  tagName: \"m3e-calendar\",\r\n  elementClass: M3eCalendarElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eCalendar","createComponent","tagName","elementClass","M3eCalendarElement","react","React","events","onChange"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,WAAW,GAAGC,eAAe,CAAC;AACzCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAEC,kBAAkB;AAChCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}

package/dist/calendar.min.js

@@ -0,0 +1,7 @@
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+import e from"react";import{createComponent as a}from"@lit/react";import{M3eCalendarElement as r}from"@m3e/web/calendar";const t=a({tagName:"m3e-calendar",elementClass:r,react:e,events:{onChange:"change"}});export{t as M3eCalendar};
+//# sourceMappingURL=calendar.min.js.map

package/dist/calendar.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.min.js","sources":["../../src/calendar/Calendar.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eCalendarElement } from \"@m3e/web/calendar\";\r\nexport type { M3eCalendarElement, CalendarView } from \"@m3e/web/calendar\";\r\n\r\n/**\r\n * React binding for the `m3e-calendar` Web Component from `@m3e/web/calendar`.\r\n *\r\n * This component renders the underlying `<m3e-calendar>` 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-calendar>` instance for imperative access.\r\n *\r\n * See the `m3e-calendar` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eCalendar = createComponent({\r\n  tagName: \"m3e-calendar\",\r\n  elementClass: M3eCalendarElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eCalendar","createComponent","tagName","elementClass","M3eCalendarElement","react","React","events","onChange"],"mappings":";;;;;yHAmBO,MAAMA,EAAcC,EAAgB,CACzCC,QAAS,eACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU"}

package/dist/datepicker.js

@@ -0,0 +1,52 @@
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { M3eDatepickerElement, M3eDatepickerToggleElement } from '@m3e/web/datepicker';
+
+/**
+ * React binding for the `m3e-datepicker` Web Component from `@m3e/web/datepicker`.
+ *
+ * This component renders the underlying `<m3e-datepicker>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-datepicker>` instance for imperative access.
+ *
+ * See the `m3e-datepicker` documentation for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eDatepicker = createComponent({
+  tagName: "m3e-datepicker",
+  elementClass: M3eDatepickerElement,
+  react: React,
+  events: {
+    onChange: "change"
+  }
+});
+
+/**
+ * React binding for the `m3e-datepicker-toggle` Web Component from `@m3e/web/datepicker`.
+ *
+ * This component renders the underlying `<m3e-datepicker-toggle>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-datepicker-toggle>` instance for imperative access.
+ *
+ * See the `m3e-datepicker-toggle` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eDatepickerToggle = createComponent({
+  tagName: "m3e-datepicker-toggle",
+  elementClass: M3eDatepickerToggleElement,
+  react: React
+});
+
+export { M3eDatepicker, M3eDatepickerToggle };
+//# sourceMappingURL=datepicker.js.map

package/dist/datepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.js","sources":["../../src/datepicker/Datepicker.ts","../../src/datepicker/DatepickerToggle.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDatepickerElement } from \"@m3e/web/datepicker\";\r\nexport type { M3eDatepickerElement, DatepickerVariant } from \"@m3e/web/datepicker\";\r\n\r\n/**\r\n * React binding for the `m3e-datepicker` Web Component from `@m3e/web/datepicker`.\r\n *\r\n * This component renders the underlying `<m3e-datepicker>` 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-datepicker>` instance for imperative access.\r\n *\r\n * See the `m3e-datepicker` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDatepicker = createComponent({\r\n  tagName: \"m3e-datepicker\",\r\n  elementClass: M3eDatepickerElement,\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 { M3eDatepickerToggleElement } from \"@m3e/web/datepicker\";\r\nexport type { M3eDatepickerToggleElement } from \"@m3e/web/datepicker\";\r\n\r\n/**\r\n * React binding for the `m3e-datepicker-toggle` Web Component from `@m3e/web/datepicker`.\r\n *\r\n * This component renders the underlying `<m3e-datepicker-toggle>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-datepicker-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-datepicker-toggle` for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDatepickerToggle = createComponent({\r\n  tagName: \"m3e-datepicker-toggle\",\r\n  elementClass: M3eDatepickerToggleElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eDatepicker","createComponent","tagName","elementClass","M3eDatepickerElement","react","React","events","onChange","M3eDatepickerToggle","M3eDatepickerToggleElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,aAAa,GAAGC,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEC,oBAAoB;AAClCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,mBAAmB,GAAGR,eAAe,CAAC;AACjDC,EAAAA,OAAO,EAAE,uBAAuB;AAChCC,EAAAA,YAAY,EAAEO,0BAA0B;AACxCL,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

package/dist/datepicker.min.js

@@ -0,0 +1,7 @@
+/**
+ * @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{M3eDatepickerElement as a,M3eDatepickerToggleElement as r}from"@m3e/web/datepicker";const m=t({tagName:"m3e-datepicker",elementClass:a,react:e,events:{onChange:"change"}}),o=t({tagName:"m3e-datepicker-toggle",elementClass:r,react:e});export{m as M3eDatepicker,o as M3eDatepickerToggle};
+//# sourceMappingURL=datepicker.min.js.map

package/dist/datepicker.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.min.js","sources":["../../src/datepicker/Datepicker.ts","../../src/datepicker/DatepickerToggle.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eDatepickerElement } from \"@m3e/web/datepicker\";\r\nexport type { M3eDatepickerElement, DatepickerVariant } from \"@m3e/web/datepicker\";\r\n\r\n/**\r\n * React binding for the `m3e-datepicker` Web Component from `@m3e/web/datepicker`.\r\n *\r\n * This component renders the underlying `<m3e-datepicker>` 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-datepicker>` instance for imperative access.\r\n *\r\n * See the `m3e-datepicker` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDatepicker = createComponent({\r\n  tagName: \"m3e-datepicker\",\r\n  elementClass: M3eDatepickerElement,\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 { M3eDatepickerToggleElement } from \"@m3e/web/datepicker\";\r\nexport type { M3eDatepickerToggleElement } from \"@m3e/web/datepicker\";\r\n\r\n/**\r\n * React binding for the `m3e-datepicker-toggle` Web Component from `@m3e/web/datepicker`.\r\n *\r\n * This component renders the underlying `<m3e-datepicker-toggle>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-datepicker-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-datepicker-toggle` for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eDatepickerToggle = createComponent({\r\n  tagName: \"m3e-datepicker-toggle\",\r\n  elementClass: M3eDatepickerToggleElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eDatepicker","createComponent","tagName","elementClass","M3eDatepickerElement","react","React","events","onChange","M3eDatepickerToggle","M3eDatepickerToggleElement"],"mappings":";;;;;6JAmBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,iBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU,YCLDC,EAAsBR,EAAgB,CACjDC,QAAS,wBACTC,aAAcO,EACdL,MAAOC"}

package/dist/paginator.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginator.js","sources":["../../src/paginator/Paginator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3ePaginatorElement, PageEventDetail } from \"@m3e/web/paginator\";\r\nexport type { M3ePaginatorElement, PageEventDetail } from \"@m3e/web/paginator\";\r\n\r\n/**\r\n * React binding for the `m3e-paginator` Web Component from `@m3e/web/paginator`.\r\n *\r\n * This component renders the underlying `<m3e-paginator>` 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-paginator>` instance for imperative access.\r\n *\r\n * See the `m3e-paginator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePaginator = createComponent({\r\n  tagName: \"m3e-paginator\",\r\n  elementClass: M3ePaginatorElement,\r\n  react: React,\r\n  events: {\r\n    onPage: \"page\" as EventName<CustomEvent<PageEventDetail>>,\r\n  },\r\n});\r\n"],"names":["M3ePaginator","createComponent","tagName","elementClass","M3ePaginatorElement","react","React","events","onPage"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,YAAY,GAAGC,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEC,mBAAmB;AACjCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE;AACT;AACF,CAAA;;;;"}
+{"version":3,"file":"paginator.js","sources":["../../src/paginator/Paginator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3ePaginatorElement, PaginatorPageEventDetail } from \"@m3e/web/paginator\";\r\nexport type { M3ePaginatorElement, PageEventDetail, PaginatorPageEventDetail } from \"@m3e/web/paginator\";\r\n\r\n/**\r\n * React binding for the `m3e-paginator` Web Component from `@m3e/web/paginator`.\r\n *\r\n * This component renders the underlying `<m3e-paginator>` 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-paginator>` instance for imperative access.\r\n *\r\n * See the `m3e-paginator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePaginator = createComponent({\r\n  tagName: \"m3e-paginator\",\r\n  elementClass: M3ePaginatorElement,\r\n  react: React,\r\n  events: {\r\n    onPage: \"page\" as EventName<CustomEvent<PaginatorPageEventDetail>>,\r\n  },\r\n});\r\n"],"names":["M3ePaginator","createComponent","tagName","elementClass","M3ePaginatorElement","react","React","events","onPage"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,YAAY,GAAGC,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,YAAY,EAAEC,mBAAmB;AACjCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE;AACT;AACF,CAAA;;;;"}

package/dist/paginator.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginator.min.js","sources":["../../src/paginator/Paginator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3ePaginatorElement, PageEventDetail } from \"@m3e/web/paginator\";\r\nexport type { M3ePaginatorElement, PageEventDetail } from \"@m3e/web/paginator\";\r\n\r\n/**\r\n * React binding for the `m3e-paginator` Web Component from `@m3e/web/paginator`.\r\n *\r\n * This component renders the underlying `<m3e-paginator>` 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-paginator>` instance for imperative access.\r\n *\r\n * See the `m3e-paginator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePaginator = createComponent({\r\n  tagName: \"m3e-paginator\",\r\n  elementClass: M3ePaginatorElement,\r\n  react: React,\r\n  events: {\r\n    onPage: \"page\" as EventName<CustomEvent<PageEventDetail>>,\r\n  },\r\n});\r\n"],"names":["M3ePaginator","createComponent","tagName","elementClass","M3ePaginatorElement","react","React","events","onPage"],"mappings":";;;;;2HAmBO,MAAMA,EAAeC,EAAgB,CAC1CC,QAAS,gBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,OAAQ"}
+{"version":3,"file":"paginator.min.js","sources":["../../src/paginator/Paginator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3ePaginatorElement, PaginatorPageEventDetail } from \"@m3e/web/paginator\";\r\nexport type { M3ePaginatorElement, PageEventDetail, PaginatorPageEventDetail } from \"@m3e/web/paginator\";\r\n\r\n/**\r\n * React binding for the `m3e-paginator` Web Component from `@m3e/web/paginator`.\r\n *\r\n * This component renders the underlying `<m3e-paginator>` 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-paginator>` instance for imperative access.\r\n *\r\n * See the `m3e-paginator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePaginator = createComponent({\r\n  tagName: \"m3e-paginator\",\r\n  elementClass: M3ePaginatorElement,\r\n  react: React,\r\n  events: {\r\n    onPage: \"page\" as EventName<CustomEvent<PaginatorPageEventDetail>>,\r\n  },\r\n});\r\n"],"names":["M3ePaginator","createComponent","tagName","elementClass","M3ePaginatorElement","react","React","events","onPage"],"mappings":";;;;;2HAmBO,MAAMA,EAAeC,EAAgB,CAC1CC,QAAS,gBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,OAAQ"}

package/dist/search.js

@@ -0,0 +1,58 @@
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { M3eSearchBarElement, M3eSearchViewElement } from '@m3e/web/search';
+
+/**
+ * React binding for the `m3e-search-bar` Web Component from `@m3e/web/search`.
+ *
+ * This component renders the underlying `<m3e-search-bar>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-search-bar>` instance for imperative access.
+ *
+ * See the `m3e-search-bar` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSearchBar = createComponent({
+  tagName: "m3e-search-bar",
+  elementClass: M3eSearchBarElement,
+  react: React,
+  events: {
+    onClear: "clear"
+  }
+});
+
+/**
+ * React binding for the `m3e-search-view` Web Component from `@m3e/web/search`.
+ *
+ * This component renders the underlying `<m3e-search-view>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-search-view>` instance for imperative access.
+ *
+ * See the `m3e-search-view` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSearchView = createComponent({
+  tagName: "m3e-search-view",
+  elementClass: M3eSearchViewElement,
+  react: React,
+  events: {
+    onClear: "clear",
+    onQuery: "query",
+    onBeforeToggle: "beforetoggle",
+    onToggle: "toggle"
+  }
+});
+
+export { M3eSearchBar, M3eSearchView };
+//# sourceMappingURL=search.js.map

package/dist/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sources":["../../src/search/SearchBar.ts","../../src/search/SearchView.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSearchBarElement } from \"@m3e/web/search\";\r\nexport type { M3eSearchBarElement } from \"@m3e/web/search\";\r\n\r\n/**\r\n * React binding for the `m3e-search-bar` Web Component from `@m3e/web/search`.\r\n *\r\n * This component renders the underlying `<m3e-search-bar>` 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-search-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-search-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSearchBar = createComponent({\r\n  tagName: \"m3e-search-bar\",\r\n  elementClass: M3eSearchBarElement,\r\n  react: React,\r\n  events: {\r\n    onClear: \"clear\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eSearchViewElement, SearchViewQueryEventDetail } from \"@m3e/web/search\";\r\nexport type { M3eSearchViewElement, SearchViewMode, SearchViewQueryEventDetail } from \"@m3e/web/search\";\r\n\r\n/**\r\n * React binding for the `m3e-search-view` Web Component from `@m3e/web/search`.\r\n *\r\n * This component renders the underlying `<m3e-search-view>` 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-search-view>` instance for imperative access.\r\n *\r\n * See the `m3e-search-view` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSearchView = createComponent({\r\n  tagName: \"m3e-search-view\",\r\n  elementClass: M3eSearchViewElement,\r\n  react: React,\r\n  events: {\r\n    onClear: \"clear\",\r\n    onQuery: \"query\" as EventName<CustomEvent<SearchViewQueryEventDetail>>,\r\n    onBeforeToggle: \"beforetoggle\",\r\n    onToggle: \"toggle\",\r\n  },\r\n});\r\n"],"names":["M3eSearchBar","createComponent","tagName","elementClass","M3eSearchBarElement","react","React","events","onClear","M3eSearchView","M3eSearchViewElement","onQuery","onBeforeToggle","onToggle"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,YAAY,GAAGC,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEC,mBAAmB;AACjCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,aAAa,GAAGR,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEO,oBAAoB;AAClCL,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,OAAO;AAChBG,IAAAA,OAAO,EAAE,OAA6D;AACtEC,IAAAA,cAAc,EAAE,cAAc;AAC9BC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}

package/dist/search.min.js

@@ -0,0 +1,7 @@
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+import e from"react";import{createComponent as r}from"@lit/react";import{M3eSearchBarElement as o,M3eSearchViewElement as a}from"@m3e/web/search";const t=r({tagName:"m3e-search-bar",elementClass:o,react:e,events:{onClear:"clear"}}),l=r({tagName:"m3e-search-view",elementClass:a,react:e,events:{onClear:"clear",onQuery:"query",onBeforeToggle:"beforetoggle",onToggle:"toggle"}});export{t as M3eSearchBar,l as M3eSearchView};
+//# sourceMappingURL=search.min.js.map

package/dist/search.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.min.js","sources":["../../src/search/SearchBar.ts","../../src/search/SearchView.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSearchBarElement } from \"@m3e/web/search\";\r\nexport type { M3eSearchBarElement } from \"@m3e/web/search\";\r\n\r\n/**\r\n * React binding for the `m3e-search-bar` Web Component from `@m3e/web/search`.\r\n *\r\n * This component renders the underlying `<m3e-search-bar>` 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-search-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-search-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSearchBar = createComponent({\r\n  tagName: \"m3e-search-bar\",\r\n  elementClass: M3eSearchBarElement,\r\n  react: React,\r\n  events: {\r\n    onClear: \"clear\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eSearchViewElement, SearchViewQueryEventDetail } from \"@m3e/web/search\";\r\nexport type { M3eSearchViewElement, SearchViewMode, SearchViewQueryEventDetail } from \"@m3e/web/search\";\r\n\r\n/**\r\n * React binding for the `m3e-search-view` Web Component from `@m3e/web/search`.\r\n *\r\n * This component renders the underlying `<m3e-search-view>` 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-search-view>` instance for imperative access.\r\n *\r\n * See the `m3e-search-view` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSearchView = createComponent({\r\n  tagName: \"m3e-search-view\",\r\n  elementClass: M3eSearchViewElement,\r\n  react: React,\r\n  events: {\r\n    onClear: \"clear\",\r\n    onQuery: \"query\" as EventName<CustomEvent<SearchViewQueryEventDetail>>,\r\n    onBeforeToggle: \"beforetoggle\",\r\n    onToggle: \"toggle\",\r\n  },\r\n});\r\n"],"names":["M3eSearchBar","createComponent","tagName","elementClass","M3eSearchBarElement","react","React","events","onClear","M3eSearchView","M3eSearchViewElement","onQuery","onBeforeToggle","onToggle"],"mappings":";;;;;kJAmBO,MAAMA,EAAeC,EAAgB,CAC1CC,QAAS,iBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,WCLAC,EAAgBR,EAAgB,CAC3CC,QAAS,kBACTC,aAAcO,EACdL,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTG,QAAS,QACTC,eAAgB,eAChBC,SAAU"}

package/dist/src/all.d.ts

@@ -5,10 +5,12 @@ export * from "./badge";
 export * from "./bottom-sheet";
 export * from "./button";
 export * from "./button-group";
+export * from "./calendar";
 export * from "./card";
 export * from "./checkbox";
 export * from "./chips";
 export * from "./core";
+export * from "./datepicker";
 export * from "./dialog";
 export * from "./divider";
 export * from "./drawer-container";
@@ -29,6 +31,7 @@ export * from "./option";
 export * from "./paginator";
 export * from "./progress-indicator";
 export * from "./radio-group";
+export * from "./search";
 export * from "./segmented-button";
 export * from "./select";
 export * from "./shape";

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

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

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

@@ -1,6 +1,6 @@
 import { EventName } from "@lit/react";
-import { M3eAutocompleteElement, QueryEventDetail } from "@m3e/web/autocomplete";
-export type { M3eAutocompleteElement, AutocompleteFilterMode, QueryEventDetail } from "@m3e/web/autocomplete";
+import { M3eAutocompleteElement, AutocompleteQueryEventDetail } from "@m3e/web/autocomplete";
+export type { M3eAutocompleteElement, AutocompleteFilterMode, AutocompleteQueryEventDetail, QueryEventDetail, } from "@m3e/web/autocomplete";
 /**
  * React binding for the `m3e-autocomplete` Web Component from `@m3e/web/autocomplete`.
  *
@@ -15,7 +15,8 @@ export type { M3eAutocompleteElement, AutocompleteFilterMode, QueryEventDetail }
  * styling, accessibility, and supported events.
  */
 export declare const M3eAutocomplete: import("@lit/react").ReactWebComponent<M3eAutocompleteElement, {
+    onChange: string;
     onToggle: string;
-    onQuery: EventName<CustomEvent<QueryEventDetail>>;
+    onQuery: EventName<CustomEvent<AutocompleteQueryEventDetail>>;
 }>;
 //# sourceMappingURL=Autocomplete.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/Autocomplete.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACjF,YAAY,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9G;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;;aAMJ,SAAS,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;EAE9D,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/Autocomplete.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAE7F,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,4BAA4B,EAC5B,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAE/B;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;;;aAOJ,SAAS,CAAC,WAAW,CAAC,4BAA4B,CAAC,CAAC;EAE1E,CAAC"}

package/dist/src/calendar/Calendar.d.ts

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

package/dist/src/calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/Calendar.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1E;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW;;EAOtB,CAAC"}

package/dist/src/calendar/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Calendar";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/src/datepicker/Datepicker.d.ts

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

package/dist/src/datepicker/Datepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Datepicker.d.ts","sourceRoot":"","sources":["../../../src/datepicker/Datepicker.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEnF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa;;EAOxB,CAAC"}

package/dist/src/datepicker/DatepickerToggle.d.ts

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

package/dist/src/datepicker/DatepickerToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatepickerToggle.d.ts","sourceRoot":"","sources":["../../../src/datepicker/DatepickerToggle.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAEtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,wEAI9B,CAAC"}

package/dist/src/datepicker/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Datepicker";
+export * from "./DatepickerToggle";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/datepicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/datepicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}

package/dist/src/paginator/Paginator.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from "@lit/react";
-import { M3ePaginatorElement, PageEventDetail } from "@m3e/web/paginator";
-export type { M3ePaginatorElement, PageEventDetail } from "@m3e/web/paginator";
+import { M3ePaginatorElement, PaginatorPageEventDetail } from "@m3e/web/paginator";
+export type { M3ePaginatorElement, PageEventDetail, PaginatorPageEventDetail } from "@m3e/web/paginator";
 /**
  * React binding for the `m3e-paginator` Web Component from `@m3e/web/paginator`.
  *
@@ -15,6 +15,6 @@ export type { M3ePaginatorElement, PageEventDetail } from "@m3e/web/paginator";
  * accessibility, and supported events.
  */
 export declare const M3ePaginator: import("@lit/react").ReactWebComponent<M3ePaginatorElement, {
-    onPage: EventName<CustomEvent<PageEventDetail>>;
+    onPage: EventName<CustomEvent<PaginatorPageEventDetail>>;
 }>;
 //# sourceMappingURL=Paginator.d.ts.map

package/dist/src/paginator/Paginator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paginator.d.ts","sourceRoot":"","sources":["../../../src/paginator/Paginator.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1E,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE/E;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY;YAKH,SAAS,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;EAE3D,CAAC"}
+{"version":3,"file":"Paginator.d.ts","sourceRoot":"","sources":["../../../src/paginator/Paginator.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AACnF,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAEzG;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY;YAKH,SAAS,CAAC,WAAW,CAAC,wBAAwB,CAAC,CAAC;EAEpE,CAAC"}

package/dist/src/search/SearchBar.d.ts

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

package/dist/src/search/SearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/search/SearchBar.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY;;EAOvB,CAAC"}

package/dist/src/search/SearchView.d.ts

@@ -0,0 +1,23 @@
+import { EventName } from "@lit/react";
+import { M3eSearchViewElement, SearchViewQueryEventDetail } from "@m3e/web/search";
+export type { M3eSearchViewElement, SearchViewMode, SearchViewQueryEventDetail } from "@m3e/web/search";
+/**
+ * React binding for the `m3e-search-view` Web Component from `@m3e/web/search`.
+ *
+ * This component renders the underlying `<m3e-search-view>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-search-view>` instance for imperative access.
+ *
+ * See the `m3e-search-view` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eSearchView: import("@lit/react").ReactWebComponent<M3eSearchViewElement, {
+    onClear: string;
+    onQuery: EventName<CustomEvent<SearchViewQueryEventDetail>>;
+    onBeforeToggle: string;
+    onToggle: string;
+}>;
+//# sourceMappingURL=SearchView.d.ts.map

package/dist/src/search/SearchView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchView.d.ts","sourceRoot":"","sources":["../../../src/search/SearchView.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AACnF,YAAY,EAAE,oBAAoB,EAAE,cAAc,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAExG;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa;;aAMF,SAAS,CAAC,WAAW,CAAC,0BAA0B,CAAC,CAAC;;;EAIxE,CAAC"}

package/dist/src/search/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SearchBar";
+export * from "./SearchView";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/search/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/search/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3e/react",
-  "version": "2.1.3",
+  "version": "2.2.1",
   "description": "React bindings for M3E Web Components",
   "author": "matraic <matraic@yahoo.com>",
   "license": "MIT",
@@ -43,6 +43,10 @@
       "types": "./dist/src/button-group/index.d.ts",
       "default": "./dist/button-group.js"
     },
+    "./calendar": {
+      "types": "./dist/src/calendar/index.d.ts",
+      "default": "./dist/calendar.js"
+    },
     "./card": {
       "types": "./dist/src/card/index.d.ts",
       "default": "./dist/card.js"
@@ -59,6 +63,10 @@
       "types": "./dist/src/core/index.d.ts",
       "default": "./dist/core.js"
     },
+    "./datepicker": {
+      "types": "./dist/src/datepicker/index.d.ts",
+      "default": "./dist/datepicker.js"
+    },
     "./dialog": {
       "types": "./dist/src/dialog/index.d.ts",
       "default": "./dist/dialog.js"
@@ -139,6 +147,10 @@
       "types": "./dist/src/radio-group/index.d.ts",
       "default": "./dist/radio-group.js"
     },
+    "./search": {
+      "types": "./dist/src/search/index.d.ts",
+      "default": "./dist/search.js"
+    },
     "./segmented-button": {
       "types": "./dist/src/segmented-button/index.d.ts",
       "default": "./dist/segmented-button.js"
@@ -212,7 +224,7 @@
   },
   "peerDependencies": {
     "@lit/react": "^1.0.8",
-    "@m3e/web": "^2.1.3",
+    "@m3e/web": "^2.2.1",
     "lit": "^3.3.0",
     "react": ">=18"
   }