@m3e/react 2.5.10 → 2.5.12

package/dist/src/theme/Theme.d.ts

@@ -1,5 +1,5 @@
 import { M3eThemeElement } from "@m3e/web/theme";
-export type { ColorScheme, ContrastLevel, MotionScheme, M3eThemeElement } from "@m3e/web/theme";
+export type { ColorScheme, ContrastLevel, MotionScheme, M3eThemeElement, ThemeVariant } from "@m3e/web/theme";
 /**
  * React binding for the `m3e-theme` Web Component from `@m3e/web/theme`.
  *

package/dist/src/theme/Theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEhG;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ;;EAOnB,CAAC"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9G;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ;;EAOnB,CAAC"}

package/dist/src/theme/ThemeIcon.d.ts

@@ -0,0 +1,16 @@
+import { M3eThemeIconElement } from "@m3e/web/theme";
+/**
+ * React binding for the `m3e-theme-icon` Web Component from `@m3e/web/theme`.
+ *
+ * This component renders the underlying `<m3e-theme-icon>` 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-theme-icon>` instance for imperative access.
+ *
+ * See the `m3e-theme-icon` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eThemeIcon: import("@lit/react").ReactWebComponent<M3eThemeIconElement, {}>;
+//# sourceMappingURL=ThemeIcon.d.ts.map

package/dist/src/theme/ThemeIcon.d.ts.map

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

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

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

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

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

package/dist/theme.js

@@ -5,7 +5,7 @@
  */
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { M3eThemeElement } from '@m3e/web/theme';
+import { M3eThemeElement, M3eThemeIconElement } from '@m3e/web/theme';
 
 /**
  * React binding for the `m3e-theme` Web Component from `@m3e/web/theme`.
@@ -29,5 +29,24 @@ const M3eTheme = createComponent({
   }
 });
 
-export { M3eTheme };
+/**
+ * React binding for the `m3e-theme-icon` Web Component from `@m3e/web/theme`.
+ *
+ * This component renders the underlying `<m3e-theme-icon>` 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-theme-icon>` instance for imperative access.
+ *
+ * See the `m3e-theme-icon` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eThemeIcon = createComponent({
+  tagName: "m3e-theme-icon",
+  elementClass: M3eThemeIconElement,
+  react: React
+});
+
+export { M3eTheme, M3eThemeIcon };
 //# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../src/theme/Theme.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eThemeElement } from \"@m3e/web/theme\";\r\nexport type { ColorScheme, ContrastLevel, MotionScheme, M3eThemeElement } from \"@m3e/web/theme\";\r\n\r\n/**\r\n * React binding for the `m3e-theme` Web Component from `@m3e/web/theme`.\r\n *\r\n * This component renders the underlying `<m3e-theme>` 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-theme>` instance for imperative access.\r\n *\r\n * See the `m3e-theme` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTheme = createComponent({\r\n  tagName: \"m3e-theme\",\r\n  elementClass: M3eThemeElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eTheme","createComponent","tagName","elementClass","M3eThemeElement","react","React","events","onChange"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,QAAQ,GAAGC,eAAe,CAAC;AACtCC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,YAAY,EAAEC,eAAe;AAC7BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}
+{"version":3,"file":"theme.js","sources":["../../src/theme/Theme.ts","../../src/theme/ThemeIcon.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eThemeElement } from \"@m3e/web/theme\";\r\nexport type { ColorScheme, ContrastLevel, MotionScheme, M3eThemeElement, ThemeVariant } from \"@m3e/web/theme\";\r\n\r\n/**\r\n * React binding for the `m3e-theme` Web Component from `@m3e/web/theme`.\r\n *\r\n * This component renders the underlying `<m3e-theme>` 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-theme>` instance for imperative access.\r\n *\r\n * See the `m3e-theme` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTheme = createComponent({\r\n  tagName: \"m3e-theme\",\r\n  elementClass: M3eThemeElement,\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 { M3eThemeIconElement } from \"@m3e/web/theme\";\r\n\r\n/**\r\n * React binding for the `m3e-theme-icon` Web Component from `@m3e/web/theme`.\r\n *\r\n * This component renders the underlying `<m3e-theme-icon>` 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-theme-icon>` instance for imperative access.\r\n *\r\n * See the `m3e-theme-icon` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eThemeIcon = createComponent({\r\n  tagName: \"m3e-theme-icon\",\r\n  elementClass: M3eThemeIconElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eTheme","createComponent","tagName","elementClass","M3eThemeElement","react","React","events","onChange","M3eThemeIcon","M3eThemeIconElement"],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,QAAQ,GAAGC,eAAe,CAAC;AACtCC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,YAAY,EAAEC,eAAe;AAC7BC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAMC,YAAY,GAAGR,eAAe,CAAC;AAC1CC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,YAAY,EAAEO,mBAAmB;AACjCL,EAAAA,KAAK,EAAEC;AACR,CAAA;;;;"}

package/dist/theme.min.js

@@ -3,5 +3,5 @@
  * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
-import e from"react";import{createComponent as t}from"@lit/react";import{M3eThemeElement as m}from"@m3e/web/theme";const r=t({tagName:"m3e-theme",elementClass:m,react:e,events:{onChange:"change"}});export{r as M3eTheme};
+import e from"react";import{createComponent as t}from"@lit/react";import{M3eThemeElement as m,M3eThemeIconElement as a}from"@m3e/web/theme";const r=t({tagName:"m3e-theme",elementClass:m,react:e,events:{onChange:"change"}}),o=t({tagName:"m3e-theme-icon",elementClass:a,react:e});export{r as M3eTheme,o as M3eThemeIcon};
 //# sourceMappingURL=theme.min.js.map

package/dist/theme.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.min.js","sources":["../../src/theme/Theme.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eThemeElement } from \"@m3e/web/theme\";\r\nexport type { ColorScheme, ContrastLevel, MotionScheme, M3eThemeElement } from \"@m3e/web/theme\";\r\n\r\n/**\r\n * React binding for the `m3e-theme` Web Component from `@m3e/web/theme`.\r\n *\r\n * This component renders the underlying `<m3e-theme>` 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-theme>` instance for imperative access.\r\n *\r\n * See the `m3e-theme` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTheme = createComponent({\r\n  tagName: \"m3e-theme\",\r\n  elementClass: M3eThemeElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eTheme","createComponent","tagName","elementClass","M3eThemeElement","react","React","events","onChange"],"mappings":";;;;;mHAmBO,MAAMA,EAAWC,EAAgB,CACtCC,QAAS,YACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU"}
+{"version":3,"file":"theme.min.js","sources":["../../src/theme/Theme.ts","../../src/theme/ThemeIcon.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eThemeElement } from \"@m3e/web/theme\";\r\nexport type { ColorScheme, ContrastLevel, MotionScheme, M3eThemeElement, ThemeVariant } from \"@m3e/web/theme\";\r\n\r\n/**\r\n * React binding for the `m3e-theme` Web Component from `@m3e/web/theme`.\r\n *\r\n * This component renders the underlying `<m3e-theme>` 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-theme>` instance for imperative access.\r\n *\r\n * See the `m3e-theme` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTheme = createComponent({\r\n  tagName: \"m3e-theme\",\r\n  elementClass: M3eThemeElement,\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 { M3eThemeIconElement } from \"@m3e/web/theme\";\r\n\r\n/**\r\n * React binding for the `m3e-theme-icon` Web Component from `@m3e/web/theme`.\r\n *\r\n * This component renders the underlying `<m3e-theme-icon>` 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-theme-icon>` instance for imperative access.\r\n *\r\n * See the `m3e-theme-icon` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eThemeIcon = createComponent({\r\n  tagName: \"m3e-theme-icon\",\r\n  elementClass: M3eThemeIconElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eTheme","createComponent","tagName","elementClass","M3eThemeElement","react","React","events","onChange","M3eThemeIcon","M3eThemeIconElement"],"mappings":";;;;;4IAmBO,MAAMA,EAAWC,EAAgB,CACtCC,QAAS,YACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU,YCNDC,EAAeR,EAAgB,CAC1CC,QAAS,iBACTC,aAAcO,EACdL,MAAOC"}

package/package.json

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