@m3e/react 2.2.1 → 2.3.0

package/dist/skeleton.js

@@ -0,0 +1,30 @@
+/**
+ * @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 { M3eSkeletonElement } from '@m3e/web/skeleton';
+
+/**
+ * React binding for the `m3e-skeleton` Web Component from `@m3e/web/skeleton`.
+ *
+ * This component renders the underlying `<m3e-skeleton>` 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-skeleton>` instance for imperative access.
+ *
+ * See the `m3e-skeleton` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSkeleton = createComponent({
+  tagName: "m3e-skeleton",
+  elementClass: M3eSkeletonElement,
+  react: React
+});
+
+export { M3eSkeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/skeleton.js.map

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

package/dist/skeleton.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{M3eSkeletonElement as m}from"@m3e/web/skeleton";const o=t({tagName:"m3e-skeleton",elementClass:m,react:e});export{o as M3eSkeleton};
+//# sourceMappingURL=skeleton.min.js.map

package/dist/skeleton.min.js.map

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

package/dist/split-pane.js

@@ -0,0 +1,34 @@
+/**
+ * @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 { M3eSplitPaneElement } from '@m3e/web/split-pane';
+
+/**
+ * React binding for the `m3e-split-pane` Web Component from `@m3e/web/split-pane`.
+ *
+ * This component renders the underlying `<m3e-split-pane>` 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-split-pane>` instance for imperative access.
+ *
+ * See the `m3e-split-pane` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSplitPane = createComponent({
+  tagName: "m3e-split-pane",
+  elementClass: M3eSplitPaneElement,
+  react: React,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+
+export { M3eSplitPane };
+//# sourceMappingURL=split-pane.js.map

package/dist/split-pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-pane.js","sources":["../../src/split-pane/SplitPane.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSplitPaneElement } from \"@m3e/web/split-pane\";\r\nexport type { M3eSplitPaneElement, SplitPaneOrientation } from \"@m3e/web/split-pane\";\r\n\r\n/**\r\n * React binding for the `m3e-split-pane` Web Component from `@m3e/web/split-pane`.\r\n *\r\n * This component renders the underlying `<m3e-split-pane>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-split-pane>` instance for imperative access.\r\n *\r\n * See the `m3e-split-pane` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSplitPane = createComponent({\r\n  tagName: \"m3e-split-pane\",\r\n  elementClass: M3eSplitPaneElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eSplitPane","createComponent","tagName","elementClass","M3eSplitPaneElement","react","React","events","onInput","onChange"],"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,OAAO;AAChBC,IAAAA,QAAQ,EAAE;AACX;AACF,CAAA;;;;"}

package/dist/split-pane.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{M3eSplitPaneElement as n}from"@m3e/web/split-pane";const a=t({tagName:"m3e-split-pane",elementClass:n,react:e,events:{onInput:"input",onChange:"change"}});export{a as M3eSplitPane};
+//# sourceMappingURL=split-pane.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-pane.min.js","sources":["../../src/split-pane/SplitPane.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSplitPaneElement } from \"@m3e/web/split-pane\";\r\nexport type { M3eSplitPaneElement, SplitPaneOrientation } from \"@m3e/web/split-pane\";\r\n\r\n/**\r\n * React binding for the `m3e-split-pane` Web Component from `@m3e/web/split-pane`.\r\n *\r\n * This component renders the underlying `<m3e-split-pane>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-split-pane>` instance for imperative access.\r\n *\r\n * See the `m3e-split-pane` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSplitPane = createComponent({\r\n  tagName: \"m3e-split-pane\",\r\n  elementClass: M3eSplitPaneElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eSplitPane","createComponent","tagName","elementClass","M3eSplitPaneElement","react","React","events","onInput","onChange"],"mappings":";;;;;4HAmBO,MAAMA,EAAeC,EAAgB,CAC1CC,QAAS,iBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTC,SAAU"}

package/dist/src/all.d.ts

@@ -35,10 +35,12 @@ export * from "./search";
 export * from "./segmented-button";
 export * from "./select";
 export * from "./shape";
+export * from "./skeleton";
 export * from "./slide-group";
 export * from "./slider";
 export * from "./snackbar";
 export * from "./split-button";
+export * from "./split-pane";
 export * from "./stepper";
 export * from "./switch";
 export * from "./tabs";

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,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"}
+{"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,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,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/skeleton/Skeleton.d.ts

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

package/dist/src/skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/skeleton/Skeleton.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE9F;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,gEAItB,CAAC"}

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

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

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

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

package/dist/src/split-pane/SplitPane.d.ts

@@ -0,0 +1,20 @@
+import { M3eSplitPaneElement } from "@m3e/web/split-pane";
+export type { M3eSplitPaneElement, SplitPaneOrientation } from "@m3e/web/split-pane";
+/**
+ * React binding for the `m3e-split-pane` Web Component from `@m3e/web/split-pane`.
+ *
+ * This component renders the underlying `<m3e-split-pane>` 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-split-pane>` instance for imperative access.
+ *
+ * See the `m3e-split-pane` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eSplitPane: import("@lit/react").ReactWebComponent<M3eSplitPaneElement, {
+    onInput: string;
+    onChange: string;
+}>;
+//# sourceMappingURL=SplitPane.d.ts.map

package/dist/src/split-pane/SplitPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../../src/split-pane/SplitPane.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAErF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY;;;EAQvB,CAAC"}

package/dist/src/split-pane/index.d.ts

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

package/dist/src/split-pane/index.d.ts.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3e/react",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "React bindings for M3E Web Components",
   "author": "matraic <matraic@yahoo.com>",
   "license": "MIT",
@@ -163,6 +163,10 @@
       "types": "./dist/src/shape/index.d.ts",
       "default": "./dist/shape.js"
     },
+    "./skeleton": {
+      "types": "./dist/src/skeleton/index.d.ts",
+      "default": "./dist/skeleton.js"
+    },
     "./slide-group": {
       "types": "./dist/src/slide-group/index.d.ts",
       "default": "./dist/slide-group.js"
@@ -179,6 +183,10 @@
       "types": "./dist/src/split-button/index.d.ts",
       "default": "./dist/split-button.js"
     },
+    "./split-pane": {
+      "types": "./dist/src/split-pane/index.d.ts",
+      "default": "./dist/split-pane.js"
+    },
     "./stepper": {
       "types": "./dist/src/stepper/index.d.ts",
       "default": "./dist/stepper.js"
@@ -224,7 +232,7 @@
   },
   "peerDependencies": {
     "@lit/react": "^1.0.8",
-    "@m3e/web": "^2.2.1",
+    "@m3e/web": "^2.3.0",
     "lit": "^3.3.0",
     "react": ">=18"
   }