@flowsterix/react 0.14.0 → 0.14.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.
@@ -0,0 +1,138 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/devtools/DevToolsContext.tsx
2
+ var _react = require('react');
3
+ var DevToolsContext = _react.createContext.call(void 0, null);
4
+ function useDevToolsContext() {
5
+ return _react.useContext.call(void 0, DevToolsContext);
6
+ }
7
+ function useDevToolsContextRequired() {
8
+ const context = _react.useContext.call(void 0, DevToolsContext);
9
+ if (!context) {
10
+ throw new Error(
11
+ "useDevToolsContext must be used within a TourProvider with devtools enabled"
12
+ );
13
+ }
14
+ return context;
15
+ }
16
+
17
+ // src/devtools/motion.ts
18
+
19
+ var springPresets = {
20
+ snappy: {
21
+ type: "spring",
22
+ damping: 30,
23
+ stiffness: 500,
24
+ mass: 0.5
25
+ },
26
+ smooth: {
27
+ type: "spring",
28
+ damping: 30,
29
+ stiffness: 300,
30
+ mass: 0.8
31
+ },
32
+ bouncy: {
33
+ type: "spring",
34
+ damping: 15,
35
+ stiffness: 400,
36
+ mass: 0.5
37
+ },
38
+ grabber: {
39
+ type: "spring",
40
+ damping: 30,
41
+ stiffness: 400,
42
+ mass: 0.8
43
+ }
44
+ };
45
+ var springTweenEquivalents = {
46
+ snappy: {
47
+ duration: 0.2,
48
+ ease: [0.25, 1, 0.5, 1]
49
+ },
50
+ smooth: {
51
+ duration: 0.3,
52
+ ease: [0.25, 1, 0.5, 1]
53
+ },
54
+ bouncy: {
55
+ duration: 0.3,
56
+ ease: [0.25, 1, 0.5, 1]
57
+ },
58
+ grabber: {
59
+ duration: 0.25,
60
+ ease: [0.25, 1, 0.5, 1]
61
+ }
62
+ };
63
+ var _useSpringAnimations = true;
64
+ function setUseSpringAnimations(value) {
65
+ _useSpringAnimations = value;
66
+ }
67
+ var springs = {
68
+ get snappy() {
69
+ return _useSpringAnimations ? springPresets.snappy : springTweenEquivalents.snappy;
70
+ },
71
+ get smooth() {
72
+ return _useSpringAnimations ? springPresets.smooth : springTweenEquivalents.smooth;
73
+ },
74
+ get bouncy() {
75
+ return _useSpringAnimations ? springPresets.bouncy : springTweenEquivalents.bouncy;
76
+ },
77
+ get grabber() {
78
+ return _useSpringAnimations ? springPresets.grabber : springTweenEquivalents.grabber;
79
+ }
80
+ };
81
+ var stagger = {
82
+ fast: {
83
+ staggerChildren: 0.03,
84
+ delayChildren: 0.05
85
+ },
86
+ default: {
87
+ staggerChildren: 0.05,
88
+ delayChildren: 0.1
89
+ }
90
+ };
91
+ var listItemVariants = {
92
+ hidden: {
93
+ opacity: 0,
94
+ y: 8,
95
+ scale: 0.98
96
+ },
97
+ visible: {
98
+ opacity: 1,
99
+ y: 0,
100
+ scale: 1
101
+ },
102
+ exit: {
103
+ opacity: 0,
104
+ scale: 0.95,
105
+ transition: { duration: 0.15 }
106
+ }
107
+ };
108
+ var listContainerVariants = {
109
+ hidden: { opacity: 0 },
110
+ visible: {
111
+ opacity: 1,
112
+ transition: stagger.fast
113
+ }
114
+ };
115
+ function useReducedMotion() {
116
+ const [prefersReducedMotion, setPrefersReducedMotion] = _react.useState.call(void 0, false);
117
+ _react.useEffect.call(void 0, () => {
118
+ const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
119
+ setPrefersReducedMotion(mediaQuery.matches);
120
+ const handler = (event) => {
121
+ setPrefersReducedMotion(event.matches);
122
+ };
123
+ mediaQuery.addEventListener("change", handler);
124
+ return () => mediaQuery.removeEventListener("change", handler);
125
+ }, []);
126
+ return prefersReducedMotion;
127
+ }
128
+
129
+
130
+
131
+
132
+
133
+
134
+
135
+
136
+
137
+
138
+ exports.DevToolsContext = DevToolsContext; exports.useDevToolsContext = useDevToolsContext; exports.useDevToolsContextRequired = useDevToolsContextRequired; exports.setUseSpringAnimations = setUseSpringAnimations; exports.springs = springs; exports.listItemVariants = listItemVariants; exports.listContainerVariants = listContainerVariants; exports.useReducedMotion = useReducedMotion;
@@ -0,0 +1,138 @@
1
+ // src/devtools/DevToolsContext.tsx
2
+ import { createContext, useContext } from "react";
3
+ var DevToolsContext = createContext(null);
4
+ function useDevToolsContext() {
5
+ return useContext(DevToolsContext);
6
+ }
7
+ function useDevToolsContextRequired() {
8
+ const context = useContext(DevToolsContext);
9
+ if (!context) {
10
+ throw new Error(
11
+ "useDevToolsContext must be used within a TourProvider with devtools enabled"
12
+ );
13
+ }
14
+ return context;
15
+ }
16
+
17
+ // src/devtools/motion.ts
18
+ import { useEffect, useState } from "react";
19
+ var springPresets = {
20
+ snappy: {
21
+ type: "spring",
22
+ damping: 30,
23
+ stiffness: 500,
24
+ mass: 0.5
25
+ },
26
+ smooth: {
27
+ type: "spring",
28
+ damping: 30,
29
+ stiffness: 300,
30
+ mass: 0.8
31
+ },
32
+ bouncy: {
33
+ type: "spring",
34
+ damping: 15,
35
+ stiffness: 400,
36
+ mass: 0.5
37
+ },
38
+ grabber: {
39
+ type: "spring",
40
+ damping: 30,
41
+ stiffness: 400,
42
+ mass: 0.8
43
+ }
44
+ };
45
+ var springTweenEquivalents = {
46
+ snappy: {
47
+ duration: 0.2,
48
+ ease: [0.25, 1, 0.5, 1]
49
+ },
50
+ smooth: {
51
+ duration: 0.3,
52
+ ease: [0.25, 1, 0.5, 1]
53
+ },
54
+ bouncy: {
55
+ duration: 0.3,
56
+ ease: [0.25, 1, 0.5, 1]
57
+ },
58
+ grabber: {
59
+ duration: 0.25,
60
+ ease: [0.25, 1, 0.5, 1]
61
+ }
62
+ };
63
+ var _useSpringAnimations = true;
64
+ function setUseSpringAnimations(value) {
65
+ _useSpringAnimations = value;
66
+ }
67
+ var springs = {
68
+ get snappy() {
69
+ return _useSpringAnimations ? springPresets.snappy : springTweenEquivalents.snappy;
70
+ },
71
+ get smooth() {
72
+ return _useSpringAnimations ? springPresets.smooth : springTweenEquivalents.smooth;
73
+ },
74
+ get bouncy() {
75
+ return _useSpringAnimations ? springPresets.bouncy : springTweenEquivalents.bouncy;
76
+ },
77
+ get grabber() {
78
+ return _useSpringAnimations ? springPresets.grabber : springTweenEquivalents.grabber;
79
+ }
80
+ };
81
+ var stagger = {
82
+ fast: {
83
+ staggerChildren: 0.03,
84
+ delayChildren: 0.05
85
+ },
86
+ default: {
87
+ staggerChildren: 0.05,
88
+ delayChildren: 0.1
89
+ }
90
+ };
91
+ var listItemVariants = {
92
+ hidden: {
93
+ opacity: 0,
94
+ y: 8,
95
+ scale: 0.98
96
+ },
97
+ visible: {
98
+ opacity: 1,
99
+ y: 0,
100
+ scale: 1
101
+ },
102
+ exit: {
103
+ opacity: 0,
104
+ scale: 0.95,
105
+ transition: { duration: 0.15 }
106
+ }
107
+ };
108
+ var listContainerVariants = {
109
+ hidden: { opacity: 0 },
110
+ visible: {
111
+ opacity: 1,
112
+ transition: stagger.fast
113
+ }
114
+ };
115
+ function useReducedMotion() {
116
+ const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
117
+ useEffect(() => {
118
+ const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
119
+ setPrefersReducedMotion(mediaQuery.matches);
120
+ const handler = (event) => {
121
+ setPrefersReducedMotion(event.matches);
122
+ };
123
+ mediaQuery.addEventListener("change", handler);
124
+ return () => mediaQuery.removeEventListener("change", handler);
125
+ }, []);
126
+ return prefersReducedMotion;
127
+ }
128
+
129
+ export {
130
+ DevToolsContext,
131
+ useDevToolsContext,
132
+ useDevToolsContextRequired,
133
+ setUseSpringAnimations,
134
+ springs,
135
+ listItemVariants,
136
+ listContainerVariants,
137
+ useReducedMotion
138
+ };
@@ -56,7 +56,13 @@ export interface TourPopoverPortalProps {
56
56
  * The backdrop will show but the popover content remains invisible.
57
57
  */
58
58
  isInGracePeriod?: boolean;
59
+ /**
60
+ * Callback reporting the popover's rendered height (plus margin).
61
+ * Use as `scrollLockBottomInset` so constrained scroll lets users
62
+ * reach all highlighted content above the popover.
63
+ */
64
+ onHeightChange?: (height: number) => void;
59
65
  }
60
- export declare const TourPopoverPortal: ({ target, children, offset, width, maxWidth, zIndex, placement, role, ariaLabel, ariaDescribedBy, ariaModal, descriptionId, descriptionText, onContainerChange, layoutId, containerComponent, contentComponent, transitionsOverride, isInGracePeriod, }: TourPopoverPortalProps) => import("react").ReactPortal | null;
66
+ export declare const TourPopoverPortal: ({ target, children, offset, width, maxWidth, zIndex, placement, role, ariaLabel, ariaDescribedBy, ariaModal, descriptionId, descriptionText, onContainerChange, layoutId, containerComponent, contentComponent, transitionsOverride, isInGracePeriod, onHeightChange, }: TourPopoverPortalProps) => import("react").ReactPortal | null;
61
67
  export {};
62
68
  //# sourceMappingURL=TourPopoverPortal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TourPopoverPortal.d.ts","sourceRoot":"","sources":["../../src/components/TourPopoverPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AAYd,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAc,MAAM,cAAc,CAAA;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE5D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAuB7E,KAAK,kBAAkB,GAAG,WAAW,GACnC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IAC3C,KAAK,CAAC,EAAE,aAAa,GAAG,WAAW,CAAA;CACpC,CAAA;AAEH,KAAK,sBAAsB,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAA;AAoB/D,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAE/E,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,sBAAsB,CAAA;IACjC,OAAO,EAAE,sBAAsB,CAAA;IAC/B,cAAc,EAAE,kBAAkB,GAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QACxB,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAA;QAC7B,KAAK,EAAE,aAAa,CAAA;KACrB,CAAA;IACH,YAAY,EAAE,kBAAkB,GAC9B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAA;IACnD,UAAU,EAAE,qBAAqB,CAAA;IACjC,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE;QACf,IAAI,EAAE,QAAQ,CAAA;QACd,YAAY,EAAE,MAAM,CAAA;QACpB,KAAK,EAAE,aAAa,CAAA;QACpB,aAAa,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;KACtD,CAAA;IACD,gBAAgB,EAAE;QAChB,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;CACF;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,cAAc,CAAA;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,SAAS,CAAA;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,sBAAsB,CAAA;IAC3C,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,mBAAmB,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAA;IAC1D;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,eAAO,MAAM,iBAAiB,GAAI,yPAoB/B,sBAAsB,uCAstBxB,CAAA"}
1
+ {"version":3,"file":"TourPopoverPortal.d.ts","sourceRoot":"","sources":["../../src/components/TourPopoverPortal.tsx"],"names":[],"mappings":"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"}
package/dist/context.d.ts CHANGED
@@ -24,6 +24,8 @@ export interface TourProviderProps {
24
24
  lockBodyScroll?: boolean;
25
25
  /** Customize UI labels for internationalization */
26
26
  labels?: Partial<TourLabels>;
27
+ /** Use tween (easing-curve) animations instead of spring physics everywhere */
28
+ useSpringAnimations?: boolean;
27
29
  /** Callback when a version mismatch is detected and resolved */
28
30
  onVersionMismatch?: (info: VersionMismatchInfo) => void;
29
31
  }
@@ -58,7 +60,7 @@ export interface TourContextValue {
58
60
  /** @internal - DevTools: update flow storage entry */
59
61
  updateFlowStorage: (flowId: string, state: FlowState) => Promise<void>;
60
62
  }
61
- export declare const TourProvider: ({ flows, children, storageAdapter, storageNamespace, persistOnChange, defaultDebug, animationAdapter: animationAdapterProp, reducedMotionAdapter, autoDetectReducedMotion, analytics, backdropInteraction: backdropInteractionProp, lockBodyScroll: lockBodyScrollProp, labels: labelsProp, onVersionMismatch, }: PropsWithChildren<TourProviderProps>) => import("react/jsx-runtime").JSX.Element;
63
+ export declare const TourProvider: ({ flows, children, storageAdapter, storageNamespace, persistOnChange, defaultDebug, animationAdapter: animationAdapterProp, reducedMotionAdapter, autoDetectReducedMotion, analytics, backdropInteraction: backdropInteractionProp, lockBodyScroll: lockBodyScrollProp, labels: labelsProp, useSpringAnimations: useSpringAnimationsProp, onVersionMismatch, }: PropsWithChildren<TourProviderProps>) => import("react/jsx-runtime").JSX.Element;
62
64
  export declare const useTour: () => TourContextValue;
63
65
  export declare const useTourEvents: <TEventKey extends Extract<keyof FlowEvents<ReactNode>, string>>(event: TEventKey, handler: (payload: FlowEvents<ReactNode>[TEventKey]) => void) => void;
64
66
  //# sourceMappingURL=context.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"GrabberOverlay.d.ts","sourceRoot":"","sources":["../../../src/devtools/components/GrabberOverlay.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA6H3C,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAC7C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC/B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,sCAsJxD"}
1
+ {"version":3,"file":"GrabberOverlay.d.ts","sourceRoot":"","sources":["../../../src/devtools/components/GrabberOverlay.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAuH3C,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAC7C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC/B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,sCAsJxD"}
@@ -2,83 +2,17 @@
2
2
 
3
3
 
4
4
 
5
- var _chunkFCOKCGV3cjs = require('../chunk-FCOKCGV3.cjs');
5
+
6
+
7
+
8
+
9
+ var _chunkIMMALBJLcjs = require('../chunk-IMMALBJL.cjs');
6
10
 
7
11
  // src/devtools/DevToolsProvider.tsx
8
12
  var _react = require('react');
9
13
  var _reactdom = require('react-dom');
10
14
  var _react3 = require('motion/react');
11
15
 
12
- // src/devtools/motion.ts
13
-
14
- var springs = {
15
- snappy: {
16
- type: "spring",
17
- damping: 30,
18
- stiffness: 500,
19
- mass: 0.5
20
- },
21
- smooth: {
22
- type: "spring",
23
- damping: 30,
24
- stiffness: 300,
25
- mass: 0.8
26
- },
27
- bouncy: {
28
- type: "spring",
29
- damping: 15,
30
- stiffness: 400,
31
- mass: 0.5
32
- }
33
- };
34
- var stagger = {
35
- fast: {
36
- staggerChildren: 0.03,
37
- delayChildren: 0.05
38
- },
39
- default: {
40
- staggerChildren: 0.05,
41
- delayChildren: 0.1
42
- }
43
- };
44
- var listItemVariants = {
45
- hidden: {
46
- opacity: 0,
47
- y: 8,
48
- scale: 0.98
49
- },
50
- visible: {
51
- opacity: 1,
52
- y: 0,
53
- scale: 1
54
- },
55
- exit: {
56
- opacity: 0,
57
- scale: 0.95,
58
- transition: { duration: 0.15 }
59
- }
60
- };
61
- var listContainerVariants = {
62
- hidden: { opacity: 0 },
63
- visible: {
64
- opacity: 1,
65
- transition: stagger.fast
66
- }
67
- };
68
- function useReducedMotion() {
69
- const [prefersReducedMotion, setPrefersReducedMotion] = _react.useState.call(void 0, false);
70
- _react.useEffect.call(void 0, () => {
71
- const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
72
- setPrefersReducedMotion(mediaQuery.matches);
73
- const handler = (event) => {
74
- setPrefersReducedMotion(event.matches);
75
- };
76
- mediaQuery.addEventListener("change", handler);
77
- return () => mediaQuery.removeEventListener("change", handler);
78
- }, []);
79
- return prefersReducedMotion;
80
- }
81
-
82
16
  // src/devtools/components/GrabberOverlay.tsx
83
17
 
84
18
 
@@ -294,15 +228,9 @@ var styles = {
294
228
  backgroundColor: "hsl(215 20% 25%)"
295
229
  }
296
230
  };
297
- var springTransition = {
298
- type: "spring",
299
- damping: 30,
300
- stiffness: 400,
301
- mass: 0.8
302
- };
303
231
  function GrabberOverlay(props) {
304
232
  const { isGrabbing, hoveredInfo, container, onElementSelected } = props;
305
- const reducedMotion = useReducedMotion();
233
+ const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
306
234
  const [showPulse, setShowPulse] = _react.useState.call(void 0, false);
307
235
  _react.useEffect.call(void 0, () => {
308
236
  if (onElementSelected) {
@@ -362,7 +290,7 @@ function GrabberOverlay(props) {
362
290
  exit: {
363
291
  opacity: 0
364
292
  },
365
- transition: reducedMotion ? { duration: 0 } : springTransition,
293
+ transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.grabber,
366
294
  children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
367
295
  _react3.motion.div,
368
296
  {
@@ -410,7 +338,7 @@ function GrabberOverlay(props) {
410
338
  initial: reducedMotion ? {} : { opacity: 0, y: 10, scale: 0.95, x: "-50%" },
411
339
  animate: { opacity: 1, y: 0, scale: 1, x: "-50%" },
412
340
  exit: reducedMotion ? {} : { opacity: 0, y: 10, scale: 0.95, x: "-50%" },
413
- transition: reducedMotion ? { duration: 0 } : springs.smooth,
341
+ transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.smooth,
414
342
  children: [
415
343
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: styles.hintItem, children: [
416
344
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: styles.kbd, children: "Click" }),
@@ -614,7 +542,7 @@ var styles2 = {
614
542
  function SortableStepItem(props) {
615
543
  const { step, index, onDelete, isBeingDragged = false } = props;
616
544
  const [isHovered, setIsHovered] = _react.useState.call(void 0, false);
617
- const reducedMotion = useReducedMotion();
545
+ const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
618
546
  const {
619
547
  attributes,
620
548
  listeners,
@@ -666,7 +594,7 @@ function SortableStepItem(props) {
666
594
  style: styles2.order,
667
595
  initial: reducedMotion ? {} : { scale: 1.2 },
668
596
  animate: { scale: 1 },
669
- transition: reducedMotion ? { duration: 0 } : springs.bouncy,
597
+ transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.bouncy,
670
598
  children: index + 1
671
599
  },
672
600
  `order-${index}`
@@ -895,7 +823,7 @@ var styles3 = {
895
823
  function Toolbar(props) {
896
824
  const { mode, stepCount, onToggleGrab, onExport, onCopyForAI, onReset } = props;
897
825
  const [copied, setCopied] = _react.useState.call(void 0, false);
898
- const reducedMotion = useReducedMotion();
826
+ const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
899
827
  const isGrabbing = mode === "grabbing";
900
828
  const hasSteps = stepCount > 0;
901
829
  const handleCopy = async () => {
@@ -1054,7 +982,7 @@ function Toolbar(props) {
1054
982
  initial: reducedMotion ? {} : { opacity: 0, scale: 0.5, y: 4 },
1055
983
  animate: { opacity: 1, scale: 1, y: 0 },
1056
984
  exit: reducedMotion ? {} : { opacity: 0, scale: 0.5, y: 4 },
1057
- transition: reducedMotion ? { duration: 0 } : springs.bouncy,
985
+ transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.bouncy,
1058
986
  children: "Copied!"
1059
987
  }
1060
988
  ) })
@@ -1151,7 +1079,7 @@ function StepList(props) {
1151
1079
  onExport
1152
1080
  } = props;
1153
1081
  const [activeId, setActiveId] = _react.useState.call(void 0, null);
1154
- const reducedMotion = useReducedMotion();
1082
+ const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
1155
1083
  const activeStep = activeId ? steps.find((s) => s.id === activeId) : null;
1156
1084
  const activeIndex = activeId ? steps.findIndex((s) => s.id === activeId) : -1;
1157
1085
  const sensors = _core.useSensors.call(void 0,
@@ -1266,13 +1194,13 @@ function StepList(props) {
1266
1194
  _react3.motion.div,
1267
1195
  {
1268
1196
  style: styles4.stepList,
1269
- variants: reducedMotion ? void 0 : listContainerVariants,
1197
+ variants: reducedMotion ? void 0 : _chunkIMMALBJLcjs.listContainerVariants,
1270
1198
  initial: "hidden",
1271
1199
  animate: "visible",
1272
1200
  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.AnimatePresence, { mode: "popLayout", children: steps.map((step, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
1273
1201
  _react3.motion.div,
1274
1202
  {
1275
- variants: reducedMotion ? void 0 : listItemVariants,
1203
+ variants: reducedMotion ? void 0 : _chunkIMMALBJLcjs.listItemVariants,
1276
1204
  initial: "hidden",
1277
1205
  animate: "visible",
1278
1206
  exit: "exit",
@@ -1364,7 +1292,7 @@ var styles5 = {
1364
1292
  };
1365
1293
  function TabNav(props) {
1366
1294
  const { activeTab, onTabChange, stepCount, flowCount } = props;
1367
- const reducedMotion = useReducedMotion();
1295
+ const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
1368
1296
  const prevStepCount = _react.useRef.call(void 0, stepCount);
1369
1297
  const prevFlowCount = _react.useRef.call(void 0, flowCount);
1370
1298
  const stepCountChanged = stepCount !== prevStepCount.current;
@@ -1411,7 +1339,7 @@ function TabNav(props) {
1411
1339
  opacity: 1
1412
1340
  },
1413
1341
  exit: { scale: 0.8, opacity: 0 },
1414
- transition: reducedMotion ? { duration: 0 } : springs.bouncy,
1342
+ transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.bouncy,
1415
1343
  children: stepCount
1416
1344
  },
1417
1345
  "step-badge"
@@ -1438,7 +1366,7 @@ function TabNav(props) {
1438
1366
  opacity: 1
1439
1367
  },
1440
1368
  exit: { scale: 0.8, opacity: 0 },
1441
- transition: reducedMotion ? { duration: 0 } : springs.bouncy,
1369
+ transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.bouncy,
1442
1370
  children: flowCount
1443
1371
  },
1444
1372
  "flow-badge"
@@ -1698,7 +1626,7 @@ function FlowItem(props) {
1698
1626
  const { flowId, definition, state, isActive } = flow;
1699
1627
  const [confirmDelete, setConfirmDelete] = _react.useState.call(void 0, false);
1700
1628
  const [isHovered, setIsHovered] = _react.useState.call(void 0, false);
1701
- const reducedMotion = useReducedMotion();
1629
+ const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
1702
1630
  const handleDelete = () => {
1703
1631
  if (confirmDelete) {
1704
1632
  onDelete();
@@ -1740,7 +1668,7 @@ function FlowItem(props) {
1740
1668
  initial: reducedMotion ? {} : { scale: 0.8, opacity: 0 },
1741
1669
  animate: { scale: 1, opacity: 1 },
1742
1670
  exit: reducedMotion ? {} : { scale: 0.8, opacity: 0 },
1743
- transition: reducedMotion ? { duration: 0 } : springs.bouncy,
1671
+ transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.bouncy,
1744
1672
  children: "Active"
1745
1673
  },
1746
1674
  "active-badge"
@@ -1951,7 +1879,7 @@ function FlowEditModal(props) {
1951
1879
  const [jsonValue, setJsonValue] = _react.useState.call(void 0, "");
1952
1880
  const [error, setError] = _react.useState.call(void 0, null);
1953
1881
  const [shake, setShake] = _react.useState.call(void 0, false);
1954
- const reducedMotion = useReducedMotion();
1882
+ const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
1955
1883
  _react.useEffect.call(void 0, () => {
1956
1884
  if (isOpen && initialState) {
1957
1885
  setJsonValue(JSON.stringify(initialState, null, 2));
@@ -2030,7 +1958,7 @@ function FlowEditModal(props) {
2030
1958
  x: shake ? [0, -8, 8, -6, 6, -4, 4, 0] : 0
2031
1959
  },
2032
1960
  exit: reducedMotion ? {} : { opacity: 0, scale: 0.95, y: 10 },
2033
- transition: reducedMotion ? { duration: 0 } : springs.smooth,
1961
+ transition: reducedMotion ? { duration: 0 } : _chunkIMMALBJLcjs.springs.smooth,
2034
1962
  onClick: (e) => e.stopPropagation(),
2035
1963
  children: [
2036
1964
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: styles7.header, children: [
@@ -2185,7 +2113,7 @@ var styles8 = {
2185
2113
  function FlowsTab(props) {
2186
2114
  const { container } = props;
2187
2115
  const { flows, refreshFlows, deleteFlow, updateFlow } = useFlowsData();
2188
- const reducedMotion = useReducedMotion();
2116
+ const reducedMotion = _chunkIMMALBJLcjs.useReducedMotion.call(void 0, );
2189
2117
  const [editModal, setEditModal] = _react.useState.call(void 0, {
2190
2118
  isOpen: false,
2191
2119
  flowId: "",
@@ -2269,13 +2197,13 @@ function FlowsTab(props) {
2269
2197
  _react3.motion.div,
2270
2198
  {
2271
2199
  style: styles8.flowList,
2272
- variants: reducedMotion ? void 0 : listContainerVariants,
2200
+ variants: reducedMotion ? void 0 : _chunkIMMALBJLcjs.listContainerVariants,
2273
2201
  initial: "hidden",
2274
2202
  animate: "visible",
2275
2203
  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.AnimatePresence, { mode: "popLayout", children: flows.map((flow) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
2276
2204
  _react3.motion.div,
2277
2205
  {
2278
- variants: reducedMotion ? void 0 : listItemVariants,
2206
+ variants: reducedMotion ? void 0 : _chunkIMMALBJLcjs.listItemVariants,
2279
2207
  initial: "hidden",
2280
2208
  animate: "visible",
2281
2209
  exit: "exit",
@@ -2979,7 +2907,7 @@ function DevToolsProvider(props) {
2979
2907
  initial: false,
2980
2908
  animate: { height: collapsed ? 0 : "auto", opacity: collapsed ? 0 : 1 },
2981
2909
  transition: {
2982
- height: springs.smooth,
2910
+ height: _chunkIMMALBJLcjs.springs.smooth,
2983
2911
  opacity: { duration: 0.12 }
2984
2912
  },
2985
2913
  "aria-hidden": collapsed,
@@ -3042,4 +2970,4 @@ function DevToolsProvider(props) {
3042
2970
 
3043
2971
 
3044
2972
 
3045
- exports.DevToolsContext = _chunkFCOKCGV3cjs.DevToolsContext; exports.DevToolsProvider = DevToolsProvider; exports.FlowEditModal = FlowEditModal; exports.FlowItem = FlowItem; exports.FlowsTab = FlowsTab; exports.GrabberOverlay = GrabberOverlay; exports.SortableStepItem = SortableStepItem; exports.StepItem = SortableStepItem; exports.StepItemDragPreview = StepItemDragPreview; exports.StepList = StepList; exports.TabNav = TabNav; exports.Toolbar = Toolbar; exports.clearSteps = clearSteps; exports.extractComponentHierarchy = extractComponentHierarchy; exports.extractSource = extractSource; exports.formatSourcePath = formatSourcePath; exports.generateSelector = generateSelector; exports.getVSCodeLink = getVSCodeLink; exports.loadSteps = loadSteps; exports.saveSteps = saveSteps; exports.useDevToolsContext = _chunkFCOKCGV3cjs.useDevToolsContext; exports.useDevToolsContextRequired = _chunkFCOKCGV3cjs.useDevToolsContextRequired; exports.useElementInfo = useElementInfo; exports.useFlowsData = useFlowsData; exports.useGrabMode = useGrabMode; exports.useStepStore = useStepStore;
2973
+ exports.DevToolsContext = _chunkIMMALBJLcjs.DevToolsContext; exports.DevToolsProvider = DevToolsProvider; exports.FlowEditModal = FlowEditModal; exports.FlowItem = FlowItem; exports.FlowsTab = FlowsTab; exports.GrabberOverlay = GrabberOverlay; exports.SortableStepItem = SortableStepItem; exports.StepItem = SortableStepItem; exports.StepItemDragPreview = StepItemDragPreview; exports.StepList = StepList; exports.TabNav = TabNav; exports.Toolbar = Toolbar; exports.clearSteps = clearSteps; exports.extractComponentHierarchy = extractComponentHierarchy; exports.extractSource = extractSource; exports.formatSourcePath = formatSourcePath; exports.generateSelector = generateSelector; exports.getVSCodeLink = getVSCodeLink; exports.loadSteps = loadSteps; exports.saveSteps = saveSteps; exports.useDevToolsContext = _chunkIMMALBJLcjs.useDevToolsContext; exports.useDevToolsContextRequired = _chunkIMMALBJLcjs.useDevToolsContextRequired; exports.useElementInfo = useElementInfo; exports.useFlowsData = useFlowsData; exports.useGrabMode = useGrabMode; exports.useStepStore = useStepStore;