@m3e/react 2.7.11 → 2.8.0

package/dist/gestures.js

@@ -0,0 +1,194 @@
+/**
+ * @license MIT
+ * Copyright (c) 2025–2026 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { M3eLongPressGestureElement } from '@m3e/web/gestures/long-press';
+import { M3ePanGestureElement } from '@m3e/web/gestures/pan';
+import { M3eRepeatGestureElement } from '@m3e/web/gestures/repeat';
+import { M3eRotateGestureElement } from '@m3e/web/gestures/rotate';
+import { M3eScaleGestureElement } from '@m3e/web/gestures/scale';
+import { M3eSequenceGestureElement } from '@m3e/web/gestures/sequence';
+import { M3eSwipeGestureElement } from '@m3e/web/gestures/swipe';
+import { M3eTapGestureElement } from '@m3e/web/gestures/tap';
+
+/**
+ * React binding for the `m3e-long-press-gesture` Web Component from `@m3e/web/gestures/long-press`.
+ *
+ * This component renders the underlying `<m3e-long-press-gesture>` 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-long-press-gesture>` instance for imperative access.
+ *
+ * See the `m3e-long-press-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eLongPressGesture = createComponent({
+  tagName: "m3e-long-press-gesture",
+  elementClass: M3eLongPressGestureElement,
+  react: React,
+  events: {
+    onGesture: "gesture"
+  }
+});
+
+/**
+ * React binding for the `m3e-pan-gesture` Web Component from `@m3e/web/gestures/pan`.
+ *
+ * This component renders the underlying `<m3e-pan-gesture>` 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-pan-gesture>` instance for imperative access.
+ *
+ * See the `m3e-pan-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3ePanGesture = createComponent({
+  tagName: "m3e-pan-gesture",
+  elementClass: M3ePanGestureElement,
+  react: React,
+  events: {
+    onGesture: "gesture"
+  }
+});
+
+/**
+ * React binding for the `m3e-repeat-gesture` Web Component from `@m3e/web/gestures/repeat`.
+ *
+ * This component renders the underlying `<m3e-repeat-gesture>` 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-repeat-gesture>` instance for imperative access.
+ *
+ * See the `m3e-repeat-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eRepeatGesture = createComponent({
+  tagName: "m3e-repeat-gesture",
+  elementClass: M3eRepeatGestureElement,
+  react: React,
+  events: {
+    onGesture: "gesture"
+  }
+});
+
+/**
+ * React binding for the `m3e-rotate-gesture` Web Component from `@m3e/web/gestures/rotate`.
+ *
+ * This component renders the underlying `<m3e-rotate-gesture>` 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-rotate-gesture>` instance for imperative access.
+ *
+ * See the `m3e-rotate-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eRotateGesture = createComponent({
+  tagName: "m3e-rotate-gesture",
+  elementClass: M3eRotateGestureElement,
+  react: React,
+  events: {
+    onGesture: "gesture"
+  }
+});
+
+/**
+ * React binding for the `m3e-scale-gesture` Web Component from `@m3e/web/gestures/scale`.
+ *
+ * This component renders the underlying `<m3e-scale-gesture>` 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-scale-gesture>` instance for imperative access.
+ *
+ * See the `m3e-scale-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eScaleGesture = createComponent({
+  tagName: "m3e-scale-gesture",
+  elementClass: M3eScaleGestureElement,
+  react: React,
+  events: {
+    onGesture: "gesture"
+  }
+});
+
+/**
+ * React binding for the `m3e-sequence-gesture` Web Component from `@m3e/web/gestures/sequence`.
+ *
+ * This component renders the underlying `<m3e-sequence-gesture>` 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-sequence-gesture>` instance for imperative access.
+ *
+ * See the `m3e-sequence-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSequenceGesture = createComponent({
+  tagName: "m3e-sequence-gesture",
+  elementClass: M3eSequenceGestureElement,
+  react: React,
+  events: {
+    onGesture: "gesture"
+  }
+});
+
+/**
+ * React binding for the `m3e-swipe-gesture` Web Component from `@m3e/web/gestures/swipe`.
+ *
+ * This component renders the underlying `<m3e-swipe-gesture>` 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-swipe-gesture>` instance for imperative access.
+ *
+ * See the `m3e-swipe-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSwipeGesture = createComponent({
+  tagName: "m3e-swipe-gesture",
+  elementClass: M3eSwipeGestureElement,
+  react: React,
+  events: {
+    onGesture: "gesture"
+  }
+});
+
+/**
+ * React binding for the `m3e-tap-gesture` Web Component from `@m3e/web/gestures/tap`.
+ *
+ * This component renders the underlying `<m3e-tap-gesture>` 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-tap-gesture>` instance for imperative access.
+ *
+ * See the `m3e-tap-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eTapGesture = createComponent({
+  tagName: "m3e-tap-gesture",
+  elementClass: M3eTapGestureElement,
+  react: React,
+  events: {
+    onGesture: "gesture"
+  }
+});
+
+export { M3eLongPressGesture, M3ePanGesture, M3eRepeatGesture, M3eRotateGesture, M3eScaleGesture, M3eSequenceGesture, M3eSwipeGesture, M3eTapGesture };
+//# sourceMappingURL=gestures.js.map

package/dist/gestures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gestures.js","sources":["../../src/gestures/LongPressGesture.ts","../../src/gestures/PanGesture.ts","../../src/gestures/RepeatGesture.ts","../../src/gestures/RotateGesture.ts","../../src/gestures/ScaleGesture.ts","../../src/gestures/SequenceGesture.ts","../../src/gestures/SwipeGesture.ts","../../src/gestures/TapGesture.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eLongPressGestureElement, LongPressGestureDetail } from \"@m3e/web/gestures/long-press\";\r\nexport type { LongPressGestureDetail, LongPressGestureOptions } from \"@m3e/web/gestures/long-press\";\r\n\r\n/**\r\n * React binding for the `m3e-long-press-gesture` Web Component from `@m3e/web/gestures/long-press`.\r\n *\r\n * This component renders the underlying `<m3e-long-press-gesture>` 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-long-press-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-long-press-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eLongPressGesture = createComponent({\r\n  tagName: \"m3e-long-press-gesture\",\r\n  elementClass: M3eLongPressGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<LongPressGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3ePanGestureElement, PanGestureDetail } from \"@m3e/web/gestures/pan\";\r\nexport type {\r\n  PanGestureDetail,\r\n  PanGestureActivationMode,\r\n  PanGestureLockAxis,\r\n  PanGestureOptions,\r\n} from \"@m3e/web/gestures/pan\";\r\n\r\n/**\r\n * React binding for the `m3e-pan-gesture` Web Component from `@m3e/web/gestures/pan`.\r\n *\r\n * This component renders the underlying `<m3e-pan-gesture>` 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-pan-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-pan-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePanGesture = createComponent({\r\n  tagName: \"m3e-pan-gesture\",\r\n  elementClass: M3ePanGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<PanGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eRepeatGestureElement, RepeatGestureDetail } from \"@m3e/web/gestures/repeat\";\r\nexport type { RepeatGestureDetail, RepeatGestureOptions } from \"@m3e/web/gestures/repeat\";\r\n\r\n/**\r\n * React binding for the `m3e-repeat-gesture` Web Component from `@m3e/web/gestures/repeat`.\r\n *\r\n * This component renders the underlying `<m3e-repeat-gesture>` 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-repeat-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-repeat-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRepeatGesture = createComponent({\r\n  tagName: \"m3e-repeat-gesture\",\r\n  elementClass: M3eRepeatGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<RepeatGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eRotateGestureElement, RotateGestureDetail } from \"@m3e/web/gestures/rotate\";\r\nexport type { RotateGestureDetail, RotateGestureOptions } from \"@m3e/web/gestures/rotate\";\r\n\r\n/**\r\n * React binding for the `m3e-rotate-gesture` Web Component from `@m3e/web/gestures/rotate`.\r\n *\r\n * This component renders the underlying `<m3e-rotate-gesture>` 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-rotate-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-rotate-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRotateGesture = createComponent({\r\n  tagName: \"m3e-rotate-gesture\",\r\n  elementClass: M3eRotateGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<RotateGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eScaleGestureElement, ScaleGestureDetail } from \"@m3e/web/gestures/scale\";\r\nexport type { ScaleGestureDetail, ScaleGestureOptions } from \"@m3e/web/gestures/scale\";\r\n\r\n/**\r\n * React binding for the `m3e-scale-gesture` Web Component from `@m3e/web/gestures/scale`.\r\n *\r\n * This component renders the underlying `<m3e-scale-gesture>` 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-scale-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-scale-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eScaleGesture = createComponent({\r\n  tagName: \"m3e-scale-gesture\",\r\n  elementClass: M3eScaleGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<ScaleGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eSequenceGestureElement, SequenceGestureDetail } from \"@m3e/web/gestures/sequence\";\r\nexport type { SequenceGestureDetail, SequenceGestureOptions } from \"@m3e/web/gestures/sequence\";\r\n\r\n/**\r\n * React binding for the `m3e-sequence-gesture` Web Component from `@m3e/web/gestures/sequence`.\r\n *\r\n * This component renders the underlying `<m3e-sequence-gesture>` 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-sequence-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-sequence-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSequenceGesture = createComponent({\r\n  tagName: \"m3e-sequence-gesture\",\r\n  elementClass: M3eSequenceGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<SequenceGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eSwipeGestureElement, SwipeGestureDetail } from \"@m3e/web/gestures/swipe\";\r\nexport type { SwipeGestureDetail, SwipeGestureDirection, SwipeGestureOptions } from \"@m3e/web/gestures/swipe\";\r\n\r\n/**\r\n * React binding for the `m3e-swipe-gesture` Web Component from `@m3e/web/gestures/swipe`.\r\n *\r\n * This component renders the underlying `<m3e-swipe-gesture>` 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-swipe-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-swipe-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSwipeGesture = createComponent({\r\n  tagName: \"m3e-swipe-gesture\",\r\n  elementClass: M3eSwipeGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<SwipeGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eTapGestureElement, TapGestureDetail } from \"@m3e/web/gestures/tap\";\r\nexport type { TapGestureDetail, TapGestureOptions } from \"@m3e/web/gestures/tap\";\r\n\r\n/**\r\n * React binding for the `m3e-tap-gesture` Web Component from `@m3e/web/gestures/tap`.\r\n *\r\n * This component renders the underlying `<m3e-tap-gesture>` 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-tap-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-tap-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTapGesture = createComponent({\r\n  tagName: \"m3e-tap-gesture\",\r\n  elementClass: M3eTapGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<TapGestureDetail>>,\r\n  },\r\n});\r\n"],"names":["M3eLongPressGesture","createComponent","tagName","elementClass","M3eLongPressGestureElement","react","React","events","onGesture","M3ePanGesture","M3ePanGestureElement","M3eRepeatGesture","M3eRepeatGestureElement","M3eRotateGesture","M3eRotateGestureElement","M3eScaleGesture","M3eScaleGestureElement","M3eSequenceGesture","M3eSequenceGestureElement","M3eSwipeGesture","M3eSwipeGestureElement","M3eTapGesture","M3eTapGestureElement"],"mappings":";;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAMA,mBAAmB,GAAGC,eAAe,CAAC;AACjDC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,YAAY,EAAEC,0BAA0B;AACxCC,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACZ;AACF,CAAA;;ACfD;;;;;;;;;;;;AAYG;AACI,MAAMC,aAAa,GAAGR,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEO,oBAAoB;AAClCL,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACZ;AACF,CAAA;;ACzBD;;;;;;;;;;;;AAYG;AACI,MAAMG,gBAAgB,GAAGV,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,YAAY,EAAES,uBAAuB;AACrCP,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACZ;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMK,gBAAgB,GAAGZ,eAAe,CAAC;AAC9CC,EAAAA,OAAO,EAAE,oBAAoB;AAC7BC,EAAAA,YAAY,EAAEW,uBAAuB;AACrCT,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACZ;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMO,eAAe,GAAGd,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,YAAY,EAAEa,sBAAsB;AACpCX,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACZ;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMS,kBAAkB,GAAGhB,eAAe,CAAC;AAChDC,EAAAA,OAAO,EAAE,sBAAsB;AAC/BC,EAAAA,YAAY,EAAEe,yBAAyB;AACvCb,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACZ;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMW,eAAe,GAAGlB,eAAe,CAAC;AAC7CC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,YAAY,EAAEiB,sBAAsB;AACpCf,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACZ;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAMa,aAAa,GAAGpB,eAAe,CAAC;AAC3CC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,YAAY,EAAEmB,oBAAoB;AAClCjB,EAAAA,KAAK,EAAEC,KAAK;AACZC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AACZ;AACF,CAAA;;;;"}

package/dist/gestures.min.js

@@ -0,0 +1,7 @@
+/**
+ * @license MIT
+ * 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{M3eLongPressGestureElement as s}from"@m3e/web/gestures/long-press";import{M3ePanGestureElement as r}from"@m3e/web/gestures/pan";import{M3eRepeatGestureElement as m}from"@m3e/web/gestures/repeat";import{M3eRotateGestureElement as a}from"@m3e/web/gestures/rotate";import{M3eScaleGestureElement as g}from"@m3e/web/gestures/scale";import{M3eSequenceGestureElement as o}from"@m3e/web/gestures/sequence";import{M3eSwipeGestureElement as u}from"@m3e/web/gestures/swipe";import{M3eTapGestureElement as n}from"@m3e/web/gestures/tap";const l=t({tagName:"m3e-long-press-gesture",elementClass:s,react:e,events:{onGesture:"gesture"}}),p=t({tagName:"m3e-pan-gesture",elementClass:r,react:e,events:{onGesture:"gesture"}}),c=t({tagName:"m3e-repeat-gesture",elementClass:m,react:e,events:{onGesture:"gesture"}}),i=t({tagName:"m3e-rotate-gesture",elementClass:a,react:e,events:{onGesture:"gesture"}}),f=t({tagName:"m3e-scale-gesture",elementClass:g,react:e,events:{onGesture:"gesture"}}),w=t({tagName:"m3e-sequence-gesture",elementClass:o,react:e,events:{onGesture:"gesture"}}),b=t({tagName:"m3e-swipe-gesture",elementClass:u,react:e,events:{onGesture:"gesture"}}),v=t({tagName:"m3e-tap-gesture",elementClass:n,react:e,events:{onGesture:"gesture"}});export{l as M3eLongPressGesture,p as M3ePanGesture,c as M3eRepeatGesture,i as M3eRotateGesture,f as M3eScaleGesture,w as M3eSequenceGesture,b as M3eSwipeGesture,v as M3eTapGesture};
+//# sourceMappingURL=gestures.min.js.map

package/dist/gestures.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gestures.min.js","sources":["../../src/gestures/LongPressGesture.ts","../../src/gestures/PanGesture.ts","../../src/gestures/RepeatGesture.ts","../../src/gestures/RotateGesture.ts","../../src/gestures/ScaleGesture.ts","../../src/gestures/SequenceGesture.ts","../../src/gestures/SwipeGesture.ts","../../src/gestures/TapGesture.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eLongPressGestureElement, LongPressGestureDetail } from \"@m3e/web/gestures/long-press\";\r\nexport type { LongPressGestureDetail, LongPressGestureOptions } from \"@m3e/web/gestures/long-press\";\r\n\r\n/**\r\n * React binding for the `m3e-long-press-gesture` Web Component from `@m3e/web/gestures/long-press`.\r\n *\r\n * This component renders the underlying `<m3e-long-press-gesture>` 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-long-press-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-long-press-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eLongPressGesture = createComponent({\r\n  tagName: \"m3e-long-press-gesture\",\r\n  elementClass: M3eLongPressGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<LongPressGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3ePanGestureElement, PanGestureDetail } from \"@m3e/web/gestures/pan\";\r\nexport type {\r\n  PanGestureDetail,\r\n  PanGestureActivationMode,\r\n  PanGestureLockAxis,\r\n  PanGestureOptions,\r\n} from \"@m3e/web/gestures/pan\";\r\n\r\n/**\r\n * React binding for the `m3e-pan-gesture` Web Component from `@m3e/web/gestures/pan`.\r\n *\r\n * This component renders the underlying `<m3e-pan-gesture>` 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-pan-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-pan-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePanGesture = createComponent({\r\n  tagName: \"m3e-pan-gesture\",\r\n  elementClass: M3ePanGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<PanGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eRepeatGestureElement, RepeatGestureDetail } from \"@m3e/web/gestures/repeat\";\r\nexport type { RepeatGestureDetail, RepeatGestureOptions } from \"@m3e/web/gestures/repeat\";\r\n\r\n/**\r\n * React binding for the `m3e-repeat-gesture` Web Component from `@m3e/web/gestures/repeat`.\r\n *\r\n * This component renders the underlying `<m3e-repeat-gesture>` 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-repeat-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-repeat-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRepeatGesture = createComponent({\r\n  tagName: \"m3e-repeat-gesture\",\r\n  elementClass: M3eRepeatGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<RepeatGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eRotateGestureElement, RotateGestureDetail } from \"@m3e/web/gestures/rotate\";\r\nexport type { RotateGestureDetail, RotateGestureOptions } from \"@m3e/web/gestures/rotate\";\r\n\r\n/**\r\n * React binding for the `m3e-rotate-gesture` Web Component from `@m3e/web/gestures/rotate`.\r\n *\r\n * This component renders the underlying `<m3e-rotate-gesture>` 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-rotate-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-rotate-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRotateGesture = createComponent({\r\n  tagName: \"m3e-rotate-gesture\",\r\n  elementClass: M3eRotateGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<RotateGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eScaleGestureElement, ScaleGestureDetail } from \"@m3e/web/gestures/scale\";\r\nexport type { ScaleGestureDetail, ScaleGestureOptions } from \"@m3e/web/gestures/scale\";\r\n\r\n/**\r\n * React binding for the `m3e-scale-gesture` Web Component from `@m3e/web/gestures/scale`.\r\n *\r\n * This component renders the underlying `<m3e-scale-gesture>` 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-scale-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-scale-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eScaleGesture = createComponent({\r\n  tagName: \"m3e-scale-gesture\",\r\n  elementClass: M3eScaleGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<ScaleGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eSequenceGestureElement, SequenceGestureDetail } from \"@m3e/web/gestures/sequence\";\r\nexport type { SequenceGestureDetail, SequenceGestureOptions } from \"@m3e/web/gestures/sequence\";\r\n\r\n/**\r\n * React binding for the `m3e-sequence-gesture` Web Component from `@m3e/web/gestures/sequence`.\r\n *\r\n * This component renders the underlying `<m3e-sequence-gesture>` 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-sequence-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-sequence-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSequenceGesture = createComponent({\r\n  tagName: \"m3e-sequence-gesture\",\r\n  elementClass: M3eSequenceGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<SequenceGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eSwipeGestureElement, SwipeGestureDetail } from \"@m3e/web/gestures/swipe\";\r\nexport type { SwipeGestureDetail, SwipeGestureDirection, SwipeGestureOptions } from \"@m3e/web/gestures/swipe\";\r\n\r\n/**\r\n * React binding for the `m3e-swipe-gesture` Web Component from `@m3e/web/gestures/swipe`.\r\n *\r\n * This component renders the underlying `<m3e-swipe-gesture>` 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-swipe-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-swipe-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSwipeGesture = createComponent({\r\n  tagName: \"m3e-swipe-gesture\",\r\n  elementClass: M3eSwipeGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<SwipeGestureDetail>>,\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3eTapGestureElement, TapGestureDetail } from \"@m3e/web/gestures/tap\";\r\nexport type { TapGestureDetail, TapGestureOptions } from \"@m3e/web/gestures/tap\";\r\n\r\n/**\r\n * React binding for the `m3e-tap-gesture` Web Component from `@m3e/web/gestures/tap`.\r\n *\r\n * This component renders the underlying `<m3e-tap-gesture>` 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-tap-gesture>` instance for imperative access.\r\n *\r\n * See the `m3e-tap-gesture` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTapGesture = createComponent({\r\n  tagName: \"m3e-tap-gesture\",\r\n  elementClass: M3eTapGestureElement,\r\n  react: React,\r\n  events: {\r\n    onGesture: \"gesture\" as EventName<CustomEvent<TapGestureDetail>>,\r\n  },\r\n});\r\n"],"names":["M3eLongPressGesture","createComponent","tagName","elementClass","M3eLongPressGestureElement","react","React","events","onGesture","M3ePanGesture","M3ePanGestureElement","M3eRepeatGesture","M3eRepeatGestureElement","M3eRotateGesture","M3eRotateGestureElement","M3eScaleGesture","M3eScaleGestureElement","M3eSequenceGesture","M3eSequenceGestureElement","M3eSwipeGesture","M3eSwipeGestureElement","M3eTapGesture","M3eTapGestureElement"],"mappings":";;;;;qlBAmBO,MAAMA,EAAsBC,EAAgB,CACjDC,QAAS,yBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,UAAW,aCAFC,EAAgBR,EAAgB,CAC3CC,QAAS,kBACTC,aAAcO,EACdL,MAAOC,EACPC,OAAQ,CACNC,UAAW,aCVFG,EAAmBV,EAAgB,CAC9CC,QAAS,qBACTC,aAAcS,EACdP,MAAOC,EACPC,OAAQ,CACNC,UAAW,aCLFK,EAAmBZ,EAAgB,CAC9CC,QAAS,qBACTC,aAAcW,EACdT,MAAOC,EACPC,OAAQ,CACNC,UAAW,aCLFO,EAAkBd,EAAgB,CAC7CC,QAAS,oBACTC,aAAca,EACdX,MAAOC,EACPC,OAAQ,CACNC,UAAW,aCLFS,EAAqBhB,EAAgB,CAChDC,QAAS,uBACTC,aAAce,EACdb,MAAOC,EACPC,OAAQ,CACNC,UAAW,aCLFW,EAAkBlB,EAAgB,CAC7CC,QAAS,oBACTC,aAAciB,EACdf,MAAOC,EACPC,OAAQ,CACNC,UAAW,aCLFa,EAAgBpB,EAAgB,CAC3CC,QAAS,kBACTC,aAAcmB,EACdjB,MAAOC,EACPC,OAAQ,CACNC,UAAW"}

package/dist/src/all.d.ts

@@ -21,6 +21,7 @@ export * from "./expansion-panel";
 export * from "./fab";
 export * from "./fab-menu";
 export * from "./form-field";
+export * from "./gestures";
 export * from "./heading";
 export * from "./icon";
 export * from "./icon-button";

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,cAAc,CAAC;AAC7B,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,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,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,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,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,cAAc,CAAC;AAC7B,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,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,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,YAAY,CAAC;AAC3B,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,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

package/dist/src/gestures/LongPressGesture.d.ts

@@ -0,0 +1,20 @@
+import { EventName } from "@lit/react";
+import { M3eLongPressGestureElement, LongPressGestureDetail } from "@m3e/web/gestures/long-press";
+export type { LongPressGestureDetail, LongPressGestureOptions } from "@m3e/web/gestures/long-press";
+/**
+ * React binding for the `m3e-long-press-gesture` Web Component from `@m3e/web/gestures/long-press`.
+ *
+ * This component renders the underlying `<m3e-long-press-gesture>` 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-long-press-gesture>` instance for imperative access.
+ *
+ * See the `m3e-long-press-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eLongPressGesture: import("@lit/react").ReactWebComponent<M3eLongPressGestureElement, {
+    onGesture: EventName<CustomEvent<LongPressGestureDetail>>;
+}>;
+//# sourceMappingURL=LongPressGesture.d.ts.map

package/dist/src/gestures/LongPressGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongPressGesture.d.ts","sourceRoot":"","sources":["../../../src/gestures/LongPressGesture.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAClG,YAAY,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEpG;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB;eAKJ,SAAS,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;EAExE,CAAC"}

package/dist/src/gestures/PanGesture.d.ts

@@ -0,0 +1,20 @@
+import { EventName } from "@lit/react";
+import { M3ePanGestureElement, PanGestureDetail } from "@m3e/web/gestures/pan";
+export type { PanGestureDetail, PanGestureActivationMode, PanGestureLockAxis, PanGestureOptions, } from "@m3e/web/gestures/pan";
+/**
+ * React binding for the `m3e-pan-gesture` Web Component from `@m3e/web/gestures/pan`.
+ *
+ * This component renders the underlying `<m3e-pan-gesture>` 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-pan-gesture>` instance for imperative access.
+ *
+ * See the `m3e-pan-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3ePanGesture: import("@lit/react").ReactWebComponent<M3ePanGestureElement, {
+    onGesture: EventName<CustomEvent<PanGestureDetail>>;
+}>;
+//# sourceMappingURL=PanGesture.d.ts.map

package/dist/src/gestures/PanGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanGesture.d.ts","sourceRoot":"","sources":["../../../src/gestures/PanGesture.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC/E,YAAY,EACV,gBAAgB,EAChB,wBAAwB,EACxB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAE/B;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa;eAKE,SAAS,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;EAElE,CAAC"}

package/dist/src/gestures/RepeatGesture.d.ts

@@ -0,0 +1,20 @@
+import { EventName } from "@lit/react";
+import { M3eRepeatGestureElement, RepeatGestureDetail } from "@m3e/web/gestures/repeat";
+export type { RepeatGestureDetail, RepeatGestureOptions } from "@m3e/web/gestures/repeat";
+/**
+ * React binding for the `m3e-repeat-gesture` Web Component from `@m3e/web/gestures/repeat`.
+ *
+ * This component renders the underlying `<m3e-repeat-gesture>` 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-repeat-gesture>` instance for imperative access.
+ *
+ * See the `m3e-repeat-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eRepeatGesture: import("@lit/react").ReactWebComponent<M3eRepeatGestureElement, {
+    onGesture: EventName<CustomEvent<RepeatGestureDetail>>;
+}>;
+//# sourceMappingURL=RepeatGesture.d.ts.map

package/dist/src/gestures/RepeatGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatGesture.d.ts","sourceRoot":"","sources":["../../../src/gestures/RepeatGesture.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACxF,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAE1F;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB;eAKD,SAAS,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;EAErE,CAAC"}

package/dist/src/gestures/RotateGesture.d.ts

@@ -0,0 +1,20 @@
+import { EventName } from "@lit/react";
+import { M3eRotateGestureElement, RotateGestureDetail } from "@m3e/web/gestures/rotate";
+export type { RotateGestureDetail, RotateGestureOptions } from "@m3e/web/gestures/rotate";
+/**
+ * React binding for the `m3e-rotate-gesture` Web Component from `@m3e/web/gestures/rotate`.
+ *
+ * This component renders the underlying `<m3e-rotate-gesture>` 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-rotate-gesture>` instance for imperative access.
+ *
+ * See the `m3e-rotate-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eRotateGesture: import("@lit/react").ReactWebComponent<M3eRotateGestureElement, {
+    onGesture: EventName<CustomEvent<RotateGestureDetail>>;
+}>;
+//# sourceMappingURL=RotateGesture.d.ts.map

package/dist/src/gestures/RotateGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RotateGesture.d.ts","sourceRoot":"","sources":["../../../src/gestures/RotateGesture.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACxF,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAE1F;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB;eAKD,SAAS,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;EAErE,CAAC"}

package/dist/src/gestures/ScaleGesture.d.ts

@@ -0,0 +1,20 @@
+import { EventName } from "@lit/react";
+import { M3eScaleGestureElement, ScaleGestureDetail } from "@m3e/web/gestures/scale";
+export type { ScaleGestureDetail, ScaleGestureOptions } from "@m3e/web/gestures/scale";
+/**
+ * React binding for the `m3e-scale-gesture` Web Component from `@m3e/web/gestures/scale`.
+ *
+ * This component renders the underlying `<m3e-scale-gesture>` 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-scale-gesture>` instance for imperative access.
+ *
+ * See the `m3e-scale-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eScaleGesture: import("@lit/react").ReactWebComponent<M3eScaleGestureElement, {
+    onGesture: EventName<CustomEvent<ScaleGestureDetail>>;
+}>;
+//# sourceMappingURL=ScaleGesture.d.ts.map

package/dist/src/gestures/ScaleGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaleGesture.d.ts","sourceRoot":"","sources":["../../../src/gestures/ScaleGesture.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACrF,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEvF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;eAKA,SAAS,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;EAEpE,CAAC"}

package/dist/src/gestures/SequenceGesture.d.ts

@@ -0,0 +1,20 @@
+import { EventName } from "@lit/react";
+import { M3eSequenceGestureElement, SequenceGestureDetail } from "@m3e/web/gestures/sequence";
+export type { SequenceGestureDetail, SequenceGestureOptions } from "@m3e/web/gestures/sequence";
+/**
+ * React binding for the `m3e-sequence-gesture` Web Component from `@m3e/web/gestures/sequence`.
+ *
+ * This component renders the underlying `<m3e-sequence-gesture>` 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-sequence-gesture>` instance for imperative access.
+ *
+ * See the `m3e-sequence-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eSequenceGesture: import("@lit/react").ReactWebComponent<M3eSequenceGestureElement, {
+    onGesture: EventName<CustomEvent<SequenceGestureDetail>>;
+}>;
+//# sourceMappingURL=SequenceGesture.d.ts.map

package/dist/src/gestures/SequenceGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SequenceGesture.d.ts","sourceRoot":"","sources":["../../../src/gestures/SequenceGesture.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAC9F,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEhG;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB;eAKH,SAAS,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;EAEvE,CAAC"}

package/dist/src/gestures/SwipeGesture.d.ts

@@ -0,0 +1,20 @@
+import { EventName } from "@lit/react";
+import { M3eSwipeGestureElement, SwipeGestureDetail } from "@m3e/web/gestures/swipe";
+export type { SwipeGestureDetail, SwipeGestureDirection, SwipeGestureOptions } from "@m3e/web/gestures/swipe";
+/**
+ * React binding for the `m3e-swipe-gesture` Web Component from `@m3e/web/gestures/swipe`.
+ *
+ * This component renders the underlying `<m3e-swipe-gesture>` 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-swipe-gesture>` instance for imperative access.
+ *
+ * See the `m3e-swipe-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eSwipeGesture: import("@lit/react").ReactWebComponent<M3eSwipeGestureElement, {
+    onGesture: EventName<CustomEvent<SwipeGestureDetail>>;
+}>;
+//# sourceMappingURL=SwipeGesture.d.ts.map

package/dist/src/gestures/SwipeGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeGesture.d.ts","sourceRoot":"","sources":["../../../src/gestures/SwipeGesture.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACrF,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9G;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;eAKA,SAAS,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;EAEpE,CAAC"}

package/dist/src/gestures/TapGesture.d.ts

@@ -0,0 +1,20 @@
+import { EventName } from "@lit/react";
+import { M3eTapGestureElement, TapGestureDetail } from "@m3e/web/gestures/tap";
+export type { TapGestureDetail, TapGestureOptions } from "@m3e/web/gestures/tap";
+/**
+ * React binding for the `m3e-tap-gesture` Web Component from `@m3e/web/gestures/tap`.
+ *
+ * This component renders the underlying `<m3e-tap-gesture>` 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-tap-gesture>` instance for imperative access.
+ *
+ * See the `m3e-tap-gesture` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+export declare const M3eTapGesture: import("@lit/react").ReactWebComponent<M3eTapGestureElement, {
+    onGesture: EventName<CustomEvent<TapGestureDetail>>;
+}>;
+//# sourceMappingURL=TapGesture.d.ts.map

package/dist/src/gestures/TapGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TapGesture.d.ts","sourceRoot":"","sources":["../../../src/gestures/TapGesture.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAC;AAExD,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC/E,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEjF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa;eAKE,SAAS,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;EAElE,CAAC"}

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

@@ -0,0 +1,10 @@
+export * from "./LongPressGesture";
+export * from "./PanGesture";
+export * from "./RepeatGesture";
+export * from "./RotateGesture";
+export * from "./ScaleGesture";
+export * from "./SequenceGesture";
+export * from "./SwipeGesture";
+export * from "./TapGesture";
+export type { GestureInputButton, GestureInputFilter, GestureInputKind, GestureOptions, PointerType, } from "@m3e/web/gestures";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/gestures/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAE7B,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,WAAW,GACZ,MAAM,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3e/react",
-  "version": "2.7.11",
+  "version": "2.8.0",
   "description": "React bindings for M3E Web Components",
   "author": "matraic <matraic@yahoo.com>",
   "license": "MIT",
@@ -107,6 +107,10 @@
       "types": "./dist/src/form-field/index.d.ts",
       "default": "./dist/form-field.js"
     },
+    "./gestures": {
+      "types": "./dist/src/gestures/index.d.ts",
+      "default": "./dist/gestures.js"
+    },
     "./heading": {
       "types": "./dist/src/heading/index.d.ts",
       "default": "./dist/heading.js"
@@ -252,7 +256,7 @@
   },
   "peerDependencies": {
     "@lit/react": "^1.0.8",
-    "@m3e/web": "^2.7.11",
+    "@m3e/web": "^2.8.0",
     "lit": "^3.3.0",
     "react": ">=18"
   }