@m3e/react 2.1.1 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/dist/all.js +487 -488
  2. package/dist/all.js.map +1 -1
  3. package/dist/app-bar.js +3 -4
  4. package/dist/app-bar.js.map +1 -1
  5. package/dist/autocomplete.js +7 -8
  6. package/dist/autocomplete.js.map +1 -1
  7. package/dist/avatar.js +3 -4
  8. package/dist/avatar.js.map +1 -1
  9. package/dist/badge.js +3 -4
  10. package/dist/badge.js.map +1 -1
  11. package/dist/bottom-sheet.js +16 -17
  12. package/dist/bottom-sheet.js.map +1 -1
  13. package/dist/button-group.js +3 -4
  14. package/dist/button-group.js.map +1 -1
  15. package/dist/button.js +8 -9
  16. package/dist/button.js.map +1 -1
  17. package/dist/card.js +6 -7
  18. package/dist/card.js.map +1 -1
  19. package/dist/checkbox.js +9 -10
  20. package/dist/checkbox.js.map +1 -1
  21. package/dist/chips.js +46 -47
  22. package/dist/chips.js.map +1 -1
  23. package/dist/core.js +39 -40
  24. package/dist/core.js.map +1 -1
  25. package/dist/dialog.js +16 -17
  26. package/dist/dialog.js.map +1 -1
  27. package/dist/divider.js +3 -4
  28. package/dist/divider.js.map +1 -1
  29. package/dist/drawer-container.js +9 -10
  30. package/dist/drawer-container.js.map +1 -1
  31. package/dist/expansion-panel.js +12 -13
  32. package/dist/expansion-panel.js.map +1 -1
  33. package/dist/fab-menu.js +16 -17
  34. package/dist/fab-menu.js.map +1 -1
  35. package/dist/fab.js +6 -7
  36. package/dist/fab.js.map +1 -1
  37. package/dist/form-field.js +3 -4
  38. package/dist/form-field.js.map +1 -1
  39. package/dist/heading.js +3 -4
  40. package/dist/heading.js.map +1 -1
  41. package/dist/icon-button.js +8 -9
  42. package/dist/icon-button.js.map +1 -1
  43. package/dist/icon.js +3 -4
  44. package/dist/icon.js.map +1 -1
  45. package/dist/index.js +0 -1
  46. package/dist/index.js.map +1 -1
  47. package/dist/index.min.js +7 -0
  48. package/dist/index.min.js.map +1 -0
  49. package/dist/list.js +39 -40
  50. package/dist/list.js.map +1 -1
  51. package/dist/loading-indicator.js +3 -4
  52. package/dist/loading-indicator.js.map +1 -1
  53. package/dist/menu.js +31 -32
  54. package/dist/menu.js.map +1 -1
  55. package/dist/nav-bar.js +14 -15
  56. package/dist/nav-bar.js.map +1 -1
  57. package/dist/nav-menu.js +16 -17
  58. package/dist/nav-menu.js.map +1 -1
  59. package/dist/nav-rail.js +9 -10
  60. package/dist/nav-rail.js.map +1 -1
  61. package/dist/option.js +6 -7
  62. package/dist/option.js.map +1 -1
  63. package/dist/paginator.js +6 -7
  64. package/dist/paginator.js.map +1 -1
  65. package/dist/progress-indicator.js +6 -7
  66. package/dist/progress-indicator.js.map +1 -1
  67. package/dist/radio-group.js +14 -15
  68. package/dist/radio-group.js.map +1 -1
  69. package/dist/segmented-button.js +15 -16
  70. package/dist/segmented-button.js.map +1 -1
  71. package/dist/select.js +7 -8
  72. package/dist/select.js.map +1 -1
  73. package/dist/shape.js +3 -4
  74. package/dist/shape.js.map +1 -1
  75. package/dist/slide-group.js +3 -4
  76. package/dist/slide-group.js.map +1 -1
  77. package/dist/slider.js +11 -12
  78. package/dist/slider.js.map +1 -1
  79. package/dist/snackbar.js +0 -1
  80. package/dist/snackbar.js.map +1 -1
  81. package/dist/split-button.js +3 -4
  82. package/dist/split-button.js.map +1 -1
  83. package/dist/stepper.js +26 -27
  84. package/dist/stepper.js.map +1 -1
  85. package/dist/switch.js +8 -9
  86. package/dist/switch.js.map +1 -1
  87. package/dist/tabs.js +17 -18
  88. package/dist/tabs.js.map +1 -1
  89. package/dist/textarea-autosize.js +3 -4
  90. package/dist/textarea-autosize.js.map +1 -1
  91. package/dist/theme.js +6 -7
  92. package/dist/theme.js.map +1 -1
  93. package/dist/toc.js +3 -4
  94. package/dist/toc.js.map +1 -1
  95. package/dist/toolbar.js +3 -4
  96. package/dist/toolbar.js.map +1 -1
  97. package/dist/tooltip.js +13 -14
  98. package/dist/tooltip.js.map +1 -1
  99. package/package.json +2 -2
package/dist/app-bar.js CHANGED
@@ -3,7 +3,6 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
-
7
6
  import React from 'react';
8
7
  import { createComponent } from '@lit/react';
9
8
  import { M3eAppBarElement } from '@m3e/web/app-bar';
@@ -22,9 +21,9 @@ import { M3eAppBarElement } from '@m3e/web/app-bar';
22
21
  * styling, accessibility, and supported events.
23
22
  */
24
23
  const M3eAppBar = createComponent({
25
- tagName: "m3e-app-bar",
26
- elementClass: M3eAppBarElement,
27
- react: React,
24
+ tagName: "m3e-app-bar",
25
+ elementClass: M3eAppBarElement,
26
+ react: React
28
27
  });
29
28
 
30
29
  export { M3eAppBar };
@@ -1 +1 @@
1
- {"version":3,"file":"app-bar.js","sources":["../../src/app-bar/AppBar.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eAppBarElement } from \"@m3e/web/app-bar\";\r\nexport type { AppBarSize, M3eAppBarElement } from \"@m3e/web/app-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-app-bar` Web Component from `@m3e/web/app-bar`.\r\n *\r\n * This component renders the underlying `<m3e-app-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-app-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-app-bar` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eAppBar = createComponent({\r\n tagName: \"m3e-app-bar\",\r\n elementClass: M3eAppBarElement,\r\n react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG,eAAe,CAAC;AACvC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
1
+ {"version":3,"file":"app-bar.js","sources":["../../src/app-bar/AppBar.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eAppBarElement } from \"@m3e/web/app-bar\";\r\nexport type { AppBarSize, M3eAppBarElement } from \"@m3e/web/app-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-app-bar` Web Component from `@m3e/web/app-bar`.\r\n *\r\n * This component renders the underlying `<m3e-app-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-app-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-app-bar` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eAppBar = createComponent({\r\n tagName: \"m3e-app-bar\",\r\n elementClass: M3eAppBarElement,\r\n react: React,\r\n});\r\n"],"names":["M3eAppBar","createComponent","tagName","elementClass","M3eAppBarElement","react","React"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,SAAS,GAAGC,eAAe,CAAC;AACvCC,EAAAA,OAAO,EAAE,aAAa;AACtBC,EAAAA,YAAY,EAAEC,gBAAgB;AAC9BC,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}
@@ -3,7 +3,6 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
-
7
6
  import React from 'react';
8
7
  import { createComponent } from '@lit/react';
9
8
  import { M3eAutocompleteElement } from '@m3e/web/autocomplete';
@@ -22,13 +21,13 @@ import { M3eAutocompleteElement } from '@m3e/web/autocomplete';
22
21
  * styling, accessibility, and supported events.
23
22
  */
24
23
  const M3eAutocomplete = createComponent({
25
- tagName: "m3e-autocomplete",
26
- elementClass: M3eAutocompleteElement,
27
- react: React,
28
- events: {
29
- onToggle: "toggle",
30
- onQuery: "query",
31
- },
24
+ tagName: "m3e-autocomplete",
25
+ elementClass: M3eAutocompleteElement,
26
+ react: React,
27
+ events: {
28
+ onToggle: "toggle",
29
+ onQuery: "query"
30
+ }
32
31
  });
33
32
 
34
33
  export { M3eAutocomplete };
@@ -1 +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":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,eAAe,GAAG,eAAe,CAAC;AAC7C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,sBAAsB;AACpC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAmD;AAC7D,KAAA;AACF,CAAA;;;;"}
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;;;;"}
package/dist/avatar.js CHANGED
@@ -3,7 +3,6 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
-
7
6
  import React from 'react';
8
7
  import { createComponent } from '@lit/react';
9
8
  import { M3eAvatarElement } from '@m3e/web/avatar';
@@ -22,9 +21,9 @@ import { M3eAvatarElement } from '@m3e/web/avatar';
22
21
  * styling, accessibility, and supported events.
23
22
  */
24
23
  const M3eAvatar = createComponent({
25
- tagName: "m3e-avatar",
26
- elementClass: M3eAvatarElement,
27
- react: React,
24
+ tagName: "m3e-avatar",
25
+ elementClass: M3eAvatarElement,
26
+ react: React
28
27
  });
29
28
 
30
29
  export { M3eAvatar };
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.js","sources":["../../src/avatar/Avatar.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eAvatarElement } from \"@m3e/web/avatar\";\r\nexport type { M3eAvatarElement } from \"@m3e/web/avatar\";\r\n/**\r\n * React binding for the `m3e-avatar` Web Component from `@m3e/web/avatar`.\r\n *\r\n * This component renders the underlying `<m3e-avatar>` 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-avatar>` instance for imperative access.\r\n *\r\n * See the `m3e-avatar` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eAvatar = createComponent({\r\n tagName: \"m3e-avatar\",\r\n elementClass: M3eAvatarElement,\r\n react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAKA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG,eAAe,CAAC;AACvC,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
1
+ {"version":3,"file":"avatar.js","sources":["../../src/avatar/Avatar.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eAvatarElement } from \"@m3e/web/avatar\";\r\nexport type { M3eAvatarElement } from \"@m3e/web/avatar\";\r\n/**\r\n * React binding for the `m3e-avatar` Web Component from `@m3e/web/avatar`.\r\n *\r\n * This component renders the underlying `<m3e-avatar>` 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-avatar>` instance for imperative access.\r\n *\r\n * See the `m3e-avatar` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eAvatar = createComponent({\r\n tagName: \"m3e-avatar\",\r\n elementClass: M3eAvatarElement,\r\n react: React,\r\n});\r\n"],"names":["M3eAvatar","createComponent","tagName","elementClass","M3eAvatarElement","react","React"],"mappings":";;;;;;;;;AAKA;;;;;;;;;;;;AAYG;AACI,MAAMA,SAAS,GAAGC,eAAe,CAAC;AACvCC,EAAAA,OAAO,EAAE,YAAY;AACrBC,EAAAA,YAAY,EAAEC,gBAAgB;AAC9BC,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}
package/dist/badge.js CHANGED
@@ -3,7 +3,6 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
-
7
6
  import React from 'react';
8
7
  import { createComponent } from '@lit/react';
9
8
  import { M3eBadgeElement } from '@m3e/web/badge';
@@ -22,9 +21,9 @@ import { M3eBadgeElement } from '@m3e/web/badge';
22
21
  * styling, accessibility, and supported events.
23
22
  */
24
23
  const M3eBadge = createComponent({
25
- tagName: "m3e-badge",
26
- elementClass: M3eBadgeElement,
27
- react: React,
24
+ tagName: "m3e-badge",
25
+ elementClass: M3eBadgeElement,
26
+ react: React
28
27
  });
29
28
 
30
29
  export { M3eBadge };
package/dist/badge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"badge.js","sources":["../../src/badge/Badge.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eBadgeElement } from \"@m3e/web/badge\";\r\nexport type { BadgeSize, BadgePosition, M3eBadgeElement } from \"@m3e/web/badge\";\r\n\r\n/**\r\n * React binding for the `m3e-badge` Web Component from `@m3e/web/badge`.\r\n *\r\n * This component renders the underlying `<m3e-badge>` 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-badge>` instance for imperative access.\r\n *\r\n * See the `m3e-badge` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eBadge = createComponent({\r\n tagName: \"m3e-badge\",\r\n elementClass: M3eBadgeElement,\r\n react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,QAAQ,GAAG,eAAe,CAAC;AACtC,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,YAAY,EAAE,eAAe;AAC7B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
1
+ {"version":3,"file":"badge.js","sources":["../../src/badge/Badge.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eBadgeElement } from \"@m3e/web/badge\";\r\nexport type { BadgeSize, BadgePosition, M3eBadgeElement } from \"@m3e/web/badge\";\r\n\r\n/**\r\n * React binding for the `m3e-badge` Web Component from `@m3e/web/badge`.\r\n *\r\n * This component renders the underlying `<m3e-badge>` 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-badge>` instance for imperative access.\r\n *\r\n * See the `m3e-badge` documentation for full details on behavior,\r\n * styling, accessibility, and supported events.\r\n */\r\nexport const M3eBadge = createComponent({\r\n tagName: \"m3e-badge\",\r\n elementClass: M3eBadgeElement,\r\n react: React,\r\n});\r\n"],"names":["M3eBadge","createComponent","tagName","elementClass","M3eBadgeElement","react","React"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,QAAQ,GAAGC,eAAe,CAAC;AACtCC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,YAAY,EAAEC,eAAe;AAC7BC,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}
@@ -3,7 +3,6 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
-
7
6
  import React from 'react';
8
7
  import { createComponent } from '@lit/react';
9
8
  import { M3eBottomSheetElement, M3eBottomSheetActionElement, M3eBottomSheetTriggerElement } from '@m3e/web/bottom-sheet';
@@ -22,16 +21,16 @@ import { M3eBottomSheetElement, M3eBottomSheetActionElement, M3eBottomSheetTrigg
22
21
  * accessibility, and supported events.
23
22
  */
24
23
  const M3eBottomSheet = createComponent({
25
- tagName: "m3e-bottom-sheet",
26
- elementClass: M3eBottomSheetElement,
27
- react: React,
28
- events: {
29
- onOpening: "opening",
30
- onOpened: "opened",
31
- onClosing: "closing",
32
- onClosed: "closed",
33
- onCancel: "cancel",
34
- },
24
+ tagName: "m3e-bottom-sheet",
25
+ elementClass: M3eBottomSheetElement,
26
+ react: React,
27
+ events: {
28
+ onOpening: "opening",
29
+ onOpened: "opened",
30
+ onClosing: "closing",
31
+ onClosed: "closed",
32
+ onCancel: "cancel"
33
+ }
35
34
  });
36
35
 
37
36
  /**
@@ -48,9 +47,9 @@ const M3eBottomSheet = createComponent({
48
47
  * accessibility, and supported events.
49
48
  */
50
49
  const M3eBottomSheetAction = createComponent({
51
- tagName: "m3e-bottom-sheet-action",
52
- elementClass: M3eBottomSheetActionElement,
53
- react: React,
50
+ tagName: "m3e-bottom-sheet-action",
51
+ elementClass: M3eBottomSheetActionElement,
52
+ react: React
54
53
  });
55
54
 
56
55
  /**
@@ -67,9 +66,9 @@ const M3eBottomSheetAction = createComponent({
67
66
  * accessibility, and supported events.
68
67
  */
69
68
  const M3eBottomSheetTrigger = createComponent({
70
- tagName: "m3e-bottom-sheet-trigger",
71
- elementClass: M3eBottomSheetTriggerElement,
72
- react: React,
69
+ tagName: "m3e-bottom-sheet-trigger",
70
+ elementClass: M3eBottomSheetTriggerElement,
71
+ react: React
73
72
  });
74
73
 
75
74
  export { M3eBottomSheet, M3eBottomSheetAction, M3eBottomSheetTrigger };
@@ -1 +1 @@
1
- {"version":3,"file":"bottom-sheet.js","sources":["../../src/bottom-sheet/BottomSheet.ts","../../src/bottom-sheet/BottomSheetAction.ts","../../src/bottom-sheet/BottomSheetTrigger.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eBottomSheetElement } from \"@m3e/web/bottom-sheet\";\r\nexport type { M3eBottomSheetElement } from \"@m3e/web/bottom-sheet\";\r\n/**\r\n * React binding for the `m3e-bottom-sheet` Web Component from `@m3e/web/bottom-sheet`.\r\n *\r\n * This component renders the underlying `<m3e-bottom-sheet>` 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-bottom-sheet>` instance for imperative access.\r\n *\r\n * See the `m3e-bottom-sheet` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eBottomSheet = createComponent({\r\n tagName: \"m3e-bottom-sheet\",\r\n elementClass: M3eBottomSheetElement,\r\n react: React,\r\n events: {\r\n onOpening: \"opening\",\r\n onOpened: \"opened\",\r\n onClosing: \"closing\",\r\n onClosed: \"closed\",\r\n onCancel: \"cancel\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eBottomSheetActionElement } from \"@m3e/web/bottom-sheet\";\r\nexport type { M3eBottomSheetActionElement } from \"@m3e/web/bottom-sheet\";\r\n\r\n/**\r\n * React binding for the `m3e-bottom-sheet-action` Web Component from `@m3e/web/bottom-sheet`.\r\n *\r\n * This component renders the underlying `<m3e-bottom-sheet-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-bottom-sheet-action>` instance for imperative access.\r\n *\r\n * See the `m3e-bottom-sheet-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eBottomSheetAction = createComponent({\r\n tagName: \"m3e-bottom-sheet-action\",\r\n elementClass: M3eBottomSheetActionElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eBottomSheetTriggerElement } from \"@m3e/web/bottom-sheet\";\r\nexport type { M3eBottomSheetTriggerElement } from \"@m3e/web/bottom-sheet\";\r\n\r\n/**\r\n * React binding for the `m3e-bottom-sheet-trigger` Web Component from `@m3e/web/bottom-sheet`.\r\n *\r\n * This component renders the underlying `<m3e-bottom-sheet-trigger>` 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-bottom-sheet-trigger>` instance for imperative access.\r\n *\r\n * See the `m3e-bottom-sheet-trigger` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eBottomSheetTrigger = createComponent({\r\n tagName: \"m3e-bottom-sheet-trigger\",\r\n elementClass: M3eBottomSheetTriggerElement,\r\n react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;AAKA;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAM,oBAAoB,GAAG,eAAe,CAAC;AAClD,IAAA,OAAO,EAAE,yBAAyB;AAClC,IAAA,YAAY,EAAE,2BAA2B;AACzC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,qBAAqB,GAAG,eAAe,CAAC;AACnD,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,YAAY,EAAE,4BAA4B;AAC1C,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
1
+ {"version":3,"file":"bottom-sheet.js","sources":["../../src/bottom-sheet/BottomSheet.ts","../../src/bottom-sheet/BottomSheetAction.ts","../../src/bottom-sheet/BottomSheetTrigger.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eBottomSheetElement } from \"@m3e/web/bottom-sheet\";\r\nexport type { M3eBottomSheetElement } from \"@m3e/web/bottom-sheet\";\r\n/**\r\n * React binding for the `m3e-bottom-sheet` Web Component from `@m3e/web/bottom-sheet`.\r\n *\r\n * This component renders the underlying `<m3e-bottom-sheet>` 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-bottom-sheet>` instance for imperative access.\r\n *\r\n * See the `m3e-bottom-sheet` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eBottomSheet = createComponent({\r\n tagName: \"m3e-bottom-sheet\",\r\n elementClass: M3eBottomSheetElement,\r\n react: React,\r\n events: {\r\n onOpening: \"opening\",\r\n onOpened: \"opened\",\r\n onClosing: \"closing\",\r\n onClosed: \"closed\",\r\n onCancel: \"cancel\",\r\n },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eBottomSheetActionElement } from \"@m3e/web/bottom-sheet\";\r\nexport type { M3eBottomSheetActionElement } from \"@m3e/web/bottom-sheet\";\r\n\r\n/**\r\n * React binding for the `m3e-bottom-sheet-action` Web Component from `@m3e/web/bottom-sheet`.\r\n *\r\n * This component renders the underlying `<m3e-bottom-sheet-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-bottom-sheet-action>` instance for imperative access.\r\n *\r\n * See the `m3e-bottom-sheet-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eBottomSheetAction = createComponent({\r\n tagName: \"m3e-bottom-sheet-action\",\r\n elementClass: M3eBottomSheetActionElement,\r\n react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eBottomSheetTriggerElement } from \"@m3e/web/bottom-sheet\";\r\nexport type { M3eBottomSheetTriggerElement } from \"@m3e/web/bottom-sheet\";\r\n\r\n/**\r\n * React binding for the `m3e-bottom-sheet-trigger` Web Component from `@m3e/web/bottom-sheet`.\r\n *\r\n * This component renders the underlying `<m3e-bottom-sheet-trigger>` 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-bottom-sheet-trigger>` instance for imperative access.\r\n *\r\n * See the `m3e-bottom-sheet-trigger` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eBottomSheetTrigger = createComponent({\r\n tagName: \"m3e-bottom-sheet-trigger\",\r\n elementClass: M3eBottomSheetTriggerElement,\r\n react: React,\r\n});\r\n"],"names":["M3eBottomSheet","createComponent","tagName","elementClass","M3eBottomSheetElement","react","React","events","onOpening","onOpened","onClosing","onClosed","onCancel","M3eBottomSheetAction","M3eBottomSheetActionElement","M3eBottomSheetTrigger","M3eBottomSheetTriggerElement"],"mappings":";;;;;;;;;AAKA;;;;;;;;;;;;AAYG;AACI,MAAMA,cAAc,GAAGC,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,YAAY,EAAEC,qBAAqB;AACnCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAMC,oBAAoB,GAAGZ,eAAe,CAAC;AAClDC,EAAAA,OAAO,EAAE,yBAAyB;AAClCC,EAAAA,YAAY,EAAEW,2BAA2B;AACzCT,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMS,qBAAqB,GAAGd,eAAe,CAAC;AACnDC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,YAAY,EAAEa,4BAA4B;AAC1CX,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}
@@ -3,7 +3,6 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
-
7
6
  import React from 'react';
8
7
  import { createComponent } from '@lit/react';
9
8
  import { M3eButtonGroupElement } from '@m3e/web/button-group';
@@ -22,9 +21,9 @@ import { M3eButtonGroupElement } from '@m3e/web/button-group';
22
21
  * styling, accessibility, and supported events.
23
22
  */
24
23
  const M3eButtonGroup = createComponent({
25
- tagName: "m3e-button-group",
26
- elementClass: M3eButtonGroupElement,
27
- react: React,
24
+ tagName: "m3e-button-group",
25
+ elementClass: M3eButtonGroupElement,
26
+ react: React
28
27
  });
29
28
 
30
29
  export { M3eButtonGroup };
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.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":[],"mappings":";;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
1
+ {"version":3,"file":"button-group.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":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,cAAc,GAAGC,eAAe,CAAC;AAC5CC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,YAAY,EAAEC,qBAAqB;AACnCC,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}
package/dist/button.js CHANGED
@@ -3,7 +3,6 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
-
7
6
  import React from 'react';
8
7
  import { createComponent } from '@lit/react';
9
8
  import { M3eButtonElement } from '@m3e/web/button';
@@ -22,14 +21,14 @@ import { M3eButtonElement } from '@m3e/web/button';
22
21
  * styling, accessibility, and supported events.
23
22
  */
24
23
  const M3eButton = createComponent({
25
- tagName: "m3e-button",
26
- elementClass: M3eButtonElement,
27
- react: React,
28
- events: {
29
- onInput: "input",
30
- onChange: "change",
31
- onClick: "click",
32
- },
24
+ tagName: "m3e-button",
25
+ elementClass: M3eButtonElement,
26
+ react: React,
27
+ events: {
28
+ onInput: "input",
29
+ onChange: "change",
30
+ onClick: "click"
31
+ }
33
32
  });
34
33
 
35
34
  export { M3eButton };
@@ -1 +1 @@
1
- {"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;;;;"}
1
+ {"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":["M3eButton","createComponent","tagName","elementClass","M3eButtonElement","react","React","events","onInput","onChange","onClick"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,SAAS,GAAGC,eAAe,CAAC;AACvCC,EAAAA,OAAO,EAAE,YAAY;AACrBC,EAAAA,YAAY,EAAEC,gBAAgB;AAC9BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
package/dist/card.js CHANGED
@@ -3,7 +3,6 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
-
7
6
  import React from 'react';
8
7
  import { createComponent } from '@lit/react';
9
8
  import { M3eCardElement } from '@m3e/web/card';
@@ -22,12 +21,12 @@ import { M3eCardElement } from '@m3e/web/card';
22
21
  * styling, accessibility, and supported events.
23
22
  */
24
23
  const M3eCard = createComponent({
25
- tagName: "m3e-card",
26
- elementClass: M3eCardElement,
27
- react: React,
28
- events: {
29
- onClick: "click",
30
- },
24
+ tagName: "m3e-card",
25
+ elementClass: M3eCardElement,
26
+ react: React,
27
+ events: {
28
+ onClick: "click"
29
+ }
31
30
  });
32
31
 
33
32
  export { M3eCard };
package/dist/card.js.map CHANGED
@@ -1 +1 @@
1
- {"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;;;;"}
1
+ {"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":["M3eCard","createComponent","tagName","elementClass","M3eCardElement","react","React","events","onClick"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,OAAO,GAAGC,eAAe,CAAC;AACrCC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,YAAY,EAAEC,cAAc;AAC5BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
package/dist/checkbox.js CHANGED
@@ -3,7 +3,6 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
-
7
6
  import React from 'react';
8
7
  import { createComponent } from '@lit/react';
9
8
  import { M3eCheckboxElement } from '@m3e/web/checkbox';
@@ -22,15 +21,15 @@ import { M3eCheckboxElement } from '@m3e/web/checkbox';
22
21
  * styling, accessibility, and supported events.
23
22
  */
24
23
  const M3eCheckbox = createComponent({
25
- tagName: "m3e-checkbox",
26
- elementClass: M3eCheckboxElement,
27
- react: React,
28
- events: {
29
- onInput: "input",
30
- onInvalid: "invalid",
31
- onChange: "change",
32
- onClick: "click",
33
- },
24
+ tagName: "m3e-checkbox",
25
+ elementClass: M3eCheckboxElement,
26
+ react: React,
27
+ events: {
28
+ onInput: "input",
29
+ onInvalid: "invalid",
30
+ onChange: "change",
31
+ onClick: "click"
32
+ }
34
33
  });
35
34
 
36
35
  export { M3eCheckbox };
@@ -1 +1 @@
1
- {"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;;;;"}
1
+ {"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":["M3eCheckbox","createComponent","tagName","elementClass","M3eCheckboxElement","react","React","events","onInput","onInvalid","onChange","onClick"],"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,OAAO,EAAE,OAAO;AAChBC,IAAAA,SAAS,EAAE,SAAS;AACpBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}
package/dist/chips.js CHANGED
@@ -3,7 +3,6 @@
3
3
  * Copyright (c) 2025 matraic
4
4
  * See LICENSE file in the project root for full license text.
5
5
  */
6
-
7
6
  import React from 'react';
8
7
  import { createComponent } from '@lit/react';
9
8
  import { M3eAssistChipElement, M3eChipElement, M3eChipSetElement, M3eFilterChipElement, M3eFilterChipSetElement, M3eInputChipElement, M3eInputChipSetElement, M3eSuggestionChipElement } from '@m3e/web/chips';
@@ -22,12 +21,12 @@ import { M3eAssistChipElement, M3eChipElement, M3eChipSetElement, M3eFilterChipE
22
21
  * accessibility, and supported events.
23
22
  */
24
23
  const M3eAssistChip = createComponent({
25
- tagName: "m3e-assist-chip",
26
- elementClass: M3eAssistChipElement,
27
- react: React,
28
- events: {
29
- onClick: "click",
30
- },
24
+ tagName: "m3e-assist-chip",
25
+ elementClass: M3eAssistChipElement,
26
+ react: React,
27
+ events: {
28
+ onClick: "click"
29
+ }
31
30
  });
32
31
 
33
32
  /**
@@ -44,9 +43,9 @@ const M3eAssistChip = createComponent({
44
43
  * accessibility, and supported events.
45
44
  */
46
45
  const M3eChip = createComponent({
47
- tagName: "m3e-chip",
48
- elementClass: M3eChipElement,
49
- react: React,
46
+ tagName: "m3e-chip",
47
+ elementClass: M3eChipElement,
48
+ react: React
50
49
  });
51
50
 
52
51
  /**
@@ -63,9 +62,9 @@ const M3eChip = createComponent({
63
62
  * accessibility, and supported events.
64
63
  */
65
64
  const M3eChipSet = createComponent({
66
- tagName: "m3e-chip-set",
67
- elementClass: M3eChipSetElement,
68
- react: React,
65
+ tagName: "m3e-chip-set",
66
+ elementClass: M3eChipSetElement,
67
+ react: React
69
68
  });
70
69
 
71
70
  /**
@@ -82,14 +81,14 @@ const M3eChipSet = createComponent({
82
81
  * accessibility, and supported events.
83
82
  */
84
83
  const M3eFilterChip = createComponent({
85
- tagName: "m3e-filter-chip",
86
- elementClass: M3eFilterChipElement,
87
- react: React,
88
- events: {
89
- onInput: "input",
90
- onChange: "change",
91
- onClick: "click",
92
- },
84
+ tagName: "m3e-filter-chip",
85
+ elementClass: M3eFilterChipElement,
86
+ react: React,
87
+ events: {
88
+ onInput: "input",
89
+ onChange: "change",
90
+ onClick: "click"
91
+ }
93
92
  });
94
93
 
95
94
  /**
@@ -106,13 +105,13 @@ const M3eFilterChip = createComponent({
106
105
  * accessibility, and supported events.
107
106
  */
108
107
  const M3eFilterChipSet = createComponent({
109
- tagName: "m3e-filter-chip-set",
110
- elementClass: M3eFilterChipSetElement,
111
- react: React,
112
- events: {
113
- onInput: "input",
114
- onChange: "change",
115
- },
108
+ tagName: "m3e-filter-chip-set",
109
+ elementClass: M3eFilterChipSetElement,
110
+ react: React,
111
+ events: {
112
+ onInput: "input",
113
+ onChange: "change"
114
+ }
116
115
  });
117
116
 
118
117
  /**
@@ -129,13 +128,13 @@ const M3eFilterChipSet = createComponent({
129
128
  * accessibility, and supported events.
130
129
  */
131
130
  const M3eInputChip = createComponent({
132
- tagName: "m3e-input-chip",
133
- elementClass: M3eInputChipElement,
134
- react: React,
135
- events: {
136
- onClick: "click",
137
- onRemove: "remove",
138
- },
131
+ tagName: "m3e-input-chip",
132
+ elementClass: M3eInputChipElement,
133
+ react: React,
134
+ events: {
135
+ onClick: "click",
136
+ onRemove: "remove"
137
+ }
139
138
  });
140
139
 
141
140
  /**
@@ -152,12 +151,12 @@ const M3eInputChip = createComponent({
152
151
  * accessibility, and supported events.
153
152
  */
154
153
  const M3eInputChipSet = createComponent({
155
- tagName: "m3e-input-chip-set",
156
- elementClass: M3eInputChipSetElement,
157
- react: React,
158
- events: {
159
- onChange: "change",
160
- },
154
+ tagName: "m3e-input-chip-set",
155
+ elementClass: M3eInputChipSetElement,
156
+ react: React,
157
+ events: {
158
+ onChange: "change"
159
+ }
161
160
  });
162
161
 
163
162
  /**
@@ -174,12 +173,12 @@ const M3eInputChipSet = createComponent({
174
173
  * accessibility, and supported events.
175
174
  */
176
175
  const M3eSuggestionChip = createComponent({
177
- tagName: "m3e-suggestion-chip",
178
- elementClass: M3eSuggestionChipElement,
179
- react: React,
180
- events: {
181
- onClick: "click",
182
- },
176
+ tagName: "m3e-suggestion-chip",
177
+ elementClass: M3eSuggestionChipElement,
178
+ react: React,
179
+ events: {
180
+ onClick: "click"
181
+ }
183
182
  });
184
183
 
185
184
  export { M3eAssistChip, M3eChip, M3eChipSet, M3eFilterChip, M3eFilterChipSet, M3eInputChip, M3eInputChipSet, M3eSuggestionChip };
package/dist/chips.js.map CHANGED
@@ -1 +1 @@
1
- {"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, EventName } from \"@lit/react\";\r\n\r\nimport { M3eInputChipSetElement, InputChipSetChangeEventDetail } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipSetElement, InputChipSetChangeEventDetail, InputChipSetChangeType } 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\" as EventName<CustomEvent<InputChipSetChangeEventDetail>>,\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,QAAiE;AAC5E,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;;;;"}
1
+ {"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, EventName } from \"@lit/react\";\r\n\r\nimport { M3eInputChipSetElement, InputChipSetChangeEventDetail } from \"@m3e/web/chips\";\r\nexport type { M3eInputChipSetElement, InputChipSetChangeEventDetail, InputChipSetChangeType } 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\" as EventName<CustomEvent<InputChipSetChangeEventDetail>>,\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":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,aAAa,GAAGC,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEC,oBAAoB;AAClCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMC,OAAO,GAAGR,eAAe,CAAC;AACrCC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,YAAY,EAAEO,cAAc;AAC5BL,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMK,UAAU,GAAGV,eAAe,CAAC;AACxCC,EAAAA,OAAO,EAAE,cAAc;AACvBC,EAAAA,YAAY,EAAES,iBAAiB;AAC/BP,EAAAA,KAAK,EAAEC;AACR,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAMO,aAAa,GAAGZ,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEW,oBAAoB;AAClCT,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNQ,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE,QAAQ;AAClBR,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAMS,gBAAgB,GAAGhB,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEe,uBAAuB;AACrCb,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNQ,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAMG,YAAY,GAAGlB,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEiB,mBAAmB;AACjCf,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,OAAO;AAChBa,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAMC,eAAe,GAAGrB,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,YAAY,EAAEoB,sBAAsB;AACpClB,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNS,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMQ,iBAAiB,GAAGvB,eAAe,CAAC;AAC/CC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,YAAY,EAAEsB,wBAAwB;AACtCpB,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE;AACV;AACF,CAAA;;;;"}