@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.
Files changed (107) hide show
  1. package/dist/chunk/{XC5EGHL5.js → 4WYA5KR4.js} +2 -2
  2. package/dist/chunk/AV7SXJRY.js +1057 -0
  3. package/dist/chunk/{R6BII3KO.jsx → BXAUWHBZ.jsx} +3 -1
  4. package/dist/chunk/{5EV3OVL7.jsx → CRWRK56B.jsx} +1 -0
  5. package/dist/chunk/DPTBH7NV.js +116 -0
  6. package/dist/chunk/ETB2BIQZ.jsx +30 -0
  7. package/dist/chunk/LI7J6F7D.jsx +175 -0
  8. package/dist/chunk/MJEKBIW2.jsx +1816 -0
  9. package/dist/chunk/{45OXUET3.js → NRTYOILY.js} +4 -2
  10. package/dist/chunk/PKUUD527.js +25 -0
  11. package/dist/chunk/RU4LLCFH.jsx +1128 -0
  12. package/dist/chunk/TG7JP4BU.js +1704 -0
  13. package/dist/chunk/{FPYZVUFW.js → U67NSVQP.js} +2 -2
  14. package/dist/chunk/{6VPRFZA4.js → YGOJI6HV.js} +2 -2
  15. package/dist/components/accordion/index.js +1 -1
  16. package/dist/components/angle-slider/index.d.ts +86 -0
  17. package/dist/components/angle-slider/index.js +1 -0
  18. package/dist/components/angle-slider/index.jsx +40 -0
  19. package/dist/components/avatar/index.js +1 -1
  20. package/dist/components/carousel/index.js +1 -1
  21. package/dist/components/checkbox/index.d.ts +1 -1
  22. package/dist/components/checkbox/index.js +1 -1
  23. package/dist/components/collapsible/index.js +1 -1
  24. package/dist/components/collection.d.ts +1 -1
  25. package/dist/components/color-picker/index.d.ts +1 -1
  26. package/dist/components/color-picker/index.js +1 -1
  27. package/dist/components/combobox/index.js +1 -1
  28. package/dist/components/date-picker/index.d.ts +1 -1
  29. package/dist/components/date-picker/index.js +1 -1
  30. package/dist/components/dialog/index.js +1 -1
  31. package/dist/components/editable/index.js +1 -1
  32. package/dist/components/file-upload/index.js +1 -1
  33. package/dist/components/floating-panel/index.d.ts +119 -0
  34. package/dist/components/floating-panel/index.js +1 -0
  35. package/dist/components/floating-panel/index.jsx +52 -0
  36. package/dist/components/hover-card/index.js +1 -1
  37. package/dist/components/index.d.ts +7 -1
  38. package/dist/components/index.js +42 -39
  39. package/dist/components/index.jsx +446 -343
  40. package/dist/components/listbox/index.d.ts +113 -0
  41. package/dist/components/listbox/index.js +2 -0
  42. package/dist/components/listbox/index.jsx +49 -0
  43. package/dist/components/menu/index.js +1 -1
  44. package/dist/components/number-input/index.js +1 -1
  45. package/dist/components/pagination/index.js +1 -1
  46. package/dist/components/pin-input/index.js +1 -1
  47. package/dist/components/popover/index.js +1 -1
  48. package/dist/components/progress/index.js +1 -1
  49. package/dist/components/qr-code/index.js +1 -1
  50. package/dist/components/radio-group/index.js +1 -1
  51. package/dist/components/rating-group/index.js +1 -1
  52. package/dist/components/segment-group/index.js +1 -1
  53. package/dist/components/select/index.js +1 -1
  54. package/dist/components/signature-pad/index.js +1 -1
  55. package/dist/components/slider/index.js +1 -1
  56. package/dist/components/splitter/index.js +1 -1
  57. package/dist/components/steps/index.js +1 -1
  58. package/dist/components/switch/index.js +1 -1
  59. package/dist/components/tabs/index.js +1 -1
  60. package/dist/components/tags-input/index.js +1 -1
  61. package/dist/components/time-picker/index.js +1 -1
  62. package/dist/components/toast/index.js +1 -1
  63. package/dist/components/toast/index.jsx +1 -1
  64. package/dist/components/toggle-group/index.js +1 -1
  65. package/dist/components/toggle-group/index.jsx +1 -1
  66. package/dist/components/tooltip/index.js +1 -1
  67. package/dist/components/tour/index.js +1 -1
  68. package/dist/components/tree-view/index.js +1 -1
  69. package/dist/index.d.ts +7 -1
  70. package/dist/index.js +43 -40
  71. package/dist/index.jsx +446 -343
  72. package/dist/providers/index.js +1 -1
  73. package/package.json +69 -68
  74. package/dist/chunk/{HQJBHHB6.js → 24OEHSBA.js} +1 -1
  75. package/dist/chunk/{6NYYJAMS.js → 2HLGNCOQ.js} +1 -1
  76. package/dist/chunk/{LPWKZJG2.js → 2WVEDTEK.js} +1 -1
  77. package/dist/chunk/{DBIUMOLI.js → 46YZVE6D.js} +1 -1
  78. package/dist/chunk/{I2ZEUUSZ.js → 4VSNWWYK.js} +1 -1
  79. package/dist/chunk/{XUQC4TSL.js → 5I3KMKOJ.js} +0 -0
  80. package/dist/chunk/{TANQ4FPM.js → 74VQO5NB.js} +1 -1
  81. package/dist/chunk/{RNLJK7FO.js → ABSJMCRQ.js} +1 -1
  82. package/dist/chunk/{OBLSSYMA.js → BT2NIRPC.js} +1 -1
  83. package/dist/chunk/{MXJSLVKN.js → BVKIR2P4.js} +1 -1
  84. package/dist/chunk/{XME7TKM2.js → C4PG7WMU.js} +1 -1
  85. package/dist/chunk/{5X7KNFCM.js → C5HFE3OV.js} +1 -1
  86. package/dist/chunk/{5FWNSCWP.js → CGUVAYKV.js} +1 -1
  87. package/dist/chunk/{FVIF7LDE.js → DUMB6XV5.js} +1 -1
  88. package/dist/chunk/{OE7Y5R5I.js → DW4NU34Z.js} +1 -1
  89. package/dist/chunk/{MPNDTPUK.js → E2CL7JEV.js} +1 -1
  90. package/dist/chunk/{OMTG2F6B.js → GNQB7IOU.js} +1 -1
  91. package/dist/chunk/{6G6HOPPW.jsx → IEGQ2BAU.jsx} +0 -0
  92. package/dist/chunk/{RXOSUP6U.js → IXXDQXSI.js} +1 -1
  93. package/dist/chunk/{ACHQ3WMT.js → JWXGONCE.js} +1 -1
  94. package/dist/chunk/{GA7FOJZW.js → KOWWX76D.js} +1 -1
  95. package/dist/chunk/{YIY75WWN.js → MSLAT5GQ.js} +1 -1
  96. package/dist/chunk/{POK6DGO4.js → N3FF6O2Y.js} +1 -1
  97. package/dist/chunk/{ATMLAY2Z.js → QBFJVUX3.js} +1 -1
  98. package/dist/chunk/{4ALLEGBR.js → ROXCI3ZP.js} +1 -1
  99. package/dist/chunk/{YECHEPH3.js → S42D66WQ.js} +1 -1
  100. package/dist/chunk/{IMKHRMUF.js → SUOC3NNA.js} +1 -1
  101. package/dist/chunk/{JCVIA4KI.js → TKGOCHK5.js} +1 -1
  102. package/dist/chunk/{ZKM4DTGM.js → WOSTAOH5.js} +1 -1
  103. package/dist/chunk/{QRODT7WM.js → WW35AWP2.js} +1 -1
  104. package/dist/chunk/{PDYWOA6Y.js → WXJYBPWI.js} +1 -1
  105. package/dist/chunk/{K2GRJC27.js → Z2TDX72A.js} +1 -1
  106. package/dist/chunk/{UIEL6LO3.js → Z3MPOJ5X.js} +1 -1
  107. 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));
@@ -63,6 +63,7 @@ var useToggleGroup = (props) => {
63
63
  var ToggleGroupRoot = (props) => {
64
64
  const [useToggleGroupProps, restProps] = createSplitProps()(props, [
65
65
  "defaultValue",
66
+ "deselectable",
66
67
  "disabled",
67
68
  "id",
68
69
  "ids",
@@ -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
+ };