@ark-ui/react 5.4.0 → 5.6.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/angle-slider/angle-slider-context.cjs +10 -0
- package/dist/components/angle-slider/angle-slider-context.d.cts +6 -0
- package/dist/components/angle-slider/angle-slider-context.d.ts +6 -0
- package/dist/components/angle-slider/angle-slider-context.js +6 -0
- package/dist/components/angle-slider/angle-slider-control.cjs +19 -0
- package/dist/components/angle-slider/angle-slider-control.d.cts +7 -0
- package/dist/components/angle-slider/angle-slider-control.d.ts +7 -0
- package/dist/components/angle-slider/angle-slider-control.js +15 -0
- package/dist/components/angle-slider/angle-slider-hidden-input.cjs +19 -0
- package/dist/components/angle-slider/angle-slider-hidden-input.d.cts +7 -0
- package/dist/components/angle-slider/angle-slider-hidden-input.d.ts +7 -0
- package/dist/components/angle-slider/angle-slider-hidden-input.js +15 -0
- package/dist/components/angle-slider/angle-slider-label.cjs +19 -0
- package/dist/components/angle-slider/angle-slider-label.d.cts +7 -0
- package/dist/components/angle-slider/angle-slider-label.d.ts +7 -0
- package/dist/components/angle-slider/angle-slider-label.js +15 -0
- package/dist/components/angle-slider/angle-slider-marker-group.cjs +19 -0
- package/dist/components/angle-slider/angle-slider-marker-group.d.cts +7 -0
- package/dist/components/angle-slider/angle-slider-marker-group.d.ts +7 -0
- package/dist/components/angle-slider/angle-slider-marker-group.js +15 -0
- package/dist/components/angle-slider/angle-slider-marker.cjs +21 -0
- package/dist/components/angle-slider/angle-slider-marker.d.cts +9 -0
- package/dist/components/angle-slider/angle-slider-marker.d.ts +9 -0
- package/dist/components/angle-slider/angle-slider-marker.js +17 -0
- package/dist/components/angle-slider/angle-slider-root-provider.cjs +20 -0
- package/dist/components/angle-slider/angle-slider-root-provider.d.cts +12 -0
- package/dist/components/angle-slider/angle-slider-root-provider.d.ts +12 -0
- package/dist/components/angle-slider/angle-slider-root-provider.js +16 -0
- package/dist/components/angle-slider/angle-slider-root.cjs +34 -0
- package/dist/components/angle-slider/angle-slider-root.d.cts +9 -0
- package/dist/components/angle-slider/angle-slider-root.d.ts +9 -0
- package/dist/components/angle-slider/angle-slider-root.js +30 -0
- package/dist/components/angle-slider/angle-slider-thumb.cjs +19 -0
- package/dist/components/angle-slider/angle-slider-thumb.d.cts +7 -0
- package/dist/components/angle-slider/angle-slider-thumb.d.ts +7 -0
- package/dist/components/angle-slider/angle-slider-thumb.js +15 -0
- package/dist/components/angle-slider/angle-slider-value-text.cjs +17 -0
- package/dist/components/angle-slider/angle-slider-value-text.d.cts +7 -0
- package/dist/components/angle-slider/angle-slider-value-text.d.ts +7 -0
- package/dist/components/angle-slider/angle-slider-value-text.js +13 -0
- package/dist/components/angle-slider/angle-slider.anatomy.d.cts +1 -0
- package/dist/components/angle-slider/angle-slider.anatomy.d.ts +1 -0
- package/dist/components/angle-slider/angle-slider.cjs +27 -0
- package/dist/components/angle-slider/angle-slider.d.cts +10 -0
- package/dist/components/angle-slider/angle-slider.d.ts +10 -0
- package/dist/components/angle-slider/angle-slider.js +10 -0
- package/dist/components/angle-slider/index.cjs +38 -0
- package/dist/components/angle-slider/index.d.cts +14 -0
- package/dist/components/angle-slider/index.d.ts +14 -0
- package/dist/components/angle-slider/index.js +15 -0
- package/dist/components/angle-slider/use-angle-slider-context.cjs +15 -0
- package/dist/components/angle-slider/use-angle-slider-context.d.cts +5 -0
- package/dist/components/angle-slider/use-angle-slider-context.d.ts +5 -0
- package/dist/components/angle-slider/use-angle-slider-context.js +10 -0
- package/dist/components/angle-slider/use-angle-slider.cjs +45 -0
- package/dist/components/angle-slider/use-angle-slider.d.cts +8 -0
- package/dist/components/angle-slider/use-angle-slider.d.ts +8 -0
- package/dist/components/angle-slider/use-angle-slider.js +22 -0
- package/dist/components/checkbox/checkbox.anatomy.d.cts +1 -1
- package/dist/components/checkbox/checkbox.anatomy.d.ts +1 -1
- package/dist/components/color-picker/color-picker.anatomy.d.cts +1 -1
- package/dist/components/color-picker/color-picker.anatomy.d.ts +1 -1
- package/dist/components/combobox/combobox-root.cjs +1 -0
- package/dist/components/combobox/combobox-root.js +1 -0
- 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/floating-panel/floating-panel-body.cjs +21 -0
- package/dist/components/floating-panel/floating-panel-body.d.cts +7 -0
- package/dist/components/floating-panel/floating-panel-body.d.ts +7 -0
- package/dist/components/floating-panel/floating-panel-body.js +17 -0
- package/dist/components/floating-panel/floating-panel-close-trigger.cjs +19 -0
- package/dist/components/floating-panel/floating-panel-close-trigger.d.cts +7 -0
- package/dist/components/floating-panel/floating-panel-close-trigger.d.ts +7 -0
- package/dist/components/floating-panel/floating-panel-close-trigger.js +15 -0
- package/dist/components/floating-panel/floating-panel-content.cjs +31 -0
- package/dist/components/floating-panel/floating-panel-content.d.cts +7 -0
- package/dist/components/floating-panel/floating-panel-content.d.ts +7 -0
- package/dist/components/floating-panel/floating-panel-content.js +27 -0
- package/dist/components/floating-panel/floating-panel-context.cjs +10 -0
- package/dist/components/floating-panel/floating-panel-context.d.cts +6 -0
- package/dist/components/floating-panel/floating-panel-context.d.ts +6 -0
- package/dist/components/floating-panel/floating-panel-context.js +6 -0
- package/dist/components/floating-panel/floating-panel-control.cjs +19 -0
- package/dist/components/floating-panel/floating-panel-control.d.cts +7 -0
- package/dist/components/floating-panel/floating-panel-control.d.ts +7 -0
- package/dist/components/floating-panel/floating-panel-control.js +15 -0
- package/dist/components/floating-panel/floating-panel-drag-trigger.cjs +21 -0
- package/dist/components/floating-panel/floating-panel-drag-trigger.d.cts +7 -0
- package/dist/components/floating-panel/floating-panel-drag-trigger.d.ts +7 -0
- package/dist/components/floating-panel/floating-panel-drag-trigger.js +17 -0
- package/dist/components/floating-panel/floating-panel-header.cjs +21 -0
- package/dist/components/floating-panel/floating-panel-header.d.cts +7 -0
- package/dist/components/floating-panel/floating-panel-header.d.ts +7 -0
- package/dist/components/floating-panel/floating-panel-header.js +17 -0
- package/dist/components/floating-panel/floating-panel-positioner.cjs +26 -0
- package/dist/components/floating-panel/floating-panel-positioner.d.cts +7 -0
- package/dist/components/floating-panel/floating-panel-positioner.d.ts +7 -0
- package/dist/components/floating-panel/floating-panel-positioner.js +22 -0
- package/dist/components/floating-panel/floating-panel-resize-trigger.cjs +21 -0
- package/dist/components/floating-panel/floating-panel-resize-trigger.d.cts +8 -0
- package/dist/components/floating-panel/floating-panel-resize-trigger.d.ts +8 -0
- package/dist/components/floating-panel/floating-panel-resize-trigger.js +17 -0
- package/dist/components/floating-panel/floating-panel-root-provider.cjs +21 -0
- package/dist/components/floating-panel/floating-panel-root-provider.d.cts +13 -0
- package/dist/components/floating-panel/floating-panel-root-provider.d.ts +13 -0
- package/dist/components/floating-panel/floating-panel-root-provider.js +17 -0
- package/dist/components/floating-panel/floating-panel-root.cjs +54 -0
- package/dist/components/floating-panel/floating-panel-root.d.cts +9 -0
- package/dist/components/floating-panel/floating-panel-root.d.ts +9 -0
- package/dist/components/floating-panel/floating-panel-root.js +50 -0
- package/dist/components/floating-panel/floating-panel-stage-trigger.cjs +21 -0
- package/dist/components/floating-panel/floating-panel-stage-trigger.d.cts +8 -0
- package/dist/components/floating-panel/floating-panel-stage-trigger.d.ts +8 -0
- package/dist/components/floating-panel/floating-panel-stage-trigger.js +17 -0
- package/dist/components/floating-panel/floating-panel-title.cjs +19 -0
- package/dist/components/floating-panel/floating-panel-title.d.cts +7 -0
- package/dist/components/floating-panel/floating-panel-title.d.ts +7 -0
- package/dist/components/floating-panel/floating-panel-title.js +15 -0
- package/dist/components/floating-panel/floating-panel-trigger.cjs +28 -0
- package/dist/components/floating-panel/floating-panel-trigger.d.cts +7 -0
- package/dist/components/floating-panel/floating-panel-trigger.d.ts +7 -0
- package/dist/components/floating-panel/floating-panel-trigger.js +24 -0
- package/dist/components/floating-panel/floating-panel.anatomy.d.cts +1 -0
- package/dist/components/floating-panel/floating-panel.anatomy.d.ts +1 -0
- package/dist/components/floating-panel/floating-panel.cjs +35 -0
- package/dist/components/floating-panel/floating-panel.d.cts +15 -0
- package/dist/components/floating-panel/floating-panel.d.ts +15 -0
- package/dist/components/floating-panel/floating-panel.js +14 -0
- package/dist/components/floating-panel/index.cjs +46 -0
- package/dist/components/floating-panel/index.d.cts +19 -0
- package/dist/components/floating-panel/index.d.ts +19 -0
- package/dist/components/floating-panel/index.js +19 -0
- package/dist/components/floating-panel/use-floating-panel-context.cjs +15 -0
- package/dist/components/floating-panel/use-floating-panel-context.d.cts +5 -0
- package/dist/components/floating-panel/use-floating-panel-context.d.ts +5 -0
- package/dist/components/floating-panel/use-floating-panel-context.js +10 -0
- package/dist/components/floating-panel/use-floating-panel.cjs +44 -0
- package/dist/components/floating-panel/use-floating-panel.d.cts +8 -0
- package/dist/components/floating-panel/use-floating-panel.d.ts +8 -0
- package/dist/components/floating-panel/use-floating-panel.js +21 -0
- package/dist/components/index.cjs +70 -0
- package/dist/components/index.d.cts +2 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +34 -0
- package/dist/components/presence/split-presence-props.cjs +8 -1
- package/dist/components/presence/split-presence-props.d.cts +1 -1
- package/dist/components/presence/split-presence-props.d.ts +1 -1
- package/dist/components/presence/split-presence-props.js +8 -1
- package/dist/components/presence/use-presence.cjs +2 -2
- package/dist/components/presence/use-presence.d.cts +6 -1
- package/dist/components/presence/use-presence.d.ts +6 -1
- package/dist/components/presence/use-presence.js +2 -2
- package/dist/index.cjs +70 -0
- package/dist/index.js +34 -0
- package/package.json +75 -74
|
@@ -2,12 +2,17 @@ import { Optional } from '../../types';
|
|
|
2
2
|
import { RenderStrategyProps } from '../../utils/render-strategy';
|
|
3
3
|
import * as presence from '@zag-js/presence';
|
|
4
4
|
export interface UsePresenceProps extends Optional<presence.Props, 'present'>, RenderStrategyProps {
|
|
5
|
+
/**
|
|
6
|
+
* Whether to allow the initial presence animation.
|
|
7
|
+
* @default false
|
|
8
|
+
*/
|
|
9
|
+
skipAnimationOnMount?: boolean;
|
|
5
10
|
}
|
|
6
11
|
export type UsePresenceReturn = ReturnType<typeof usePresence>;
|
|
7
12
|
export declare const usePresence: (props?: UsePresenceProps) => {
|
|
8
13
|
ref: (node: HTMLElement | null) => void;
|
|
9
14
|
getPresenceProps: () => {
|
|
10
|
-
'data-state': string;
|
|
15
|
+
'data-state': string | undefined;
|
|
11
16
|
hidden: boolean;
|
|
12
17
|
};
|
|
13
18
|
present: boolean;
|
|
@@ -2,12 +2,17 @@ import { Optional } from '../../types';
|
|
|
2
2
|
import { RenderStrategyProps } from '../../utils/render-strategy';
|
|
3
3
|
import * as presence from '@zag-js/presence';
|
|
4
4
|
export interface UsePresenceProps extends Optional<presence.Props, 'present'>, RenderStrategyProps {
|
|
5
|
+
/**
|
|
6
|
+
* Whether to allow the initial presence animation.
|
|
7
|
+
* @default false
|
|
8
|
+
*/
|
|
9
|
+
skipAnimationOnMount?: boolean;
|
|
5
10
|
}
|
|
6
11
|
export type UsePresenceReturn = ReturnType<typeof usePresence>;
|
|
7
12
|
export declare const usePresence: (props?: UsePresenceProps) => {
|
|
8
13
|
ref: (node: HTMLElement | null) => void;
|
|
9
14
|
getPresenceProps: () => {
|
|
10
|
-
'data-state': string;
|
|
15
|
+
'data-state': string | undefined;
|
|
11
16
|
hidden: boolean;
|
|
12
17
|
};
|
|
13
18
|
present: boolean;
|
|
@@ -5,7 +5,7 @@ import { useRef } from 'react';
|
|
|
5
5
|
import { useEvent } from '../../utils/use-event.js';
|
|
6
6
|
|
|
7
7
|
const usePresence = (props = {}) => {
|
|
8
|
-
const { lazyMount, unmountOnExit, present, ...rest } = props;
|
|
8
|
+
const { lazyMount, unmountOnExit, present, skipAnimationOnMount = false, ...rest } = props;
|
|
9
9
|
const wasEverPresent = useRef(false);
|
|
10
10
|
const machineProps = {
|
|
11
11
|
...rest,
|
|
@@ -19,7 +19,7 @@ const usePresence = (props = {}) => {
|
|
|
19
19
|
}
|
|
20
20
|
const unmounted = !api.present && !wasEverPresent.current && lazyMount || unmountOnExit && !api.present && wasEverPresent.current;
|
|
21
21
|
const getPresenceProps = () => ({
|
|
22
|
-
"data-state": present ? "open" : "closed",
|
|
22
|
+
"data-state": api.skip && skipAnimationOnMount ? void 0 : present ? "open" : "closed",
|
|
23
23
|
hidden: !api.present
|
|
24
24
|
});
|
|
25
25
|
return {
|
package/dist/index.cjs
CHANGED
|
@@ -14,6 +14,19 @@ const useAccordion = require('./components/accordion/use-accordion.cjs');
|
|
|
14
14
|
const useAccordionContext = require('./components/accordion/use-accordion-context.cjs');
|
|
15
15
|
const useAccordionItemContext = require('./components/accordion/use-accordion-item-context.cjs');
|
|
16
16
|
const accordion$1 = require('./components/accordion/accordion.cjs');
|
|
17
|
+
const angleSliderContext = require('./components/angle-slider/angle-slider-context.cjs');
|
|
18
|
+
const angleSliderControl = require('./components/angle-slider/angle-slider-control.cjs');
|
|
19
|
+
const angleSliderHiddenInput = require('./components/angle-slider/angle-slider-hidden-input.cjs');
|
|
20
|
+
const angleSliderLabel = require('./components/angle-slider/angle-slider-label.cjs');
|
|
21
|
+
const angleSliderMarker = require('./components/angle-slider/angle-slider-marker.cjs');
|
|
22
|
+
const angleSliderMarkerGroup = require('./components/angle-slider/angle-slider-marker-group.cjs');
|
|
23
|
+
const angleSliderRoot = require('./components/angle-slider/angle-slider-root.cjs');
|
|
24
|
+
const angleSliderRootProvider = require('./components/angle-slider/angle-slider-root-provider.cjs');
|
|
25
|
+
const angleSliderThumb = require('./components/angle-slider/angle-slider-thumb.cjs');
|
|
26
|
+
const angleSliderValueText = require('./components/angle-slider/angle-slider-value-text.cjs');
|
|
27
|
+
const useAngleSlider = require('./components/angle-slider/use-angle-slider.cjs');
|
|
28
|
+
const useAngleSliderContext = require('./components/angle-slider/use-angle-slider-context.cjs');
|
|
29
|
+
const angleSlider$1 = require('./components/angle-slider/angle-slider.cjs');
|
|
17
30
|
const avatarContext = require('./components/avatar/avatar-context.cjs');
|
|
18
31
|
const avatarFallback = require('./components/avatar/avatar-fallback.cjs');
|
|
19
32
|
const avatarImage = require('./components/avatar/avatar-image.cjs');
|
|
@@ -229,6 +242,23 @@ const fileUploadTrigger = require('./components/file-upload/file-upload-trigger.
|
|
|
229
242
|
const useFileUpload = require('./components/file-upload/use-file-upload.cjs');
|
|
230
243
|
const useFileUploadContext = require('./components/file-upload/use-file-upload-context.cjs');
|
|
231
244
|
const fileUpload$1 = require('./components/file-upload/file-upload.cjs');
|
|
245
|
+
const floatingPanelBody = require('./components/floating-panel/floating-panel-body.cjs');
|
|
246
|
+
const floatingPanelCloseTrigger = require('./components/floating-panel/floating-panel-close-trigger.cjs');
|
|
247
|
+
const floatingPanelContent = require('./components/floating-panel/floating-panel-content.cjs');
|
|
248
|
+
const floatingPanelContext = require('./components/floating-panel/floating-panel-context.cjs');
|
|
249
|
+
const floatingPanelDragTrigger = require('./components/floating-panel/floating-panel-drag-trigger.cjs');
|
|
250
|
+
const floatingPanelHeader = require('./components/floating-panel/floating-panel-header.cjs');
|
|
251
|
+
const floatingPanelPositioner = require('./components/floating-panel/floating-panel-positioner.cjs');
|
|
252
|
+
const floatingPanelResizeTrigger = require('./components/floating-panel/floating-panel-resize-trigger.cjs');
|
|
253
|
+
const floatingPanelStageTrigger = require('./components/floating-panel/floating-panel-stage-trigger.cjs');
|
|
254
|
+
const floatingPanelRoot = require('./components/floating-panel/floating-panel-root.cjs');
|
|
255
|
+
const floatingPanelRootProvider = require('./components/floating-panel/floating-panel-root-provider.cjs');
|
|
256
|
+
const floatingPanelTitle = require('./components/floating-panel/floating-panel-title.cjs');
|
|
257
|
+
const floatingPanelTrigger = require('./components/floating-panel/floating-panel-trigger.cjs');
|
|
258
|
+
const floatingPanelControl = require('./components/floating-panel/floating-panel-control.cjs');
|
|
259
|
+
const useFloatingPanel = require('./components/floating-panel/use-floating-panel.cjs');
|
|
260
|
+
const useFloatingPanelContext = require('./components/floating-panel/use-floating-panel-context.cjs');
|
|
261
|
+
const floatingPanel$1 = require('./components/floating-panel/floating-panel.cjs');
|
|
232
262
|
const focusTrap = require('./components/focus-trap/focus-trap.cjs');
|
|
233
263
|
const formatByte = require('./components/format/format-byte.cjs');
|
|
234
264
|
const formatNumber = require('./components/format/format-number.cjs');
|
|
@@ -612,6 +642,7 @@ const useEnvironmentContext = require('./providers/environment/use-environment-c
|
|
|
612
642
|
const localeProvider = require('./providers/locale/locale-provider.cjs');
|
|
613
643
|
const useLocaleContext = require('./providers/locale/use-locale-context.cjs');
|
|
614
644
|
const accordion = require('@zag-js/accordion');
|
|
645
|
+
const angleSlider = require('@zag-js/angle-slider');
|
|
615
646
|
const avatar = require('@zag-js/avatar');
|
|
616
647
|
const carousel = require('@zag-js/carousel');
|
|
617
648
|
const clipboard = require('@zag-js/clipboard');
|
|
@@ -620,6 +651,7 @@ const combobox = require('@zag-js/combobox');
|
|
|
620
651
|
const dialog = require('@zag-js/dialog');
|
|
621
652
|
const editable = require('@zag-js/editable');
|
|
622
653
|
const fileUpload = require('@zag-js/file-upload');
|
|
654
|
+
const floatingPanel = require('@zag-js/floating-panel');
|
|
623
655
|
const hoverCard = require('@zag-js/hover-card');
|
|
624
656
|
const menu = require('@zag-js/menu');
|
|
625
657
|
const numberInput = require('@zag-js/number-input');
|
|
@@ -659,6 +691,19 @@ exports.useAccordion = useAccordion.useAccordion;
|
|
|
659
691
|
exports.useAccordionContext = useAccordionContext.useAccordionContext;
|
|
660
692
|
exports.useAccordionItemContext = useAccordionItemContext.useAccordionItemContext;
|
|
661
693
|
exports.Accordion = accordion$1;
|
|
694
|
+
exports.AngleSliderContext = angleSliderContext.AngleSliderContext;
|
|
695
|
+
exports.AngleSliderControl = angleSliderControl.AngleSliderControl;
|
|
696
|
+
exports.AngleSliderHiddenInput = angleSliderHiddenInput.AngleSliderHiddenInput;
|
|
697
|
+
exports.AngleSliderLabel = angleSliderLabel.AngleSliderLabel;
|
|
698
|
+
exports.AngleSliderMarker = angleSliderMarker.AngleSliderMarker;
|
|
699
|
+
exports.AngleSliderMarkerGroup = angleSliderMarkerGroup.AngleSliderMarkerGroup;
|
|
700
|
+
exports.AngleSliderRoot = angleSliderRoot.AngleSliderRoot;
|
|
701
|
+
exports.AngleSliderRootProvider = angleSliderRootProvider.AngleSliderRootProvider;
|
|
702
|
+
exports.AngleSliderThumb = angleSliderThumb.AngleSliderThumb;
|
|
703
|
+
exports.AngleSliderValueText = angleSliderValueText.AngleSliderValueText;
|
|
704
|
+
exports.useAngleSlider = useAngleSlider.useAngleSlider;
|
|
705
|
+
exports.useAngleSliderContext = useAngleSliderContext.useAngleSliderContext;
|
|
706
|
+
exports.AngleSlider = angleSlider$1;
|
|
662
707
|
exports.AvatarContext = avatarContext.AvatarContext;
|
|
663
708
|
exports.AvatarFallback = avatarFallback.AvatarFallback;
|
|
664
709
|
exports.AvatarImage = avatarImage.AvatarImage;
|
|
@@ -883,6 +928,23 @@ exports.FileUploadTrigger = fileUploadTrigger.FileUploadTrigger;
|
|
|
883
928
|
exports.useFileUpload = useFileUpload.useFileUpload;
|
|
884
929
|
exports.useFileUploadContext = useFileUploadContext.useFileUploadContext;
|
|
885
930
|
exports.FileUpload = fileUpload$1;
|
|
931
|
+
exports.FloatingPanelBody = floatingPanelBody.FloatingPanelBody;
|
|
932
|
+
exports.FloatingPanelCloseTrigger = floatingPanelCloseTrigger.FloatingPanelCloseTrigger;
|
|
933
|
+
exports.FloatingPanelContent = floatingPanelContent.FloatingPanelContent;
|
|
934
|
+
exports.FloatingPanelContext = floatingPanelContext.FloatingPanelContext;
|
|
935
|
+
exports.FloatingPanelDragTrigger = floatingPanelDragTrigger.FloatingPanelDragTrigger;
|
|
936
|
+
exports.FloatingPanelHeader = floatingPanelHeader.FloatingPanelHeader;
|
|
937
|
+
exports.FloatingPanelPositioner = floatingPanelPositioner.FloatingPanelPositioner;
|
|
938
|
+
exports.FloatingPanelResizeTrigger = floatingPanelResizeTrigger.FloatingPanelResizeTrigger;
|
|
939
|
+
exports.FloatingPanelStageTrigger = floatingPanelStageTrigger.FloatingPanelStageTrigger;
|
|
940
|
+
exports.FloatingPanelRoot = floatingPanelRoot.FloatingPanelRoot;
|
|
941
|
+
exports.FloatingPanelRootProvider = floatingPanelRootProvider.FloatingPanelRootProvider;
|
|
942
|
+
exports.FloatingPanelTitle = floatingPanelTitle.FloatingPanelTitle;
|
|
943
|
+
exports.FloatingPanelTrigger = floatingPanelTrigger.FloatingPanelTrigger;
|
|
944
|
+
exports.FloatingPanelControl = floatingPanelControl.FloatingPanelControl;
|
|
945
|
+
exports.useFloatingPanel = useFloatingPanel.useFloatingPanel;
|
|
946
|
+
exports.useFloatingPanelContext = useFloatingPanelContext.useFloatingPanelContext;
|
|
947
|
+
exports.FloatingPanel = floatingPanel$1;
|
|
886
948
|
exports.FocusTrap = focusTrap.FocusTrap;
|
|
887
949
|
exports.FormatByte = formatByte.FormatByte;
|
|
888
950
|
exports.FormatNumber = formatNumber.FormatNumber;
|
|
@@ -1273,6 +1335,10 @@ Object.defineProperty(exports, "accordionAnatomy", {
|
|
|
1273
1335
|
enumerable: true,
|
|
1274
1336
|
get: () => accordion.anatomy
|
|
1275
1337
|
});
|
|
1338
|
+
Object.defineProperty(exports, "angleSliderAnatomy", {
|
|
1339
|
+
enumerable: true,
|
|
1340
|
+
get: () => angleSlider.anatomy
|
|
1341
|
+
});
|
|
1276
1342
|
Object.defineProperty(exports, "avatarAnatomy", {
|
|
1277
1343
|
enumerable: true,
|
|
1278
1344
|
get: () => avatar.anatomy
|
|
@@ -1305,6 +1371,10 @@ Object.defineProperty(exports, "fileUploadAnatomy", {
|
|
|
1305
1371
|
enumerable: true,
|
|
1306
1372
|
get: () => fileUpload.anatomy
|
|
1307
1373
|
});
|
|
1374
|
+
Object.defineProperty(exports, "floatingPanelAnatomy", {
|
|
1375
|
+
enumerable: true,
|
|
1376
|
+
get: () => floatingPanel.anatomy
|
|
1377
|
+
});
|
|
1308
1378
|
Object.defineProperty(exports, "hoverCardAnatomy", {
|
|
1309
1379
|
enumerable: true,
|
|
1310
1380
|
get: () => hoverCard.anatomy
|
package/dist/index.js
CHANGED
|
@@ -11,6 +11,20 @@ export { useAccordionContext } from './components/accordion/use-accordion-contex
|
|
|
11
11
|
export { useAccordionItemContext } from './components/accordion/use-accordion-item-context.js';
|
|
12
12
|
import * as accordion from './components/accordion/accordion.js';
|
|
13
13
|
export { accordion as Accordion };
|
|
14
|
+
export { AngleSliderContext } from './components/angle-slider/angle-slider-context.js';
|
|
15
|
+
export { AngleSliderControl } from './components/angle-slider/angle-slider-control.js';
|
|
16
|
+
export { AngleSliderHiddenInput } from './components/angle-slider/angle-slider-hidden-input.js';
|
|
17
|
+
export { AngleSliderLabel } from './components/angle-slider/angle-slider-label.js';
|
|
18
|
+
export { AngleSliderMarker } from './components/angle-slider/angle-slider-marker.js';
|
|
19
|
+
export { AngleSliderMarkerGroup } from './components/angle-slider/angle-slider-marker-group.js';
|
|
20
|
+
export { AngleSliderRoot } from './components/angle-slider/angle-slider-root.js';
|
|
21
|
+
export { AngleSliderRootProvider } from './components/angle-slider/angle-slider-root-provider.js';
|
|
22
|
+
export { AngleSliderThumb } from './components/angle-slider/angle-slider-thumb.js';
|
|
23
|
+
export { AngleSliderValueText } from './components/angle-slider/angle-slider-value-text.js';
|
|
24
|
+
export { useAngleSlider } from './components/angle-slider/use-angle-slider.js';
|
|
25
|
+
export { useAngleSliderContext } from './components/angle-slider/use-angle-slider-context.js';
|
|
26
|
+
import * as angleSlider from './components/angle-slider/angle-slider.js';
|
|
27
|
+
export { angleSlider as AngleSlider };
|
|
14
28
|
export { AvatarContext } from './components/avatar/avatar-context.js';
|
|
15
29
|
export { AvatarFallback } from './components/avatar/avatar-fallback.js';
|
|
16
30
|
export { AvatarImage } from './components/avatar/avatar-image.js';
|
|
@@ -239,6 +253,24 @@ export { useFileUpload } from './components/file-upload/use-file-upload.js';
|
|
|
239
253
|
export { useFileUploadContext } from './components/file-upload/use-file-upload-context.js';
|
|
240
254
|
import * as fileUpload from './components/file-upload/file-upload.js';
|
|
241
255
|
export { fileUpload as FileUpload };
|
|
256
|
+
export { FloatingPanelBody } from './components/floating-panel/floating-panel-body.js';
|
|
257
|
+
export { FloatingPanelCloseTrigger } from './components/floating-panel/floating-panel-close-trigger.js';
|
|
258
|
+
export { FloatingPanelContent } from './components/floating-panel/floating-panel-content.js';
|
|
259
|
+
export { FloatingPanelContext } from './components/floating-panel/floating-panel-context.js';
|
|
260
|
+
export { FloatingPanelDragTrigger } from './components/floating-panel/floating-panel-drag-trigger.js';
|
|
261
|
+
export { FloatingPanelHeader } from './components/floating-panel/floating-panel-header.js';
|
|
262
|
+
export { FloatingPanelPositioner } from './components/floating-panel/floating-panel-positioner.js';
|
|
263
|
+
export { FloatingPanelResizeTrigger } from './components/floating-panel/floating-panel-resize-trigger.js';
|
|
264
|
+
export { FloatingPanelStageTrigger } from './components/floating-panel/floating-panel-stage-trigger.js';
|
|
265
|
+
export { FloatingPanelRoot } from './components/floating-panel/floating-panel-root.js';
|
|
266
|
+
export { FloatingPanelRootProvider } from './components/floating-panel/floating-panel-root-provider.js';
|
|
267
|
+
export { FloatingPanelTitle } from './components/floating-panel/floating-panel-title.js';
|
|
268
|
+
export { FloatingPanelTrigger } from './components/floating-panel/floating-panel-trigger.js';
|
|
269
|
+
export { FloatingPanelControl } from './components/floating-panel/floating-panel-control.js';
|
|
270
|
+
export { useFloatingPanel } from './components/floating-panel/use-floating-panel.js';
|
|
271
|
+
export { useFloatingPanelContext } from './components/floating-panel/use-floating-panel-context.js';
|
|
272
|
+
import * as floatingPanel from './components/floating-panel/floating-panel.js';
|
|
273
|
+
export { floatingPanel as FloatingPanel };
|
|
242
274
|
export { FocusTrap } from './components/focus-trap/focus-trap.js';
|
|
243
275
|
export { FormatByte } from './components/format/format-byte.js';
|
|
244
276
|
export { FormatNumber } from './components/format/format-number.js';
|
|
@@ -650,6 +682,7 @@ export { useEnvironmentContext } from './providers/environment/use-environment-c
|
|
|
650
682
|
export { LocaleProvider } from './providers/locale/locale-provider.js';
|
|
651
683
|
export { useLocaleContext } from './providers/locale/use-locale-context.js';
|
|
652
684
|
export { anatomy as accordionAnatomy } from '@zag-js/accordion';
|
|
685
|
+
export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
|
|
653
686
|
export { anatomy as avatarAnatomy } from '@zag-js/avatar';
|
|
654
687
|
export { anatomy as carouselAnatomy } from '@zag-js/carousel';
|
|
655
688
|
export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
|
|
@@ -658,6 +691,7 @@ export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
|
|
|
658
691
|
export { anatomy as dialogAnatomy } from '@zag-js/dialog';
|
|
659
692
|
export { anatomy as editableAnatomy } from '@zag-js/editable';
|
|
660
693
|
export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
|
|
694
|
+
export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
|
|
661
695
|
export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
|
|
662
696
|
export { anatomy as menuAnatomy } from '@zag-js/menu';
|
|
663
697
|
export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
|
package/package.json
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ark-ui/react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.6.0",
|
|
5
5
|
"description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"accordion",
|
|
8
|
+
"angle slider",
|
|
8
9
|
"avatar",
|
|
9
10
|
"carousel",
|
|
10
11
|
"checkbox",
|
|
@@ -138,7 +139,6 @@
|
|
|
138
139
|
"test:ci": "vitest --run",
|
|
139
140
|
"typecheck": "tsc",
|
|
140
141
|
"storybook": "storybook dev -p 6006",
|
|
141
|
-
"release-it": "release-it --config ../../release-it.json",
|
|
142
142
|
"prepack": "clean-package",
|
|
143
143
|
"postpack": "clean-package restore"
|
|
144
144
|
},
|
|
@@ -148,92 +148,93 @@
|
|
|
148
148
|
"sideEffects": false,
|
|
149
149
|
"dependencies": {
|
|
150
150
|
"@internationalized/date": "3.7.0",
|
|
151
|
-
"@zag-js/accordion": "1.
|
|
152
|
-
"@zag-js/
|
|
153
|
-
"@zag-js/
|
|
154
|
-
"@zag-js/
|
|
155
|
-
"@zag-js/
|
|
156
|
-
"@zag-js/
|
|
157
|
-
"@zag-js/
|
|
158
|
-
"@zag-js/
|
|
159
|
-
"@zag-js/
|
|
160
|
-
"@zag-js/
|
|
161
|
-
"@zag-js/color-
|
|
162
|
-
"@zag-js/
|
|
163
|
-
"@zag-js/
|
|
164
|
-
"@zag-js/
|
|
165
|
-
"@zag-js/date-
|
|
166
|
-
"@zag-js/
|
|
167
|
-
"@zag-js/
|
|
168
|
-
"@zag-js/
|
|
169
|
-
"@zag-js/
|
|
170
|
-
"@zag-js/file-
|
|
171
|
-
"@zag-js/
|
|
172
|
-
"@zag-js/
|
|
173
|
-
"@zag-js/
|
|
174
|
-
"@zag-js/
|
|
175
|
-
"@zag-js/
|
|
176
|
-
"@zag-js/
|
|
177
|
-
"@zag-js/
|
|
178
|
-
"@zag-js/
|
|
179
|
-
"@zag-js/
|
|
180
|
-
"@zag-js/
|
|
181
|
-
"@zag-js/
|
|
182
|
-
"@zag-js/
|
|
183
|
-
"@zag-js/
|
|
184
|
-
"@zag-js/
|
|
185
|
-
"@zag-js/
|
|
186
|
-
"@zag-js/
|
|
187
|
-
"@zag-js/
|
|
188
|
-
"@zag-js/
|
|
189
|
-
"@zag-js/
|
|
190
|
-
"@zag-js/
|
|
191
|
-
"@zag-js/
|
|
192
|
-
"@zag-js/
|
|
193
|
-
"@zag-js/
|
|
194
|
-
"@zag-js/
|
|
195
|
-
"@zag-js/
|
|
196
|
-
"@zag-js/
|
|
197
|
-
"@zag-js/
|
|
198
|
-
"@zag-js/
|
|
199
|
-
"@zag-js/
|
|
200
|
-
"@zag-js/
|
|
201
|
-
"@zag-js/
|
|
202
|
-
"@zag-js/
|
|
203
|
-
"@zag-js/
|
|
151
|
+
"@zag-js/accordion": "1.9.2",
|
|
152
|
+
"@zag-js/angle-slider": "1.9.2",
|
|
153
|
+
"@zag-js/anatomy": "1.9.2",
|
|
154
|
+
"@zag-js/auto-resize": "1.9.2",
|
|
155
|
+
"@zag-js/avatar": "1.9.2",
|
|
156
|
+
"@zag-js/carousel": "1.9.2",
|
|
157
|
+
"@zag-js/checkbox": "1.9.2",
|
|
158
|
+
"@zag-js/clipboard": "1.9.2",
|
|
159
|
+
"@zag-js/collapsible": "1.9.2",
|
|
160
|
+
"@zag-js/collection": "1.9.2",
|
|
161
|
+
"@zag-js/color-picker": "1.9.2",
|
|
162
|
+
"@zag-js/color-utils": "1.9.2",
|
|
163
|
+
"@zag-js/combobox": "1.9.2",
|
|
164
|
+
"@zag-js/core": "1.9.2",
|
|
165
|
+
"@zag-js/date-picker": "1.9.2",
|
|
166
|
+
"@zag-js/date-utils": "1.9.2",
|
|
167
|
+
"@zag-js/dialog": "1.9.2",
|
|
168
|
+
"@zag-js/dom-query": "1.9.2",
|
|
169
|
+
"@zag-js/editable": "1.9.2",
|
|
170
|
+
"@zag-js/file-upload": "1.9.2",
|
|
171
|
+
"@zag-js/file-utils": "1.9.2",
|
|
172
|
+
"@zag-js/focus-trap": "1.9.2",
|
|
173
|
+
"@zag-js/floating-panel": "1.9.2",
|
|
174
|
+
"@zag-js/highlight-word": "1.9.2",
|
|
175
|
+
"@zag-js/hover-card": "1.9.2",
|
|
176
|
+
"@zag-js/i18n-utils": "1.9.2",
|
|
177
|
+
"@zag-js/menu": "1.9.2",
|
|
178
|
+
"@zag-js/number-input": "1.9.2",
|
|
179
|
+
"@zag-js/pagination": "1.9.2",
|
|
180
|
+
"@zag-js/pin-input": "1.9.2",
|
|
181
|
+
"@zag-js/popover": "1.9.2",
|
|
182
|
+
"@zag-js/presence": "1.9.2",
|
|
183
|
+
"@zag-js/progress": "1.9.2",
|
|
184
|
+
"@zag-js/qr-code": "1.9.2",
|
|
185
|
+
"@zag-js/radio-group": "1.9.2",
|
|
186
|
+
"@zag-js/rating-group": "1.9.2",
|
|
187
|
+
"@zag-js/react": "1.9.2",
|
|
188
|
+
"@zag-js/select": "1.9.2",
|
|
189
|
+
"@zag-js/signature-pad": "1.9.2",
|
|
190
|
+
"@zag-js/slider": "1.9.2",
|
|
191
|
+
"@zag-js/splitter": "1.9.2",
|
|
192
|
+
"@zag-js/steps": "1.9.2",
|
|
193
|
+
"@zag-js/switch": "1.9.2",
|
|
194
|
+
"@zag-js/tabs": "1.9.2",
|
|
195
|
+
"@zag-js/tags-input": "1.9.2",
|
|
196
|
+
"@zag-js/time-picker": "1.9.2",
|
|
197
|
+
"@zag-js/timer": "1.9.2",
|
|
198
|
+
"@zag-js/toast": "1.9.2",
|
|
199
|
+
"@zag-js/toggle": "1.9.2",
|
|
200
|
+
"@zag-js/toggle-group": "1.9.2",
|
|
201
|
+
"@zag-js/tooltip": "1.9.2",
|
|
202
|
+
"@zag-js/tour": "1.9.2",
|
|
203
|
+
"@zag-js/tree-view": "1.9.2",
|
|
204
|
+
"@zag-js/types": "1.9.2",
|
|
205
|
+
"@zag-js/utils": "1.9.2"
|
|
204
206
|
},
|
|
205
207
|
"devDependencies": {
|
|
208
|
+
"@ark-ui/shared": "workspace:*",
|
|
206
209
|
"@biomejs/biome": "1.9.4",
|
|
207
|
-
"@
|
|
208
|
-
"@storybook/addon-
|
|
209
|
-
"@storybook/
|
|
210
|
-
"@storybook/react": "8.6.
|
|
211
|
-
"@storybook/react-vite": "8.6.11",
|
|
210
|
+
"@storybook/addon-a11y": "8.6.12",
|
|
211
|
+
"@storybook/addon-essentials": "8.6.12",
|
|
212
|
+
"@storybook/react": "8.6.12",
|
|
213
|
+
"@storybook/react-vite": "8.6.12",
|
|
212
214
|
"@testing-library/dom": "10.4.0",
|
|
213
215
|
"@testing-library/jest-dom": "6.6.3",
|
|
214
|
-
"@testing-library/react": "16.
|
|
216
|
+
"@testing-library/react": "16.3.0",
|
|
215
217
|
"@testing-library/user-event": "14.6.1",
|
|
216
218
|
"@types/jsdom": "21.1.7",
|
|
217
|
-
"@types/react": "19.0
|
|
218
|
-
"@types/react-dom": "19.
|
|
219
|
+
"@types/react": "19.1.0",
|
|
220
|
+
"@types/react-dom": "19.1.2",
|
|
219
221
|
"@vitejs/plugin-react": "4.3.4",
|
|
220
|
-
"@zag-js/stringify-state": "1.
|
|
222
|
+
"@zag-js/stringify-state": "1.9.2",
|
|
221
223
|
"clean-package": "2.2.0",
|
|
222
224
|
"globby": "14.1.0",
|
|
223
225
|
"happy-dom": "17.4.4",
|
|
224
|
-
"lucide-react": "0.
|
|
225
|
-
"react": "19.
|
|
226
|
-
"react-dom": "19.
|
|
226
|
+
"lucide-react": "0.487.0",
|
|
227
|
+
"react": "19.1.0",
|
|
228
|
+
"react-dom": "19.1.0",
|
|
227
229
|
"react-frame-component": "5.2.7",
|
|
228
|
-
"react-hook-form": "7.
|
|
229
|
-
"release-it": "18.1.2",
|
|
230
|
+
"react-hook-form": "7.55.0",
|
|
230
231
|
"resize-observer-polyfill": "1.5.1",
|
|
231
|
-
"storybook": "8.6.
|
|
232
|
-
"typescript": "5.8.
|
|
233
|
-
"vite": "6.2.
|
|
232
|
+
"storybook": "8.6.12",
|
|
233
|
+
"typescript": "5.8.3",
|
|
234
|
+
"vite": "6.2.5",
|
|
234
235
|
"vite-plugin-dts": "4.5.3",
|
|
235
|
-
"vitest": "3.
|
|
236
|
-
"@vitest/coverage-v8": "3.
|
|
236
|
+
"vitest": "3.1.1",
|
|
237
|
+
"@vitest/coverage-v8": "3.1.1",
|
|
237
238
|
"vitest-axe": "1.0.0-pre.5"
|
|
238
239
|
},
|
|
239
240
|
"peerDependencies": {
|