@ark-ui/solid 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/chunk/{XC5EGHL5.js → 4WYA5KR4.js} +2 -2
- package/dist/chunk/AV7SXJRY.js +1057 -0
- package/dist/chunk/{R6BII3KO.jsx → BXAUWHBZ.jsx} +3 -1
- package/dist/chunk/{5EV3OVL7.jsx → CRWRK56B.jsx} +1 -0
- package/dist/chunk/DPTBH7NV.js +116 -0
- package/dist/chunk/ETB2BIQZ.jsx +30 -0
- package/dist/chunk/LI7J6F7D.jsx +175 -0
- package/dist/chunk/MJEKBIW2.jsx +1816 -0
- package/dist/chunk/{45OXUET3.js → NRTYOILY.js} +4 -2
- package/dist/chunk/PKUUD527.js +25 -0
- package/dist/chunk/RU4LLCFH.jsx +1128 -0
- package/dist/chunk/TG7JP4BU.js +1704 -0
- package/dist/chunk/{FPYZVUFW.js → U67NSVQP.js} +2 -2
- package/dist/chunk/{6VPRFZA4.js → YGOJI6HV.js} +2 -2
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/angle-slider/index.d.ts +86 -0
- package/dist/components/angle-slider/index.js +1 -0
- package/dist/components/angle-slider/index.jsx +40 -0
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/carousel/index.js +1 -1
- package/dist/components/checkbox/index.d.ts +1 -1
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/collapsible/index.js +1 -1
- package/dist/components/collection.d.ts +1 -1
- package/dist/components/color-picker/index.d.ts +1 -1
- package/dist/components/color-picker/index.js +1 -1
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/date-picker/index.d.ts +1 -1
- package/dist/components/date-picker/index.js +1 -1
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/editable/index.js +1 -1
- package/dist/components/file-upload/index.js +1 -1
- package/dist/components/floating-panel/index.d.ts +119 -0
- package/dist/components/floating-panel/index.js +1 -0
- package/dist/components/floating-panel/index.jsx +52 -0
- package/dist/components/hover-card/index.js +1 -1
- package/dist/components/index.d.ts +7 -1
- package/dist/components/index.js +42 -39
- package/dist/components/index.jsx +446 -343
- package/dist/components/listbox/index.d.ts +113 -0
- package/dist/components/listbox/index.js +2 -0
- package/dist/components/listbox/index.jsx +49 -0
- package/dist/components/menu/index.js +1 -1
- package/dist/components/number-input/index.js +1 -1
- package/dist/components/pagination/index.js +1 -1
- package/dist/components/pin-input/index.js +1 -1
- package/dist/components/popover/index.js +1 -1
- package/dist/components/progress/index.js +1 -1
- package/dist/components/qr-code/index.js +1 -1
- package/dist/components/radio-group/index.js +1 -1
- package/dist/components/rating-group/index.js +1 -1
- package/dist/components/segment-group/index.js +1 -1
- package/dist/components/select/index.js +1 -1
- package/dist/components/signature-pad/index.js +1 -1
- package/dist/components/slider/index.js +1 -1
- package/dist/components/splitter/index.js +1 -1
- package/dist/components/steps/index.js +1 -1
- package/dist/components/switch/index.js +1 -1
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/tags-input/index.js +1 -1
- package/dist/components/time-picker/index.js +1 -1
- package/dist/components/toast/index.js +1 -1
- package/dist/components/toast/index.jsx +1 -1
- package/dist/components/toggle-group/index.js +1 -1
- package/dist/components/toggle-group/index.jsx +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tour/index.js +1 -1
- package/dist/components/tree-view/index.js +1 -1
- package/dist/index.d.ts +7 -1
- package/dist/index.js +43 -40
- package/dist/index.jsx +446 -343
- package/dist/providers/index.js +1 -1
- package/package.json +69 -68
- package/dist/chunk/{HQJBHHB6.js → 24OEHSBA.js} +1 -1
- package/dist/chunk/{6NYYJAMS.js → 2HLGNCOQ.js} +1 -1
- package/dist/chunk/{LPWKZJG2.js → 2WVEDTEK.js} +1 -1
- package/dist/chunk/{DBIUMOLI.js → 46YZVE6D.js} +1 -1
- package/dist/chunk/{I2ZEUUSZ.js → 4VSNWWYK.js} +1 -1
- package/dist/chunk/{XUQC4TSL.js → 5I3KMKOJ.js} +0 -0
- package/dist/chunk/{TANQ4FPM.js → 74VQO5NB.js} +1 -1
- package/dist/chunk/{RNLJK7FO.js → ABSJMCRQ.js} +1 -1
- package/dist/chunk/{OBLSSYMA.js → BT2NIRPC.js} +1 -1
- package/dist/chunk/{MXJSLVKN.js → BVKIR2P4.js} +1 -1
- package/dist/chunk/{XME7TKM2.js → C4PG7WMU.js} +1 -1
- package/dist/chunk/{5X7KNFCM.js → C5HFE3OV.js} +1 -1
- package/dist/chunk/{5FWNSCWP.js → CGUVAYKV.js} +1 -1
- package/dist/chunk/{FVIF7LDE.js → DUMB6XV5.js} +1 -1
- package/dist/chunk/{OE7Y5R5I.js → DW4NU34Z.js} +1 -1
- package/dist/chunk/{MPNDTPUK.js → E2CL7JEV.js} +1 -1
- package/dist/chunk/{OMTG2F6B.js → GNQB7IOU.js} +1 -1
- package/dist/chunk/{6G6HOPPW.jsx → IEGQ2BAU.jsx} +0 -0
- package/dist/chunk/{RXOSUP6U.js → IXXDQXSI.js} +1 -1
- package/dist/chunk/{ACHQ3WMT.js → JWXGONCE.js} +1 -1
- package/dist/chunk/{GA7FOJZW.js → KOWWX76D.js} +1 -1
- package/dist/chunk/{YIY75WWN.js → MSLAT5GQ.js} +1 -1
- package/dist/chunk/{POK6DGO4.js → N3FF6O2Y.js} +1 -1
- package/dist/chunk/{ATMLAY2Z.js → QBFJVUX3.js} +1 -1
- package/dist/chunk/{4ALLEGBR.js → ROXCI3ZP.js} +1 -1
- package/dist/chunk/{YECHEPH3.js → S42D66WQ.js} +1 -1
- package/dist/chunk/{IMKHRMUF.js → SUOC3NNA.js} +1 -1
- package/dist/chunk/{JCVIA4KI.js → TKGOCHK5.js} +1 -1
- package/dist/chunk/{ZKM4DTGM.js → WOSTAOH5.js} +1 -1
- package/dist/chunk/{QRODT7WM.js → WW35AWP2.js} +1 -1
- package/dist/chunk/{PDYWOA6Y.js → WXJYBPWI.js} +1 -1
- package/dist/chunk/{K2GRJC27.js → Z2TDX72A.js} +1 -1
- package/dist/chunk/{UIEL6LO3.js → Z3MPOJ5X.js} +1 -1
- package/dist/chunk/{L7KH34DE.js → ZOGAU3AQ.js} +1 -1
|
@@ -104,10 +104,12 @@ var Toaster = (props) => {
|
|
|
104
104
|
</ark.div>;
|
|
105
105
|
};
|
|
106
106
|
var ToastActor = (props) => {
|
|
107
|
+
const env = useEnvironmentContext();
|
|
107
108
|
const localProps = createMemo(() => ({
|
|
108
109
|
...props.value(),
|
|
109
110
|
parent: props.parent,
|
|
110
|
-
index: props.index()
|
|
111
|
+
index: props.index(),
|
|
112
|
+
getRootNode: env().getRootNode
|
|
111
113
|
}));
|
|
112
114
|
const service = useMachine(toast2.machine, localProps);
|
|
113
115
|
const api = createMemo(() => toast2.connect(service, normalizeProps));
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { createSplitProps } from './ZMHI4GDJ.js';
|
|
2
|
+
import { ark } from './EPLBB4QN.js';
|
|
3
|
+
import { useEnvironmentContext } from './YMMMHJJS.js';
|
|
4
|
+
import { useLocaleContext } from './QEMQBM6W.js';
|
|
5
|
+
import { createContext } from './TROPIN4C.js';
|
|
6
|
+
import { runIfFn } from './DT73WLR4.js';
|
|
7
|
+
import { __export } from './ESLJRKWD.js';
|
|
8
|
+
import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
|
|
9
|
+
import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
|
|
10
|
+
import * as angleSlider from '@zag-js/angle-slider';
|
|
11
|
+
export { anatomy } from '@zag-js/angle-slider';
|
|
12
|
+
import { createUniqueId, createMemo } from 'solid-js';
|
|
13
|
+
|
|
14
|
+
// src/components/angle-slider/use-angle-slider-context.ts
|
|
15
|
+
var [AngleSliderProvider, useAngleSliderContext] = createContext({
|
|
16
|
+
hookName: "useAngleSliderContext",
|
|
17
|
+
providerName: "<AngleSliderProvider />"
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
// src/components/angle-slider/angle-slider-context.tsx
|
|
21
|
+
var AngleSliderContext = (props) => props.children(useAngleSliderContext());
|
|
22
|
+
var AngleSliderControl = (props) => {
|
|
23
|
+
const api = useAngleSliderContext();
|
|
24
|
+
const mergedProps = mergeProps(() => api().getControlProps(), props);
|
|
25
|
+
return createComponent(ark.div, mergedProps);
|
|
26
|
+
};
|
|
27
|
+
var AngleSliderHiddenInput = (props) => {
|
|
28
|
+
const api = useAngleSliderContext();
|
|
29
|
+
const mergedProps = mergeProps(() => api().getHiddenInputProps(), props);
|
|
30
|
+
return createComponent(ark.input, mergedProps);
|
|
31
|
+
};
|
|
32
|
+
var AngleSliderLabel = (props) => {
|
|
33
|
+
const api = useAngleSliderContext();
|
|
34
|
+
const mergedProps = mergeProps(() => api().getLabelProps(), props);
|
|
35
|
+
return createComponent(ark.label, mergedProps);
|
|
36
|
+
};
|
|
37
|
+
var AngleSliderMarker = (props) => {
|
|
38
|
+
const [markerProps, localProps] = createSplitProps()(props, ["value"]);
|
|
39
|
+
const api = useAngleSliderContext();
|
|
40
|
+
const mergedProps = mergeProps(() => api().getMarkerProps(markerProps), localProps);
|
|
41
|
+
return createComponent(ark.div, mergedProps);
|
|
42
|
+
};
|
|
43
|
+
var AngleSliderMarkerGroup = (props) => {
|
|
44
|
+
const api = useAngleSliderContext();
|
|
45
|
+
const mergedProps = mergeProps(() => api().getMarkerGroupProps(), props);
|
|
46
|
+
return createComponent(ark.div, mergedProps);
|
|
47
|
+
};
|
|
48
|
+
var useAngleSlider = (props) => {
|
|
49
|
+
const id = createUniqueId();
|
|
50
|
+
const locale = useLocaleContext();
|
|
51
|
+
const environment = useEnvironmentContext();
|
|
52
|
+
const machineProps = createMemo(() => ({
|
|
53
|
+
id,
|
|
54
|
+
dir: locale().dir,
|
|
55
|
+
getRootNode: environment().getRootNode,
|
|
56
|
+
...runIfFn(props)
|
|
57
|
+
}));
|
|
58
|
+
const service = useMachine(angleSlider.machine, machineProps);
|
|
59
|
+
return createMemo(() => angleSlider.connect(service, normalizeProps));
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
// src/components/angle-slider/angle-slider-root.tsx
|
|
63
|
+
var AngleSliderRoot = (props) => {
|
|
64
|
+
const [useAngleSliderProps, localProps] = createSplitProps()(props, ["id", "ids", "name", "invalid", "readOnly", "disabled", "onValueChangeEnd", "onValueChange", "defaultValue", "value", "step"]);
|
|
65
|
+
const angleSlider2 = useAngleSlider(useAngleSliderProps);
|
|
66
|
+
const mergedProps = mergeProps(() => angleSlider2().getRootProps(), localProps);
|
|
67
|
+
return createComponent(AngleSliderProvider, {
|
|
68
|
+
value: angleSlider2,
|
|
69
|
+
get children() {
|
|
70
|
+
return createComponent(ark.div, mergedProps);
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
};
|
|
74
|
+
var AngleSliderRootProvider = (props) => {
|
|
75
|
+
const [rootProps, localProps] = createSplitProps()(props, ["value"]);
|
|
76
|
+
const mergedProps = mergeProps(() => rootProps.value().getRootProps(), localProps);
|
|
77
|
+
return createComponent(AngleSliderProvider, {
|
|
78
|
+
get value() {
|
|
79
|
+
return rootProps.value;
|
|
80
|
+
},
|
|
81
|
+
get children() {
|
|
82
|
+
return createComponent(ark.div, mergedProps);
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
};
|
|
86
|
+
var AngleSliderThumb = (props) => {
|
|
87
|
+
const api = useAngleSliderContext();
|
|
88
|
+
const mergedProps = mergeProps(() => api().getThumbProps(), props);
|
|
89
|
+
return createComponent(ark.div, mergedProps);
|
|
90
|
+
};
|
|
91
|
+
var AngleSliderValueText = (props) => {
|
|
92
|
+
const api = useAngleSliderContext();
|
|
93
|
+
const mergedProps = mergeProps(() => api().getValueTextProps(), props);
|
|
94
|
+
return createComponent(ark.div, mergeProps$1(mergedProps, {
|
|
95
|
+
get children() {
|
|
96
|
+
return props.children || api().valueAsDegree;
|
|
97
|
+
}
|
|
98
|
+
}));
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
// src/components/angle-slider/angle-slider.ts
|
|
102
|
+
var angle_slider_exports = {};
|
|
103
|
+
__export(angle_slider_exports, {
|
|
104
|
+
Context: () => AngleSliderContext,
|
|
105
|
+
Control: () => AngleSliderControl,
|
|
106
|
+
HiddenInput: () => AngleSliderHiddenInput,
|
|
107
|
+
Label: () => AngleSliderLabel,
|
|
108
|
+
Marker: () => AngleSliderMarker,
|
|
109
|
+
MarkerGroup: () => AngleSliderMarkerGroup,
|
|
110
|
+
Root: () => AngleSliderRoot,
|
|
111
|
+
RootProvider: () => AngleSliderRootProvider,
|
|
112
|
+
Thumb: () => AngleSliderThumb,
|
|
113
|
+
ValueText: () => AngleSliderValueText
|
|
114
|
+
});
|
|
115
|
+
|
|
116
|
+
export { AngleSliderContext, AngleSliderControl, AngleSliderHiddenInput, AngleSliderLabel, AngleSliderMarker, AngleSliderMarkerGroup, AngleSliderRoot, AngleSliderRootProvider, AngleSliderThumb, AngleSliderValueText, angle_slider_exports, useAngleSlider, useAngleSliderContext };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
// ../../node_modules/@zag-js/core/dist/index.mjs
|
|
2
|
+
import { callAll, isEqual, isString } from "@zag-js/utils";
|
|
3
|
+
import { getActiveElement, getDocument } from "@zag-js/dom-query";
|
|
4
|
+
function createGuards() {
|
|
5
|
+
return {
|
|
6
|
+
and: (...guards) => {
|
|
7
|
+
return function andGuard(params) {
|
|
8
|
+
return guards.every((str) => params.guard(str));
|
|
9
|
+
};
|
|
10
|
+
},
|
|
11
|
+
or: (...guards) => {
|
|
12
|
+
return function orGuard(params) {
|
|
13
|
+
return guards.some((str) => params.guard(str));
|
|
14
|
+
};
|
|
15
|
+
},
|
|
16
|
+
not: (guard) => {
|
|
17
|
+
return function notGuard(params) {
|
|
18
|
+
return !params.guard(guard);
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
function createMachine(config) {
|
|
24
|
+
return config;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export {
|
|
28
|
+
createGuards,
|
|
29
|
+
createMachine
|
|
30
|
+
};
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
import {
|
|
2
|
+
createSplitProps
|
|
3
|
+
} from "./6WEDGJKQ.jsx";
|
|
4
|
+
import {
|
|
5
|
+
ark
|
|
6
|
+
} from "./UFYZ7HLU.jsx";
|
|
7
|
+
import {
|
|
8
|
+
useLocaleContext
|
|
9
|
+
} from "./RCXMZN3G.jsx";
|
|
10
|
+
import {
|
|
11
|
+
useEnvironmentContext
|
|
12
|
+
} from "./D2Z5BEON.jsx";
|
|
13
|
+
import {
|
|
14
|
+
createContext
|
|
15
|
+
} from "./TVCIHLER.jsx";
|
|
16
|
+
import {
|
|
17
|
+
runIfFn
|
|
18
|
+
} from "./KGOB2IMX.jsx";
|
|
19
|
+
import {
|
|
20
|
+
__export
|
|
21
|
+
} from "./7IUG3E2V.jsx";
|
|
22
|
+
|
|
23
|
+
// src/components/angle-slider/use-angle-slider-context.ts
|
|
24
|
+
var [AngleSliderProvider, useAngleSliderContext] = createContext({
|
|
25
|
+
hookName: "useAngleSliderContext",
|
|
26
|
+
providerName: "<AngleSliderProvider />"
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
// src/components/angle-slider/angle-slider-context.tsx
|
|
30
|
+
var AngleSliderContext = (props) => props.children(useAngleSliderContext());
|
|
31
|
+
|
|
32
|
+
// src/components/angle-slider/angle-slider-control.tsx
|
|
33
|
+
import { mergeProps } from "@zag-js/solid";
|
|
34
|
+
var AngleSliderControl = (props) => {
|
|
35
|
+
const api = useAngleSliderContext();
|
|
36
|
+
const mergedProps = mergeProps(() => api().getControlProps(), props);
|
|
37
|
+
return <ark.div {...mergedProps} />;
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
// src/components/angle-slider/angle-slider-hidden-input.tsx
|
|
41
|
+
import { mergeProps as mergeProps2 } from "@zag-js/solid";
|
|
42
|
+
var AngleSliderHiddenInput = (props) => {
|
|
43
|
+
const api = useAngleSliderContext();
|
|
44
|
+
const mergedProps = mergeProps2(() => api().getHiddenInputProps(), props);
|
|
45
|
+
return <ark.input {...mergedProps} />;
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
// src/components/angle-slider/angle-slider-label.tsx
|
|
49
|
+
import { mergeProps as mergeProps3 } from "@zag-js/solid";
|
|
50
|
+
var AngleSliderLabel = (props) => {
|
|
51
|
+
const api = useAngleSliderContext();
|
|
52
|
+
const mergedProps = mergeProps3(() => api().getLabelProps(), props);
|
|
53
|
+
return <ark.label {...mergedProps} />;
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
// src/components/angle-slider/angle-slider-marker.tsx
|
|
57
|
+
import { mergeProps as mergeProps4 } from "@zag-js/solid";
|
|
58
|
+
var AngleSliderMarker = (props) => {
|
|
59
|
+
const [markerProps, localProps] = createSplitProps()(props, ["value"]);
|
|
60
|
+
const api = useAngleSliderContext();
|
|
61
|
+
const mergedProps = mergeProps4(() => api().getMarkerProps(markerProps), localProps);
|
|
62
|
+
return <ark.div {...mergedProps} />;
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
// src/components/angle-slider/angle-slider-marker-group.tsx
|
|
66
|
+
import { mergeProps as mergeProps5 } from "@zag-js/solid";
|
|
67
|
+
var AngleSliderMarkerGroup = (props) => {
|
|
68
|
+
const api = useAngleSliderContext();
|
|
69
|
+
const mergedProps = mergeProps5(() => api().getMarkerGroupProps(), props);
|
|
70
|
+
return <ark.div {...mergedProps} />;
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
// src/components/angle-slider/angle-slider-root.tsx
|
|
74
|
+
import { mergeProps as mergeProps6 } from "@zag-js/solid";
|
|
75
|
+
|
|
76
|
+
// src/components/angle-slider/use-angle-slider.ts
|
|
77
|
+
import * as angleSlider from "@zag-js/angle-slider";
|
|
78
|
+
import { normalizeProps, useMachine } from "@zag-js/solid";
|
|
79
|
+
import { createMemo, createUniqueId } from "solid-js";
|
|
80
|
+
var useAngleSlider = (props) => {
|
|
81
|
+
const id = createUniqueId();
|
|
82
|
+
const locale = useLocaleContext();
|
|
83
|
+
const environment = useEnvironmentContext();
|
|
84
|
+
const machineProps = createMemo(() => ({
|
|
85
|
+
id,
|
|
86
|
+
dir: locale().dir,
|
|
87
|
+
getRootNode: environment().getRootNode,
|
|
88
|
+
...runIfFn(props)
|
|
89
|
+
}));
|
|
90
|
+
const service = useMachine(angleSlider.machine, machineProps);
|
|
91
|
+
return createMemo(() => angleSlider.connect(service, normalizeProps));
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
// src/components/angle-slider/angle-slider-root.tsx
|
|
95
|
+
var AngleSliderRoot = (props) => {
|
|
96
|
+
const [useAngleSliderProps, localProps] = createSplitProps()(props, [
|
|
97
|
+
"id",
|
|
98
|
+
"ids",
|
|
99
|
+
"name",
|
|
100
|
+
"invalid",
|
|
101
|
+
"readOnly",
|
|
102
|
+
"disabled",
|
|
103
|
+
"onValueChangeEnd",
|
|
104
|
+
"onValueChange",
|
|
105
|
+
"defaultValue",
|
|
106
|
+
"value",
|
|
107
|
+
"step"
|
|
108
|
+
]);
|
|
109
|
+
const angleSlider2 = useAngleSlider(useAngleSliderProps);
|
|
110
|
+
const mergedProps = mergeProps6(() => angleSlider2().getRootProps(), localProps);
|
|
111
|
+
return <AngleSliderProvider value={angleSlider2}>
|
|
112
|
+
<ark.div {...mergedProps} />
|
|
113
|
+
</AngleSliderProvider>;
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
// src/components/angle-slider/angle-slider-root-provider.tsx
|
|
117
|
+
import { mergeProps as mergeProps7 } from "@zag-js/solid";
|
|
118
|
+
var AngleSliderRootProvider = (props) => {
|
|
119
|
+
const [rootProps, localProps] = createSplitProps()(props, ["value"]);
|
|
120
|
+
const mergedProps = mergeProps7(() => rootProps.value().getRootProps(), localProps);
|
|
121
|
+
return <AngleSliderProvider value={rootProps.value}>
|
|
122
|
+
<ark.div {...mergedProps} />
|
|
123
|
+
</AngleSliderProvider>;
|
|
124
|
+
};
|
|
125
|
+
|
|
126
|
+
// src/components/angle-slider/angle-slider-thumb.tsx
|
|
127
|
+
import { mergeProps as mergeProps8 } from "@zag-js/solid";
|
|
128
|
+
var AngleSliderThumb = (props) => {
|
|
129
|
+
const api = useAngleSliderContext();
|
|
130
|
+
const mergedProps = mergeProps8(() => api().getThumbProps(), props);
|
|
131
|
+
return <ark.div {...mergedProps} />;
|
|
132
|
+
};
|
|
133
|
+
|
|
134
|
+
// src/components/angle-slider/angle-slider-value-text.tsx
|
|
135
|
+
import { mergeProps as mergeProps9 } from "@zag-js/solid";
|
|
136
|
+
var AngleSliderValueText = (props) => {
|
|
137
|
+
const api = useAngleSliderContext();
|
|
138
|
+
const mergedProps = mergeProps9(() => api().getValueTextProps(), props);
|
|
139
|
+
return <ark.div {...mergedProps}>{props.children || api().valueAsDegree}</ark.div>;
|
|
140
|
+
};
|
|
141
|
+
|
|
142
|
+
// src/components/angle-slider/angle-slider.anatomy.tsx
|
|
143
|
+
import { anatomy } from "@zag-js/angle-slider";
|
|
144
|
+
|
|
145
|
+
// src/components/angle-slider/angle-slider.ts
|
|
146
|
+
var angle_slider_exports = {};
|
|
147
|
+
__export(angle_slider_exports, {
|
|
148
|
+
Context: () => AngleSliderContext,
|
|
149
|
+
Control: () => AngleSliderControl,
|
|
150
|
+
HiddenInput: () => AngleSliderHiddenInput,
|
|
151
|
+
Label: () => AngleSliderLabel,
|
|
152
|
+
Marker: () => AngleSliderMarker,
|
|
153
|
+
MarkerGroup: () => AngleSliderMarkerGroup,
|
|
154
|
+
Root: () => AngleSliderRoot,
|
|
155
|
+
RootProvider: () => AngleSliderRootProvider,
|
|
156
|
+
Thumb: () => AngleSliderThumb,
|
|
157
|
+
ValueText: () => AngleSliderValueText
|
|
158
|
+
});
|
|
159
|
+
|
|
160
|
+
export {
|
|
161
|
+
useAngleSliderContext,
|
|
162
|
+
AngleSliderContext,
|
|
163
|
+
AngleSliderControl,
|
|
164
|
+
AngleSliderHiddenInput,
|
|
165
|
+
AngleSliderLabel,
|
|
166
|
+
AngleSliderMarker,
|
|
167
|
+
AngleSliderMarkerGroup,
|
|
168
|
+
useAngleSlider,
|
|
169
|
+
AngleSliderRoot,
|
|
170
|
+
AngleSliderRootProvider,
|
|
171
|
+
AngleSliderThumb,
|
|
172
|
+
AngleSliderValueText,
|
|
173
|
+
anatomy,
|
|
174
|
+
angle_slider_exports
|
|
175
|
+
};
|