@ark-ui/react 0.7.1 → 0.7.3
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/CHANGELOG.md +23 -10
- package/README.md +1 -0
- package/accordion/accordion-context.d.ts +1 -1
- package/accordion/index.cjs +20 -0
- package/accordion/index.mjs +5 -0
- package/avatar/index.cjs +18 -0
- package/avatar/index.mjs +4 -0
- package/carousel/carousel.anatomy.d.ts +1 -1
- package/carousel/carousel.cjs +1 -0
- package/carousel/carousel.mjs +1 -0
- package/carousel/index.cjs +23 -0
- package/carousel/index.mjs +8 -0
- package/checkbox/checkbox.cjs +1 -0
- package/checkbox/checkbox.mjs +1 -0
- package/checkbox/index.cjs +20 -0
- package/checkbox/index.mjs +5 -0
- package/color-picker/color-picker-area.d.ts +280 -0
- package/color-picker/color-picker-channel-slider-track.d.ts +281 -0
- package/color-picker/color-picker-context.d.ts +44 -0
- package/color-picker/color-picker-swatch.d.ts +289 -0
- package/color-picker/color-picker.anatomy.d.ts +1 -1
- package/color-picker/color-picker.cjs +1 -0
- package/color-picker/color-picker.mjs +1 -0
- package/color-picker/index.cjs +35 -0
- package/color-picker/index.mjs +14 -0
- package/color-picker/use-color-picker.d.ts +28 -0
- package/combobox/combobox-context.d.ts +1 -1
- package/combobox/combobox.d.ts +332 -0
- package/combobox/index.cjs +28 -0
- package/combobox/index.mjs +9 -0
- package/combobox/use-combobox.d.ts +2 -3
- package/date-picker/date-picker-context.d.ts +256 -0
- package/date-picker/date-picker-day-cell.d.ts +281 -0
- package/date-picker/date-picker.anatomy.d.ts +1 -1
- package/date-picker/date-picker.cjs +1 -0
- package/date-picker/date-picker.mjs +1 -0
- package/date-picker/index.cjs +53 -0
- package/date-picker/index.mjs +23 -0
- package/date-picker/use-date-picker.d.ts +132 -0
- package/dialog/dialog.cjs +1 -0
- package/dialog/dialog.mjs +1 -0
- package/dialog/index.cjs +28 -0
- package/dialog/index.mjs +9 -0
- package/editable/editable-cancel-trigger.cjs +1 -0
- package/editable/editable-cancel-trigger.mjs +1 -0
- package/editable/editable-edit-trigger.cjs +1 -0
- package/editable/editable-edit-trigger.mjs +1 -0
- package/editable/editable-submit-trigger.cjs +1 -0
- package/editable/editable-submit-trigger.mjs +1 -0
- package/editable/editable.cjs +1 -0
- package/editable/editable.d.ts +326 -0
- package/editable/editable.mjs +1 -0
- package/editable/index.cjs +30 -0
- package/editable/index.mjs +10 -0
- package/environment/environment-context.cjs +1 -0
- package/environment/environment-context.mjs +1 -0
- package/environment/index.cjs +11 -0
- package/environment/index.mjs +2 -0
- package/hover-card/hover-card-context.d.ts +25 -0
- package/hover-card/hover-card.cjs +1 -0
- package/hover-card/hover-card.mjs +1 -0
- package/hover-card/index.cjs +24 -0
- package/hover-card/index.mjs +7 -0
- package/hover-card/use-hover-card.d.ts +16 -0
- package/index.cjs +108 -108
- package/index.mjs +22 -22
- package/menu/index.cjs +38 -0
- package/menu/index.mjs +14 -0
- package/menu/menu-option-item.cjs +2 -0
- package/menu/menu-option-item.mjs +2 -0
- package/number-input/index.cjs +26 -0
- package/number-input/index.mjs +8 -0
- package/number-input/number-input-decrement-trigger.cjs +1 -0
- package/number-input/number-input-decrement-trigger.mjs +1 -0
- package/number-input/number-input-increment-trigger.cjs +1 -0
- package/number-input/number-input-increment-trigger.mjs +1 -0
- package/package.json +49 -47
- package/pagination/index.cjs +23 -0
- package/pagination/index.mjs +8 -0
- package/pagination/pagination.anatomy.d.ts +3 -3
- package/pagination/pagination.cjs +1 -0
- package/pagination/pagination.mjs +1 -0
- package/pin-input/index.cjs +20 -0
- package/pin-input/index.mjs +5 -0
- package/popover/index.cjs +32 -0
- package/popover/index.mjs +11 -0
- package/popover/popover-context.d.ts +35 -0
- package/popover/popover.cjs +1 -0
- package/popover/popover.mjs +1 -0
- package/popover/use-popover.cjs +1 -1
- package/popover/use-popover.d.ts +28 -0
- package/popover/use-popover.mjs +1 -1
- package/pressable/index.cjs +11 -0
- package/pressable/index.mjs +2 -0
- package/radio-group/index.cjs +24 -0
- package/radio-group/index.mjs +7 -0
- package/radio-group/radio-context.cjs +1 -0
- package/radio-group/radio-context.mjs +1 -0
- package/range-slider/index.cjs +30 -0
- package/range-slider/index.mjs +10 -0
- package/range-slider/range-slider-output.cjs +1 -0
- package/range-slider/range-slider-output.mjs +1 -0
- package/range-slider/range-slider.cjs +1 -0
- package/range-slider/range-slider.mjs +1 -0
- package/rating-group/index.cjs +20 -0
- package/rating-group/index.mjs +5 -0
- package/rating-group/rating-context.cjs +1 -0
- package/rating-group/rating-context.d.ts +1 -2
- package/rating-group/rating-context.mjs +1 -0
- package/rating-group/rating-group-context.d.ts +1 -1
- package/rating-group/rating-group-control.cjs +1 -0
- package/rating-group/rating-group-control.mjs +1 -0
- package/rating-group/rating.cjs +1 -0
- package/rating-group/rating.mjs +1 -0
- package/segment-group/index.cjs +23 -0
- package/segment-group/index.mjs +8 -0
- package/segment-group/segment-context.cjs +1 -0
- package/segment-group/segment-context.mjs +1 -0
- package/segment-group/segment-group.anatomy.d.ts +1 -1
- package/select/index.cjs +28 -0
- package/select/index.mjs +9 -0
- package/select/select-context.d.ts +2 -1
- package/select/select.cjs +1 -0
- package/select/select.mjs +1 -0
- package/slider/index.cjs +30 -0
- package/slider/index.mjs +10 -0
- package/slider/slider.cjs +1 -0
- package/slider/slider.mjs +1 -0
- package/splitter/index.cjs +18 -0
- package/splitter/index.mjs +4 -0
- package/splitter/splitter-context.d.ts +2 -1
- package/splitter/splitter-panel.cjs +1 -0
- package/splitter/splitter-panel.mjs +1 -0
- package/splitter/splitter-resize-trigger.cjs +1 -0
- package/splitter/splitter-resize-trigger.mjs +1 -0
- package/switch/index.cjs +22 -0
- package/switch/index.mjs +6 -0
- package/tabs/index.cjs +22 -0
- package/tabs/index.mjs +6 -0
- package/tabs/tab-content.cjs +1 -0
- package/tabs/tab-content.mjs +1 -0
- package/tabs/tabs-context.d.ts +1 -1
- package/tabs/use-tabs.d.ts +1 -2
- package/tags-input/index.cjs +28 -0
- package/tags-input/index.mjs +9 -0
- package/tags-input/tags-input.cjs +1 -0
- package/tags-input/tags-input.d.ts +359 -0
- package/tags-input/tags-input.mjs +1 -0
- package/toast/index.cjs +27 -0
- package/toast/index.mjs +8 -0
- package/toast/toast-group.cjs +2 -0
- package/toast/toast-group.mjs +2 -0
- package/toast/toast-item-context.d.ts +1 -1
- package/toast/toast-placements.cjs +2 -0
- package/toast/toast-placements.mjs +2 -0
- package/toast/toast.cjs +6 -2
- package/toast/toast.d.ts +1 -1
- package/toast/toast.mjs +6 -2
- package/tooltip/index.cjs +24 -0
- package/tooltip/index.mjs +7 -0
- package/tooltip/tooltip-context.d.ts +35 -0
- package/tooltip/tooltip.cjs +1 -0
- package/tooltip/tooltip.mjs +1 -0
- package/tooltip/use-tooltip.d.ts +21 -0
- package/transition/index.cjs +11 -0
- package/transition/index.d.ts +2 -0
- package/transition/index.mjs +2 -0
- package/transition/transition.cjs +28 -0
- package/transition/transition.d.ts +12 -0
- package/transition/transition.mjs +24 -0
- package/transition/use-transition.cjs +37 -0
- package/transition/use-transition.d.ts +10 -0
- package/transition/use-transition.mjs +14 -0
package/popover/popover.mjs
CHANGED
package/popover/use-popover.cjs
CHANGED
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
5
5
|
const popover = require('@zag-js/popover');
|
|
6
6
|
const react = require('@zag-js/react');
|
|
7
7
|
const React = require('react');
|
|
8
|
-
const useLatestRef = require('../use-latest-ref.cjs');
|
|
9
8
|
const environmentContext = require('../environment/environment-context.cjs');
|
|
9
|
+
const useLatestRef = require('../use-latest-ref.cjs');
|
|
10
10
|
|
|
11
11
|
function _interopNamespaceDefault(e) {
|
|
12
12
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { HTMLAttributes, DetailedHTMLProps, ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import * as popover from '@zag-js/popover';
|
|
3
|
+
import { type Optional } from '../types';
|
|
4
|
+
export type UsePopoverProps = Optional<popover.Context, 'id'> & {
|
|
5
|
+
/**
|
|
6
|
+
* Control the open state of the popover.
|
|
7
|
+
*
|
|
8
|
+
* @default false
|
|
9
|
+
*/
|
|
10
|
+
isOpen?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export declare const usePopover: (props: UsePopoverProps) => {
|
|
13
|
+
portalled: boolean;
|
|
14
|
+
isOpen: boolean;
|
|
15
|
+
open(): void;
|
|
16
|
+
close(): void;
|
|
17
|
+
setPositioning(options?: Partial<popover.PositioningOptions> | undefined): void;
|
|
18
|
+
arrowProps: HTMLAttributes<HTMLElement>;
|
|
19
|
+
arrowTipProps: HTMLAttributes<HTMLElement>;
|
|
20
|
+
anchorProps: HTMLAttributes<HTMLElement>;
|
|
21
|
+
triggerProps: DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
|
|
22
|
+
positionerProps: HTMLAttributes<HTMLElement>;
|
|
23
|
+
contentProps: HTMLAttributes<HTMLElement>;
|
|
24
|
+
titleProps: HTMLAttributes<HTMLElement>;
|
|
25
|
+
descriptionProps: HTMLAttributes<HTMLElement>;
|
|
26
|
+
closeTriggerProps: DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
|
|
27
|
+
};
|
|
28
|
+
export type UsePopoverReturn = ReturnType<typeof usePopover>;
|
package/popover/use-popover.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as popover from '@zag-js/popover';
|
|
2
2
|
import { useMachine, normalizeProps } from '@zag-js/react';
|
|
3
3
|
import { useId, useEffect } from 'react';
|
|
4
|
-
import { useLatestRef } from '../use-latest-ref.mjs';
|
|
5
4
|
import { useEnvironmentContext } from '../environment/environment-context.mjs';
|
|
5
|
+
import { useLatestRef } from '../use-latest-ref.mjs';
|
|
6
6
|
|
|
7
7
|
const usePopover = (props) => {
|
|
8
8
|
const { isOpen, ...restProps } = props;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const pressable = require('./pressable.cjs');
|
|
6
|
+
const usePressable = require('./use-pressable.cjs');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.Pressable = pressable.Pressable;
|
|
11
|
+
exports.usePressable = usePressable.usePressable;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const radio = require('./radio.cjs');
|
|
6
|
+
const radioControl = require('./radio-control.cjs');
|
|
7
|
+
const radioGroup = require('./radio-group.cjs');
|
|
8
|
+
const radioGroupLabel = require('./radio-group-label.cjs');
|
|
9
|
+
const radioInput = require('./radio-input.cjs');
|
|
10
|
+
const radioLabel = require('./radio-label.cjs');
|
|
11
|
+
const radio$1 = require('@zag-js/radio-group');
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
exports.Radio = radio.Radio;
|
|
16
|
+
exports.RadioControl = radioControl.RadioControl;
|
|
17
|
+
exports.RadioGroup = radioGroup.RadioGroup;
|
|
18
|
+
exports.RadioGroupLabel = radioGroupLabel.RadioGroupLabel;
|
|
19
|
+
exports.RadioInput = radioInput.RadioInput;
|
|
20
|
+
exports.RadioLabel = radioLabel.RadioLabel;
|
|
21
|
+
Object.defineProperty(exports, 'radioGroupAnatomy', {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: () => radio$1.anatomy
|
|
24
|
+
});
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Radio } from './radio.mjs';
|
|
2
|
+
export { RadioControl } from './radio-control.mjs';
|
|
3
|
+
export { RadioGroup } from './radio-group.mjs';
|
|
4
|
+
export { RadioGroupLabel } from './radio-group-label.mjs';
|
|
5
|
+
export { RadioInput } from './radio-input.mjs';
|
|
6
|
+
export { RadioLabel } from './radio-label.mjs';
|
|
7
|
+
export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const rangeSlider = require('./range-slider.cjs');
|
|
6
|
+
const rangeSliderControl = require('./range-slider-control.cjs');
|
|
7
|
+
const rangeSliderLabel = require('./range-slider-label.cjs');
|
|
8
|
+
const rangeSliderMarker = require('./range-slider-marker.cjs');
|
|
9
|
+
const rangeSliderMarkerGroup = require('./range-slider-marker-group.cjs');
|
|
10
|
+
const rangeSliderOutput = require('./range-slider-output.cjs');
|
|
11
|
+
const rangeSliderRange = require('./range-slider-range.cjs');
|
|
12
|
+
const rangeSliderThumb = require('./range-slider-thumb.cjs');
|
|
13
|
+
const rangeSliderTrack = require('./range-slider-track.cjs');
|
|
14
|
+
const rangeSlider$1 = require('@zag-js/range-slider');
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
exports.RangeSlider = rangeSlider.RangeSlider;
|
|
19
|
+
exports.RangeSliderControl = rangeSliderControl.RangeSliderControl;
|
|
20
|
+
exports.RangeSliderLabel = rangeSliderLabel.RangeSliderLabel;
|
|
21
|
+
exports.RangeSliderMarker = rangeSliderMarker.RangeSliderMarker;
|
|
22
|
+
exports.RangeSliderMarkerGroup = rangeSliderMarkerGroup.RangeSliderMarkerGroup;
|
|
23
|
+
exports.RangeSliderOutput = rangeSliderOutput.RangeSliderOutput;
|
|
24
|
+
exports.RangeSliderRange = rangeSliderRange.RangeSliderRange;
|
|
25
|
+
exports.RangeSliderThumb = rangeSliderThumb.RangeSliderThumb;
|
|
26
|
+
exports.RangeSliderTrack = rangeSliderTrack.RangeSliderTrack;
|
|
27
|
+
Object.defineProperty(exports, 'rangeSliderAnatomy', {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
get: () => rangeSlider$1.anatomy
|
|
30
|
+
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { RangeSlider } from './range-slider.mjs';
|
|
2
|
+
export { RangeSliderControl } from './range-slider-control.mjs';
|
|
3
|
+
export { RangeSliderLabel } from './range-slider-label.mjs';
|
|
4
|
+
export { RangeSliderMarker } from './range-slider-marker.mjs';
|
|
5
|
+
export { RangeSliderMarkerGroup } from './range-slider-marker-group.mjs';
|
|
6
|
+
export { RangeSliderOutput } from './range-slider-output.mjs';
|
|
7
|
+
export { RangeSliderRange } from './range-slider-range.mjs';
|
|
8
|
+
export { RangeSliderThumb } from './range-slider-thumb.mjs';
|
|
9
|
+
export { RangeSliderTrack } from './range-slider-track.mjs';
|
|
10
|
+
export { anatomy as rangeSliderAnatomy } from '@zag-js/range-slider';
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
4
4
|
|
|
5
5
|
const jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
const react = require('@zag-js/react');
|
|
7
|
+
require('react');
|
|
7
8
|
const factory = require('../factory.cjs');
|
|
8
9
|
const forwardRef = require('../forward-ref.cjs');
|
|
9
10
|
const runIfFn = require('../run-if-fn.cjs');
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
4
4
|
|
|
5
5
|
const jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
const react = require('@zag-js/react');
|
|
7
|
+
require('react');
|
|
7
8
|
const createSplitProps = require('../create-split-props.cjs');
|
|
8
9
|
const factory = require('../factory.cjs');
|
|
9
10
|
const forwardRef = require('../forward-ref.cjs');
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const rating = require('./rating.cjs');
|
|
6
|
+
const ratingGroup = require('./rating-group.cjs');
|
|
7
|
+
const ratingGroupControl = require('./rating-group-control.cjs');
|
|
8
|
+
const ratingGroupLabel = require('./rating-group-label.cjs');
|
|
9
|
+
const ratingGroup$1 = require('@zag-js/rating-group');
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
exports.Rating = rating.Rating;
|
|
14
|
+
exports.RatingGroup = ratingGroup.RatingGroup;
|
|
15
|
+
exports.RatingGroupControl = ratingGroupControl.RatingGroupControl;
|
|
16
|
+
exports.RatingGroupLabel = ratingGroupLabel.RatingGroupLabel;
|
|
17
|
+
Object.defineProperty(exports, 'ratingGroupAnatomy', {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: () => ratingGroup$1.anatomy
|
|
20
|
+
});
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { Rating } from './rating.mjs';
|
|
2
|
+
export { RatingGroup } from './rating-group.mjs';
|
|
3
|
+
export { RatingGroupControl } from './rating-group-control.mjs';
|
|
4
|
+
export { RatingGroupLabel } from './rating-group-label.mjs';
|
|
5
|
+
export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import type { ItemState } from '@zag-js/rating-group/dist/rating-group.types';
|
|
2
1
|
import type { Provider } from 'react';
|
|
3
|
-
import { type connect } from '@zag-js/rating-group';
|
|
2
|
+
import type { ItemState, type connect } from '@zag-js/rating-group';
|
|
4
3
|
export type RatingContext = ReturnType<ReturnType<typeof connect>['getRatingState']>;
|
|
5
4
|
export declare const RatingProvider: Provider<ItemState>, useRatingContext: () => ItemState;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ItemProps, ItemState } from '@zag-js/rating-group
|
|
1
|
+
import type { ItemProps, ItemState } from '@zag-js/rating-group';
|
|
2
2
|
import type { Provider, HTMLAttributes, DetailedHTMLProps, InputHTMLAttributes } from 'react';
|
|
3
3
|
import { type UseRatingGroupReturn } from './use-rating-group';
|
|
4
4
|
export type RatingGroupContext = UseRatingGroupReturn;
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
4
4
|
|
|
5
5
|
const jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
const react = require('@zag-js/react');
|
|
7
|
+
require('react');
|
|
7
8
|
const factory = require('../factory.cjs');
|
|
8
9
|
const forwardRef = require('../forward-ref.cjs');
|
|
9
10
|
const runIfFn = require('../run-if-fn.cjs');
|
package/rating-group/rating.cjs
CHANGED
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
4
4
|
|
|
5
5
|
const jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
const react = require('@zag-js/react');
|
|
7
|
+
require('react');
|
|
7
8
|
const factory = require('../factory.cjs');
|
|
8
9
|
const forwardRef = require('../forward-ref.cjs');
|
|
9
10
|
const runIfFn = require('../run-if-fn.cjs');
|
package/rating-group/rating.mjs
CHANGED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const segment = require('./segment.cjs');
|
|
6
|
+
const segmentControl = require('./segment-control.cjs');
|
|
7
|
+
const segmentGroup = require('./segment-group.cjs');
|
|
8
|
+
const segmentGroupLabel = require('./segment-group-label.cjs');
|
|
9
|
+
const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
|
|
10
|
+
const segmentIndicator = require('./segment-indicator.cjs');
|
|
11
|
+
const segmentInput = require('./segment-input.cjs');
|
|
12
|
+
const segmentLabel = require('./segment-label.cjs');
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
exports.Segment = segment.Segment;
|
|
17
|
+
exports.SegmentControl = segmentControl.SegmentControl;
|
|
18
|
+
exports.SegmentGroup = segmentGroup.SegmentGroup;
|
|
19
|
+
exports.SegmentGroupLabel = segmentGroupLabel.SegmentGroupLabel;
|
|
20
|
+
exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
|
|
21
|
+
exports.SegmentIndicator = segmentIndicator.SegmentIndicator;
|
|
22
|
+
exports.SegmentInput = segmentInput.SegmentInput;
|
|
23
|
+
exports.SegmentLabel = segmentLabel.SegmentLabel;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { Segment } from './segment.mjs';
|
|
2
|
+
export { SegmentControl } from './segment-control.mjs';
|
|
3
|
+
export { SegmentGroup } from './segment-group.mjs';
|
|
4
|
+
export { SegmentGroupLabel } from './segment-group-label.mjs';
|
|
5
|
+
export { segmentGroupAnatomy } from './segment-group.anatomy.mjs';
|
|
6
|
+
export { SegmentIndicator } from './segment-indicator.mjs';
|
|
7
|
+
export { SegmentInput } from './segment-input.mjs';
|
|
8
|
+
export { SegmentLabel } from './segment-label.mjs';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { Anatomy, AnatomyPart } from '@zag-js/anatomy
|
|
1
|
+
import type { Anatomy, AnatomyPart } from '@zag-js/anatomy';
|
|
2
2
|
export declare const segmentGroupAnatomy: Anatomy<"label" | "radio" | "root" | "indicator" | "radioLabel" | "radioControl" | "radioInput">;
|
|
3
3
|
export declare const parts: Record<"label" | "radio" | "root" | "indicator" | "radioLabel" | "radioControl" | "radioInput", AnatomyPart>;
|
package/select/index.cjs
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const select = require('./select.cjs');
|
|
6
|
+
const selectContent = require('./select-content.cjs');
|
|
7
|
+
const selectLabel = require('./select-label.cjs');
|
|
8
|
+
const selectOption = require('./select-option.cjs');
|
|
9
|
+
const selectOptionGroup = require('./select-option-group.cjs');
|
|
10
|
+
const selectOptionGroupLabel = require('./select-option-group-label.cjs');
|
|
11
|
+
const selectPositioner = require('./select-positioner.cjs');
|
|
12
|
+
const selectTrigger = require('./select-trigger.cjs');
|
|
13
|
+
const select$1 = require('@zag-js/select');
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
exports.Select = select.Select;
|
|
18
|
+
exports.SelectContent = selectContent.SelectContent;
|
|
19
|
+
exports.SelectLabel = selectLabel.SelectLabel;
|
|
20
|
+
exports.SelectOption = selectOption.SelectOption;
|
|
21
|
+
exports.SelectOptionGroup = selectOptionGroup.SelectOptionGroup;
|
|
22
|
+
exports.SelectOptionGroupLabel = selectOptionGroupLabel.SelectOptionGroupLabel;
|
|
23
|
+
exports.SelectPositioner = selectPositioner.SelectPositioner;
|
|
24
|
+
exports.SelectTrigger = selectTrigger.SelectTrigger;
|
|
25
|
+
Object.defineProperty(exports, 'selectAnatomy', {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: () => select$1.anatomy
|
|
28
|
+
});
|
package/select/index.mjs
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { Select } from './select.mjs';
|
|
2
|
+
export { SelectContent } from './select-content.mjs';
|
|
3
|
+
export { SelectLabel } from './select-label.mjs';
|
|
4
|
+
export { SelectOption } from './select-option.mjs';
|
|
5
|
+
export { SelectOptionGroup } from './select-option-group.mjs';
|
|
6
|
+
export { SelectOptionGroupLabel } from './select-option-group-label.mjs';
|
|
7
|
+
export { SelectPositioner } from './select-positioner.mjs';
|
|
8
|
+
export { SelectTrigger } from './select-trigger.mjs';
|
|
9
|
+
export { anatomy as selectAnatomy } from '@zag-js/select';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { OptionProps, OptionGroupLabelProps, OptionGroupProps } from '@zag-js/select';
|
|
2
|
+
import type { Option } from '@zag-js/select/dist/select.types';
|
|
2
3
|
import type { Provider, DetailedHTMLProps, LabelHTMLAttributes, HTMLAttributes, ButtonHTMLAttributes, SelectHTMLAttributes } from 'react';
|
|
3
4
|
import { type UseSelectReturn } from './use-select';
|
|
4
5
|
export type SelectContext = UseSelectReturn;
|
package/select/select.cjs
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
5
|
const jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
require('react');
|
|
6
7
|
const createSplitProps = require('../create-split-props.cjs');
|
|
7
8
|
const runIfFn = require('../run-if-fn.cjs');
|
|
8
9
|
const selectContext = require('./select-context.cjs');
|
package/select/select.mjs
CHANGED
package/slider/index.cjs
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const slider = require('./slider.cjs');
|
|
6
|
+
const sliderControl = require('./slider-control.cjs');
|
|
7
|
+
const sliderLabel = require('./slider-label.cjs');
|
|
8
|
+
const sliderMarker = require('./slider-marker.cjs');
|
|
9
|
+
const sliderMarkerGroup = require('./slider-marker-group.cjs');
|
|
10
|
+
const sliderOutput = require('./slider-output.cjs');
|
|
11
|
+
const sliderRange = require('./slider-range.cjs');
|
|
12
|
+
const sliderThumb = require('./slider-thumb.cjs');
|
|
13
|
+
const sliderTrack = require('./slider-track.cjs');
|
|
14
|
+
const slider$1 = require('@zag-js/slider');
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
exports.Slider = slider.Slider;
|
|
19
|
+
exports.SliderControl = sliderControl.SliderControl;
|
|
20
|
+
exports.SliderLabel = sliderLabel.SliderLabel;
|
|
21
|
+
exports.SliderMarker = sliderMarker.SliderMarker;
|
|
22
|
+
exports.SliderMarkerGroup = sliderMarkerGroup.SliderMarkerGroup;
|
|
23
|
+
exports.SliderOutput = sliderOutput.SliderOutput;
|
|
24
|
+
exports.SliderRange = sliderRange.SliderRange;
|
|
25
|
+
exports.SliderThumb = sliderThumb.SliderThumb;
|
|
26
|
+
exports.SliderTrack = sliderTrack.SliderTrack;
|
|
27
|
+
Object.defineProperty(exports, 'sliderAnatomy', {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
get: () => slider$1.anatomy
|
|
30
|
+
});
|
package/slider/index.mjs
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { Slider } from './slider.mjs';
|
|
2
|
+
export { SliderControl } from './slider-control.mjs';
|
|
3
|
+
export { SliderLabel } from './slider-label.mjs';
|
|
4
|
+
export { SliderMarker } from './slider-marker.mjs';
|
|
5
|
+
export { SliderMarkerGroup } from './slider-marker-group.mjs';
|
|
6
|
+
export { SliderOutput } from './slider-output.mjs';
|
|
7
|
+
export { SliderRange } from './slider-range.mjs';
|
|
8
|
+
export { SliderThumb } from './slider-thumb.mjs';
|
|
9
|
+
export { SliderTrack } from './slider-track.mjs';
|
|
10
|
+
export { anatomy as sliderAnatomy } from '@zag-js/slider';
|
package/slider/slider.cjs
CHANGED
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
4
4
|
|
|
5
5
|
const jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
const react = require('@zag-js/react');
|
|
7
|
+
require('react');
|
|
7
8
|
const createSplitProps = require('../create-split-props.cjs');
|
|
8
9
|
const factory = require('../factory.cjs');
|
|
9
10
|
const forwardRef = require('../forward-ref.cjs');
|
package/slider/slider.mjs
CHANGED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const splitter = require('./splitter.cjs');
|
|
6
|
+
const splitterPanel = require('./splitter-panel.cjs');
|
|
7
|
+
const splitterResizeTrigger = require('./splitter-resize-trigger.cjs');
|
|
8
|
+
const splitter$1 = require('@zag-js/splitter');
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
exports.Splitter = splitter.Splitter;
|
|
13
|
+
exports.SplitterPanel = splitterPanel.SplitterPanel;
|
|
14
|
+
exports.SplitterResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;
|
|
15
|
+
Object.defineProperty(exports, 'splitterAnatomy', {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: () => splitter$1.anatomy
|
|
18
|
+
});
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ResizeTriggerProps, PanelProps } from '@zag-js/splitter';
|
|
2
|
+
import type { PanelId } from '@zag-js/splitter/dist/splitter.types';
|
|
2
3
|
import type { Provider, HTMLAttributes } from 'react';
|
|
3
4
|
import { type UseSplitterReturn } from './use-splitter';
|
|
4
5
|
export type SplitterContext = UseSplitterReturn;
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
4
4
|
|
|
5
5
|
const jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
const react = require('@zag-js/react');
|
|
7
|
+
require('@zag-js/splitter');
|
|
7
8
|
const createSplitProps = require('../create-split-props.cjs');
|
|
8
9
|
const factory = require('../factory.cjs');
|
|
9
10
|
const forwardRef = require('../forward-ref.cjs');
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { mergeProps } from '@zag-js/react';
|
|
3
|
+
import '@zag-js/splitter';
|
|
3
4
|
import { createSplitProps } from '../create-split-props.mjs';
|
|
4
5
|
import { ark } from '../factory.mjs';
|
|
5
6
|
import { forwardRef } from '../forward-ref.mjs';
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
4
4
|
|
|
5
5
|
const jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
const react = require('@zag-js/react');
|
|
7
|
+
require('@zag-js/splitter');
|
|
7
8
|
const createSplitProps = require('../create-split-props.cjs');
|
|
8
9
|
const factory = require('../factory.cjs');
|
|
9
10
|
const forwardRef = require('../forward-ref.cjs');
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { mergeProps } from '@zag-js/react';
|
|
3
|
+
import '@zag-js/splitter';
|
|
3
4
|
import { createSplitProps } from '../create-split-props.mjs';
|
|
4
5
|
import { ark } from '../factory.mjs';
|
|
5
6
|
import { forwardRef } from '../forward-ref.mjs';
|
package/switch/index.cjs
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const _switch = require('./switch.cjs');
|
|
6
|
+
const switchControl = require('./switch-control.cjs');
|
|
7
|
+
const switchInput = require('./switch-input.cjs');
|
|
8
|
+
const switchLabel = require('./switch-label.cjs');
|
|
9
|
+
const switchThumb = require('./switch-thumb.cjs');
|
|
10
|
+
const zagSwitch = require('@zag-js/switch');
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
exports.Switch = _switch.Switch;
|
|
15
|
+
exports.SwitchControl = switchControl.SwitchControl;
|
|
16
|
+
exports.SwitchInput = switchInput.SwitchInput;
|
|
17
|
+
exports.SwitchLabel = switchLabel.SwitchLabel;
|
|
18
|
+
exports.SwitchThumb = switchThumb.SwitchThumb;
|
|
19
|
+
Object.defineProperty(exports, 'switchAnatomy', {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: () => zagSwitch.anatomy
|
|
22
|
+
});
|
package/switch/index.mjs
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Switch } from './switch.mjs';
|
|
2
|
+
export { SwitchControl } from './switch-control.mjs';
|
|
3
|
+
export { SwitchInput } from './switch-input.mjs';
|
|
4
|
+
export { SwitchLabel } from './switch-label.mjs';
|
|
5
|
+
export { SwitchThumb } from './switch-thumb.mjs';
|
|
6
|
+
export { anatomy as switchAnatomy } from '@zag-js/switch';
|
package/tabs/index.cjs
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const tabContent = require('./tab-content.cjs');
|
|
6
|
+
const tabIndicator = require('./tab-indicator.cjs');
|
|
7
|
+
const tabList = require('./tab-list.cjs');
|
|
8
|
+
const tabTrigger = require('./tab-trigger.cjs');
|
|
9
|
+
const tabs = require('./tabs.cjs');
|
|
10
|
+
const tabs$1 = require('@zag-js/tabs');
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
exports.TabContent = tabContent.TabContent;
|
|
15
|
+
exports.TabIndicator = tabIndicator.TabIndicator;
|
|
16
|
+
exports.TabList = tabList.TabList;
|
|
17
|
+
exports.TabTrigger = tabTrigger.TabTrigger;
|
|
18
|
+
exports.Tabs = tabs.Tabs;
|
|
19
|
+
Object.defineProperty(exports, 'tabsAnatomy', {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: () => tabs$1.anatomy
|
|
22
|
+
});
|
package/tabs/index.mjs
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { TabContent } from './tab-content.mjs';
|
|
2
|
+
export { TabIndicator } from './tab-indicator.mjs';
|
|
3
|
+
export { TabList } from './tab-list.mjs';
|
|
4
|
+
export { TabTrigger } from './tab-trigger.mjs';
|
|
5
|
+
export { Tabs } from './tabs.mjs';
|
|
6
|
+
export { anatomy as tabsAnatomy } from '@zag-js/tabs';
|
package/tabs/tab-content.cjs
CHANGED
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
4
4
|
|
|
5
5
|
const jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
const react = require('@zag-js/react');
|
|
7
|
+
require('@zag-js/tabs');
|
|
7
8
|
const createSplitProps = require('../create-split-props.cjs');
|
|
8
9
|
const factory = require('../factory.cjs');
|
|
9
10
|
const forwardRef = require('../forward-ref.cjs');
|
package/tabs/tab-content.mjs
CHANGED