@wirekyt/react 0.0.1 → 0.0.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.
Files changed (285) hide show
  1. package/dist/accordion.cjs +209 -0
  2. package/dist/accordion.d.cts +69 -0
  3. package/dist/accordion.d.ts +69 -0
  4. package/dist/accordion.js +184 -0
  5. package/dist/angle-slider.cjs +193 -0
  6. package/dist/angle-slider.d.cts +73 -0
  7. package/dist/angle-slider.d.ts +73 -0
  8. package/dist/angle-slider.js +168 -0
  9. package/dist/avatar.cjs +120 -0
  10. package/dist/avatar.d.cts +48 -0
  11. package/dist/avatar.d.ts +48 -0
  12. package/dist/avatar.js +100 -0
  13. package/dist/carousel.cjs +246 -0
  14. package/dist/carousel.d.cts +94 -0
  15. package/dist/carousel.d.ts +94 -0
  16. package/dist/carousel.js +223 -0
  17. package/dist/checkbox.cjs +284 -0
  18. package/dist/checkbox.d.cts +115 -0
  19. package/dist/checkbox.d.ts +115 -0
  20. package/dist/checkbox.js +263 -0
  21. package/dist/client-only.cjs +12 -0
  22. package/dist/client-only.d.cts +8 -0
  23. package/dist/client-only.d.ts +8 -0
  24. package/dist/client-only.js +11 -0
  25. package/dist/clipboard.cjs +174 -0
  26. package/dist/clipboard.d.cts +70 -0
  27. package/dist/clipboard.d.ts +70 -0
  28. package/dist/clipboard.js +150 -0
  29. package/dist/collapsible-B62i_oPJ.cjs +185 -0
  30. package/dist/collapsible-CiTNjCNf.js +131 -0
  31. package/dist/collapsible.cjs +23 -0
  32. package/dist/collapsible.d.cts +56 -0
  33. package/dist/collapsible.d.ts +56 -0
  34. package/dist/collapsible.js +2 -0
  35. package/dist/collection-BFjWNdUS.cjs +223 -0
  36. package/dist/collection-BJOl6a4H.js +180 -0
  37. package/dist/collection.cjs +9 -0
  38. package/dist/collection.d.cts +2 -0
  39. package/dist/collection.d.ts +2 -0
  40. package/dist/collection.js +2 -0
  41. package/dist/color-picker.cjs +575 -0
  42. package/dist/color-picker.d.cts +179 -0
  43. package/dist/color-picker.d.ts +179 -0
  44. package/dist/color-picker.js +530 -0
  45. package/dist/combobox.cjs +390 -0
  46. package/dist/combobox.d.cts +128 -0
  47. package/dist/combobox.d.ts +128 -0
  48. package/dist/combobox.js +359 -0
  49. package/dist/core-CBFAnVIP.cjs +375 -0
  50. package/dist/core-CEYOEcVI.js +357 -0
  51. package/dist/date-input.cjs +217 -0
  52. package/dist/date-input.d.cts +69 -0
  53. package/dist/date-input.d.ts +69 -0
  54. package/dist/date-input.js +193 -0
  55. package/dist/date-picker.cjs +588 -0
  56. package/dist/date-picker.d.cts +190 -0
  57. package/dist/date-picker.d.ts +190 -0
  58. package/dist/date-picker.js +543 -0
  59. package/dist/dialog.cjs +199 -0
  60. package/dist/dialog.d.cts +78 -0
  61. package/dist/dialog.d.ts +78 -0
  62. package/dist/dialog.js +174 -0
  63. package/dist/download-trigger.cjs +53 -0
  64. package/dist/download-trigger.d.cts +22 -0
  65. package/dist/download-trigger.d.ts +22 -0
  66. package/dist/download-trigger.js +51 -0
  67. package/dist/drawer.cjs +296 -0
  68. package/dist/drawer.d.cts +115 -0
  69. package/dist/drawer.d.ts +115 -0
  70. package/dist/drawer.js +264 -0
  71. package/dist/editable.cjs +228 -0
  72. package/dist/editable.d.cts +79 -0
  73. package/dist/editable.d.ts +79 -0
  74. package/dist/editable.js +202 -0
  75. package/dist/environment-B6IaCAuQ.cjs +59 -0
  76. package/dist/environment-BTgKwk5E.js +42 -0
  77. package/dist/factory--dkoVnFK.d.cts +14 -0
  78. package/dist/factory--dkoVnFK.d.ts +14 -0
  79. package/dist/factory-CFFufs5e.cjs +59 -0
  80. package/dist/factory-Nm__-4xn.js +48 -0
  81. package/dist/field-Cy1E02DH.js +349 -0
  82. package/dist/field-x8H5uXB9.cjs +438 -0
  83. package/dist/field.cjs +22 -0
  84. package/dist/field.d.cts +129 -0
  85. package/dist/field.d.ts +129 -0
  86. package/dist/field.js +2 -0
  87. package/dist/fieldset-DWZXj1t5.cjs +232 -0
  88. package/dist/fieldset-fx44GCtM.js +178 -0
  89. package/dist/fieldset.cjs +18 -0
  90. package/dist/fieldset.d.cts +71 -0
  91. package/dist/fieldset.d.ts +71 -0
  92. package/dist/fieldset.js +3 -0
  93. package/dist/file-upload.cjs +328 -0
  94. package/dist/file-upload.d.cts +101 -0
  95. package/dist/file-upload.d.ts +101 -0
  96. package/dist/file-upload.js +298 -0
  97. package/dist/floating-panel.cjs +271 -0
  98. package/dist/floating-panel.d.cts +98 -0
  99. package/dist/floating-panel.d.ts +98 -0
  100. package/dist/floating-panel.js +242 -0
  101. package/dist/format.cjs +64 -0
  102. package/dist/format.d.cts +44 -0
  103. package/dist/format.d.ts +44 -0
  104. package/dist/format.js +54 -0
  105. package/dist/frame.cjs +85 -0
  106. package/dist/frame.d.cts +12 -0
  107. package/dist/frame.d.ts +12 -0
  108. package/dist/frame.js +84 -0
  109. package/dist/highlight.cjs +29 -0
  110. package/dist/highlight.d.cts +13 -0
  111. package/dist/highlight.d.ts +13 -0
  112. package/dist/highlight.js +27 -0
  113. package/dist/hover-card.cjs +154 -0
  114. package/dist/hover-card.d.cts +68 -0
  115. package/dist/hover-card.d.ts +68 -0
  116. package/dist/hover-card.js +131 -0
  117. package/dist/image-cropper.cjs +0 -0
  118. package/dist/image-cropper.d.cts +1 -0
  119. package/dist/image-cropper.d.ts +1 -0
  120. package/dist/image-cropper.js +0 -0
  121. package/dist/index-3Al0R5bH.d.cts +73 -0
  122. package/dist/index-B7wAg5Wf.d.ts +146 -0
  123. package/dist/index-BAn8qiCM.d.ts +73 -0
  124. package/dist/index-BSX88T_g.d.cts +146 -0
  125. package/dist/index-CQAbOgb7.d.cts +23 -0
  126. package/dist/index-CW-Aj6aT.d.ts +95 -0
  127. package/dist/index-CxWYgVJk.d.ts +23 -0
  128. package/dist/index-DRnET7mJ.d.ts +33 -0
  129. package/dist/index-DTLK6Fuh.d.cts +95 -0
  130. package/dist/index-DyTY8HEb.d.cts +33 -0
  131. package/dist/index-srZfUQNt.d.cts +20 -0
  132. package/dist/index-srZfUQNt.d.ts +20 -0
  133. package/dist/index.cjs +45 -0
  134. package/dist/index.d.cts +6 -0
  135. package/dist/index.d.ts +6 -0
  136. package/dist/index.js +6 -0
  137. package/dist/json-tree-view.cjs +244 -0
  138. package/dist/json-tree-view.d.cts +45 -0
  139. package/dist/json-tree-view.d.ts +45 -0
  140. package/dist/json-tree-view.js +234 -0
  141. package/dist/listbox.cjs +290 -0
  142. package/dist/listbox.d.cts +109 -0
  143. package/dist/listbox.d.ts +109 -0
  144. package/dist/listbox.js +264 -0
  145. package/dist/marquee.cjs +164 -0
  146. package/dist/marquee.d.cts +60 -0
  147. package/dist/marquee.d.ts +60 -0
  148. package/dist/marquee.js +142 -0
  149. package/dist/menu.cjs +506 -0
  150. package/dist/menu.d.cts +162 -0
  151. package/dist/menu.d.ts +162 -0
  152. package/dist/menu.js +469 -0
  153. package/dist/navigation-menu.cjs +331 -0
  154. package/dist/navigation-menu.d.cts +89 -0
  155. package/dist/navigation-menu.d.ts +89 -0
  156. package/dist/navigation-menu.js +303 -0
  157. package/dist/number-input.cjs +222 -0
  158. package/dist/number-input.d.cts +73 -0
  159. package/dist/number-input.d.ts +73 -0
  160. package/dist/number-input.js +197 -0
  161. package/dist/pagination.cjs +183 -0
  162. package/dist/pagination.d.cts +68 -0
  163. package/dist/pagination.d.ts +68 -0
  164. package/dist/pagination.js +159 -0
  165. package/dist/password-input.cjs +179 -0
  166. package/dist/password-input.d.cts +65 -0
  167. package/dist/password-input.d.ts +65 -0
  168. package/dist/password-input.js +156 -0
  169. package/dist/pin-input.cjs +180 -0
  170. package/dist/pin-input.d.cts +58 -0
  171. package/dist/pin-input.d.ts +58 -0
  172. package/dist/pin-input.js +158 -0
  173. package/dist/popover.cjs +222 -0
  174. package/dist/popover.d.cts +93 -0
  175. package/dist/popover.d.ts +93 -0
  176. package/dist/popover.js +194 -0
  177. package/dist/portal-6_XzBXiA.cjs +33 -0
  178. package/dist/portal-QYL_2wB0.js +28 -0
  179. package/dist/portal.cjs +3 -0
  180. package/dist/portal.d.cts +9 -0
  181. package/dist/portal.d.ts +9 -0
  182. package/dist/portal.js +2 -0
  183. package/dist/presence-BOs-D6Cv.cjs +96 -0
  184. package/dist/presence-I8Rceflw.js +65 -0
  185. package/dist/presence.cjs +7 -0
  186. package/dist/presence.d.cts +2 -0
  187. package/dist/presence.d.ts +2 -0
  188. package/dist/presence.js +2 -0
  189. package/dist/progress.cjs +206 -0
  190. package/dist/progress.d.cts +78 -0
  191. package/dist/progress.d.ts +78 -0
  192. package/dist/progress.js +180 -0
  193. package/dist/providers-DrJEJcrE.cjs +128 -0
  194. package/dist/providers-FEHnDTvb.js +87 -0
  195. package/dist/qr-code.cjs +154 -0
  196. package/dist/qr-code.d.cts +58 -0
  197. package/dist/qr-code.d.ts +58 -0
  198. package/dist/qr-code.js +132 -0
  199. package/dist/radio-group.cjs +222 -0
  200. package/dist/radio-group.d.cts +78 -0
  201. package/dist/radio-group.d.ts +78 -0
  202. package/dist/radio-group.js +196 -0
  203. package/dist/rating-group.cjs +186 -0
  204. package/dist/rating-group.d.cts +68 -0
  205. package/dist/rating-group.d.ts +68 -0
  206. package/dist/rating-group.js +162 -0
  207. package/dist/rolldown-runtime-D7D4PA-g.js +13 -0
  208. package/dist/rolldown-runtime-DakpK96I.cjs +43 -0
  209. package/dist/scroll-area.cjs +166 -0
  210. package/dist/scroll-area.d.cts +67 -0
  211. package/dist/scroll-area.d.ts +67 -0
  212. package/dist/scroll-area.js +143 -0
  213. package/dist/segment-group.cjs +215 -0
  214. package/dist/segment-group.d.cts +81 -0
  215. package/dist/segment-group.d.ts +81 -0
  216. package/dist/segment-group.js +194 -0
  217. package/dist/select.cjs +395 -0
  218. package/dist/select.d.cts +132 -0
  219. package/dist/select.d.ts +132 -0
  220. package/dist/select.js +358 -0
  221. package/dist/signature-pad.cjs +197 -0
  222. package/dist/signature-pad.d.cts +68 -0
  223. package/dist/signature-pad.d.ts +68 -0
  224. package/dist/signature-pad.js +173 -0
  225. package/dist/slider.cjs +260 -0
  226. package/dist/slider.d.cts +88 -0
  227. package/dist/slider.d.ts +88 -0
  228. package/dist/slider.js +232 -0
  229. package/dist/steps.cjs +271 -0
  230. package/dist/steps.d.cts +104 -0
  231. package/dist/steps.d.ts +104 -0
  232. package/dist/steps.js +241 -0
  233. package/dist/swap.cjs +134 -0
  234. package/dist/swap.d.cts +49 -0
  235. package/dist/swap.d.ts +49 -0
  236. package/dist/swap.js +121 -0
  237. package/dist/switch.cjs +166 -0
  238. package/dist/switch.d.cts +58 -0
  239. package/dist/switch.d.ts +58 -0
  240. package/dist/switch.js +144 -0
  241. package/dist/tabs.cjs +177 -0
  242. package/dist/tabs.d.cts +59 -0
  243. package/dist/tabs.d.ts +59 -0
  244. package/dist/tabs.js +155 -0
  245. package/dist/tags-input.cjs +298 -0
  246. package/dist/tags-input.d.cts +98 -0
  247. package/dist/tags-input.d.ts +98 -0
  248. package/dist/tags-input.js +268 -0
  249. package/dist/timer.cjs +167 -0
  250. package/dist/timer.d.cts +63 -0
  251. package/dist/timer.d.ts +63 -0
  252. package/dist/timer.js +144 -0
  253. package/dist/toast.cjs +154 -0
  254. package/dist/toast.d.cts +59 -0
  255. package/dist/toast.d.ts +59 -0
  256. package/dist/toast.js +132 -0
  257. package/dist/toggle-group.cjs +118 -0
  258. package/dist/toggle-group.d.cts +43 -0
  259. package/dist/toggle-group.d.ts +43 -0
  260. package/dist/toggle-group.js +99 -0
  261. package/dist/toggle.cjs +85 -0
  262. package/dist/toggle.d.cts +38 -0
  263. package/dist/toggle.d.ts +38 -0
  264. package/dist/toggle.js +71 -0
  265. package/dist/tooltip.cjs +154 -0
  266. package/dist/tooltip.d.cts +68 -0
  267. package/dist/tooltip.d.ts +68 -0
  268. package/dist/tooltip.js +131 -0
  269. package/dist/tour.cjs +290 -0
  270. package/dist/tour.d.cts +112 -0
  271. package/dist/tour.d.ts +112 -0
  272. package/dist/tour.js +246 -0
  273. package/dist/tree-view-CNTEWXlu.js +339 -0
  274. package/dist/tree-view-CU4Hl5X1.cjs +484 -0
  275. package/dist/tree-view.cjs +41 -0
  276. package/dist/tree-view.d.cts +3 -0
  277. package/dist/tree-view.d.ts +3 -0
  278. package/dist/tree-view.js +3 -0
  279. package/dist/types-BQQfrr86.d.cts +6 -0
  280. package/dist/types-BQQfrr86.d.ts +6 -0
  281. package/dist/use-context-38DKWHsx.cjs +20 -0
  282. package/dist/use-context-CITa6pn9.js +10 -0
  283. package/dist/utils-Cfwm9WW1.cjs +166 -0
  284. package/dist/utils-CqLmqrgj.js +107 -0
  285. package/package.json +274 -6
package/dist/tour.js ADDED
@@ -0,0 +1,246 @@
1
+ import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
2
+ import { a as RenderStrategyPropsProvider, c as createSplitProps, l as useComposedRefs, o as splitRenderStrategyProps, s as useRenderStrategyPropsContext, u as createContext$1 } from "./utils-CqLmqrgj.js";
3
+ import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
4
+ import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
5
+ import { n as wire } from "./factory-Nm__-4xn.js";
6
+ import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
7
+ import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-I8Rceflw.js";
8
+ import { forwardRef, useId } from "react";
9
+ import { jsx } from "react/jsx-runtime";
10
+ import * as tour from "@wirekyt/dom/machines/tour";
11
+ import { anatomy, waitForElement, waitForElementValue, waitForPromise } from "@wirekyt/dom/machines/tour";
12
+ //#region src/components/tour/wait-for-event.ts
13
+ function waitForEvent(target, event, options) {
14
+ let cleanup;
15
+ const { predicate, ...listenerOptions } = options ?? {};
16
+ return [new Promise((resolve) => {
17
+ const element = target?.();
18
+ if (!element) return;
19
+ const handler = (e) => {
20
+ if (!predicate || predicate(element)) {
21
+ resolve(e);
22
+ cleanup?.();
23
+ }
24
+ };
25
+ element.addEventListener(event, handler, listenerOptions);
26
+ cleanup = () => element.removeEventListener(event, handler, listenerOptions);
27
+ }), () => cleanup?.()];
28
+ }
29
+ //#endregion
30
+ //#region src/components/tour/use-context.ts
31
+ const [TourProvider, useTourContext] = createContext$1({
32
+ name: "TourContext",
33
+ hookName: "useTourContext",
34
+ providerName: "<TourProvider />"
35
+ });
36
+ //#endregion
37
+ //#region src/components/tour/action-trigger.tsx
38
+ const splitActionTriggerProps = createSplitProps();
39
+ const TourActionTrigger = forwardRef((props, ref) => {
40
+ const [actionTriggerProps, localProps] = splitActionTriggerProps(props, ["action"]);
41
+ const mergedProps = mergeProps(useTourContext().getActionTriggerProps(actionTriggerProps), localProps);
42
+ return /* @__PURE__ */ jsx(wire.button, {
43
+ ...mergedProps,
44
+ ref,
45
+ children: mergedProps.children || actionTriggerProps.action.label
46
+ });
47
+ });
48
+ TourActionTrigger.displayName = "TourActionTrigger";
49
+ //#endregion
50
+ //#region src/components/tour/actions.tsx
51
+ const TourActions = (props) => props.children(useTourContext().step?.actions ?? []);
52
+ //#endregion
53
+ //#region src/components/tour/arrow.tsx
54
+ const TourArrow = forwardRef((props, ref) => {
55
+ const tour = useTourContext();
56
+ const mergedProps = mergeProps(tour.getArrowProps(), props);
57
+ return tour.step?.arrow ? /* @__PURE__ */ jsx(wire.div, {
58
+ ...mergedProps,
59
+ ref
60
+ }) : null;
61
+ });
62
+ TourArrow.displayName = "TourArrow";
63
+ //#endregion
64
+ //#region src/components/tour/arrow-tip.tsx
65
+ const TourArrowTip = forwardRef((props, ref) => {
66
+ const mergedProps = mergeProps(useTourContext().getArrowTipProps(), props);
67
+ return /* @__PURE__ */ jsx(wire.div, {
68
+ ...mergedProps,
69
+ ref
70
+ });
71
+ });
72
+ TourArrowTip.displayName = "TourArrowTip";
73
+ //#endregion
74
+ //#region src/components/tour/backdrop.tsx
75
+ const TourBackdrop = forwardRef((props, ref) => {
76
+ const tour = useTourContext();
77
+ const presence = usePresence({
78
+ ...useRenderStrategyPropsContext(),
79
+ present: tour.open
80
+ });
81
+ const mergedProps = mergeProps(tour.getBackdropProps(), presence.getPresenceProps(), props);
82
+ const composedRefs = useComposedRefs(presence.ref, ref);
83
+ if (presence.unmounted) return null;
84
+ return /* @__PURE__ */ jsx(wire.div, {
85
+ ...mergedProps,
86
+ ref: composedRefs,
87
+ hidden: !tour.step?.backdrop
88
+ });
89
+ });
90
+ TourBackdrop.displayName = "TourBackdrop";
91
+ //#endregion
92
+ //#region src/components/tour/close-trigger.tsx
93
+ const TourCloseTrigger = forwardRef((props, ref) => {
94
+ const mergedProps = mergeProps(useTourContext().getCloseTriggerProps(), props);
95
+ return /* @__PURE__ */ jsx(wire.button, {
96
+ ...mergedProps,
97
+ ref
98
+ });
99
+ });
100
+ TourCloseTrigger.displayName = "TourCloseTrigger";
101
+ //#endregion
102
+ //#region src/components/tour/content.tsx
103
+ const TourContent = forwardRef((props, ref) => {
104
+ const tour = useTourContext();
105
+ const presence = usePresenceContext();
106
+ const mergedProps = mergeProps(tour.getContentProps(), presence.getPresenceProps(), props);
107
+ const composedRefs = useComposedRefs(presence.ref, ref);
108
+ if (presence.unmounted) return null;
109
+ return /* @__PURE__ */ jsx(wire.div, {
110
+ ...mergedProps,
111
+ ref: composedRefs
112
+ });
113
+ });
114
+ TourContent.displayName = "TourContent";
115
+ //#endregion
116
+ //#region src/components/tour/context.tsx
117
+ const TourContext = (props) => props.children(useTourContext());
118
+ //#endregion
119
+ //#region src/components/tour/anatomy.ts
120
+ const tourAnatomy = anatomy.extendWith("control");
121
+ //#endregion
122
+ //#region src/components/tour/control.tsx
123
+ const TourControl = forwardRef((props, ref) => /* @__PURE__ */ jsx(wire.div, {
124
+ ...tourAnatomy.build().control.attrs,
125
+ ...props,
126
+ ref
127
+ }));
128
+ TourControl.displayName = "TourControl";
129
+ //#endregion
130
+ //#region src/components/tour/description.tsx
131
+ const TourDescription = forwardRef((props, ref) => {
132
+ const tour = useTourContext();
133
+ const mergedProps = mergeProps(tour.getDescriptionProps(), props);
134
+ return /* @__PURE__ */ jsx(wire.div, {
135
+ ...mergedProps,
136
+ ref,
137
+ children: mergedProps.children || tour.step?.description
138
+ });
139
+ });
140
+ TourDescription.displayName = "TourDescription";
141
+ //#endregion
142
+ //#region src/components/tour/positioner.tsx
143
+ const TourPositioner = forwardRef((props, ref) => {
144
+ const mergedProps = mergeProps(useTourContext().getPositionerProps(), props);
145
+ if (usePresenceContext().unmounted) return null;
146
+ return /* @__PURE__ */ jsx(wire.div, {
147
+ ...mergedProps,
148
+ ref
149
+ });
150
+ });
151
+ TourPositioner.displayName = "TourPositioner";
152
+ //#endregion
153
+ //#region src/components/tour/progress-text.tsx
154
+ const TourProgressText = forwardRef((props, ref) => {
155
+ const tour = useTourContext();
156
+ const mergedProps = mergeProps(tour.getProgressTextProps(), props);
157
+ return /* @__PURE__ */ jsx(wire.div, {
158
+ ...mergedProps,
159
+ ref,
160
+ children: mergedProps.children || tour.getProgressText()
161
+ });
162
+ });
163
+ TourProgressText.displayName = "TourProgressText";
164
+ //#endregion
165
+ //#region src/components/tour/root.tsx
166
+ const TourRoot = (props) => {
167
+ const [presenceProps, { children, tour }] = splitPresenceProps(props);
168
+ const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
169
+ return /* @__PURE__ */ jsx(TourProvider, {
170
+ value: tour,
171
+ children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
172
+ value: renderStrategyProps,
173
+ children: /* @__PURE__ */ jsx(PresenceProvider, {
174
+ value: usePresence(mergeProps({ present: tour.open }, presenceProps)),
175
+ children
176
+ })
177
+ })
178
+ });
179
+ };
180
+ //#endregion
181
+ //#region src/components/tour/spotlight.tsx
182
+ const TourSpotlight = forwardRef((props, ref) => {
183
+ const tour = useTourContext();
184
+ const presence = usePresence({
185
+ ...useRenderStrategyPropsContext(),
186
+ present: tour.open
187
+ });
188
+ const mergedProps = mergeProps(tour.getSpotlightProps(), presence.getPresenceProps(), props);
189
+ const hidden = !tour.open || !tour.step?.target?.();
190
+ const composedRefs = useComposedRefs(presence.ref, ref);
191
+ if (presence.unmounted) return null;
192
+ return /* @__PURE__ */ jsx(wire.div, {
193
+ ...mergedProps,
194
+ ref: composedRefs,
195
+ hidden
196
+ });
197
+ });
198
+ TourSpotlight.displayName = "TourSpotlight";
199
+ //#endregion
200
+ //#region src/components/tour/title.tsx
201
+ const TourTitle = forwardRef((props, ref) => {
202
+ const tour = useTourContext();
203
+ const mergedProps = mergeProps(tour.getTitleProps(), props);
204
+ return /* @__PURE__ */ jsx(wire.h2, {
205
+ ...mergedProps,
206
+ ref,
207
+ children: mergedProps.children || tour.step?.title
208
+ });
209
+ });
210
+ TourTitle.displayName = "TourTitle";
211
+ //#endregion
212
+ //#region src/components/tour/use.ts
213
+ const useTour = (props) => {
214
+ const id = useId();
215
+ const { getRootNode } = useEnvironmentContext();
216
+ const { dir } = useLocaleContext();
217
+ const machineProps = {
218
+ id,
219
+ dir,
220
+ getRootNode,
221
+ ...props
222
+ };
223
+ const service = useMachine(tour.machine, machineProps);
224
+ return tour.connect(service, normalizeProps);
225
+ };
226
+ //#endregion
227
+ //#region src/components/tour/tour.ts
228
+ var tour_exports = /* @__PURE__ */ __exportAll({
229
+ ActionTrigger: () => TourActionTrigger,
230
+ Actions: () => TourActions,
231
+ Arrow: () => TourArrow,
232
+ ArrowTip: () => TourArrowTip,
233
+ Backdrop: () => TourBackdrop,
234
+ CloseTrigger: () => TourCloseTrigger,
235
+ Content: () => TourContent,
236
+ Context: () => TourContext,
237
+ Control: () => TourControl,
238
+ Description: () => TourDescription,
239
+ Positioner: () => TourPositioner,
240
+ ProgressText: () => TourProgressText,
241
+ Root: () => TourRoot,
242
+ Spotlight: () => TourSpotlight,
243
+ Title: () => TourTitle
244
+ });
245
+ //#endregion
246
+ export { tour_exports as Tour, TourActionTrigger, TourActions, TourArrow, TourArrowTip, TourBackdrop, TourCloseTrigger, TourContent, TourContext, TourControl, TourDescription, TourPositioner, TourProgressText, TourRoot, TourSpotlight, TourTitle, tourAnatomy, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise };
@@ -0,0 +1,339 @@
1
+ import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
2
+ import { a as RenderStrategyPropsProvider, c as createSplitProps, o as splitRenderStrategyProps, s as useRenderStrategyPropsContext, u as createContext$1 } from "./utils-CqLmqrgj.js";
3
+ import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
4
+ import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
5
+ import { n as wire } from "./factory-Nm__-4xn.js";
6
+ import { a as CollapsibleRoot, l as CollapsibleContent } from "./collapsible-CiTNjCNf.js";
7
+ import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
8
+ import "./collection-BJOl6a4H.js";
9
+ import { forwardRef, useId } from "react";
10
+ import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
11
+ import * as treeView from "@wirekyt/dom/machines/tree-view";
12
+ import { anatomy as treeViewAnatomy } from "@wirekyt/dom/machines/tree-view";
13
+ //#region src/components/tree-view/use-context.ts
14
+ const [TreeViewProvider, useTreeViewContext] = createContext$1({
15
+ name: "TreeViewContext",
16
+ hookName: "useTreeViewContext",
17
+ providerName: "<TreeViewProvider />"
18
+ });
19
+ //#endregion
20
+ //#region src/components/tree-view/use-node-context.ts
21
+ const [TreeViewNodeStateProvider, useTreeViewNodeContext] = createContext$1({
22
+ name: "TreeViewNodeContext",
23
+ hookName: "useTreeViewNodeContext",
24
+ providerName: "<TreeViewNodeProvider />"
25
+ });
26
+ //#endregion
27
+ //#region src/components/tree-view/use-node-props-context.ts
28
+ const [TreeViewNodePropsProvider, useTreeViewNodePropsContext] = createContext$1({
29
+ name: "TreeViewNodePropsContext",
30
+ hookName: "useTreeViewNodePropsContext",
31
+ providerName: "<TreeViewNodePropsProvider />"
32
+ });
33
+ //#endregion
34
+ //#region src/components/tree-view/branch.tsx
35
+ const TreeViewBranch = forwardRef((props, ref) => {
36
+ const treeView = useTreeViewContext();
37
+ const nodeProps = useTreeViewNodePropsContext();
38
+ const nodeState = useTreeViewNodeContext();
39
+ const renderStrategyProps = useRenderStrategyPropsContext();
40
+ const mergedProps = mergeProps(treeView.getBranchProps(nodeProps), props);
41
+ const branchContentProps = treeView.getBranchContentProps(nodeProps);
42
+ return /* @__PURE__ */ jsx(CollapsibleRoot, {
43
+ ref,
44
+ open: nodeState.expanded,
45
+ ids: { content: branchContentProps.id },
46
+ ...renderStrategyProps,
47
+ ...mergedProps
48
+ });
49
+ });
50
+ TreeViewBranch.displayName = "TreeViewBranch";
51
+ //#endregion
52
+ //#region src/components/tree-view/branch-content.tsx
53
+ const splitVisibilityProps = createSplitProps();
54
+ const TreeViewBranchContent = forwardRef((props, ref) => {
55
+ const treeView = useTreeViewContext();
56
+ const nodeProps = useTreeViewNodePropsContext();
57
+ const contentProps = treeView.getBranchContentProps(nodeProps);
58
+ const [, branchContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
59
+ return /* @__PURE__ */ jsx(CollapsibleContent, {
60
+ ref,
61
+ ...mergeProps(branchContentProps, props)
62
+ });
63
+ });
64
+ TreeViewBranchContent.displayName = "TreeViewBranchContent";
65
+ //#endregion
66
+ //#region src/components/tree-view/branch-control.tsx
67
+ const TreeViewBranchControl = forwardRef((props, ref) => {
68
+ const treeView = useTreeViewContext();
69
+ const nodeProps = useTreeViewNodePropsContext();
70
+ const mergedProps = mergeProps(treeView.getBranchControlProps(nodeProps), props);
71
+ return /* @__PURE__ */ jsx(wire.div, {
72
+ ...mergedProps,
73
+ ref
74
+ });
75
+ });
76
+ TreeViewBranchControl.displayName = "TreeViewBranchControl";
77
+ //#endregion
78
+ //#region src/components/tree-view/branch-indent-guide.tsx
79
+ const TreeViewBranchIndentGuide = forwardRef((props, ref) => {
80
+ const treeView = useTreeViewContext();
81
+ const nodeProps = useTreeViewNodePropsContext();
82
+ const mergedProps = mergeProps(treeView.getBranchIndentGuideProps(nodeProps), props);
83
+ return /* @__PURE__ */ jsx(wire.div, {
84
+ ...mergedProps,
85
+ ref
86
+ });
87
+ });
88
+ TreeViewBranchIndentGuide.displayName = "TreeViewBranchIndentGuide";
89
+ //#endregion
90
+ //#region src/components/tree-view/branch-indicator.tsx
91
+ const TreeViewBranchIndicator = forwardRef((props, ref) => {
92
+ const treeView = useTreeViewContext();
93
+ const nodeProps = useTreeViewNodePropsContext();
94
+ const mergedProps = mergeProps(treeView.getBranchIndicatorProps(nodeProps), props);
95
+ return /* @__PURE__ */ jsx(wire.div, {
96
+ ...mergedProps,
97
+ ref
98
+ });
99
+ });
100
+ TreeViewBranchIndicator.displayName = "TreeViewBranchIndicator";
101
+ //#endregion
102
+ //#region src/components/tree-view/branch-text.tsx
103
+ const TreeViewBranchText = forwardRef((props, ref) => {
104
+ const treeView = useTreeViewContext();
105
+ const nodeProps = useTreeViewNodePropsContext();
106
+ const mergedProps = mergeProps(treeView.getBranchTextProps(nodeProps), props);
107
+ return /* @__PURE__ */ jsx(wire.span, {
108
+ ...mergedProps,
109
+ ref
110
+ });
111
+ });
112
+ TreeViewBranchText.displayName = "TreeViewBranchText";
113
+ //#endregion
114
+ //#region src/components/tree-view/branch-trigger.tsx
115
+ const TreeViewBranchTrigger = forwardRef((props, ref) => {
116
+ const treeView = useTreeViewContext();
117
+ const nodeProps = useTreeViewNodePropsContext();
118
+ const mergedProps = mergeProps(treeView.getBranchTriggerProps(nodeProps), props);
119
+ return /* @__PURE__ */ jsx(wire.div, {
120
+ ...mergedProps,
121
+ ref
122
+ });
123
+ });
124
+ TreeViewBranchTrigger.displayName = "TreeViewBranchTrigger";
125
+ //#endregion
126
+ //#region src/components/tree-view/context.tsx
127
+ const TreeViewContext = (props) => props.children(useTreeViewContext());
128
+ //#endregion
129
+ //#region src/components/tree-view/item.tsx
130
+ const TreeViewItem = forwardRef((props, ref) => {
131
+ const treeView = useTreeViewContext();
132
+ const nodeProps = useTreeViewNodePropsContext();
133
+ const mergedProps = mergeProps(treeView.getItemProps(nodeProps), props);
134
+ return /* @__PURE__ */ jsx(wire.div, {
135
+ ...mergedProps,
136
+ ref
137
+ });
138
+ });
139
+ TreeViewItem.displayName = "TreeViewItem";
140
+ //#endregion
141
+ //#region src/components/tree-view/item-indicator.tsx
142
+ const TreeViewItemIndicator = forwardRef((props, ref) => {
143
+ const treeView = useTreeViewContext();
144
+ const nodeProps = useTreeViewNodePropsContext();
145
+ const mergedProps = mergeProps(treeView.getItemIndicatorProps(nodeProps), props);
146
+ return /* @__PURE__ */ jsx(wire.div, {
147
+ ...mergedProps,
148
+ ref
149
+ });
150
+ });
151
+ TreeViewItemIndicator.displayName = "TreeViewItemIndicator";
152
+ //#endregion
153
+ //#region src/components/tree-view/item-text.tsx
154
+ const TreeViewItemText = forwardRef((props, ref) => {
155
+ const treeView = useTreeViewContext();
156
+ const nodeProps = useTreeViewNodePropsContext();
157
+ const mergedProps = mergeProps(treeView.getItemTextProps(nodeProps), props);
158
+ return /* @__PURE__ */ jsx(wire.span, {
159
+ ...mergedProps,
160
+ ref
161
+ });
162
+ });
163
+ TreeViewItemText.displayName = "TreeViewItemText";
164
+ //#endregion
165
+ //#region src/components/tree-view/label.tsx
166
+ const TreeViewLabel = forwardRef((props, ref) => {
167
+ const mergedProps = mergeProps(useTreeViewContext().getLabelProps(), props);
168
+ return /* @__PURE__ */ jsx(wire.h3, {
169
+ ...mergedProps,
170
+ ref
171
+ });
172
+ });
173
+ TreeViewLabel.displayName = "TreeViewLabel";
174
+ //#endregion
175
+ //#region src/components/tree-view/node-context.tsx
176
+ const TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
177
+ //#endregion
178
+ //#region src/components/tree-view/node-provider.tsx
179
+ const splitNodeProps = createSplitProps();
180
+ function TreeViewNodeProvider(props) {
181
+ const [nodeProps, localProps] = splitNodeProps(props, ["indexPath", "node"]);
182
+ return /* @__PURE__ */ jsx(TreeViewNodeStateProvider, {
183
+ value: useTreeViewContext().getNodeState(nodeProps),
184
+ children: /* @__PURE__ */ jsx(TreeViewNodePropsProvider, {
185
+ value: nodeProps,
186
+ children: localProps.children
187
+ })
188
+ });
189
+ }
190
+ //#endregion
191
+ //#region src/components/tree-view/use.ts
192
+ const useTreeView = (props) => {
193
+ const id = useId();
194
+ const { dir } = useLocaleContext();
195
+ const { getRootNode } = useEnvironmentContext();
196
+ const machineProps = {
197
+ id,
198
+ dir,
199
+ getRootNode,
200
+ ...props
201
+ };
202
+ const service = useMachine(treeView.machine, machineProps);
203
+ return treeView.connect(service, normalizeProps);
204
+ };
205
+ //#endregion
206
+ //#region src/components/tree-view/root.tsx
207
+ const TreeViewImpl$1 = (props, ref) => {
208
+ const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
209
+ const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, [
210
+ "canRename",
211
+ "checkedValue",
212
+ "collection",
213
+ "defaultCheckedValue",
214
+ "defaultExpandedValue",
215
+ "defaultFocusedValue",
216
+ "defaultSelectedValue",
217
+ "expandedValue",
218
+ "expandOnClick",
219
+ "focusedValue",
220
+ "id",
221
+ "ids",
222
+ "loadChildren",
223
+ "onBeforeRename",
224
+ "onCheckedChange",
225
+ "onExpandedChange",
226
+ "onFocusChange",
227
+ "onLoadChildrenComplete",
228
+ "onLoadChildrenError",
229
+ "onRenameComplete",
230
+ "onRenameStart",
231
+ "onSelectionChange",
232
+ "scrollToIndexFn",
233
+ "selectedValue",
234
+ "selectionMode",
235
+ "translations",
236
+ "typeahead"
237
+ ]);
238
+ const treeView = useTreeView(useTreeViewProps);
239
+ const mergedProps = mergeProps(treeView.getRootProps(), localProps);
240
+ return /* @__PURE__ */ jsx(TreeViewProvider, {
241
+ value: treeView,
242
+ children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
243
+ value: renderStrategyProps,
244
+ children: /* @__PURE__ */ jsx(wire.div, {
245
+ ...mergedProps,
246
+ ref
247
+ })
248
+ })
249
+ });
250
+ };
251
+ const TreeViewRoot = forwardRef(TreeViewImpl$1);
252
+ //#endregion
253
+ //#region src/components/tree-view/root-provider.tsx
254
+ const TreeViewImpl = (props, ref) => {
255
+ const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
256
+ const [{ value: treeView }, localProps] = createSplitProps()(treeViewProps, ["value"]);
257
+ const mergedProps = mergeProps(treeView.getRootProps(), localProps);
258
+ return /* @__PURE__ */ jsx(TreeViewProvider, {
259
+ value: treeView,
260
+ children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
261
+ value: renderStrategyProps,
262
+ children: /* @__PURE__ */ jsx(wire.div, {
263
+ ...mergedProps,
264
+ ref
265
+ })
266
+ })
267
+ });
268
+ };
269
+ const TreeViewRootProvider = forwardRef(TreeViewImpl);
270
+ //#endregion
271
+ //#region src/components/tree-view/tree.tsx
272
+ const TreeViewTree = forwardRef((props, ref) => {
273
+ const mergedProps = mergeProps(useTreeViewContext().getTreeProps(), props);
274
+ return /* @__PURE__ */ jsx(wire.div, {
275
+ ...mergedProps,
276
+ ref
277
+ });
278
+ });
279
+ TreeViewTree.displayName = "TreeViewTree";
280
+ //#endregion
281
+ //#region src/components/tree-view/node-checkbox.tsx
282
+ const TreeViewNodeCheckbox = forwardRef((props, ref) => {
283
+ const treeView = useTreeViewContext();
284
+ const nodeProps = useTreeViewNodePropsContext();
285
+ const mergedProps = mergeProps(treeView.getNodeCheckboxProps(nodeProps), props);
286
+ return /* @__PURE__ */ jsx(wire.span, {
287
+ ...mergedProps,
288
+ ref
289
+ });
290
+ });
291
+ TreeViewNodeCheckbox.displayName = "TreeViewNodeCheckbox";
292
+ //#endregion
293
+ //#region src/components/tree-view/node-checkbox-indicator.tsx
294
+ const TreeViewNodeCheckboxIndicator = (props) => {
295
+ const { children, indeterminate, fallback } = props;
296
+ const checkedState = useTreeViewNodeContext().checked;
297
+ if (checkedState === "indeterminate" && indeterminate) return /* @__PURE__ */ jsx(Fragment$1, { children: indeterminate });
298
+ if (checkedState === true && children) return /* @__PURE__ */ jsx(Fragment$1, { children });
299
+ return /* @__PURE__ */ jsx(Fragment$1, { children: fallback });
300
+ };
301
+ TreeViewNodeCheckboxIndicator.displayName = "TreeViewNodeCheckboxIndicator";
302
+ //#endregion
303
+ //#region src/components/tree-view/node-rename-input.tsx
304
+ const TreeViewNodeRenameInput = forwardRef((props, ref) => {
305
+ const treeView = useTreeViewContext();
306
+ const nodeProps = useTreeViewNodePropsContext();
307
+ const mergedProps = mergeProps(treeView.getNodeRenameInputProps(nodeProps), props);
308
+ return /* @__PURE__ */ jsx(wire.input, {
309
+ ...mergedProps,
310
+ ref
311
+ });
312
+ });
313
+ TreeViewNodeRenameInput.displayName = "TreeViewNodeRenameInput";
314
+ //#endregion
315
+ //#region src/components/tree-view/tree-view.ts
316
+ var tree_view_exports = /* @__PURE__ */ __exportAll({
317
+ Branch: () => TreeViewBranch,
318
+ BranchContent: () => TreeViewBranchContent,
319
+ BranchControl: () => TreeViewBranchControl,
320
+ BranchIndentGuide: () => TreeViewBranchIndentGuide,
321
+ BranchIndicator: () => TreeViewBranchIndicator,
322
+ BranchText: () => TreeViewBranchText,
323
+ BranchTrigger: () => TreeViewBranchTrigger,
324
+ Context: () => TreeViewContext,
325
+ Item: () => TreeViewItem,
326
+ ItemIndicator: () => TreeViewItemIndicator,
327
+ ItemText: () => TreeViewItemText,
328
+ Label: () => TreeViewLabel,
329
+ NodeCheckbox: () => TreeViewNodeCheckbox,
330
+ NodeCheckboxIndicator: () => TreeViewNodeCheckboxIndicator,
331
+ NodeContext: () => TreeViewNodeContext,
332
+ NodeProvider: () => TreeViewNodeProvider,
333
+ NodeRenameInput: () => TreeViewNodeRenameInput,
334
+ Root: () => TreeViewRoot,
335
+ RootProvider: () => TreeViewRootProvider,
336
+ Tree: () => TreeViewTree
337
+ });
338
+ //#endregion
339
+ export { TreeViewBranch as C, TreeViewBranchContent as S, useTreeViewContext as T, TreeViewBranchTrigger as _, TreeViewNodeCheckbox as a, TreeViewBranchIndentGuide as b, TreeViewRoot as c, TreeViewNodeContext as d, TreeViewLabel as f, TreeViewContext as g, TreeViewItem as h, TreeViewNodeCheckboxIndicator as i, useTreeView as l, TreeViewItemIndicator as m, treeViewAnatomy as n, TreeViewTree as o, TreeViewItemText as p, TreeViewNodeRenameInput as r, TreeViewRootProvider as s, tree_view_exports as t, TreeViewNodeProvider as u, TreeViewBranchText as v, useTreeViewNodeContext as w, TreeViewBranchControl as x, TreeViewBranchIndicator as y };