@ark-ui/react 5.30.0 → 5.32.0
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.
- package/dist/components/accordion/accordion-item.cjs +1 -0
- package/dist/components/accordion/accordion-item.js +1 -0
- package/dist/components/accordion/index.cjs +4 -4
- package/dist/components/anatomy.cjs +7 -5
- package/dist/components/anatomy.d.cts +2 -1
- package/dist/components/anatomy.d.ts +2 -1
- package/dist/components/anatomy.js +2 -1
- package/dist/components/angle-slider/angle-slider-label.d.cts +1 -1
- package/dist/components/angle-slider/angle-slider-label.d.ts +1 -1
- package/dist/components/angle-slider/index.cjs +4 -4
- package/dist/components/avatar/index.cjs +4 -4
- package/dist/components/checkbox/checkbox-group.cjs +2 -1
- package/dist/components/checkbox/checkbox-group.js +2 -1
- package/dist/components/checkbox/use-checkbox-group.cjs +7 -3
- package/dist/components/checkbox/use-checkbox-group.d.cts +4 -0
- package/dist/components/checkbox/use-checkbox-group.d.ts +4 -0
- package/dist/components/checkbox/use-checkbox-group.js +7 -3
- package/dist/components/checkbox/use-checkbox.cjs +1 -1
- package/dist/components/checkbox/use-checkbox.js +1 -1
- package/dist/components/clipboard/index.cjs +4 -4
- package/dist/components/collapsible/index.cjs +4 -4
- package/dist/components/collection/tree-collection.js +1 -1
- package/dist/components/color-picker/index.cjs +4 -4
- package/dist/components/date-picker/date-picker-root.cjs +5 -1
- package/dist/components/date-picker/date-picker-root.js +5 -1
- package/dist/components/date-picker/date-picker-value-text.cjs +30 -0
- package/dist/components/date-picker/date-picker-value-text.d.cts +29 -0
- package/dist/components/date-picker/date-picker-value-text.d.ts +29 -0
- package/dist/components/date-picker/date-picker-value-text.js +26 -0
- package/dist/components/date-picker/date-picker-week-number-cell.cjs +24 -0
- package/dist/components/date-picker/date-picker-week-number-cell.d.cts +10 -0
- package/dist/components/date-picker/date-picker-week-number-cell.d.ts +10 -0
- package/dist/components/date-picker/date-picker-week-number-cell.js +20 -0
- package/dist/components/date-picker/date-picker-week-number-header-cell.cjs +23 -0
- package/dist/components/date-picker/date-picker-week-number-header-cell.d.cts +7 -0
- package/dist/components/date-picker/date-picker-week-number-header-cell.d.ts +7 -0
- package/dist/components/date-picker/date-picker-week-number-header-cell.js +19 -0
- package/dist/components/date-picker/date-picker.anatomy.cjs +1 -1
- package/dist/components/date-picker/date-picker.anatomy.d.cts +1 -1
- package/dist/components/date-picker/date-picker.anatomy.d.ts +1 -1
- package/dist/components/date-picker/date-picker.anatomy.js +1 -1
- package/dist/components/date-picker/date-picker.cjs +6 -0
- package/dist/components/date-picker/date-picker.d.cts +4 -1
- package/dist/components/date-picker/date-picker.d.ts +4 -1
- package/dist/components/date-picker/date-picker.js +3 -0
- package/dist/components/date-picker/index.cjs +10 -4
- package/dist/components/date-picker/index.d.cts +4 -1
- package/dist/components/date-picker/index.d.ts +4 -1
- package/dist/components/date-picker/index.js +3 -0
- package/dist/components/dialog/index.cjs +4 -4
- package/dist/components/{bottom-sheet/bottom-sheet-backdrop.cjs → drawer/drawer-backdrop.cjs} +7 -7
- package/dist/components/drawer/drawer-backdrop.d.cts +7 -0
- package/dist/components/drawer/drawer-backdrop.d.ts +7 -0
- package/dist/components/{bottom-sheet/bottom-sheet-backdrop.js → drawer/drawer-backdrop.js} +7 -7
- package/dist/components/drawer/drawer-close-trigger.cjs +19 -0
- package/dist/components/drawer/drawer-close-trigger.d.cts +7 -0
- package/dist/components/drawer/drawer-close-trigger.d.ts +7 -0
- package/dist/components/drawer/drawer-close-trigger.js +15 -0
- package/dist/components/{bottom-sheet/bottom-sheet-content.cjs → drawer/drawer-content.cjs} +6 -6
- package/dist/components/drawer/drawer-content.d.cts +8 -0
- package/dist/components/drawer/drawer-content.d.ts +8 -0
- package/dist/components/{bottom-sheet/bottom-sheet-content.js → drawer/drawer-content.js} +6 -6
- package/dist/components/drawer/drawer-context.cjs +10 -0
- package/dist/components/drawer/drawer-context.d.cts +6 -0
- package/dist/components/drawer/drawer-context.d.ts +6 -0
- package/dist/components/drawer/drawer-context.js +6 -0
- package/dist/components/drawer/drawer-grabber-indicator.cjs +19 -0
- package/dist/components/drawer/drawer-grabber-indicator.d.cts +7 -0
- package/dist/components/drawer/drawer-grabber-indicator.d.ts +7 -0
- package/dist/components/drawer/drawer-grabber-indicator.js +15 -0
- package/dist/components/drawer/drawer-grabber.cjs +19 -0
- package/dist/components/drawer/drawer-grabber.d.cts +7 -0
- package/dist/components/drawer/drawer-grabber.d.ts +7 -0
- package/dist/components/drawer/drawer-grabber.js +15 -0
- package/dist/components/drawer/drawer-indent-background.cjs +19 -0
- package/dist/components/drawer/drawer-indent-background.d.cts +7 -0
- package/dist/components/drawer/drawer-indent-background.d.ts +7 -0
- package/dist/components/drawer/drawer-indent-background.js +15 -0
- package/dist/components/drawer/drawer-indent.cjs +19 -0
- package/dist/components/drawer/drawer-indent.d.cts +7 -0
- package/dist/components/drawer/drawer-indent.d.ts +7 -0
- package/dist/components/drawer/drawer-indent.js +15 -0
- package/dist/components/drawer/drawer-positioner.cjs +24 -0
- package/dist/components/drawer/drawer-positioner.d.cts +7 -0
- package/dist/components/drawer/drawer-positioner.d.ts +7 -0
- package/dist/components/drawer/drawer-positioner.js +20 -0
- package/dist/components/drawer/drawer-root-provider.cjs +21 -0
- package/dist/components/drawer/drawer-root-provider.d.cts +14 -0
- package/dist/components/drawer/drawer-root-provider.d.ts +14 -0
- package/dist/components/drawer/drawer-root-provider.js +17 -0
- package/dist/components/{bottom-sheet/bottom-sheet-root.cjs → drawer/drawer-root.cjs} +7 -7
- package/dist/components/drawer/drawer-root.d.cts +9 -0
- package/dist/components/drawer/drawer-root.d.ts +9 -0
- package/dist/components/drawer/drawer-root.js +19 -0
- package/dist/components/drawer/drawer-stack.cjs +40 -0
- package/dist/components/drawer/drawer-stack.d.cts +5 -0
- package/dist/components/drawer/drawer-stack.d.ts +5 -0
- package/dist/components/drawer/drawer-stack.js +17 -0
- package/dist/components/drawer/drawer-title.cjs +19 -0
- package/dist/components/drawer/drawer-title.d.cts +7 -0
- package/dist/components/drawer/drawer-title.d.ts +7 -0
- package/dist/components/drawer/drawer-title.js +15 -0
- package/dist/components/{bottom-sheet/bottom-sheet-trigger.cjs → drawer/drawer-trigger.cjs} +7 -7
- package/dist/components/drawer/drawer-trigger.d.cts +7 -0
- package/dist/components/drawer/drawer-trigger.d.ts +7 -0
- package/dist/components/{bottom-sheet/bottom-sheet-trigger.js → drawer/drawer-trigger.js} +7 -7
- package/dist/components/drawer/drawer.anatomy.d.cts +1 -0
- package/dist/components/drawer/drawer.anatomy.d.ts +1 -0
- package/dist/components/drawer/drawer.cjs +35 -0
- package/dist/components/drawer/drawer.d.cts +15 -0
- package/dist/components/drawer/drawer.d.ts +15 -0
- package/dist/components/drawer/drawer.js +14 -0
- package/dist/components/drawer/index.cjs +48 -0
- package/dist/components/drawer/index.d.cts +20 -0
- package/dist/components/drawer/index.d.ts +20 -0
- package/dist/components/drawer/index.js +20 -0
- package/dist/components/drawer/use-drawer-context.cjs +15 -0
- package/dist/components/drawer/use-drawer-context.d.cts +5 -0
- package/dist/components/drawer/use-drawer-context.d.ts +5 -0
- package/dist/components/drawer/use-drawer-context.js +10 -0
- package/dist/components/drawer/use-drawer-stack-context.cjs +15 -0
- package/dist/components/drawer/use-drawer-stack-context.d.cts +6 -0
- package/dist/components/drawer/use-drawer-stack-context.d.ts +6 -0
- package/dist/components/drawer/use-drawer-stack-context.js +10 -0
- package/dist/components/drawer/use-drawer-stack-store.cjs +13 -0
- package/dist/components/drawer/use-drawer-stack-store.d.cts +4 -0
- package/dist/components/drawer/use-drawer-stack-store.d.ts +4 -0
- package/dist/components/drawer/use-drawer-stack-store.js +8 -0
- package/dist/components/{bottom-sheet/use-bottom-sheet.cjs → drawer/use-drawer.cjs} +9 -6
- package/dist/components/drawer/use-drawer.d.cts +9 -0
- package/dist/components/drawer/use-drawer.d.ts +9 -0
- package/dist/components/{bottom-sheet/use-bottom-sheet.js → drawer/use-drawer.js} +8 -5
- package/dist/components/editable/index.cjs +4 -4
- package/dist/components/file-upload/file-upload-root.cjs +1 -0
- package/dist/components/file-upload/file-upload-root.js +1 -0
- package/dist/components/file-upload/index.cjs +4 -4
- package/dist/components/floating-panel/index.cjs +4 -4
- package/dist/components/hover-card/index.cjs +4 -4
- package/dist/components/image-cropper/index.cjs +4 -4
- package/dist/components/index.cjs +217 -172
- package/dist/components/index.d.cts +2 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.js +33 -15
- package/dist/components/json-tree-view/json-tree-view-root-provider.cjs +4 -1
- package/dist/components/json-tree-view/json-tree-view-root-provider.d.cts +3 -1
- package/dist/components/json-tree-view/json-tree-view-root-provider.d.ts +3 -1
- package/dist/components/json-tree-view/json-tree-view-root-provider.js +4 -1
- package/dist/components/json-tree-view/use-json-tree-view.cjs +12 -2
- package/dist/components/json-tree-view/use-json-tree-view.d.cts +4 -2
- package/dist/components/json-tree-view/use-json-tree-view.d.ts +4 -2
- package/dist/components/json-tree-view/use-json-tree-view.js +13 -3
- package/dist/components/marquee/index.cjs +4 -4
- package/dist/components/menu/index.cjs +4 -4
- package/dist/components/navigation-menu/index.cjs +4 -4
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.cjs +4 -3
- package/dist/components/navigation-menu/navigation-menu-viewport-positioner.js +4 -3
- package/dist/components/navigation-menu/navigation-menu-viewport.cjs +8 -6
- package/dist/components/navigation-menu/navigation-menu-viewport.d.cts +1 -2
- package/dist/components/navigation-menu/navigation-menu-viewport.d.ts +1 -2
- package/dist/components/navigation-menu/navigation-menu-viewport.js +8 -6
- package/dist/components/navigation-menu/use-navigation-menu-viewport-props-context.cjs +16 -0
- package/dist/components/navigation-menu/use-navigation-menu-viewport-props-context.d.cts +3 -0
- package/dist/components/navigation-menu/use-navigation-menu-viewport-props-context.d.ts +3 -0
- package/dist/components/navigation-menu/use-navigation-menu-viewport-props-context.js +11 -0
- package/dist/components/number-input/index.cjs +4 -4
- package/dist/components/pagination/index.cjs +4 -4
- package/dist/components/password-input/index.cjs +4 -4
- package/dist/components/pin-input/index.cjs +4 -4
- package/dist/components/popover/index.cjs +4 -4
- package/dist/components/progress/examples/circular/with-label.d.cts +1 -0
- package/dist/components/progress/examples/circular/with-label.d.ts +1 -0
- package/dist/components/progress/index.cjs +4 -4
- package/dist/components/scroll-area/index.cjs +4 -4
- package/dist/components/select/index.cjs +4 -4
- package/dist/components/select/select-root.cjs +1 -0
- package/dist/components/select/select-root.js +1 -0
- package/dist/components/signature-pad/index.cjs +4 -4
- package/dist/components/slider/index.cjs +4 -4
- package/dist/components/slider/slider-root.cjs +1 -1
- package/dist/components/slider/slider-root.js +1 -1
- package/dist/components/splitter/index.cjs +5 -5
- package/dist/components/steps/index.cjs +4 -4
- package/dist/components/steps/steps-root.cjs +4 -1
- package/dist/components/steps/steps-root.js +4 -1
- package/dist/components/swap/index.cjs +21 -0
- package/dist/components/swap/index.d.cts +7 -0
- package/dist/components/swap/index.d.ts +7 -0
- package/dist/components/swap/index.js +8 -0
- package/dist/components/swap/swap-indicator.cjs +23 -0
- package/dist/components/swap/swap-indicator.d.cts +8 -0
- package/dist/components/swap/swap-indicator.d.ts +8 -0
- package/dist/components/swap/swap-indicator.js +19 -0
- package/dist/components/swap/swap-root-provider.cjs +19 -0
- package/dist/components/swap/swap-root-provider.d.cts +9 -0
- package/dist/components/swap/swap-root-provider.d.ts +9 -0
- package/dist/components/swap/swap-root-provider.js +15 -0
- package/dist/components/swap/swap-root.cjs +21 -0
- package/dist/components/swap/swap-root.d.cts +8 -0
- package/dist/components/swap/swap-root.d.ts +8 -0
- package/dist/components/swap/swap-root.js +17 -0
- package/dist/components/swap/swap.anatomy.cjs +12 -0
- package/dist/components/swap/swap.anatomy.d.cts +3 -0
- package/dist/components/swap/swap.anatomy.d.ts +3 -0
- package/dist/components/swap/swap.anatomy.js +7 -0
- package/dist/components/swap/swap.cjs +15 -0
- package/dist/components/swap/swap.d.cts +4 -0
- package/dist/components/swap/swap.d.ts +4 -0
- package/dist/components/swap/swap.js +4 -0
- package/dist/components/swap/use-swap-context.cjs +15 -0
- package/dist/components/swap/use-swap-context.d.cts +5 -0
- package/dist/components/swap/use-swap-context.d.ts +5 -0
- package/dist/components/swap/use-swap-context.js +10 -0
- package/dist/components/swap/use-swap.cjs +37 -0
- package/dist/components/swap/use-swap.d.cts +36 -0
- package/dist/components/swap/use-swap.d.ts +36 -0
- package/dist/components/swap/use-swap.js +33 -0
- package/dist/components/tabs/index.cjs +4 -4
- package/dist/components/tags-input/index.cjs +4 -4
- package/dist/components/tags-input/tags-input-root.cjs +1 -0
- package/dist/components/tags-input/tags-input-root.js +1 -0
- package/dist/components/timer/index.cjs +4 -4
- package/dist/components/toast/index.cjs +4 -4
- package/dist/components/toggle-group/index.cjs +4 -4
- package/dist/components/tooltip/index.cjs +4 -4
- package/dist/components/tour/index.cjs +15 -0
- package/dist/components/tour/index.d.cts +3 -1
- package/dist/components/tour/index.d.ts +3 -1
- package/dist/components/tour/index.js +2 -0
- package/dist/components/tour/wait-for-event.cjs +26 -0
- package/dist/components/tour/wait-for-event.d.cts +6 -0
- package/dist/components/tour/wait-for-event.d.ts +6 -0
- package/dist/components/tour/wait-for-event.js +22 -0
- package/dist/components/tree-view/index.cjs +4 -4
- package/dist/index.cjs +219 -172
- package/dist/index.js +34 -15
- package/dist/providers/index.cjs +2 -0
- package/dist/providers/index.js +1 -0
- package/dist/providers/locale/index.cjs +2 -0
- package/dist/providers/locale/index.d.cts +1 -0
- package/dist/providers/locale/index.d.ts +1 -0
- package/dist/providers/locale/index.js +1 -0
- package/dist/providers/locale/use-date-formatter.cjs +19 -0
- package/dist/providers/locale/use-date-formatter.d.cts +5 -0
- package/dist/providers/locale/use-date-formatter.d.ts +5 -0
- package/dist/providers/locale/use-date-formatter.js +15 -0
- package/package.json +84 -82
- package/dist/components/bottom-sheet/bottom-sheet-backdrop.d.cts +0 -7
- package/dist/components/bottom-sheet/bottom-sheet-backdrop.d.ts +0 -7
- package/dist/components/bottom-sheet/bottom-sheet-close-trigger.cjs +0 -19
- package/dist/components/bottom-sheet/bottom-sheet-close-trigger.d.cts +0 -7
- package/dist/components/bottom-sheet/bottom-sheet-close-trigger.d.ts +0 -7
- package/dist/components/bottom-sheet/bottom-sheet-close-trigger.js +0 -15
- package/dist/components/bottom-sheet/bottom-sheet-content.d.cts +0 -8
- package/dist/components/bottom-sheet/bottom-sheet-content.d.ts +0 -8
- package/dist/components/bottom-sheet/bottom-sheet-context.cjs +0 -10
- package/dist/components/bottom-sheet/bottom-sheet-context.d.cts +0 -6
- package/dist/components/bottom-sheet/bottom-sheet-context.d.ts +0 -6
- package/dist/components/bottom-sheet/bottom-sheet-context.js +0 -6
- package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.cjs +0 -21
- package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.d.cts +0 -7
- package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.d.ts +0 -7
- package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.js +0 -17
- package/dist/components/bottom-sheet/bottom-sheet-grabber.cjs +0 -19
- package/dist/components/bottom-sheet/bottom-sheet-grabber.d.cts +0 -7
- package/dist/components/bottom-sheet/bottom-sheet-grabber.d.ts +0 -7
- package/dist/components/bottom-sheet/bottom-sheet-grabber.js +0 -15
- package/dist/components/bottom-sheet/bottom-sheet-root-provider.cjs +0 -21
- package/dist/components/bottom-sheet/bottom-sheet-root-provider.d.cts +0 -14
- package/dist/components/bottom-sheet/bottom-sheet-root-provider.d.ts +0 -14
- package/dist/components/bottom-sheet/bottom-sheet-root-provider.js +0 -17
- package/dist/components/bottom-sheet/bottom-sheet-root.d.cts +0 -9
- package/dist/components/bottom-sheet/bottom-sheet-root.d.ts +0 -9
- package/dist/components/bottom-sheet/bottom-sheet-root.js +0 -19
- package/dist/components/bottom-sheet/bottom-sheet-title.cjs +0 -19
- package/dist/components/bottom-sheet/bottom-sheet-title.d.cts +0 -7
- package/dist/components/bottom-sheet/bottom-sheet-title.d.ts +0 -7
- package/dist/components/bottom-sheet/bottom-sheet-title.js +0 -15
- package/dist/components/bottom-sheet/bottom-sheet-trigger.d.cts +0 -7
- package/dist/components/bottom-sheet/bottom-sheet-trigger.d.ts +0 -7
- package/dist/components/bottom-sheet/bottom-sheet.anatomy.d.cts +0 -1
- package/dist/components/bottom-sheet/bottom-sheet.anatomy.d.ts +0 -1
- package/dist/components/bottom-sheet/bottom-sheet.cjs +0 -27
- package/dist/components/bottom-sheet/bottom-sheet.d.cts +0 -11
- package/dist/components/bottom-sheet/bottom-sheet.d.ts +0 -11
- package/dist/components/bottom-sheet/bottom-sheet.js +0 -10
- package/dist/components/bottom-sheet/index.cjs +0 -38
- package/dist/components/bottom-sheet/index.d.cts +0 -15
- package/dist/components/bottom-sheet/index.d.ts +0 -15
- package/dist/components/bottom-sheet/index.js +0 -15
- package/dist/components/bottom-sheet/use-bottom-sheet-context.cjs +0 -15
- package/dist/components/bottom-sheet/use-bottom-sheet-context.d.cts +0 -5
- package/dist/components/bottom-sheet/use-bottom-sheet-context.d.ts +0 -5
- package/dist/components/bottom-sheet/use-bottom-sheet-context.js +0 -10
- package/dist/components/bottom-sheet/use-bottom-sheet.d.cts +0 -8
- package/dist/components/bottom-sheet/use-bottom-sheet.d.ts +0 -8
- package/dist/components/progress/examples/circular/value-text.d.cts +0 -1
- package/dist/components/progress/examples/circular/value-text.d.ts +0 -1
|
@@ -17,8 +17,8 @@ const popoverTitle = require('./popover-title.cjs');
|
|
|
17
17
|
const popoverTrigger = require('./popover-trigger.cjs');
|
|
18
18
|
const usePopover = require('./use-popover.cjs');
|
|
19
19
|
const usePopoverContext = require('./use-popover-context.cjs');
|
|
20
|
-
const popover
|
|
21
|
-
const popover = require('@zag-js/popover');
|
|
20
|
+
const popover = require('./popover.cjs');
|
|
21
|
+
const popover$1 = require('@zag-js/popover');
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
@@ -37,8 +37,8 @@ exports.PopoverTitle = popoverTitle.PopoverTitle;
|
|
|
37
37
|
exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
|
|
38
38
|
exports.usePopover = usePopover.usePopover;
|
|
39
39
|
exports.usePopoverContext = usePopoverContext.usePopoverContext;
|
|
40
|
-
exports.Popover = popover
|
|
40
|
+
exports.Popover = popover;
|
|
41
41
|
Object.defineProperty(exports, "popoverAnatomy", {
|
|
42
42
|
enumerable: true,
|
|
43
|
-
get: () => popover.anatomy
|
|
43
|
+
get: () => popover$1.anatomy
|
|
44
44
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const WithLabel: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const WithLabel: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -15,8 +15,8 @@ const progressValueText = require('./progress-value-text.cjs');
|
|
|
15
15
|
const progressView = require('./progress-view.cjs');
|
|
16
16
|
const useProgress = require('./use-progress.cjs');
|
|
17
17
|
const useProgressContext = require('./use-progress-context.cjs');
|
|
18
|
-
const progress
|
|
19
|
-
const progress = require('@zag-js/progress');
|
|
18
|
+
const progress = require('./progress.cjs');
|
|
19
|
+
const progress$1 = require('@zag-js/progress');
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
@@ -33,8 +33,8 @@ exports.ProgressValueText = progressValueText.ProgressValueText;
|
|
|
33
33
|
exports.ProgressView = progressView.ProgressView;
|
|
34
34
|
exports.useProgress = useProgress.useProgress;
|
|
35
35
|
exports.useProgressContext = useProgressContext.useProgressContext;
|
|
36
|
-
exports.Progress = progress
|
|
36
|
+
exports.Progress = progress;
|
|
37
37
|
Object.defineProperty(exports, "progressAnatomy", {
|
|
38
38
|
enumerable: true,
|
|
39
|
-
get: () => progress.anatomy
|
|
39
|
+
get: () => progress$1.anatomy
|
|
40
40
|
});
|
|
@@ -12,8 +12,8 @@ const scrollAreaThumb = require('./scroll-area-thumb.cjs');
|
|
|
12
12
|
const scrollAreaViewport = require('./scroll-area-viewport.cjs');
|
|
13
13
|
const useScrollArea = require('./use-scroll-area.cjs');
|
|
14
14
|
const useScrollAreaContext = require('./use-scroll-area-context.cjs');
|
|
15
|
-
const scrollArea
|
|
16
|
-
const scrollArea = require('@zag-js/scroll-area');
|
|
15
|
+
const scrollArea = require('./scroll-area.cjs');
|
|
16
|
+
const scrollArea$1 = require('@zag-js/scroll-area');
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
@@ -27,8 +27,8 @@ exports.ScrollAreaThumb = scrollAreaThumb.ScrollAreaThumb;
|
|
|
27
27
|
exports.ScrollAreaViewport = scrollAreaViewport.ScrollAreaViewport;
|
|
28
28
|
exports.useScrollArea = useScrollArea.useScrollArea;
|
|
29
29
|
exports.useScrollAreaContext = useScrollAreaContext.useScrollAreaContext;
|
|
30
|
-
exports.ScrollArea = scrollArea
|
|
30
|
+
exports.ScrollArea = scrollArea;
|
|
31
31
|
Object.defineProperty(exports, "scrollAreaAnatomy", {
|
|
32
32
|
enumerable: true,
|
|
33
|
-
get: () => scrollArea.anatomy
|
|
33
|
+
get: () => scrollArea$1.anatomy
|
|
34
34
|
});
|
|
@@ -26,8 +26,8 @@ const selectValueText = require('./select-value-text.cjs');
|
|
|
26
26
|
const useSelect = require('./use-select.cjs');
|
|
27
27
|
const useSelectContext = require('./use-select-context.cjs');
|
|
28
28
|
const useSelectItemContext = require('./use-select-item-context.cjs');
|
|
29
|
-
const select
|
|
30
|
-
const select = require('@zag-js/select');
|
|
29
|
+
const select = require('./select.cjs');
|
|
30
|
+
const select$1 = require('@zag-js/select');
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
|
|
@@ -55,8 +55,8 @@ exports.SelectValueText = selectValueText.SelectValueText;
|
|
|
55
55
|
exports.useSelect = useSelect.useSelect;
|
|
56
56
|
exports.useSelectContext = useSelectContext.useSelectContext;
|
|
57
57
|
exports.useSelectItemContext = useSelectItemContext.useSelectItemContext;
|
|
58
|
-
exports.Select = select
|
|
58
|
+
exports.Select = select;
|
|
59
59
|
Object.defineProperty(exports, "selectAnatomy", {
|
|
60
60
|
enumerable: true,
|
|
61
|
-
get: () => select.anatomy
|
|
61
|
+
get: () => select$1.anatomy
|
|
62
62
|
});
|
|
@@ -13,8 +13,8 @@ const signaturePadRootProvider = require('./signature-pad-root-provider.cjs');
|
|
|
13
13
|
const signaturePadSegment = require('./signature-pad-segment.cjs');
|
|
14
14
|
const useSignaturePad = require('./use-signature-pad.cjs');
|
|
15
15
|
const useSignaturePadContext = require('./use-signature-pad-context.cjs');
|
|
16
|
-
const signaturePad
|
|
17
|
-
const signaturePad = require('@zag-js/signature-pad');
|
|
16
|
+
const signaturePad = require('./signature-pad.cjs');
|
|
17
|
+
const signaturePad$1 = require('@zag-js/signature-pad');
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
@@ -29,8 +29,8 @@ exports.SignaturePadRootProvider = signaturePadRootProvider.SignaturePadRootProv
|
|
|
29
29
|
exports.SignaturePadSegment = signaturePadSegment.SignaturePadSegment;
|
|
30
30
|
exports.useSignaturePad = useSignaturePad.useSignaturePad;
|
|
31
31
|
exports.useSignaturePadContext = useSignaturePadContext.useSignaturePadContext;
|
|
32
|
-
exports.SignaturePad = signaturePad
|
|
32
|
+
exports.SignaturePad = signaturePad;
|
|
33
33
|
Object.defineProperty(exports, "signaturePadAnatomy", {
|
|
34
34
|
enumerable: true,
|
|
35
|
-
get: () => signaturePad.anatomy
|
|
35
|
+
get: () => signaturePad$1.anatomy
|
|
36
36
|
});
|
|
@@ -17,8 +17,8 @@ const sliderTrack = require('./slider-track.cjs');
|
|
|
17
17
|
const sliderValueText = require('./slider-value-text.cjs');
|
|
18
18
|
const useSlider = require('./use-slider.cjs');
|
|
19
19
|
const useSliderContext = require('./use-slider-context.cjs');
|
|
20
|
-
const slider
|
|
21
|
-
const slider = require('@zag-js/slider');
|
|
20
|
+
const slider = require('./slider.cjs');
|
|
21
|
+
const slider$1 = require('@zag-js/slider');
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
@@ -37,8 +37,8 @@ exports.SliderTrack = sliderTrack.SliderTrack;
|
|
|
37
37
|
exports.SliderValueText = sliderValueText.SliderValueText;
|
|
38
38
|
exports.useSlider = useSlider.useSlider;
|
|
39
39
|
exports.useSliderContext = useSliderContext.useSliderContext;
|
|
40
|
-
exports.Slider = slider
|
|
40
|
+
exports.Slider = slider;
|
|
41
41
|
Object.defineProperty(exports, "sliderAnatomy", {
|
|
42
42
|
enumerable: true,
|
|
43
|
-
get: () => slider.anatomy
|
|
43
|
+
get: () => slider$1.anatomy
|
|
44
44
|
});
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const splitter = require('@zag-js/splitter');
|
|
5
|
+
const splitter$1 = require('@zag-js/splitter');
|
|
6
6
|
const splitterContext = require('./splitter-context.cjs');
|
|
7
7
|
const splitterPanel = require('./splitter-panel.cjs');
|
|
8
8
|
const splitterResizeTrigger = require('./splitter-resize-trigger.cjs');
|
|
@@ -11,17 +11,17 @@ const splitterRoot = require('./splitter-root.cjs');
|
|
|
11
11
|
const splitterRootProvider = require('./splitter-root-provider.cjs');
|
|
12
12
|
const useSplitter = require('./use-splitter.cjs');
|
|
13
13
|
const useSplitterContext = require('./use-splitter-context.cjs');
|
|
14
|
-
const splitter
|
|
14
|
+
const splitter = require('./splitter.cjs');
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
Object.defineProperty(exports, "getSplitterLayout", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: () => splitter.layout
|
|
20
|
+
get: () => splitter$1.layout
|
|
21
21
|
});
|
|
22
22
|
Object.defineProperty(exports, "splitterAnatomy", {
|
|
23
23
|
enumerable: true,
|
|
24
|
-
get: () => splitter.anatomy
|
|
24
|
+
get: () => splitter$1.anatomy
|
|
25
25
|
});
|
|
26
26
|
exports.SplitterContext = splitterContext.SplitterContext;
|
|
27
27
|
exports.SplitterPanel = splitterPanel.SplitterPanel;
|
|
@@ -31,4 +31,4 @@ exports.SplitterRoot = splitterRoot.SplitterRoot;
|
|
|
31
31
|
exports.SplitterRootProvider = splitterRootProvider.SplitterRootProvider;
|
|
32
32
|
exports.useSplitter = useSplitter.useSplitter;
|
|
33
33
|
exports.useSplitterContext = useSplitterContext.useSplitterContext;
|
|
34
|
-
exports.Splitter = splitter
|
|
34
|
+
exports.Splitter = splitter;
|
|
@@ -19,8 +19,8 @@ const stepsTrigger = require('./steps-trigger.cjs');
|
|
|
19
19
|
const useSteps = require('./use-steps.cjs');
|
|
20
20
|
const useStepsContext = require('./use-steps-context.cjs');
|
|
21
21
|
const useStepsItemContext = require('./use-steps-item-context.cjs');
|
|
22
|
-
const steps
|
|
23
|
-
const steps = require('@zag-js/steps');
|
|
22
|
+
const steps = require('./steps.cjs');
|
|
23
|
+
const steps$1 = require('@zag-js/steps');
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
|
@@ -41,8 +41,8 @@ exports.StepsTrigger = stepsTrigger.StepsTrigger;
|
|
|
41
41
|
exports.useSteps = useSteps.useSteps;
|
|
42
42
|
exports.useStepsContext = useStepsContext.useStepsContext;
|
|
43
43
|
exports.useStepsItemContext = useStepsItemContext.useStepsItemContext;
|
|
44
|
-
exports.Steps = steps
|
|
44
|
+
exports.Steps = steps;
|
|
45
45
|
Object.defineProperty(exports, "stepsAnatomy", {
|
|
46
46
|
enumerable: true,
|
|
47
|
-
get: () => steps.anatomy
|
|
47
|
+
get: () => steps$1.anatomy
|
|
48
48
|
});
|
|
@@ -14,13 +14,16 @@ const useStepsContext = require('./use-steps-context.cjs');
|
|
|
14
14
|
const splitRootProps = createSplitProps.createSplitProps();
|
|
15
15
|
const StepsRoot = react.forwardRef((props, ref) => {
|
|
16
16
|
const [useStepsProps, localProps] = splitRootProps(props, [
|
|
17
|
+
"count",
|
|
17
18
|
"defaultStep",
|
|
18
19
|
"id",
|
|
19
20
|
"ids",
|
|
20
|
-
"
|
|
21
|
+
"isStepSkippable",
|
|
22
|
+
"isStepValid",
|
|
21
23
|
"linear",
|
|
22
24
|
"onStepChange",
|
|
23
25
|
"onStepComplete",
|
|
26
|
+
"onStepInvalid",
|
|
24
27
|
"orientation",
|
|
25
28
|
"step"
|
|
26
29
|
]);
|
|
@@ -10,13 +10,16 @@ import { StepsProvider } from './use-steps-context.js';
|
|
|
10
10
|
const splitRootProps = createSplitProps();
|
|
11
11
|
const StepsRoot = forwardRef((props, ref) => {
|
|
12
12
|
const [useStepsProps, localProps] = splitRootProps(props, [
|
|
13
|
+
"count",
|
|
13
14
|
"defaultStep",
|
|
14
15
|
"id",
|
|
15
16
|
"ids",
|
|
16
|
-
"
|
|
17
|
+
"isStepSkippable",
|
|
18
|
+
"isStepValid",
|
|
17
19
|
"linear",
|
|
18
20
|
"onStepChange",
|
|
19
21
|
"onStepComplete",
|
|
22
|
+
"onStepInvalid",
|
|
20
23
|
"orientation",
|
|
21
24
|
"step"
|
|
22
25
|
]);
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const swap = require('./swap.cjs');
|
|
6
|
+
const swapIndicator = require('./swap-indicator.cjs');
|
|
7
|
+
const swapRoot = require('./swap-root.cjs');
|
|
8
|
+
const swapRootProvider = require('./swap-root-provider.cjs');
|
|
9
|
+
const swap_anatomy = require('./swap.anatomy.cjs');
|
|
10
|
+
const useSwap = require('./use-swap.cjs');
|
|
11
|
+
const useSwapContext = require('./use-swap-context.cjs');
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
exports.Swap = swap;
|
|
16
|
+
exports.SwapIndicator = swapIndicator.SwapIndicator;
|
|
17
|
+
exports.SwapRoot = swapRoot.SwapRoot;
|
|
18
|
+
exports.SwapRootProvider = swapRootProvider.SwapRootProvider;
|
|
19
|
+
exports.swapAnatomy = swap_anatomy.swapAnatomy;
|
|
20
|
+
exports.useSwap = useSwap.useSwap;
|
|
21
|
+
exports.useSwapContext = useSwapContext.useSwapContext;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * as Swap from './swap';
|
|
2
|
+
export { SwapIndicator, type SwapIndicatorBaseProps, type SwapIndicatorProps } from './swap-indicator';
|
|
3
|
+
export { SwapRoot, type SwapRootBaseProps, type SwapRootProps } from './swap-root';
|
|
4
|
+
export { SwapRootProvider, type SwapRootProviderBaseProps, type SwapRootProviderProps } from './swap-root-provider';
|
|
5
|
+
export { swapAnatomy } from './swap.anatomy';
|
|
6
|
+
export { useSwap, type UseSwapProps, type UseSwapReturn } from './use-swap';
|
|
7
|
+
export { useSwapContext, type UseSwapContext } from './use-swap-context';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * as Swap from './swap';
|
|
2
|
+
export { SwapIndicator, type SwapIndicatorBaseProps, type SwapIndicatorProps } from './swap-indicator';
|
|
3
|
+
export { SwapRoot, type SwapRootBaseProps, type SwapRootProps } from './swap-root';
|
|
4
|
+
export { SwapRootProvider, type SwapRootProviderBaseProps, type SwapRootProviderProps } from './swap-root-provider';
|
|
5
|
+
export { swapAnatomy } from './swap.anatomy';
|
|
6
|
+
export { useSwap, type UseSwapProps, type UseSwapReturn } from './use-swap';
|
|
7
|
+
export { useSwapContext, type UseSwapContext } from './use-swap-context';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as swap from './swap.js';
|
|
2
|
+
export { swap as Swap };
|
|
3
|
+
export { SwapIndicator } from './swap-indicator.js';
|
|
4
|
+
export { SwapRoot } from './swap-root.js';
|
|
5
|
+
export { SwapRootProvider } from './swap-root-provider.js';
|
|
6
|
+
export { swapAnatomy } from './swap.anatomy.js';
|
|
7
|
+
export { useSwap } from './use-swap.js';
|
|
8
|
+
export { useSwapContext } from './use-swap-context.js';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const react$1 = require('@zag-js/react');
|
|
8
|
+
const react = require('react');
|
|
9
|
+
const composeRefs = require('../../utils/compose-refs.cjs');
|
|
10
|
+
const factory = require('../factory.cjs');
|
|
11
|
+
const useSwapContext = require('./use-swap-context.cjs');
|
|
12
|
+
|
|
13
|
+
const SwapIndicator = react.forwardRef((props, ref) => {
|
|
14
|
+
const { type, ...restProps } = props;
|
|
15
|
+
const swap = useSwapContext.useSwapContext();
|
|
16
|
+
const presence = type === "on" ? swap.onPresence : swap.offPresence;
|
|
17
|
+
if (presence.unmounted) return null;
|
|
18
|
+
const mergedProps = react$1.mergeProps(swap.getIndicatorProps({ type }), restProps);
|
|
19
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
|
|
20
|
+
});
|
|
21
|
+
SwapIndicator.displayName = "SwapIndicator";
|
|
22
|
+
|
|
23
|
+
exports.SwapIndicator = SwapIndicator;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface SwapIndicatorBaseProps extends PolymorphicProps {
|
|
4
|
+
type: 'on' | 'off';
|
|
5
|
+
}
|
|
6
|
+
export interface SwapIndicatorProps extends HTMLProps<'span'>, SwapIndicatorBaseProps {
|
|
7
|
+
}
|
|
8
|
+
export declare const SwapIndicator: ForwardRefExoticComponent<SwapIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface SwapIndicatorBaseProps extends PolymorphicProps {
|
|
4
|
+
type: 'on' | 'off';
|
|
5
|
+
}
|
|
6
|
+
export interface SwapIndicatorProps extends HTMLProps<'span'>, SwapIndicatorBaseProps {
|
|
7
|
+
}
|
|
8
|
+
export declare const SwapIndicator: ForwardRefExoticComponent<SwapIndicatorProps & RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { mergeProps } from '@zag-js/react';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
import { composeRefs } from '../../utils/compose-refs.js';
|
|
6
|
+
import { ark } from '../factory.js';
|
|
7
|
+
import { useSwapContext } from './use-swap-context.js';
|
|
8
|
+
|
|
9
|
+
const SwapIndicator = forwardRef((props, ref) => {
|
|
10
|
+
const { type, ...restProps } = props;
|
|
11
|
+
const swap = useSwapContext();
|
|
12
|
+
const presence = type === "on" ? swap.onPresence : swap.offPresence;
|
|
13
|
+
if (presence.unmounted) return null;
|
|
14
|
+
const mergedProps = mergeProps(swap.getIndicatorProps({ type }), restProps);
|
|
15
|
+
return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
|
|
16
|
+
});
|
|
17
|
+
SwapIndicator.displayName = "SwapIndicator";
|
|
18
|
+
|
|
19
|
+
export { SwapIndicator };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const react$1 = require('@zag-js/react');
|
|
8
|
+
const react = require('react');
|
|
9
|
+
const factory = require('../factory.cjs');
|
|
10
|
+
const useSwapContext = require('./use-swap-context.cjs');
|
|
11
|
+
|
|
12
|
+
const SwapRootProvider = react.forwardRef((props, ref) => {
|
|
13
|
+
const { value, children, ...restProps } = props;
|
|
14
|
+
const mergedProps = react$1.mergeProps(value.getRootProps(), restProps);
|
|
15
|
+
return /* @__PURE__ */ jsxRuntime.jsx(useSwapContext.SwapProvider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children }) });
|
|
16
|
+
});
|
|
17
|
+
SwapRootProvider.displayName = "SwapRootProvider";
|
|
18
|
+
|
|
19
|
+
exports.SwapRootProvider = SwapRootProvider;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { UseSwapReturn } from './use-swap';
|
|
3
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
4
|
+
export interface SwapRootProviderBaseProps extends PolymorphicProps {
|
|
5
|
+
value: UseSwapReturn;
|
|
6
|
+
}
|
|
7
|
+
export interface SwapRootProviderProps extends HTMLProps<'span'>, SwapRootProviderBaseProps {
|
|
8
|
+
}
|
|
9
|
+
export declare const SwapRootProvider: ForwardRefExoticComponent<SwapRootProviderProps & RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { UseSwapReturn } from './use-swap';
|
|
3
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
4
|
+
export interface SwapRootProviderBaseProps extends PolymorphicProps {
|
|
5
|
+
value: UseSwapReturn;
|
|
6
|
+
}
|
|
7
|
+
export interface SwapRootProviderProps extends HTMLProps<'span'>, SwapRootProviderBaseProps {
|
|
8
|
+
}
|
|
9
|
+
export declare const SwapRootProvider: ForwardRefExoticComponent<SwapRootProviderProps & RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { mergeProps } from '@zag-js/react';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
import { ark } from '../factory.js';
|
|
6
|
+
import { SwapProvider } from './use-swap-context.js';
|
|
7
|
+
|
|
8
|
+
const SwapRootProvider = forwardRef((props, ref) => {
|
|
9
|
+
const { value, children, ...restProps } = props;
|
|
10
|
+
const mergedProps = mergeProps(value.getRootProps(), restProps);
|
|
11
|
+
return /* @__PURE__ */ jsx(SwapProvider, { value, children: /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children }) });
|
|
12
|
+
});
|
|
13
|
+
SwapRootProvider.displayName = "SwapRootProvider";
|
|
14
|
+
|
|
15
|
+
export { SwapRootProvider };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
const react$1 = require('@zag-js/react');
|
|
8
|
+
const react = require('react');
|
|
9
|
+
const factory = require('../factory.cjs');
|
|
10
|
+
const useSwap = require('./use-swap.cjs');
|
|
11
|
+
const useSwapContext = require('./use-swap-context.cjs');
|
|
12
|
+
|
|
13
|
+
const SwapRoot = react.forwardRef((props, ref) => {
|
|
14
|
+
const { children, swap: swapProp, lazyMount, unmountOnExit, ...restProps } = props;
|
|
15
|
+
const swap = useSwap.useSwap({ swap: swapProp, lazyMount, unmountOnExit });
|
|
16
|
+
const mergedProps = react$1.mergeProps(swap.getRootProps(), restProps);
|
|
17
|
+
return /* @__PURE__ */ jsxRuntime.jsx(useSwapContext.SwapProvider, { value: swap, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children }) });
|
|
18
|
+
});
|
|
19
|
+
SwapRoot.displayName = "SwapRoot";
|
|
20
|
+
|
|
21
|
+
exports.SwapRoot = SwapRoot;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { UseSwapProps } from './use-swap';
|
|
3
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
4
|
+
export interface SwapRootBaseProps extends UseSwapProps, PolymorphicProps {
|
|
5
|
+
}
|
|
6
|
+
export interface SwapRootProps extends HTMLProps<'span'>, SwapRootBaseProps {
|
|
7
|
+
}
|
|
8
|
+
export declare const SwapRoot: ForwardRefExoticComponent<SwapRootProps & RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { UseSwapProps } from './use-swap';
|
|
3
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
4
|
+
export interface SwapRootBaseProps extends UseSwapProps, PolymorphicProps {
|
|
5
|
+
}
|
|
6
|
+
export interface SwapRootProps extends HTMLProps<'span'>, SwapRootBaseProps {
|
|
7
|
+
}
|
|
8
|
+
export declare const SwapRoot: ForwardRefExoticComponent<SwapRootProps & RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { mergeProps } from '@zag-js/react';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
import { ark } from '../factory.js';
|
|
6
|
+
import { useSwap } from './use-swap.js';
|
|
7
|
+
import { SwapProvider } from './use-swap-context.js';
|
|
8
|
+
|
|
9
|
+
const SwapRoot = forwardRef((props, ref) => {
|
|
10
|
+
const { children, swap: swapProp, lazyMount, unmountOnExit, ...restProps } = props;
|
|
11
|
+
const swap = useSwap({ swap: swapProp, lazyMount, unmountOnExit });
|
|
12
|
+
const mergedProps = mergeProps(swap.getRootProps(), restProps);
|
|
13
|
+
return /* @__PURE__ */ jsx(SwapProvider, { value: swap, children: /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children }) });
|
|
14
|
+
});
|
|
15
|
+
SwapRoot.displayName = "SwapRoot";
|
|
16
|
+
|
|
17
|
+
export { SwapRoot };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const anatomy = require('@zag-js/anatomy');
|
|
7
|
+
|
|
8
|
+
const swapAnatomy = anatomy.createAnatomy("swap", ["root", "indicator"]);
|
|
9
|
+
const parts = swapAnatomy.build();
|
|
10
|
+
|
|
11
|
+
exports.parts = parts;
|
|
12
|
+
exports.swapAnatomy = swapAnatomy;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const swapIndicator = require('./swap-indicator.cjs');
|
|
6
|
+
const swapRoot = require('./swap-root.cjs');
|
|
7
|
+
const swapRootProvider = require('./swap-root-provider.cjs');
|
|
8
|
+
const swap_anatomy = require('./swap.anatomy.cjs');
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
exports.Indicator = swapIndicator.SwapIndicator;
|
|
13
|
+
exports.Root = swapRoot.SwapRoot;
|
|
14
|
+
exports.RootProvider = swapRootProvider.SwapRootProvider;
|
|
15
|
+
exports.swapAnatomy = swap_anatomy.swapAnatomy;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { SwapIndicator as Indicator, type SwapIndicatorBaseProps as IndicatorBaseProps, type SwapIndicatorProps as IndicatorProps, } from './swap-indicator';
|
|
2
|
+
export { SwapRoot as Root, type SwapRootBaseProps as RootBaseProps, type SwapRootProps as RootProps } from './swap-root';
|
|
3
|
+
export { SwapRootProvider as RootProvider, type SwapRootProviderBaseProps as RootProviderBaseProps, type SwapRootProviderProps as RootProviderProps, } from './swap-root-provider';
|
|
4
|
+
export { swapAnatomy } from './swap.anatomy';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { SwapIndicator as Indicator, type SwapIndicatorBaseProps as IndicatorBaseProps, type SwapIndicatorProps as IndicatorProps, } from './swap-indicator';
|
|
2
|
+
export { SwapRoot as Root, type SwapRootBaseProps as RootBaseProps, type SwapRootProps as RootProps } from './swap-root';
|
|
3
|
+
export { SwapRootProvider as RootProvider, type SwapRootProviderBaseProps as RootProviderBaseProps, type SwapRootProviderProps as RootProviderProps, } from './swap-root-provider';
|
|
4
|
+
export { swapAnatomy } from './swap.anatomy';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const createContext = require('../../utils/create-context.cjs');
|
|
7
|
+
|
|
8
|
+
const [SwapProvider, useSwapContext] = createContext.createContext({
|
|
9
|
+
name: "SwapContext",
|
|
10
|
+
hookName: "useSwapContext",
|
|
11
|
+
providerName: "<SwapProvider />"
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
exports.SwapProvider = SwapProvider;
|
|
15
|
+
exports.useSwapContext = useSwapContext;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { createContext } from '../../utils/create-context.js';
|
|
3
|
+
|
|
4
|
+
const [SwapProvider, useSwapContext] = createContext({
|
|
5
|
+
name: "SwapContext",
|
|
6
|
+
hookName: "useSwapContext",
|
|
7
|
+
providerName: "<SwapProvider />"
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
export { SwapProvider, useSwapContext };
|