@ark-ui/react 5.5.0 → 5.7.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/collection.d.cts +1 -1
- package/dist/components/collection.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/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 +19 -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 +15 -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 +25 -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 +21 -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 +19 -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 +15 -0
- package/dist/components/floating-panel/floating-panel-header.cjs +19 -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 +15 -0
- package/dist/components/floating-panel/floating-panel-positioner.cjs +24 -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 +20 -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 +105 -0
- package/dist/components/index.d.cts +3 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.js +51 -0
- package/dist/components/listbox/index.cjs +44 -0
- package/dist/components/listbox/index.d.cts +18 -0
- package/dist/components/listbox/index.d.ts +18 -0
- package/dist/components/listbox/index.js +18 -0
- package/dist/components/listbox/listbox-content.cjs +19 -0
- package/dist/components/listbox/listbox-content.d.cts +7 -0
- package/dist/components/listbox/listbox-content.d.ts +7 -0
- package/dist/components/listbox/listbox-content.js +15 -0
- package/dist/components/listbox/listbox-context.d.cts +7 -0
- package/dist/components/listbox/listbox-context.d.ts +7 -0
- package/dist/components/listbox/listbox-input.cjs +21 -0
- package/dist/components/listbox/listbox-input.d.cts +8 -0
- package/dist/components/listbox/listbox-input.d.ts +8 -0
- package/dist/components/listbox/listbox-input.js +17 -0
- package/dist/components/listbox/listbox-item-group-label.cjs +21 -0
- package/dist/components/listbox/listbox-item-group-label.d.cts +7 -0
- package/dist/components/listbox/listbox-item-group-label.d.ts +7 -0
- package/dist/components/listbox/listbox-item-group-label.js +17 -0
- package/dist/components/listbox/listbox-item-group.cjs +24 -0
- package/dist/components/listbox/listbox-item-group.d.cts +7 -0
- package/dist/components/listbox/listbox-item-group.d.ts +7 -0
- package/dist/components/listbox/listbox-item-group.js +20 -0
- package/dist/components/listbox/listbox-item-indicator.cjs +21 -0
- package/dist/components/listbox/listbox-item-indicator.d.cts +7 -0
- package/dist/components/listbox/listbox-item-indicator.d.ts +7 -0
- package/dist/components/listbox/listbox-item-indicator.js +17 -0
- package/dist/components/listbox/listbox-item-text.cjs +21 -0
- package/dist/components/listbox/listbox-item-text.d.cts +7 -0
- package/dist/components/listbox/listbox-item-text.d.ts +7 -0
- package/dist/components/listbox/listbox-item-text.js +17 -0
- package/dist/components/listbox/listbox-item.cjs +24 -0
- package/dist/components/listbox/listbox-item.d.cts +8 -0
- package/dist/components/listbox/listbox-item.d.ts +8 -0
- package/dist/components/listbox/listbox-item.js +20 -0
- package/dist/components/listbox/listbox-label.cjs +19 -0
- package/dist/components/listbox/listbox-label.d.cts +7 -0
- package/dist/components/listbox/listbox-label.d.ts +7 -0
- package/dist/components/listbox/listbox-label.js +15 -0
- package/dist/components/listbox/listbox-root-provider.cjs +20 -0
- package/dist/components/listbox/listbox-root-provider.d.cts +14 -0
- package/dist/components/listbox/listbox-root-provider.d.ts +14 -0
- package/dist/components/listbox/listbox-root-provider.js +16 -0
- package/dist/components/listbox/listbox-root.cjs +42 -0
- package/dist/components/listbox/listbox-root.d.cts +11 -0
- package/dist/components/listbox/listbox-root.d.ts +11 -0
- package/dist/components/listbox/listbox-root.js +38 -0
- package/dist/components/listbox/listbox-value-text.cjs +20 -0
- package/dist/components/listbox/listbox-value-text.d.cts +11 -0
- package/dist/components/listbox/listbox-value-text.d.ts +11 -0
- package/dist/components/listbox/listbox-value-text.js +16 -0
- package/dist/components/listbox/listbox.anatomy.d.cts +1 -0
- package/dist/components/listbox/listbox.anatomy.d.ts +1 -0
- package/dist/components/listbox/listbox.cjs +29 -0
- package/dist/components/listbox/listbox.d.cts +12 -0
- package/dist/components/listbox/listbox.d.ts +12 -0
- package/dist/components/listbox/listbox.js +11 -0
- package/dist/components/listbox/use-listbox-context.cjs +15 -0
- package/dist/components/listbox/use-listbox-context.d.cts +6 -0
- package/dist/components/listbox/use-listbox-context.d.ts +6 -0
- package/dist/components/listbox/use-listbox-context.js +10 -0
- package/dist/components/listbox/use-listbox-item-context.cjs +15 -0
- package/dist/components/listbox/use-listbox-item-context.d.cts +5 -0
- package/dist/components/listbox/use-listbox-item-context.d.ts +5 -0
- package/dist/components/listbox/use-listbox-item-context.js +10 -0
- package/dist/components/listbox/use-listbox-item-group-props.cjs +15 -0
- package/dist/components/listbox/use-listbox-item-group-props.d.cts +5 -0
- package/dist/components/listbox/use-listbox-item-group-props.d.ts +5 -0
- package/dist/components/listbox/use-listbox-item-group-props.js +10 -0
- package/dist/components/listbox/use-listbox-item-props-context.cjs +15 -0
- package/dist/components/listbox/use-listbox-item-props-context.d.cts +3 -0
- package/dist/components/listbox/use-listbox-item-props-context.d.ts +3 -0
- package/dist/components/listbox/use-listbox-item-props-context.js +10 -0
- package/dist/components/listbox/use-listbox.cjs +45 -0
- package/dist/components/listbox/use-listbox.d.cts +13 -0
- package/dist/components/listbox/use-listbox.d.ts +13 -0
- package/dist/components/listbox/use-listbox.js +22 -0
- package/dist/components/toast/toaster.cjs +3 -1
- package/dist/components/toast/toaster.js +3 -1
- package/dist/components/toggle-group/toggle-group-root.cjs +1 -0
- package/dist/components/toggle-group/toggle-group-root.js +1 -0
- package/dist/index.cjs +105 -0
- package/dist/index.js +51 -0
- package/package.json +79 -76
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
+
|
|
6
|
+
const useAngleSliderContext = require('./use-angle-slider-context.cjs');
|
|
7
|
+
|
|
8
|
+
const AngleSliderContext = (props) => props.children(useAngleSliderContext.useAngleSliderContext());
|
|
9
|
+
|
|
10
|
+
exports.AngleSliderContext = AngleSliderContext;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { UseAngleSliderContext } from './use-angle-slider-context';
|
|
3
|
+
export interface AngleSliderContextProps {
|
|
4
|
+
children: (context: UseAngleSliderContext) => ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare const AngleSliderContext: (props: AngleSliderContextProps) => ReactNode;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { UseAngleSliderContext } from './use-angle-slider-context';
|
|
3
|
+
export interface AngleSliderContextProps {
|
|
4
|
+
children: (context: UseAngleSliderContext) => ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare const AngleSliderContext: (props: AngleSliderContextProps) => ReactNode;
|
|
@@ -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 useAngleSliderContext = require('./use-angle-slider-context.cjs');
|
|
11
|
+
|
|
12
|
+
const AngleSliderControl = react.forwardRef((props, ref) => {
|
|
13
|
+
const angleSlider = useAngleSliderContext.useAngleSliderContext();
|
|
14
|
+
const mergedProps = react$1.mergeProps(angleSlider.getControlProps(), props);
|
|
15
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
|
|
16
|
+
});
|
|
17
|
+
AngleSliderControl.displayName = "AngleSliderControl";
|
|
18
|
+
|
|
19
|
+
exports.AngleSliderControl = AngleSliderControl;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface AngleSliderControlBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface AngleSliderControlProps extends HTMLProps<'div'>, AngleSliderControlBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const AngleSliderControl: ForwardRefExoticComponent<AngleSliderControlProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface AngleSliderControlBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface AngleSliderControlProps extends HTMLProps<'div'>, AngleSliderControlBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const AngleSliderControl: ForwardRefExoticComponent<AngleSliderControlProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -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 { useAngleSliderContext } from './use-angle-slider-context.js';
|
|
7
|
+
|
|
8
|
+
const AngleSliderControl = forwardRef((props, ref) => {
|
|
9
|
+
const angleSlider = useAngleSliderContext();
|
|
10
|
+
const mergedProps = mergeProps(angleSlider.getControlProps(), props);
|
|
11
|
+
return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
|
|
12
|
+
});
|
|
13
|
+
AngleSliderControl.displayName = "AngleSliderControl";
|
|
14
|
+
|
|
15
|
+
export { AngleSliderControl };
|
|
@@ -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 useAngleSliderContext = require('./use-angle-slider-context.cjs');
|
|
11
|
+
|
|
12
|
+
const AngleSliderHiddenInput = react.forwardRef((props, ref) => {
|
|
13
|
+
const angleSlider = useAngleSliderContext.useAngleSliderContext();
|
|
14
|
+
const mergedProps = react$1.mergeProps(angleSlider.getHiddenInputProps(), props);
|
|
15
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
|
|
16
|
+
});
|
|
17
|
+
AngleSliderHiddenInput.displayName = "AngleSliderHiddenInput";
|
|
18
|
+
|
|
19
|
+
exports.AngleSliderHiddenInput = AngleSliderHiddenInput;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface AngleSliderHiddenInputBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface AngleSliderHiddenInputProps extends HTMLProps<'input'>, AngleSliderHiddenInputBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const AngleSliderHiddenInput: ForwardRefExoticComponent<AngleSliderHiddenInputProps & RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface AngleSliderHiddenInputBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface AngleSliderHiddenInputProps extends HTMLProps<'input'>, AngleSliderHiddenInputBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const AngleSliderHiddenInput: ForwardRefExoticComponent<AngleSliderHiddenInputProps & RefAttributes<HTMLInputElement>>;
|
|
@@ -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 { useAngleSliderContext } from './use-angle-slider-context.js';
|
|
7
|
+
|
|
8
|
+
const AngleSliderHiddenInput = forwardRef((props, ref) => {
|
|
9
|
+
const angleSlider = useAngleSliderContext();
|
|
10
|
+
const mergedProps = mergeProps(angleSlider.getHiddenInputProps(), props);
|
|
11
|
+
return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
|
|
12
|
+
});
|
|
13
|
+
AngleSliderHiddenInput.displayName = "AngleSliderHiddenInput";
|
|
14
|
+
|
|
15
|
+
export { AngleSliderHiddenInput };
|
|
@@ -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 useAngleSliderContext = require('./use-angle-slider-context.cjs');
|
|
11
|
+
|
|
12
|
+
const AngleSliderLabel = react.forwardRef((props, ref) => {
|
|
13
|
+
const angleSlider = useAngleSliderContext.useAngleSliderContext();
|
|
14
|
+
const mergedProps = react$1.mergeProps(angleSlider.getLabelProps(), props);
|
|
15
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
|
|
16
|
+
});
|
|
17
|
+
AngleSliderLabel.displayName = "AngleSliderLabel";
|
|
18
|
+
|
|
19
|
+
exports.AngleSliderLabel = AngleSliderLabel;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface AngleSliderLabelBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface AngleSliderLabelProps extends HTMLProps<'span'>, AngleSliderLabelBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const AngleSliderLabel: ForwardRefExoticComponent<AngleSliderLabelProps & RefAttributes<HTMLLabelElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface AngleSliderLabelBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface AngleSliderLabelProps extends HTMLProps<'span'>, AngleSliderLabelBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const AngleSliderLabel: ForwardRefExoticComponent<AngleSliderLabelProps & RefAttributes<HTMLLabelElement>>;
|
|
@@ -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 { useAngleSliderContext } from './use-angle-slider-context.js';
|
|
7
|
+
|
|
8
|
+
const AngleSliderLabel = forwardRef((props, ref) => {
|
|
9
|
+
const angleSlider = useAngleSliderContext();
|
|
10
|
+
const mergedProps = mergeProps(angleSlider.getLabelProps(), props);
|
|
11
|
+
return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
|
|
12
|
+
});
|
|
13
|
+
AngleSliderLabel.displayName = "AngleSliderLabel";
|
|
14
|
+
|
|
15
|
+
export { AngleSliderLabel };
|
|
@@ -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 useAngleSliderContext = require('./use-angle-slider-context.cjs');
|
|
11
|
+
|
|
12
|
+
const AngleSliderMarkerGroup = react.forwardRef((props, ref) => {
|
|
13
|
+
const angleSlider = useAngleSliderContext.useAngleSliderContext();
|
|
14
|
+
const mergedProps = react$1.mergeProps(angleSlider.getMarkerGroupProps(), props);
|
|
15
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
|
|
16
|
+
});
|
|
17
|
+
AngleSliderMarkerGroup.displayName = "AngleSliderMarkerGroup";
|
|
18
|
+
|
|
19
|
+
exports.AngleSliderMarkerGroup = AngleSliderMarkerGroup;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface AngleSliderMarkerGroupBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface AngleSliderMarkerGroupProps extends HTMLProps<'div'>, AngleSliderMarkerGroupBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const AngleSliderMarkerGroup: ForwardRefExoticComponent<AngleSliderMarkerGroupProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface AngleSliderMarkerGroupBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface AngleSliderMarkerGroupProps extends HTMLProps<'div'>, AngleSliderMarkerGroupBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const AngleSliderMarkerGroup: ForwardRefExoticComponent<AngleSliderMarkerGroupProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -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 { useAngleSliderContext } from './use-angle-slider-context.js';
|
|
7
|
+
|
|
8
|
+
const AngleSliderMarkerGroup = forwardRef((props, ref) => {
|
|
9
|
+
const angleSlider = useAngleSliderContext();
|
|
10
|
+
const mergedProps = mergeProps(angleSlider.getMarkerGroupProps(), props);
|
|
11
|
+
return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
|
|
12
|
+
});
|
|
13
|
+
AngleSliderMarkerGroup.displayName = "AngleSliderMarkerGroup";
|
|
14
|
+
|
|
15
|
+
export { AngleSliderMarkerGroup };
|
|
@@ -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 createSplitProps = require('../../utils/create-split-props.cjs');
|
|
10
|
+
const factory = require('../factory.cjs');
|
|
11
|
+
const useAngleSliderContext = require('./use-angle-slider-context.cjs');
|
|
12
|
+
|
|
13
|
+
const AngleSliderMarker = react.forwardRef((props, ref) => {
|
|
14
|
+
const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
|
|
15
|
+
const angleSlider = useAngleSliderContext.useAngleSliderContext();
|
|
16
|
+
const mergedProps = react$1.mergeProps(angleSlider.getMarkerProps(itemProps), localProps);
|
|
17
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
|
|
18
|
+
});
|
|
19
|
+
AngleSliderMarker.displayName = "AngleSliderMarker";
|
|
20
|
+
|
|
21
|
+
exports.AngleSliderMarker = AngleSliderMarker;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { MarkerProps } from '@zag-js/angle-slider';
|
|
2
|
+
import { Assign } from '../../types';
|
|
3
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
4
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
5
|
+
export interface AngleSliderMarkerBaseProps extends MarkerProps, PolymorphicProps {
|
|
6
|
+
}
|
|
7
|
+
export interface AngleSliderMarkerProps extends Assign<HTMLProps<'div'>, AngleSliderMarkerBaseProps> {
|
|
8
|
+
}
|
|
9
|
+
export declare const AngleSliderMarker: ForwardRefExoticComponent<AngleSliderMarkerProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { MarkerProps } from '@zag-js/angle-slider';
|
|
2
|
+
import { Assign } from '../../types';
|
|
3
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
4
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
5
|
+
export interface AngleSliderMarkerBaseProps extends MarkerProps, PolymorphicProps {
|
|
6
|
+
}
|
|
7
|
+
export interface AngleSliderMarkerProps extends Assign<HTMLProps<'div'>, AngleSliderMarkerBaseProps> {
|
|
8
|
+
}
|
|
9
|
+
export declare const AngleSliderMarker: ForwardRefExoticComponent<AngleSliderMarkerProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -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 { createSplitProps } from '../../utils/create-split-props.js';
|
|
6
|
+
import { ark } from '../factory.js';
|
|
7
|
+
import { useAngleSliderContext } from './use-angle-slider-context.js';
|
|
8
|
+
|
|
9
|
+
const AngleSliderMarker = forwardRef((props, ref) => {
|
|
10
|
+
const [itemProps, localProps] = createSplitProps()(props, ["value"]);
|
|
11
|
+
const angleSlider = useAngleSliderContext();
|
|
12
|
+
const mergedProps = mergeProps(angleSlider.getMarkerProps(itemProps), localProps);
|
|
13
|
+
return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
|
|
14
|
+
});
|
|
15
|
+
AngleSliderMarker.displayName = "AngleSliderMarker";
|
|
16
|
+
|
|
17
|
+
export { AngleSliderMarker };
|
|
@@ -0,0 +1,20 @@
|
|
|
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 createSplitProps = require('../../utils/create-split-props.cjs');
|
|
10
|
+
const factory = require('../factory.cjs');
|
|
11
|
+
const useAngleSliderContext = require('./use-angle-slider-context.cjs');
|
|
12
|
+
|
|
13
|
+
const AngleSliderRootProvider = react.forwardRef((props, ref) => {
|
|
14
|
+
const [{ value: angleSlider }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
|
|
15
|
+
const mergedProps = react$1.mergeProps(angleSlider.getRootProps(), localProps);
|
|
16
|
+
return /* @__PURE__ */ jsxRuntime.jsx(useAngleSliderContext.AngleSliderProvider, { value: angleSlider, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
|
|
17
|
+
});
|
|
18
|
+
AngleSliderRootProvider.displayName = "AngleSliderRootProvider";
|
|
19
|
+
|
|
20
|
+
exports.AngleSliderRootProvider = AngleSliderRootProvider;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { UseAngleSliderReturn } from './use-angle-slider';
|
|
3
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
4
|
+
interface RootProviderProps {
|
|
5
|
+
value: UseAngleSliderReturn;
|
|
6
|
+
}
|
|
7
|
+
export interface AngleSliderRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
|
|
8
|
+
}
|
|
9
|
+
export interface AngleSliderRootProviderProps extends HTMLProps<'div'>, AngleSliderRootProviderBaseProps {
|
|
10
|
+
}
|
|
11
|
+
export declare const AngleSliderRootProvider: ForwardRefExoticComponent<AngleSliderRootProviderProps & RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { UseAngleSliderReturn } from './use-angle-slider';
|
|
3
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
4
|
+
interface RootProviderProps {
|
|
5
|
+
value: UseAngleSliderReturn;
|
|
6
|
+
}
|
|
7
|
+
export interface AngleSliderRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
|
|
8
|
+
}
|
|
9
|
+
export interface AngleSliderRootProviderProps extends HTMLProps<'div'>, AngleSliderRootProviderBaseProps {
|
|
10
|
+
}
|
|
11
|
+
export declare const AngleSliderRootProvider: ForwardRefExoticComponent<AngleSliderRootProviderProps & RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { mergeProps } from '@zag-js/react';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
import { createSplitProps } from '../../utils/create-split-props.js';
|
|
6
|
+
import { ark } from '../factory.js';
|
|
7
|
+
import { AngleSliderProvider } from './use-angle-slider-context.js';
|
|
8
|
+
|
|
9
|
+
const AngleSliderRootProvider = forwardRef((props, ref) => {
|
|
10
|
+
const [{ value: angleSlider }, localProps] = createSplitProps()(props, ["value"]);
|
|
11
|
+
const mergedProps = mergeProps(angleSlider.getRootProps(), localProps);
|
|
12
|
+
return /* @__PURE__ */ jsx(AngleSliderProvider, { value: angleSlider, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
|
|
13
|
+
});
|
|
14
|
+
AngleSliderRootProvider.displayName = "AngleSliderRootProvider";
|
|
15
|
+
|
|
16
|
+
export { AngleSliderRootProvider };
|
|
@@ -0,0 +1,34 @@
|
|
|
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 createSplitProps = require('../../utils/create-split-props.cjs');
|
|
10
|
+
const factory = require('../factory.cjs');
|
|
11
|
+
const useAngleSlider = require('./use-angle-slider.cjs');
|
|
12
|
+
const useAngleSliderContext = require('./use-angle-slider-context.cjs');
|
|
13
|
+
|
|
14
|
+
const AngleSliderRoot = react.forwardRef((props, ref) => {
|
|
15
|
+
const [useAngleSliderProps, localProps] = createSplitProps.createSplitProps()(props, [
|
|
16
|
+
"id",
|
|
17
|
+
"ids",
|
|
18
|
+
"name",
|
|
19
|
+
"invalid",
|
|
20
|
+
"readOnly",
|
|
21
|
+
"disabled",
|
|
22
|
+
"onValueChangeEnd",
|
|
23
|
+
"onValueChange",
|
|
24
|
+
"defaultValue",
|
|
25
|
+
"value",
|
|
26
|
+
"step"
|
|
27
|
+
]);
|
|
28
|
+
const angleSlider = useAngleSlider.useAngleSlider(useAngleSliderProps);
|
|
29
|
+
const mergedProps = react$1.mergeProps(angleSlider.getRootProps(), localProps);
|
|
30
|
+
return /* @__PURE__ */ jsxRuntime.jsx(useAngleSliderContext.AngleSliderProvider, { value: angleSlider, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
|
|
31
|
+
});
|
|
32
|
+
AngleSliderRoot.displayName = "AngleSliderRoot";
|
|
33
|
+
|
|
34
|
+
exports.AngleSliderRoot = AngleSliderRoot;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Assign } from '../../types';
|
|
2
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
3
|
+
import { UseAngleSliderProps } from './use-angle-slider';
|
|
4
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
5
|
+
export interface AngleSliderRootBaseProps extends UseAngleSliderProps, PolymorphicProps {
|
|
6
|
+
}
|
|
7
|
+
export interface AngleSliderRootProps extends Assign<HTMLProps<'div'>, AngleSliderRootBaseProps> {
|
|
8
|
+
}
|
|
9
|
+
export declare const AngleSliderRoot: ForwardRefExoticComponent<AngleSliderRootProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Assign } from '../../types';
|
|
2
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
3
|
+
import { UseAngleSliderProps } from './use-angle-slider';
|
|
4
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
5
|
+
export interface AngleSliderRootBaseProps extends UseAngleSliderProps, PolymorphicProps {
|
|
6
|
+
}
|
|
7
|
+
export interface AngleSliderRootProps extends Assign<HTMLProps<'div'>, AngleSliderRootBaseProps> {
|
|
8
|
+
}
|
|
9
|
+
export declare const AngleSliderRoot: ForwardRefExoticComponent<AngleSliderRootProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { mergeProps } from '@zag-js/react';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
import { createSplitProps } from '../../utils/create-split-props.js';
|
|
6
|
+
import { ark } from '../factory.js';
|
|
7
|
+
import { useAngleSlider } from './use-angle-slider.js';
|
|
8
|
+
import { AngleSliderProvider } from './use-angle-slider-context.js';
|
|
9
|
+
|
|
10
|
+
const AngleSliderRoot = forwardRef((props, ref) => {
|
|
11
|
+
const [useAngleSliderProps, localProps] = createSplitProps()(props, [
|
|
12
|
+
"id",
|
|
13
|
+
"ids",
|
|
14
|
+
"name",
|
|
15
|
+
"invalid",
|
|
16
|
+
"readOnly",
|
|
17
|
+
"disabled",
|
|
18
|
+
"onValueChangeEnd",
|
|
19
|
+
"onValueChange",
|
|
20
|
+
"defaultValue",
|
|
21
|
+
"value",
|
|
22
|
+
"step"
|
|
23
|
+
]);
|
|
24
|
+
const angleSlider = useAngleSlider(useAngleSliderProps);
|
|
25
|
+
const mergedProps = mergeProps(angleSlider.getRootProps(), localProps);
|
|
26
|
+
return /* @__PURE__ */ jsx(AngleSliderProvider, { value: angleSlider, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
|
|
27
|
+
});
|
|
28
|
+
AngleSliderRoot.displayName = "AngleSliderRoot";
|
|
29
|
+
|
|
30
|
+
export { AngleSliderRoot };
|
|
@@ -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 useAngleSliderContext = require('./use-angle-slider-context.cjs');
|
|
11
|
+
|
|
12
|
+
const AngleSliderThumb = react.forwardRef((props, ref) => {
|
|
13
|
+
const angleSlider = useAngleSliderContext.useAngleSliderContext();
|
|
14
|
+
const mergedProps = react$1.mergeProps(angleSlider.getThumbProps(), props);
|
|
15
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
|
|
16
|
+
});
|
|
17
|
+
AngleSliderThumb.displayName = "AngleSliderThumb";
|
|
18
|
+
|
|
19
|
+
exports.AngleSliderThumb = AngleSliderThumb;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface AngleSliderThumbBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface AngleSliderThumbProps extends HTMLProps<'div'>, AngleSliderThumbBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const AngleSliderThumb: ForwardRefExoticComponent<AngleSliderThumbProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface AngleSliderThumbBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface AngleSliderThumbProps extends HTMLProps<'div'>, AngleSliderThumbBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const AngleSliderThumb: ForwardRefExoticComponent<AngleSliderThumbProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -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 { useAngleSliderContext } from './use-angle-slider-context.js';
|
|
7
|
+
|
|
8
|
+
const AngleSliderThumb = forwardRef((props, ref) => {
|
|
9
|
+
const angleSlider = useAngleSliderContext();
|
|
10
|
+
const mergedProps = mergeProps(angleSlider.getThumbProps(), props);
|
|
11
|
+
return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
|
|
12
|
+
});
|
|
13
|
+
AngleSliderThumb.displayName = "AngleSliderThumb";
|
|
14
|
+
|
|
15
|
+
export { AngleSliderThumb };
|
|
@@ -0,0 +1,17 @@
|
|
|
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 = require('react');
|
|
8
|
+
const factory = require('../factory.cjs');
|
|
9
|
+
const useAngleSliderContext = require('./use-angle-slider-context.cjs');
|
|
10
|
+
|
|
11
|
+
const AngleSliderValueText = react.forwardRef((props, ref) => {
|
|
12
|
+
const angleSlider = useAngleSliderContext.useAngleSliderContext();
|
|
13
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...props, ref, children: props.children || angleSlider.valueAsDegree });
|
|
14
|
+
});
|
|
15
|
+
AngleSliderValueText.displayName = "AngleSliderValueText";
|
|
16
|
+
|
|
17
|
+
exports.AngleSliderValueText = AngleSliderValueText;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface AngleSliderValueTextBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface AngleSliderValueTextProps extends HTMLProps<'div'>, AngleSliderValueTextBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const AngleSliderValueText: ForwardRefExoticComponent<AngleSliderValueTextProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLProps, PolymorphicProps } from '../factory';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
export interface AngleSliderValueTextBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface AngleSliderValueTextProps extends HTMLProps<'div'>, AngleSliderValueTextBaseProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const AngleSliderValueText: ForwardRefExoticComponent<AngleSliderValueTextProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { ark } from '../factory.js';
|
|
5
|
+
import { useAngleSliderContext } from './use-angle-slider-context.js';
|
|
6
|
+
|
|
7
|
+
const AngleSliderValueText = forwardRef((props, ref) => {
|
|
8
|
+
const angleSlider = useAngleSliderContext();
|
|
9
|
+
return /* @__PURE__ */ jsx(ark.div, { ...props, ref, children: props.children || angleSlider.valueAsDegree });
|
|
10
|
+
});
|
|
11
|
+
AngleSliderValueText.displayName = "AngleSliderValueText";
|
|
12
|
+
|
|
13
|
+
export { AngleSliderValueText };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const angleSliderContext = require('./angle-slider-context.cjs');
|
|
6
|
+
const angleSliderRoot = require('./angle-slider-root.cjs');
|
|
7
|
+
const angleSliderRootProvider = require('./angle-slider-root-provider.cjs');
|
|
8
|
+
const angleSliderLabel = require('./angle-slider-label.cjs');
|
|
9
|
+
const angleSliderControl = require('./angle-slider-control.cjs');
|
|
10
|
+
const angleSliderThumb = require('./angle-slider-thumb.cjs');
|
|
11
|
+
const angleSliderMarkerGroup = require('./angle-slider-marker-group.cjs');
|
|
12
|
+
const angleSliderMarker = require('./angle-slider-marker.cjs');
|
|
13
|
+
const angleSliderValueText = require('./angle-slider-value-text.cjs');
|
|
14
|
+
const angleSliderHiddenInput = require('./angle-slider-hidden-input.cjs');
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
exports.Context = angleSliderContext.AngleSliderContext;
|
|
19
|
+
exports.Root = angleSliderRoot.AngleSliderRoot;
|
|
20
|
+
exports.RootProvider = angleSliderRootProvider.AngleSliderRootProvider;
|
|
21
|
+
exports.Label = angleSliderLabel.AngleSliderLabel;
|
|
22
|
+
exports.Control = angleSliderControl.AngleSliderControl;
|
|
23
|
+
exports.Thumb = angleSliderThumb.AngleSliderThumb;
|
|
24
|
+
exports.MarkerGroup = angleSliderMarkerGroup.AngleSliderMarkerGroup;
|
|
25
|
+
exports.Marker = angleSliderMarker.AngleSliderMarker;
|
|
26
|
+
exports.ValueText = angleSliderValueText.AngleSliderValueText;
|
|
27
|
+
exports.HiddenInput = angleSliderHiddenInput.AngleSliderHiddenInput;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { AngleSliderContext as Context, type AngleSliderContextProps as ContextProps } from './angle-slider-context';
|
|
2
|
+
export { AngleSliderRoot as Root, type AngleSliderRootProps as RootProps, type AngleSliderRootBaseProps as RootBaseProps, } from './angle-slider-root';
|
|
3
|
+
export { AngleSliderRootProvider as RootProvider, type AngleSliderRootProviderProps as RootProviderProps, type AngleSliderRootProviderBaseProps as RootProviderBaseProps, } from './angle-slider-root-provider';
|
|
4
|
+
export { AngleSliderLabel as Label, type AngleSliderLabelBaseProps as LabelBaseProps, type AngleSliderLabelProps as LabelProps, } from './angle-slider-label';
|
|
5
|
+
export { AngleSliderControl as Control, type AngleSliderControlBaseProps as ControlBaseProps, type AngleSliderControlProps as ControlProps, } from './angle-slider-control';
|
|
6
|
+
export { AngleSliderThumb as Thumb, type AngleSliderThumbBaseProps as ThumbBaseProps, type AngleSliderThumbProps as ThumbProps, } from './angle-slider-thumb';
|
|
7
|
+
export { AngleSliderMarkerGroup as MarkerGroup, type AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, type AngleSliderMarkerGroupProps as MarkerGroupProps, } from './angle-slider-marker-group';
|
|
8
|
+
export { AngleSliderMarker as Marker, type AngleSliderMarkerBaseProps as MarkerBaseProps, type AngleSliderMarkerProps as MarkerProps, } from './angle-slider-marker';
|
|
9
|
+
export { AngleSliderValueText as ValueText, type AngleSliderValueTextBaseProps as ValueTextBaseProps, type AngleSliderValueTextProps as ValueTextProps, } from './angle-slider-value-text';
|
|
10
|
+
export { AngleSliderHiddenInput as HiddenInput, type AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, type AngleSliderHiddenInputProps as HiddenInputProps, } from './angle-slider-hidden-input';
|