@seed-design/stackflow 0.0.25 → 0.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/lib/components/AppBar/AppBar.cjs +1 -0
  2. package/lib/components/AppBar/AppBar.js +1 -0
  3. package/lib/components/AppScreen/AppScreen.cjs +1 -0
  4. package/lib/components/AppScreen/AppScreen.js +1 -0
  5. package/lib/plugin.cjs +1 -0
  6. package/lib/plugin.js +1 -0
  7. package/lib/primitive/AppBar/AppBar.cjs +1 -0
  8. package/lib/primitive/AppBar/AppBar.js +1 -0
  9. package/lib/primitive/AppBar/useAppBar.cjs +1 -0
  10. package/lib/primitive/AppBar/useAppBar.d.ts +17 -5
  11. package/lib/primitive/AppBar/useAppBar.js +1 -0
  12. package/lib/primitive/AppBar/useAppBarContext.cjs +1 -0
  13. package/lib/primitive/AppBar/useAppBarContext.js +1 -0
  14. package/lib/primitive/AppScreen/AppScreen.cjs +1 -0
  15. package/lib/primitive/AppScreen/AppScreen.js +1 -0
  16. package/lib/primitive/AppScreen/useAppScreen.cjs +1 -0
  17. package/lib/primitive/AppScreen/useAppScreen.d.ts +65 -17
  18. package/lib/primitive/AppScreen/useAppScreen.js +1 -0
  19. package/lib/primitive/AppScreen/useAppScreenContext.cjs +1 -0
  20. package/lib/primitive/AppScreen/useAppScreenContext.js +1 -0
  21. package/lib/primitive/GlobalInteraction/GlobalInteraction.cjs +1 -0
  22. package/lib/primitive/GlobalInteraction/GlobalInteraction.js +1 -0
  23. package/lib/primitive/GlobalInteraction/useGlobalInteraction.cjs +1 -0
  24. package/lib/primitive/GlobalInteraction/useGlobalInteraction.d.ts +3 -3
  25. package/lib/primitive/GlobalInteraction/useGlobalInteraction.js +1 -0
  26. package/lib/primitive/GlobalInteraction/useGlobalInteractionContext.cjs +1 -0
  27. package/lib/primitive/GlobalInteraction/useGlobalInteractionContext.js +1 -0
  28. package/lib/primitive/GlobalInteraction/useSwipeBack.cjs +1 -0
  29. package/lib/primitive/GlobalInteraction/useSwipeBack.js +1 -0
  30. package/lib/primitive/private/useElementOffset.cjs +1 -0
  31. package/lib/primitive/private/useElementOffset.js +1 -0
  32. package/lib/primitive/private/useTopActivity.cjs +1 -0
  33. package/lib/primitive/private/useTopActivity.js +1 -0
  34. package/lib/utils/createStyleContext.cjs +1 -0
  35. package/lib/utils/createStyleContext.js +1 -0
  36. package/package.json +6 -6
package/lib/components/AppBar/AppBar.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/components/AppBar/AppBar.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { Slot } from '@radix-ui/react-slot';
3
4
  import { mergeProps } from '@seed-design/dom-utils';
package/lib/components/AppScreen/AppScreen.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/components/AppScreen/AppScreen.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { appScreen } from '@seed-design/css/recipes/app-screen';
3
4
  import { forwardRef, useMemo } from 'react';
package/lib/plugin.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/plugin.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { AppScreenPropsProvider } from './components/AppScreen/AppScreen.js';
3
4
  import { GlobalInteraction } from './primitive/GlobalInteraction/GlobalInteraction.js';
package/lib/primitive/AppBar/AppBar.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/primitive/AppBar/AppBar.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { Primitive } from '@seed-design/react-primitive';
3
4
  import { forwardRef } from 'react';
package/lib/primitive/AppBar/useAppBar.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/primitive/AppBar/useAppBar.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Dispatch, SetStateAction, HTMLAttributes, CSSProperties, ReactNode, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler } from 'react';
1
+ import { Dispatch, SetStateAction, HTMLAttributes, CSSProperties, AriaRole, ReactNode, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, InputEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, ToggleEventHandler, TransitionEventHandler } from 'react';
2
2
  export interface UseAppBarProps {
3
3
  }
4
4
  export type UseAppBarReturn = ReturnType<typeof useAppBar>;
@@ -14,7 +14,6 @@ export declare function useAppBar(_props: UseAppBarProps): {
14
14
  style?: CSSProperties | undefined;
15
15
  title?: string | undefined | undefined;
16
16
  dir?: string | undefined | undefined;
17
- children?: ReactNode;
18
17
  part?: string | undefined | undefined;
19
18
  suppressHydrationWarning?: boolean | undefined | undefined;
20
19
  defaultChecked?: boolean | undefined | undefined;
@@ -59,6 +58,10 @@ export declare function useAppBar(_props: UseAppBarProps): {
59
58
  results?: number | undefined | undefined;
60
59
  security?: string | undefined | undefined;
61
60
  unselectable?: "on" | "off" | undefined | undefined;
61
+ popover?: "" | "auto" | "manual" | undefined | undefined;
62
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
63
+ popoverTarget?: string | undefined | undefined;
64
+ inert?: boolean | undefined | undefined;
62
65
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
63
66
  is?: string | undefined | undefined;
64
67
  exportparts?: string | undefined | undefined;
@@ -115,6 +118,7 @@ export declare function useAppBar(_props: UseAppBarProps): {
115
118
  "aria-valuemin"?: number | undefined | undefined;
116
119
  "aria-valuenow"?: number | undefined | undefined;
117
120
  "aria-valuetext"?: string | undefined | undefined;
121
+ children?: ReactNode;
118
122
  dangerouslySetInnerHTML?: {
119
123
  __html: string | TrustedHTML;
120
124
  } | undefined | undefined;
@@ -136,7 +140,7 @@ export declare function useAppBar(_props: UseAppBarProps): {
136
140
  onBlurCapture?: FocusEventHandler<HTMLElement> | undefined;
137
141
  onChange?: FormEventHandler<HTMLElement> | undefined;
138
142
  onChangeCapture?: FormEventHandler<HTMLElement> | undefined;
139
- onBeforeInput?: FormEventHandler<HTMLElement> | undefined;
143
+ onBeforeInput?: InputEventHandler<HTMLElement> | undefined;
140
144
  onBeforeInputCapture?: FormEventHandler<HTMLElement> | undefined;
141
145
  onInput?: FormEventHandler<HTMLElement> | undefined;
142
146
  onInputCapture?: FormEventHandler<HTMLElement> | undefined;
@@ -186,8 +190,6 @@ export declare function useAppBar(_props: UseAppBarProps): {
186
190
  onProgressCapture?: ReactEventHandler<HTMLElement> | undefined;
187
191
  onRateChange?: ReactEventHandler<HTMLElement> | undefined;
188
192
  onRateChangeCapture?: ReactEventHandler<HTMLElement> | undefined;
189
- onResize?: ReactEventHandler<HTMLElement> | undefined;
190
- onResizeCapture?: ReactEventHandler<HTMLElement> | undefined;
191
193
  onSeeked?: ReactEventHandler<HTMLElement> | undefined;
192
194
  onSeekedCapture?: ReactEventHandler<HTMLElement> | undefined;
193
195
  onSeeking?: ReactEventHandler<HTMLElement> | undefined;
@@ -268,6 +270,8 @@ export declare function useAppBar(_props: UseAppBarProps): {
268
270
  onLostPointerCaptureCapture?: PointerEventHandler<HTMLElement> | undefined;
269
271
  onScroll?: UIEventHandler<HTMLElement> | undefined;
270
272
  onScrollCapture?: UIEventHandler<HTMLElement> | undefined;
273
+ onScrollEnd?: UIEventHandler<HTMLElement> | undefined;
274
+ onScrollEndCapture?: UIEventHandler<HTMLElement> | undefined;
271
275
  onWheel?: WheelEventHandler<HTMLElement> | undefined;
272
276
  onWheelCapture?: WheelEventHandler<HTMLElement> | undefined;
273
277
  onAnimationStart?: AnimationEventHandler<HTMLElement> | undefined;
@@ -276,7 +280,15 @@ export declare function useAppBar(_props: UseAppBarProps): {
276
280
  onAnimationEndCapture?: AnimationEventHandler<HTMLElement> | undefined;
277
281
  onAnimationIteration?: AnimationEventHandler<HTMLElement> | undefined;
278
282
  onAnimationIterationCapture?: AnimationEventHandler<HTMLElement> | undefined;
283
+ onToggle?: ToggleEventHandler<HTMLElement> | undefined;
284
+ onBeforeToggle?: ToggleEventHandler<HTMLElement> | undefined;
285
+ onTransitionCancel?: TransitionEventHandler<HTMLElement> | undefined;
286
+ onTransitionCancelCapture?: TransitionEventHandler<HTMLElement> | undefined;
279
287
  onTransitionEnd?: TransitionEventHandler<HTMLElement> | undefined;
280
288
  onTransitionEndCapture?: TransitionEventHandler<HTMLElement> | undefined;
289
+ onTransitionRun?: TransitionEventHandler<HTMLElement> | undefined;
290
+ onTransitionRunCapture?: TransitionEventHandler<HTMLElement> | undefined;
291
+ onTransitionStart?: TransitionEventHandler<HTMLElement> | undefined;
292
+ onTransitionStartCapture?: TransitionEventHandler<HTMLElement> | undefined;
281
293
  };
282
294
  };
package/lib/primitive/AppBar/useAppBar.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { elementProps } from '@seed-design/dom-utils';
2
3
  import { useState, useMemo } from 'react';
3
4
  import { useAppScreenContext } from '../AppScreen/useAppScreenContext.js';
package/lib/primitive/AppBar/useAppBarContext.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/primitive/AppBar/useAppBarContext.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { createContext, useContext } from 'react';
2
3
 
3
4
  const AppBarContext = createContext(null);
package/lib/primitive/AppScreen/AppScreen.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/primitive/AppScreen/AppScreen.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { mergeProps } from '@seed-design/dom-utils';
3
4
  import { Primitive } from '@seed-design/react-primitive';
package/lib/primitive/AppScreen/useAppScreen.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/primitive/AppScreen/useAppScreen.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { UseSwipeBackProps } from '../GlobalInteraction/useSwipeBack';
2
2
  import { Activity } from '@stackflow/core';
3
- import { HTMLAttributes, CSSProperties, ReactNode, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler } from 'react';
3
+ import { HTMLAttributes, CSSProperties, AriaRole, ReactNode, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, InputEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, ToggleEventHandler, TransitionEventHandler } from 'react';
4
4
  export interface UseAppScreenProps extends UseSwipeBackProps {
5
5
  }
6
6
  export type UseAppScreenReturn = ReturnType<typeof useAppScreen>;
@@ -12,7 +12,6 @@ export declare function useAppScreen(props: UseAppScreenProps): {
12
12
  style?: CSSProperties | undefined;
13
13
  title?: string | undefined | undefined;
14
14
  dir?: string | undefined | undefined;
15
- children?: ReactNode;
16
15
  part?: string | undefined | undefined;
17
16
  suppressHydrationWarning?: boolean | undefined | undefined;
18
17
  defaultChecked?: boolean | undefined | undefined;
@@ -57,6 +56,10 @@ export declare function useAppScreen(props: UseAppScreenProps): {
57
56
  results?: number | undefined | undefined;
58
57
  security?: string | undefined | undefined;
59
58
  unselectable?: "on" | "off" | undefined | undefined;
59
+ popover?: "" | "auto" | "manual" | undefined | undefined;
60
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
61
+ popoverTarget?: string | undefined | undefined;
62
+ inert?: boolean | undefined | undefined;
60
63
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
61
64
  is?: string | undefined | undefined;
62
65
  exportparts?: string | undefined | undefined;
@@ -113,6 +116,7 @@ export declare function useAppScreen(props: UseAppScreenProps): {
113
116
  "aria-valuemin"?: number | undefined | undefined;
114
117
  "aria-valuenow"?: number | undefined | undefined;
115
118
  "aria-valuetext"?: string | undefined | undefined;
119
+ children?: ReactNode;
116
120
  dangerouslySetInnerHTML?: {
117
121
  __html: string | TrustedHTML;
118
122
  } | undefined | undefined;
@@ -134,7 +138,7 @@ export declare function useAppScreen(props: UseAppScreenProps): {
134
138
  onBlurCapture?: FocusEventHandler<HTMLElement> | undefined;
135
139
  onChange?: FormEventHandler<HTMLElement> | undefined;
136
140
  onChangeCapture?: FormEventHandler<HTMLElement> | undefined;
137
- onBeforeInput?: FormEventHandler<HTMLElement> | undefined;
141
+ onBeforeInput?: InputEventHandler<HTMLElement> | undefined;
138
142
  onBeforeInputCapture?: FormEventHandler<HTMLElement> | undefined;
139
143
  onInput?: FormEventHandler<HTMLElement> | undefined;
140
144
  onInputCapture?: FormEventHandler<HTMLElement> | undefined;
@@ -184,8 +188,6 @@ export declare function useAppScreen(props: UseAppScreenProps): {
184
188
  onProgressCapture?: ReactEventHandler<HTMLElement> | undefined;
185
189
  onRateChange?: ReactEventHandler<HTMLElement> | undefined;
186
190
  onRateChangeCapture?: ReactEventHandler<HTMLElement> | undefined;
187
- onResize?: ReactEventHandler<HTMLElement> | undefined;
188
- onResizeCapture?: ReactEventHandler<HTMLElement> | undefined;
189
191
  onSeeked?: ReactEventHandler<HTMLElement> | undefined;
190
192
  onSeekedCapture?: ReactEventHandler<HTMLElement> | undefined;
191
193
  onSeeking?: ReactEventHandler<HTMLElement> | undefined;
@@ -266,6 +268,8 @@ export declare function useAppScreen(props: UseAppScreenProps): {
266
268
  onLostPointerCaptureCapture?: PointerEventHandler<HTMLElement> | undefined;
267
269
  onScroll?: UIEventHandler<HTMLElement> | undefined;
268
270
  onScrollCapture?: UIEventHandler<HTMLElement> | undefined;
271
+ onScrollEnd?: UIEventHandler<HTMLElement> | undefined;
272
+ onScrollEndCapture?: UIEventHandler<HTMLElement> | undefined;
269
273
  onWheel?: WheelEventHandler<HTMLElement> | undefined;
270
274
  onWheelCapture?: WheelEventHandler<HTMLElement> | undefined;
271
275
  onAnimationStart?: AnimationEventHandler<HTMLElement> | undefined;
@@ -274,15 +278,22 @@ export declare function useAppScreen(props: UseAppScreenProps): {
274
278
  onAnimationEndCapture?: AnimationEventHandler<HTMLElement> | undefined;
275
279
  onAnimationIteration?: AnimationEventHandler<HTMLElement> | undefined;
276
280
  onAnimationIterationCapture?: AnimationEventHandler<HTMLElement> | undefined;
281
+ onToggle?: ToggleEventHandler<HTMLElement> | undefined;
282
+ onBeforeToggle?: ToggleEventHandler<HTMLElement> | undefined;
283
+ onTransitionCancel?: TransitionEventHandler<HTMLElement> | undefined;
284
+ onTransitionCancelCapture?: TransitionEventHandler<HTMLElement> | undefined;
277
285
  onTransitionEnd?: TransitionEventHandler<HTMLElement> | undefined;
278
286
  onTransitionEndCapture?: TransitionEventHandler<HTMLElement> | undefined;
287
+ onTransitionRun?: TransitionEventHandler<HTMLElement> | undefined;
288
+ onTransitionRunCapture?: TransitionEventHandler<HTMLElement> | undefined;
289
+ onTransitionStart?: TransitionEventHandler<HTMLElement> | undefined;
290
+ onTransitionStartCapture?: TransitionEventHandler<HTMLElement> | undefined;
279
291
  };
280
292
  dimProps: {
281
293
  slot?: string | undefined | undefined;
282
294
  style?: CSSProperties | undefined;
283
295
  title?: string | undefined | undefined;
284
296
  dir?: string | undefined | undefined;
285
- children?: ReactNode;
286
297
  part?: string | undefined | undefined;
287
298
  suppressHydrationWarning?: boolean | undefined | undefined;
288
299
  defaultChecked?: boolean | undefined | undefined;
@@ -327,6 +338,10 @@ export declare function useAppScreen(props: UseAppScreenProps): {
327
338
  results?: number | undefined | undefined;
328
339
  security?: string | undefined | undefined;
329
340
  unselectable?: "on" | "off" | undefined | undefined;
341
+ popover?: "" | "auto" | "manual" | undefined | undefined;
342
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
343
+ popoverTarget?: string | undefined | undefined;
344
+ inert?: boolean | undefined | undefined;
330
345
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
331
346
  is?: string | undefined | undefined;
332
347
  exportparts?: string | undefined | undefined;
@@ -383,6 +398,7 @@ export declare function useAppScreen(props: UseAppScreenProps): {
383
398
  "aria-valuemin"?: number | undefined | undefined;
384
399
  "aria-valuenow"?: number | undefined | undefined;
385
400
  "aria-valuetext"?: string | undefined | undefined;
401
+ children?: ReactNode;
386
402
  dangerouslySetInnerHTML?: {
387
403
  __html: string | TrustedHTML;
388
404
  } | undefined | undefined;
@@ -404,7 +420,7 @@ export declare function useAppScreen(props: UseAppScreenProps): {
404
420
  onBlurCapture?: FocusEventHandler<HTMLElement> | undefined;
405
421
  onChange?: FormEventHandler<HTMLElement> | undefined;
406
422
  onChangeCapture?: FormEventHandler<HTMLElement> | undefined;
407
- onBeforeInput?: FormEventHandler<HTMLElement> | undefined;
423
+ onBeforeInput?: InputEventHandler<HTMLElement> | undefined;
408
424
  onBeforeInputCapture?: FormEventHandler<HTMLElement> | undefined;
409
425
  onInput?: FormEventHandler<HTMLElement> | undefined;
410
426
  onInputCapture?: FormEventHandler<HTMLElement> | undefined;
@@ -454,8 +470,6 @@ export declare function useAppScreen(props: UseAppScreenProps): {
454
470
  onProgressCapture?: ReactEventHandler<HTMLElement> | undefined;
455
471
  onRateChange?: ReactEventHandler<HTMLElement> | undefined;
456
472
  onRateChangeCapture?: ReactEventHandler<HTMLElement> | undefined;
457
- onResize?: ReactEventHandler<HTMLElement> | undefined;
458
- onResizeCapture?: ReactEventHandler<HTMLElement> | undefined;
459
473
  onSeeked?: ReactEventHandler<HTMLElement> | undefined;
460
474
  onSeekedCapture?: ReactEventHandler<HTMLElement> | undefined;
461
475
  onSeeking?: ReactEventHandler<HTMLElement> | undefined;
@@ -536,6 +550,8 @@ export declare function useAppScreen(props: UseAppScreenProps): {
536
550
  onLostPointerCaptureCapture?: PointerEventHandler<HTMLElement> | undefined;
537
551
  onScroll?: UIEventHandler<HTMLElement> | undefined;
538
552
  onScrollCapture?: UIEventHandler<HTMLElement> | undefined;
553
+ onScrollEnd?: UIEventHandler<HTMLElement> | undefined;
554
+ onScrollEndCapture?: UIEventHandler<HTMLElement> | undefined;
539
555
  onWheel?: WheelEventHandler<HTMLElement> | undefined;
540
556
  onWheelCapture?: WheelEventHandler<HTMLElement> | undefined;
541
557
  onAnimationStart?: AnimationEventHandler<HTMLElement> | undefined;
@@ -544,15 +560,22 @@ export declare function useAppScreen(props: UseAppScreenProps): {
544
560
  onAnimationEndCapture?: AnimationEventHandler<HTMLElement> | undefined;
545
561
  onAnimationIteration?: AnimationEventHandler<HTMLElement> | undefined;
546
562
  onAnimationIterationCapture?: AnimationEventHandler<HTMLElement> | undefined;
563
+ onToggle?: ToggleEventHandler<HTMLElement> | undefined;
564
+ onBeforeToggle?: ToggleEventHandler<HTMLElement> | undefined;
565
+ onTransitionCancel?: TransitionEventHandler<HTMLElement> | undefined;
566
+ onTransitionCancelCapture?: TransitionEventHandler<HTMLElement> | undefined;
547
567
  onTransitionEnd?: TransitionEventHandler<HTMLElement> | undefined;
548
568
  onTransitionEndCapture?: TransitionEventHandler<HTMLElement> | undefined;
569
+ onTransitionRun?: TransitionEventHandler<HTMLElement> | undefined;
570
+ onTransitionRunCapture?: TransitionEventHandler<HTMLElement> | undefined;
571
+ onTransitionStart?: TransitionEventHandler<HTMLElement> | undefined;
572
+ onTransitionStartCapture?: TransitionEventHandler<HTMLElement> | undefined;
549
573
  };
550
574
  layerProps: {
551
575
  slot?: string | undefined | undefined;
552
576
  style?: CSSProperties | undefined;
553
577
  title?: string | undefined | undefined;
554
578
  dir?: string | undefined | undefined;
555
- children?: ReactNode;
556
579
  part?: string | undefined | undefined;
557
580
  suppressHydrationWarning?: boolean | undefined | undefined;
558
581
  defaultChecked?: boolean | undefined | undefined;
@@ -597,6 +620,10 @@ export declare function useAppScreen(props: UseAppScreenProps): {
597
620
  results?: number | undefined | undefined;
598
621
  security?: string | undefined | undefined;
599
622
  unselectable?: "on" | "off" | undefined | undefined;
623
+ popover?: "" | "auto" | "manual" | undefined | undefined;
624
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
625
+ popoverTarget?: string | undefined | undefined;
626
+ inert?: boolean | undefined | undefined;
600
627
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
601
628
  is?: string | undefined | undefined;
602
629
  exportparts?: string | undefined | undefined;
@@ -653,6 +680,7 @@ export declare function useAppScreen(props: UseAppScreenProps): {
653
680
  "aria-valuemin"?: number | undefined | undefined;
654
681
  "aria-valuenow"?: number | undefined | undefined;
655
682
  "aria-valuetext"?: string | undefined | undefined;
683
+ children?: ReactNode;
656
684
  dangerouslySetInnerHTML?: {
657
685
  __html: string | TrustedHTML;
658
686
  } | undefined | undefined;
@@ -674,7 +702,7 @@ export declare function useAppScreen(props: UseAppScreenProps): {
674
702
  onBlurCapture?: FocusEventHandler<HTMLElement> | undefined;
675
703
  onChange?: FormEventHandler<HTMLElement> | undefined;
676
704
  onChangeCapture?: FormEventHandler<HTMLElement> | undefined;
677
- onBeforeInput?: FormEventHandler<HTMLElement> | undefined;
705
+ onBeforeInput?: InputEventHandler<HTMLElement> | undefined;
678
706
  onBeforeInputCapture?: FormEventHandler<HTMLElement> | undefined;
679
707
  onInput?: FormEventHandler<HTMLElement> | undefined;
680
708
  onInputCapture?: FormEventHandler<HTMLElement> | undefined;
@@ -724,8 +752,6 @@ export declare function useAppScreen(props: UseAppScreenProps): {
724
752
  onProgressCapture?: ReactEventHandler<HTMLElement> | undefined;
725
753
  onRateChange?: ReactEventHandler<HTMLElement> | undefined;
726
754
  onRateChangeCapture?: ReactEventHandler<HTMLElement> | undefined;
727
- onResize?: ReactEventHandler<HTMLElement> | undefined;
728
- onResizeCapture?: ReactEventHandler<HTMLElement> | undefined;
729
755
  onSeeked?: ReactEventHandler<HTMLElement> | undefined;
730
756
  onSeekedCapture?: ReactEventHandler<HTMLElement> | undefined;
731
757
  onSeeking?: ReactEventHandler<HTMLElement> | undefined;
@@ -806,6 +832,8 @@ export declare function useAppScreen(props: UseAppScreenProps): {
806
832
  onLostPointerCaptureCapture?: PointerEventHandler<HTMLElement> | undefined;
807
833
  onScroll?: UIEventHandler<HTMLElement> | undefined;
808
834
  onScrollCapture?: UIEventHandler<HTMLElement> | undefined;
835
+ onScrollEnd?: UIEventHandler<HTMLElement> | undefined;
836
+ onScrollEndCapture?: UIEventHandler<HTMLElement> | undefined;
809
837
  onWheel?: WheelEventHandler<HTMLElement> | undefined;
810
838
  onWheelCapture?: WheelEventHandler<HTMLElement> | undefined;
811
839
  onAnimationStart?: AnimationEventHandler<HTMLElement> | undefined;
@@ -814,15 +842,22 @@ export declare function useAppScreen(props: UseAppScreenProps): {
814
842
  onAnimationEndCapture?: AnimationEventHandler<HTMLElement> | undefined;
815
843
  onAnimationIteration?: AnimationEventHandler<HTMLElement> | undefined;
816
844
  onAnimationIterationCapture?: AnimationEventHandler<HTMLElement> | undefined;
845
+ onToggle?: ToggleEventHandler<HTMLElement> | undefined;
846
+ onBeforeToggle?: ToggleEventHandler<HTMLElement> | undefined;
847
+ onTransitionCancel?: TransitionEventHandler<HTMLElement> | undefined;
848
+ onTransitionCancelCapture?: TransitionEventHandler<HTMLElement> | undefined;
817
849
  onTransitionEnd?: TransitionEventHandler<HTMLElement> | undefined;
818
850
  onTransitionEndCapture?: TransitionEventHandler<HTMLElement> | undefined;
851
+ onTransitionRun?: TransitionEventHandler<HTMLElement> | undefined;
852
+ onTransitionRunCapture?: TransitionEventHandler<HTMLElement> | undefined;
853
+ onTransitionStart?: TransitionEventHandler<HTMLElement> | undefined;
854
+ onTransitionStartCapture?: TransitionEventHandler<HTMLElement> | undefined;
819
855
  };
820
856
  edgeProps: {
821
857
  slot?: string | undefined | undefined;
822
858
  style?: CSSProperties | undefined;
823
859
  title?: string | undefined | undefined;
824
860
  dir?: string | undefined | undefined;
825
- children?: ReactNode;
826
861
  part?: string | undefined | undefined;
827
862
  suppressHydrationWarning?: boolean | undefined | undefined;
828
863
  defaultChecked?: boolean | undefined | undefined;
@@ -867,6 +902,10 @@ export declare function useAppScreen(props: UseAppScreenProps): {
867
902
  results?: number | undefined | undefined;
868
903
  security?: string | undefined | undefined;
869
904
  unselectable?: "on" | "off" | undefined | undefined;
905
+ popover?: "" | "auto" | "manual" | undefined | undefined;
906
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
907
+ popoverTarget?: string | undefined | undefined;
908
+ inert?: boolean | undefined | undefined;
870
909
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
871
910
  is?: string | undefined | undefined;
872
911
  exportparts?: string | undefined | undefined;
@@ -923,6 +962,7 @@ export declare function useAppScreen(props: UseAppScreenProps): {
923
962
  "aria-valuemin"?: number | undefined | undefined;
924
963
  "aria-valuenow"?: number | undefined | undefined;
925
964
  "aria-valuetext"?: string | undefined | undefined;
965
+ children?: ReactNode;
926
966
  dangerouslySetInnerHTML?: {
927
967
  __html: string | TrustedHTML;
928
968
  } | undefined | undefined;
@@ -944,7 +984,7 @@ export declare function useAppScreen(props: UseAppScreenProps): {
944
984
  onBlurCapture?: FocusEventHandler<HTMLElement> | undefined;
945
985
  onChange?: FormEventHandler<HTMLElement> | undefined;
946
986
  onChangeCapture?: FormEventHandler<HTMLElement> | undefined;
947
- onBeforeInput?: FormEventHandler<HTMLElement> | undefined;
987
+ onBeforeInput?: InputEventHandler<HTMLElement> | undefined;
948
988
  onBeforeInputCapture?: FormEventHandler<HTMLElement> | undefined;
949
989
  onInput?: FormEventHandler<HTMLElement> | undefined;
950
990
  onInputCapture?: FormEventHandler<HTMLElement> | undefined;
@@ -994,8 +1034,6 @@ export declare function useAppScreen(props: UseAppScreenProps): {
994
1034
  onProgressCapture?: ReactEventHandler<HTMLElement> | undefined;
995
1035
  onRateChange?: ReactEventHandler<HTMLElement> | undefined;
996
1036
  onRateChangeCapture?: ReactEventHandler<HTMLElement> | undefined;
997
- onResize?: ReactEventHandler<HTMLElement> | undefined;
998
- onResizeCapture?: ReactEventHandler<HTMLElement> | undefined;
999
1037
  onSeeked?: ReactEventHandler<HTMLElement> | undefined;
1000
1038
  onSeekedCapture?: ReactEventHandler<HTMLElement> | undefined;
1001
1039
  onSeeking?: ReactEventHandler<HTMLElement> | undefined;
@@ -1076,6 +1114,8 @@ export declare function useAppScreen(props: UseAppScreenProps): {
1076
1114
  onLostPointerCaptureCapture?: PointerEventHandler<HTMLElement> | undefined;
1077
1115
  onScroll?: UIEventHandler<HTMLElement> | undefined;
1078
1116
  onScrollCapture?: UIEventHandler<HTMLElement> | undefined;
1117
+ onScrollEnd?: UIEventHandler<HTMLElement> | undefined;
1118
+ onScrollEndCapture?: UIEventHandler<HTMLElement> | undefined;
1079
1119
  onWheel?: WheelEventHandler<HTMLElement> | undefined;
1080
1120
  onWheelCapture?: WheelEventHandler<HTMLElement> | undefined;
1081
1121
  onAnimationStart?: AnimationEventHandler<HTMLElement> | undefined;
@@ -1084,7 +1124,15 @@ export declare function useAppScreen(props: UseAppScreenProps): {
1084
1124
  onAnimationEndCapture?: AnimationEventHandler<HTMLElement> | undefined;
1085
1125
  onAnimationIteration?: AnimationEventHandler<HTMLElement> | undefined;
1086
1126
  onAnimationIterationCapture?: AnimationEventHandler<HTMLElement> | undefined;
1127
+ onToggle?: ToggleEventHandler<HTMLElement> | undefined;
1128
+ onBeforeToggle?: ToggleEventHandler<HTMLElement> | undefined;
1129
+ onTransitionCancel?: TransitionEventHandler<HTMLElement> | undefined;
1130
+ onTransitionCancelCapture?: TransitionEventHandler<HTMLElement> | undefined;
1087
1131
  onTransitionEnd?: TransitionEventHandler<HTMLElement> | undefined;
1088
1132
  onTransitionEndCapture?: TransitionEventHandler<HTMLElement> | undefined;
1133
+ onTransitionRun?: TransitionEventHandler<HTMLElement> | undefined;
1134
+ onTransitionRunCapture?: TransitionEventHandler<HTMLElement> | undefined;
1135
+ onTransitionStart?: TransitionEventHandler<HTMLElement> | undefined;
1136
+ onTransitionStartCapture?: TransitionEventHandler<HTMLElement> | undefined;
1089
1137
  };
1090
1138
  };
package/lib/primitive/AppScreen/useAppScreen.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { dataAttr, elementProps } from '@seed-design/dom-utils';
2
3
  import { useNullableActivity, useZIndexBase } from '@stackflow/react-ui-core';
3
4
  import { useMemo } from 'react';
package/lib/primitive/AppScreen/useAppScreenContext.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/primitive/AppScreen/useAppScreenContext.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { createContext, useContext } from 'react';
2
3
 
3
4
  const AppScreenContext = createContext(null);
package/lib/primitive/GlobalInteraction/GlobalInteraction.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/primitive/GlobalInteraction/GlobalInteraction.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import { composeRefs } from '@radix-ui/react-compose-refs';
3
4
  import { mergeProps } from '@seed-design/dom-utils';
package/lib/primitive/GlobalInteraction/useGlobalInteraction.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/primitive/GlobalInteraction/useGlobalInteraction.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { RefObject, MutableRefObject, Dispatch, SetStateAction, HTMLAttributes } from 'react';
1
+ import { RefObject, Dispatch, SetStateAction, HTMLAttributes } from 'react';
2
2
  export type SwipeBackState = "idle" | "swiping" | "transitioning";
3
3
  export type UseGlobalInteractionReturn = ReturnType<typeof useGlobalInteraction>;
4
4
  export interface SwipeBackContext {
@@ -39,8 +39,8 @@ export interface MoveSwipeBackProps {
39
39
  export interface EndSwipeBackProps {
40
40
  }
41
41
  export declare function useGlobalInteraction(): {
42
- stackRef: RefObject<HTMLDivElement>;
43
- swipeBackContextRef: MutableRefObject<SwipeBackContext>;
42
+ stackRef: RefObject<HTMLDivElement | null>;
43
+ swipeBackContextRef: RefObject<SwipeBackContext>;
44
44
  swipeBackState: SwipeBackState;
45
45
  setSwipeBackState: Dispatch<SetStateAction<SwipeBackState>>;
46
46
  setSwipeBackContext: (ctx: SwipeBackContext) => void;
package/lib/primitive/GlobalInteraction/useGlobalInteraction.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { useCallbackRef } from '@radix-ui/react-use-callback-ref';
2
3
  import { useState, useRef, useCallback, useMemo } from 'react';
3
4
  import { useTopActivity } from '../private/useTopActivity.js';
package/lib/primitive/GlobalInteraction/useGlobalInteractionContext.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/primitive/GlobalInteraction/useGlobalInteractionContext.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { createContext, useContext } from 'react';
2
3
 
3
4
  const GlobalInteractionContext = createContext(null);
package/lib/primitive/GlobalInteraction/useSwipeBack.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/primitive/GlobalInteraction/useSwipeBack.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { useEffect, useMemo } from 'react';
2
3
  import { useGlobalInteractionContext } from './useGlobalInteractionContext.js';
3
4
 
package/lib/primitive/private/useElementOffset.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/primitive/private/useElementOffset.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import * as React from 'react';
2
3
 
3
4
  const useLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
package/lib/primitive/private/useTopActivity.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/primitive/private/useTopActivity.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { useStack } from '@stackflow/react';
2
3
  import { useState, useEffect } from 'react';
3
4
 
package/lib/utils/createStyleContext.cjs CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  'use strict';
2
3
 
3
4
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
package/lib/utils/createStyleContext.js CHANGED
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  import { jsx } from 'react/jsx-runtime';
2
3
  import clsx from 'clsx';
3
4
  import { createContext, forwardRef, useContext } from 'react';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/stackflow",
3
- "version": "0.0.25",
3
+ "version": "0.0.28",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",
@@ -28,26 +28,26 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@radix-ui/react-compose-refs": "^1.1.2",
31
- "@radix-ui/react-slot": "^1.2.0",
31
+ "@radix-ui/react-slot": "^1.2.3",
32
32
  "@radix-ui/react-use-callback-ref": "^1.1.1",
33
33
  "@seed-design/dom-utils": "0.0.2",
34
34
  "@seed-design/react-primitive": "0.0.2",
35
35
  "clsx": "^2.1.1"
36
36
  },
37
37
  "devDependencies": {
38
- "@seed-design/css": "0.0.25",
38
+ "@seed-design/css": "0.0.28",
39
39
  "@stackflow/core": "^1.2.0",
40
40
  "@stackflow/react": "^1.5.1",
41
41
  "@stackflow/react-ui-core": "^1.3.0",
42
42
  "@vitejs/plugin-react": "^4.4.1",
43
43
  "globby": "^14.1.0",
44
- "react": "^18.3.1",
45
- "react-dom": "^18.3.1",
44
+ "react": "^19.1.0",
45
+ "react-dom": "^19.1.0",
46
46
  "vite": "^6.3.3",
47
47
  "vite-plugin-dts": "^4.5.3"
48
48
  },
49
49
  "peerDependencies": {
50
- "@seed-design/css": "0.0.25",
50
+ "@seed-design/css": "0.0.28",
51
51
  "@stackflow/core": ">=1.1.0",
52
52
  "@stackflow/react": ">=1.4.1",
53
53
  "@stackflow/react-ui-core": ">=1.2.1",