@sprawlify/solid 0.0.16 → 0.0.18

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 (164) hide show
  1. package/dist/{collapsible-sG-Rzvf2.jsx → collapsible-14K1NkX_.jsx} +8 -8
  2. package/dist/{collapsible-CX2tnXKq.js → collapsible-BT7AHLQr.js} +8 -8
  3. package/dist/{collection-zj3lxnwW.js → collection-BVSLJ8Vb.js} +2 -2
  4. package/dist/{collection-BRr4O2_i.jsx → collection-CIXQG-Ne.jsx} +2 -2
  5. package/dist/components/accordion/index.d.ts +11 -11
  6. package/dist/components/accordion/index.js +9 -9
  7. package/dist/components/accordion/index.jsx +9 -9
  8. package/dist/components/angle-slider/index.d.ts +13 -13
  9. package/dist/components/angle-slider/index.js +7 -7
  10. package/dist/components/angle-slider/index.jsx +7 -7
  11. package/dist/components/avatar/index.d.ts +8 -8
  12. package/dist/components/avatar/index.js +7 -7
  13. package/dist/components/avatar/index.jsx +7 -7
  14. package/dist/components/bottom-sheet/index.d.ts +13 -13
  15. package/dist/components/bottom-sheet/index.js +10 -10
  16. package/dist/components/bottom-sheet/index.jsx +10 -10
  17. package/dist/components/carousel/index.d.ts +17 -17
  18. package/dist/components/carousel/index.js +7 -7
  19. package/dist/components/carousel/index.jsx +7 -7
  20. package/dist/components/checkbox/index.d.ts +13 -13
  21. package/dist/components/checkbox/index.js +10 -10
  22. package/dist/components/checkbox/index.jsx +10 -10
  23. package/dist/components/clipboard/index.d.ts +11 -11
  24. package/dist/components/clipboard/index.js +7 -7
  25. package/dist/components/clipboard/index.jsx +7 -7
  26. package/dist/components/collapsible/index.d.ts +10 -10
  27. package/dist/components/collapsible/index.js +7 -7
  28. package/dist/components/collapsible/index.jsx +7 -7
  29. package/dist/components/collection/index.d.ts +2 -2
  30. package/dist/components/collection/index.js +2 -2
  31. package/dist/components/collection/index.jsx +2 -2
  32. package/dist/components/color-picker/index.d.ts +35 -35
  33. package/dist/components/color-picker/index.js +12 -12
  34. package/dist/components/color-picker/index.jsx +12 -12
  35. package/dist/components/combobox/index.d.ts +22 -22
  36. package/dist/components/combobox/index.js +13 -13
  37. package/dist/components/combobox/index.jsx +13 -13
  38. package/dist/components/date-picker/index.d.ts +33 -33
  39. package/dist/components/date-picker/index.js +10 -10
  40. package/dist/components/date-picker/index.jsx +10 -10
  41. package/dist/components/dialog/index.d.ts +13 -13
  42. package/dist/components/dialog/index.js +10 -10
  43. package/dist/components/dialog/index.jsx +10 -10
  44. package/dist/components/download-trigger/index.d.ts +3 -3
  45. package/dist/components/download-trigger/index.js +5 -5
  46. package/dist/components/download-trigger/index.jsx +5 -5
  47. package/dist/components/editable/index.d.ts +14 -14
  48. package/dist/components/editable/index.js +10 -10
  49. package/dist/components/editable/index.jsx +10 -10
  50. package/dist/components/field/index.d.ts +14 -14
  51. package/dist/components/field/index.js +8 -8
  52. package/dist/components/field/index.jsx +8 -8
  53. package/dist/components/fieldset/index.d.ts +12 -12
  54. package/dist/components/fieldset/index.js +7 -7
  55. package/dist/components/fieldset/index.jsx +7 -7
  56. package/dist/components/file-upload/index.d.ts +102 -0
  57. package/dist/components/file-upload/index.js +284 -0
  58. package/dist/components/file-upload/index.jsx +255 -0
  59. package/dist/components/floating-panel/index.d.ts +100 -0
  60. package/dist/components/floating-panel/index.js +246 -0
  61. package/dist/components/floating-panel/index.jsx +217 -0
  62. package/dist/components/focus-trap/index.d.ts +17 -0
  63. package/dist/components/focus-trap/index.js +34 -0
  64. package/dist/components/focus-trap/index.jsx +30 -0
  65. package/dist/components/format/index.d.ts +27 -0
  66. package/dist/components/format/index.js +46 -0
  67. package/dist/components/format/index.jsx +48 -0
  68. package/dist/components/frame/index.d.ts +13 -0
  69. package/dist/components/frame/index.js +121 -0
  70. package/dist/components/frame/index.jsx +86 -0
  71. package/dist/components/highlight/index.d.ts +3 -3
  72. package/dist/components/highlight/index.js +3 -3
  73. package/dist/components/highlight/index.jsx +3 -3
  74. package/dist/components/hover-card/index.d.ts +70 -0
  75. package/dist/components/hover-card/index.js +168 -0
  76. package/dist/components/hover-card/index.jsx +136 -0
  77. package/dist/components/image-cropper/index.d.ts +64 -0
  78. package/dist/components/image-cropper/index.js +151 -0
  79. package/dist/components/image-cropper/index.jsx +144 -0
  80. package/dist/components/json-tree-view/index.d.ts +56 -0
  81. package/dist/components/json-tree-view/index.js +330 -0
  82. package/dist/components/json-tree-view/index.jsx +204 -0
  83. package/dist/components/listbox/index.d.ts +114 -0
  84. package/dist/components/listbox/index.js +261 -0
  85. package/dist/components/listbox/index.jsx +236 -0
  86. package/dist/components/marquee/index.d.ts +59 -0
  87. package/dist/components/marquee/index.js +138 -0
  88. package/dist/components/marquee/index.jsx +126 -0
  89. package/dist/components/menu/index.d.ts +161 -0
  90. package/dist/components/menu/index.js +471 -0
  91. package/dist/components/menu/index.jsx +392 -0
  92. package/dist/components/navigation-menu/index.d.ts +90 -0
  93. package/dist/components/navigation-menu/index.js +304 -0
  94. package/dist/components/navigation-menu/index.jsx +237 -0
  95. package/dist/components/number-input/index.d.ts +74 -0
  96. package/dist/components/number-input/index.js +182 -0
  97. package/dist/components/number-input/index.jsx +173 -0
  98. package/dist/components/pagination/index.d.ts +69 -0
  99. package/dist/components/pagination/index.js +146 -0
  100. package/dist/components/pagination/index.jsx +139 -0
  101. package/dist/components/password-input/index.d.ts +66 -0
  102. package/dist/components/password-input/index.js +159 -0
  103. package/dist/components/password-input/index.jsx +140 -0
  104. package/dist/components/pin-input/index.d.ts +59 -0
  105. package/dist/components/pin-input/index.js +151 -0
  106. package/dist/components/pin-input/index.jsx +142 -0
  107. package/dist/components/popover/index.d.ts +95 -0
  108. package/dist/components/popover/index.js +220 -0
  109. package/dist/components/popover/index.jsx +188 -0
  110. package/dist/components/presence/index.d.ts +4 -4
  111. package/dist/components/presence/index.js +7 -7
  112. package/dist/components/presence/index.jsx +7 -7
  113. package/dist/components/select/index.d.ts +22 -22
  114. package/dist/components/select/index.js +13 -13
  115. package/dist/components/select/index.jsx +13 -13
  116. package/dist/components/tree-view/index.d.ts +7 -0
  117. package/dist/components/tree-view/index.js +11 -0
  118. package/dist/components/tree-view/index.jsx +11 -0
  119. package/dist/{factory-Ch5jgk20.jsx → factory-BIJk1mK6.jsx} +1 -1
  120. package/dist/{factory-PGDAvOKb.js → factory-k8EbNZ7r.js} +1 -1
  121. package/dist/{factory-4A25bngy.d.ts → factory-srnAQg4A.d.ts} +6 -1
  122. package/dist/{field-CoYiA2ek.js → field-CZv3v7K-.js} +8 -8
  123. package/dist/{field-BRr9Zdes.jsx → field-CtkmPUb0.jsx} +8 -8
  124. package/dist/{fieldset-BrJqMLEd.js → fieldset-B2nK8dL5.js} +8 -8
  125. package/dist/{fieldset-B_LyllEa.jsx → fieldset-aYQsMWX2.jsx} +8 -8
  126. package/dist/{index-GEfvAmRc.d.ts → index-BwthXhaG.d.ts} +1 -1
  127. package/dist/index-Dl22eiVf.d.ts +143 -0
  128. package/dist/index-Dqmtlqpz.d.ts +143 -0
  129. package/dist/{index-j2avJy7D.d.ts → index-DylIyeqd.d.ts} +8 -8
  130. package/dist/index-utxtRaDW.d.ts +41 -0
  131. package/dist/{index-oc8gLl07.d.ts → index-w0NPbRP3.d.ts} +8 -8
  132. package/dist/index.d.ts +6 -44
  133. package/dist/index.js +6 -5
  134. package/dist/index.jsx +6 -5
  135. package/dist/{presence-BpwBRlZW.js → presence-Clrs1hmS.js} +7 -7
  136. package/dist/{presence-Bmn43U_q.jsx → presence-H4-8_5_s.jsx} +7 -7
  137. package/dist/{providers-DFaRRd80.jsx → providers-C6VPiSrB.jsx} +2 -2
  138. package/dist/{providers-Bo0OFe08.js → providers-DgUckEdb.js} +2 -2
  139. package/dist/{render-strategy-DFlz7Uc4.js → render-strategy-BlHCR8sl.js} +2 -2
  140. package/dist/{render-strategy-CdJhRv3I.jsx → render-strategy-KJFIjVVG.jsx} +2 -2
  141. package/dist/tree-view-CyvT0V14.js +318 -0
  142. package/dist/tree-view-DJgvku6y.jsx +291 -0
  143. package/dist/utils/index.d.ts +1 -1
  144. package/dist/utils/index.js +2 -2
  145. package/dist/utils/index.jsx +2 -2
  146. package/package.json +97 -2
  147. /package/dist/{chunk-B5so6B0y.jsx → chunk-BJ7z6UrO.jsx} +0 -0
  148. /package/dist/{chunk-B93cd-Dz.js → chunk-Bn8mXcTA.js} +0 -0
  149. /package/dist/{compose-refs-BVVIB7xn.js → compose-refs-Cp4AShsY.jsx} +0 -0
  150. /package/dist/{compose-refs-icUeuyHm.jsx → compose-refs-tCBI7PRJ.js} +0 -0
  151. /package/dist/{core-DbInRfhI.jsx → core-CRjuRw95.js} +0 -0
  152. /package/dist/{core-oNB2jGcl.js → core-C_FYj4uc.jsx} +0 -0
  153. /package/dist/{create-context-C3rvZvkc.jsx → create-context-BwqlrMqL.jsx} +0 -0
  154. /package/dist/{create-context-GfQ_MylE.js → create-context-DlXBVMoq.js} +0 -0
  155. /package/dist/{create-split-props-B8A7_AF7.jsx → create-split-props-BHmgTHSf.js} +0 -0
  156. /package/dist/{create-split-props-pQu7jijw.js → create-split-props-CKwjjjkD.jsx} +0 -0
  157. /package/dist/{index-C7N791Fc.d.ts → index-BLALA3BS.d.ts} +0 -0
  158. /package/dist/{index-B6dBCfnB.d.ts → index-DiANe65S.d.ts} +0 -0
  159. /package/dist/{render-strategy-BNECKEQk.d.ts → render-strategy-BmTDUy3U.d.ts} +0 -0
  160. /package/dist/{run-if-fn-A3VwXy-o.jsx → run-if-fn-C80kt4dU.js} +0 -0
  161. /package/dist/{run-if-fn-D5794CxE.js → run-if-fn-CrJzzDIM.jsx} +0 -0
  162. /package/dist/{types-Dbw4va3W.d.ts → types-mGUbKy2h.d.ts} +0 -0
  163. /package/dist/{utils-DQi-Cen5.js → utils-DSmVDqW7.js} +0 -0
  164. /package/dist/{utils-vSjszv0W.jsx → utils-DhhcJyG-.jsx} +0 -0
@@ -0,0 +1,318 @@
1
+ import { t as __export } from "./chunk-Bn8mXcTA.js";
2
+ import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "./core-CRjuRw95.js";
3
+ import { t as runIfFn } from "./run-if-fn-C80kt4dU.js";
4
+ import { t as createContext$1 } from "./create-context-DlXBVMoq.js";
5
+ import { i as useLocaleContext, o as useEnvironmentContext } from "./providers-DgUckEdb.js";
6
+ import { t as sprawlify } from "./factory-k8EbNZ7r.js";
7
+ import { t as createSplitProps } from "./create-split-props-BHmgTHSf.js";
8
+ import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "./render-strategy-BlHCR8sl.js";
9
+ import { l as CollapsibleContent, o as CollapsibleRoot } from "./collapsible-BT7AHLQr.js";
10
+ import { createMemo, createUniqueId } from "solid-js";
11
+ import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
12
+ import * as treeView from "@sprawlify/primitives/machines/tree-view";
13
+ import { anatomy as treeViewAnatomy } from "@sprawlify/primitives/machines/tree-view";
14
+
15
+ //#region src/components/tree-view/use-tree-view-context.ts
16
+ const [TreeViewProvider, useTreeViewContext] = createContext$1({
17
+ hookName: "useTreeViewContext",
18
+ providerName: "<TreeViewProvider />"
19
+ });
20
+
21
+ //#endregion
22
+ //#region src/components/tree-view/use-tree-view-node-context.ts
23
+ const [TreeViewNodeStateProvider, useTreeViewNodeContext] = createContext$1({
24
+ hookName: "useTreeViewNodeContext",
25
+ providerName: "<TreeViewNodeProvider />"
26
+ });
27
+
28
+ //#endregion
29
+ //#region src/components/tree-view/use-tree-view-node-props-context.ts
30
+ const [TreeViewNodePropsProvider, useTreeViewNodePropsContext] = createContext$1({
31
+ hookName: "useTreeViewNodePropsContext",
32
+ providerName: "<TreeViewNodeProvider />"
33
+ });
34
+
35
+ //#endregion
36
+ //#region src/components/tree-view/tree-view-branch.tsx
37
+ const TreeViewBranch = (props) => {
38
+ const treeView$1 = useTreeViewContext();
39
+ const nodeProps = useTreeViewNodePropsContext();
40
+ const nodeState = useTreeViewNodeContext();
41
+ const renderStrategyProps = useRenderStrategyContext();
42
+ const branchContentProps = createMemo(() => treeView$1().getBranchContentProps(nodeProps));
43
+ const mergedProps = mergeProps$2(() => treeView$1().getBranchProps(nodeProps), props);
44
+ return createComponent(CollapsibleRoot, mergeProps$1({
45
+ get open() {
46
+ return nodeState().expanded;
47
+ },
48
+ get ids() {
49
+ return { content: branchContentProps().id };
50
+ }
51
+ }, renderStrategyProps, mergedProps));
52
+ };
53
+
54
+ //#endregion
55
+ //#region src/components/tree-view/tree-view-branch-content.tsx
56
+ const splitVisibilityProps = createSplitProps();
57
+ const TreeViewBranchContent = (props) => {
58
+ const treeView$1 = useTreeViewContext();
59
+ const nodeProps = useTreeViewNodePropsContext();
60
+ const branchContentProps = createMemo(() => {
61
+ const [, ownProps] = splitVisibilityProps(treeView$1().getBranchContentProps(nodeProps), ["hidden", "data-state"]);
62
+ return ownProps;
63
+ });
64
+ const mergedProps = mergeProps$2(() => branchContentProps(), props);
65
+ return createComponent(CollapsibleContent, mergedProps);
66
+ };
67
+
68
+ //#endregion
69
+ //#region src/components/tree-view/tree-view-branch-control.tsx
70
+ const TreeViewBranchControl = (props) => {
71
+ const treeView$1 = useTreeViewContext();
72
+ const nodeProps = useTreeViewNodePropsContext();
73
+ const mergedProps = mergeProps$2(() => treeView$1().getBranchControlProps(nodeProps), props);
74
+ return createComponent(sprawlify.div, mergedProps);
75
+ };
76
+
77
+ //#endregion
78
+ //#region src/components/tree-view/tree-view-branch-indent-guide.tsx
79
+ const TreeViewBranchIndentGuide = (props) => {
80
+ const treeView$1 = useTreeViewContext();
81
+ const nodeProps = useTreeViewNodePropsContext();
82
+ const mergedProps = mergeProps$2(() => treeView$1().getBranchIndentGuideProps(nodeProps), props);
83
+ return createComponent(sprawlify.div, mergedProps);
84
+ };
85
+
86
+ //#endregion
87
+ //#region src/components/tree-view/tree-view-branch-indicator.tsx
88
+ const TreeViewBranchIndicator = (props) => {
89
+ const treeView$1 = useTreeViewContext();
90
+ const nodeProps = useTreeViewNodePropsContext();
91
+ const mergedProps = mergeProps$2(() => treeView$1().getBranchIndicatorProps(nodeProps), props);
92
+ return createComponent(sprawlify.div, mergedProps);
93
+ };
94
+
95
+ //#endregion
96
+ //#region src/components/tree-view/tree-view-branch-text.tsx
97
+ const TreeViewBranchText = (props) => {
98
+ const treeView$1 = useTreeViewContext();
99
+ const nodeProps = useTreeViewNodePropsContext();
100
+ const mergedProps = mergeProps$2(() => treeView$1().getBranchTextProps(nodeProps), props);
101
+ return createComponent(sprawlify.span, mergedProps);
102
+ };
103
+
104
+ //#endregion
105
+ //#region src/components/tree-view/tree-view-branch-trigger.tsx
106
+ const TreeViewBranchTrigger = (props) => {
107
+ const treeView$1 = useTreeViewContext();
108
+ const nodeProps = useTreeViewNodePropsContext();
109
+ const mergedProps = mergeProps$2(() => treeView$1().getBranchTriggerProps(nodeProps), props);
110
+ return createComponent(sprawlify.div, mergedProps);
111
+ };
112
+
113
+ //#endregion
114
+ //#region src/components/tree-view/tree-view-context.tsx
115
+ const TreeViewContext = (props) => props.children(useTreeViewContext());
116
+
117
+ //#endregion
118
+ //#region src/components/tree-view/tree-view-item.tsx
119
+ const TreeViewItem = (props) => {
120
+ const treeView$1 = useTreeViewContext();
121
+ const nodeProps = useTreeViewNodePropsContext();
122
+ const mergedProps = mergeProps$2(() => treeView$1().getItemProps(nodeProps), props);
123
+ return createComponent(sprawlify.div, mergedProps);
124
+ };
125
+
126
+ //#endregion
127
+ //#region src/components/tree-view/tree-view-item-indicator.tsx
128
+ const TreeViewItemIndicator = (props) => {
129
+ const treeView$1 = useTreeViewContext();
130
+ const nodeProps = useTreeViewNodePropsContext();
131
+ const mergedProps = mergeProps$2(() => treeView$1().getItemIndicatorProps(nodeProps), props);
132
+ return createComponent(sprawlify.div, mergedProps);
133
+ };
134
+
135
+ //#endregion
136
+ //#region src/components/tree-view/tree-view-item-text.tsx
137
+ const TreeViewItemText = (props) => {
138
+ const treeView$1 = useTreeViewContext();
139
+ const nodeProps = useTreeViewNodePropsContext();
140
+ const mergedProps = mergeProps$2(() => treeView$1().getItemTextProps(nodeProps), props);
141
+ return createComponent(sprawlify.span, mergedProps);
142
+ };
143
+
144
+ //#endregion
145
+ //#region src/components/tree-view/tree-view-label.tsx
146
+ const TreeViewLabel = (props) => {
147
+ const treeView$1 = useTreeViewContext();
148
+ const mergedProps = mergeProps$2(() => treeView$1().getLabelProps(), props);
149
+ return createComponent(sprawlify.h3, mergedProps);
150
+ };
151
+
152
+ //#endregion
153
+ //#region src/components/tree-view/tree-view-node-checkbox.tsx
154
+ const TreeViewNodeCheckbox = (props) => {
155
+ const treeView$1 = useTreeViewContext();
156
+ const nodeProps = useTreeViewNodePropsContext();
157
+ const mergedProps = mergeProps$2(() => treeView$1().getNodeCheckboxProps(nodeProps), props);
158
+ return createComponent(sprawlify.span, mergedProps);
159
+ };
160
+
161
+ //#endregion
162
+ //#region src/components/tree-view/tree-view-node-checkbox-indicator.tsx
163
+ const TreeViewNodeCheckboxIndicator = (props) => {
164
+ const nodeState = useTreeViewNodeContext();
165
+ const checkedState = createMemo(() => nodeState().checked);
166
+ if (checkedState() === "indeterminate" && props.indeterminate) return props.indeterminate;
167
+ if (checkedState() === true && props.children) return props.children;
168
+ return props.fallback;
169
+ };
170
+
171
+ //#endregion
172
+ //#region src/components/tree-view/tree-view-node-rename-input.tsx
173
+ const TreeViewNodeRenameInput = (props) => {
174
+ const treeView$1 = useTreeViewContext();
175
+ const nodeProps = useTreeViewNodePropsContext();
176
+ const mergedProps = mergeProps$2(() => treeView$1().getNodeRenameInputProps(nodeProps), props);
177
+ return createComponent(sprawlify.input, mergedProps);
178
+ };
179
+
180
+ //#endregion
181
+ //#region src/components/tree-view/tree-view-node-context.ts
182
+ const TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
183
+
184
+ //#endregion
185
+ //#region src/components/tree-view/tree-view-node-provider.tsx
186
+ function TreeViewNodeProvider(props) {
187
+ const [nodeProps, localProps] = createSplitProps()(props, ["indexPath", "node"]);
188
+ const treeView$1 = useTreeViewContext();
189
+ return createComponent(TreeViewNodeStateProvider, {
190
+ value: createMemo(() => treeView$1().getNodeState(nodeProps)),
191
+ get children() {
192
+ return createComponent(TreeViewNodePropsProvider, {
193
+ value: nodeProps,
194
+ get children() {
195
+ return localProps.children;
196
+ }
197
+ });
198
+ }
199
+ });
200
+ }
201
+
202
+ //#endregion
203
+ //#region src/components/tree-view/use-tree-view.ts
204
+ const useTreeView = (props) => {
205
+ const id = createUniqueId();
206
+ const locale = useLocaleContext();
207
+ const environment = useEnvironmentContext();
208
+ const machineProps = createMemo(() => ({
209
+ id,
210
+ dir: locale().dir,
211
+ getRootNode: environment().getRootNode,
212
+ ...runIfFn(props)
213
+ }));
214
+ const service = useMachine(treeView.machine, machineProps);
215
+ return createMemo(() => treeView.connect(service, normalizeProps));
216
+ };
217
+
218
+ //#endregion
219
+ //#region src/components/tree-view/tree-view-root.tsx
220
+ const TreeViewRoot = (props) => {
221
+ const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
222
+ const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, [
223
+ "canRename",
224
+ "checkedValue",
225
+ "collection",
226
+ "defaultCheckedValue",
227
+ "defaultExpandedValue",
228
+ "defaultFocusedValue",
229
+ "defaultSelectedValue",
230
+ "expandedValue",
231
+ "expandOnClick",
232
+ "focusedValue",
233
+ "id",
234
+ "ids",
235
+ "loadChildren",
236
+ "onBeforeRename",
237
+ "onCheckedChange",
238
+ "onExpandedChange",
239
+ "onFocusChange",
240
+ "onLoadChildrenComplete",
241
+ "onLoadChildrenError",
242
+ "onRenameComplete",
243
+ "onRenameStart",
244
+ "onSelectionChange",
245
+ "selectedValue",
246
+ "selectionMode",
247
+ "typeahead",
248
+ "scrollToIndexFn"
249
+ ]);
250
+ const treeView$1 = useTreeView(useTreeViewProps);
251
+ const mergedProps = mergeProps$2(() => treeView$1().getRootProps(), localProps);
252
+ return createComponent(TreeViewProvider, {
253
+ value: treeView$1,
254
+ get children() {
255
+ return createComponent(RenderStrategyProvider, {
256
+ value: renderStrategyProps,
257
+ get children() {
258
+ return createComponent(sprawlify.div, mergedProps);
259
+ }
260
+ });
261
+ }
262
+ });
263
+ };
264
+
265
+ //#endregion
266
+ //#region src/components/tree-view/tree-view-root-provider.tsx
267
+ const TreeViewRootProvider = (props) => {
268
+ const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
269
+ const [{ value: treeView$1 }, localProps] = createSplitProps()(treeViewProps, ["value"]);
270
+ const mergedProps = mergeProps$2(() => treeView$1().getRootProps(), localProps);
271
+ return createComponent(TreeViewProvider, {
272
+ value: treeView$1,
273
+ get children() {
274
+ return createComponent(RenderStrategyProvider, {
275
+ value: renderStrategyProps,
276
+ get children() {
277
+ return createComponent(sprawlify.div, mergedProps);
278
+ }
279
+ });
280
+ }
281
+ });
282
+ };
283
+
284
+ //#endregion
285
+ //#region src/components/tree-view/tree-view-tree.tsx
286
+ const TreeViewTree = (props) => {
287
+ const treeView$1 = useTreeViewContext();
288
+ const mergedProps = mergeProps$2(() => treeView$1().getTreeProps(), props);
289
+ return createComponent(sprawlify.div, mergedProps);
290
+ };
291
+
292
+ //#endregion
293
+ //#region src/components/tree-view/tree-view.ts
294
+ var tree_view_exports = /* @__PURE__ */ __export({
295
+ Branch: () => TreeViewBranch,
296
+ BranchContent: () => TreeViewBranchContent,
297
+ BranchControl: () => TreeViewBranchControl,
298
+ BranchIndentGuide: () => TreeViewBranchIndentGuide,
299
+ BranchIndicator: () => TreeViewBranchIndicator,
300
+ BranchText: () => TreeViewBranchText,
301
+ BranchTrigger: () => TreeViewBranchTrigger,
302
+ Context: () => TreeViewContext,
303
+ Item: () => TreeViewItem,
304
+ ItemIndicator: () => TreeViewItemIndicator,
305
+ ItemText: () => TreeViewItemText,
306
+ Label: () => TreeViewLabel,
307
+ NodeCheckbox: () => TreeViewNodeCheckbox,
308
+ NodeCheckboxIndicator: () => TreeViewNodeCheckboxIndicator,
309
+ NodeContext: () => TreeViewNodeContext,
310
+ NodeProvider: () => TreeViewNodeProvider,
311
+ NodeRenameInput: () => TreeViewNodeRenameInput,
312
+ Root: () => TreeViewRoot,
313
+ RootProvider: () => TreeViewRootProvider,
314
+ Tree: () => TreeViewTree
315
+ });
316
+
317
+ //#endregion
318
+ export { TreeViewBranch as C, TreeViewBranchContent as S, useTreeViewContext as T, TreeViewBranchTrigger as _, TreeViewRoot as a, TreeViewBranchIndentGuide as b, TreeViewNodeContext as c, TreeViewNodeCheckbox as d, TreeViewLabel as f, TreeViewContext as g, TreeViewItem as h, TreeViewRootProvider as i, TreeViewNodeRenameInput as l, TreeViewItemIndicator as m, treeViewAnatomy as n, useTreeView as o, TreeViewItemText as p, TreeViewTree as r, TreeViewNodeProvider as s, tree_view_exports as t, TreeViewNodeCheckboxIndicator as u, TreeViewBranchText as v, useTreeViewNodeContext as w, TreeViewBranchControl as x, TreeViewBranchIndicator as y };
@@ -0,0 +1,291 @@
1
+ import { t as __export } from "./chunk-BJ7z6UrO.jsx";
2
+ import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "./core-C_FYj4uc.jsx";
3
+ import { t as runIfFn } from "./run-if-fn-CrJzzDIM.jsx";
4
+ import { t as createContext$1 } from "./create-context-BwqlrMqL.jsx";
5
+ import { i as useLocaleContext, o as useEnvironmentContext } from "./providers-C6VPiSrB.jsx";
6
+ import { t as sprawlify } from "./factory-BIJk1mK6.jsx";
7
+ import { t as createSplitProps } from "./create-split-props-CKwjjjkD.jsx";
8
+ import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "./render-strategy-KJFIjVVG.jsx";
9
+ import { t as collapsible_exports } from "./collapsible-14K1NkX_.jsx";
10
+ import { createMemo, createUniqueId } from "solid-js";
11
+ import * as treeView from "@sprawlify/primitives/machines/tree-view";
12
+ import { anatomy as treeViewAnatomy } from "@sprawlify/primitives/machines/tree-view";
13
+
14
+ //#region src/components/tree-view/use-tree-view-context.ts
15
+ const [TreeViewProvider, useTreeViewContext] = createContext$1({
16
+ hookName: "useTreeViewContext",
17
+ providerName: "<TreeViewProvider />"
18
+ });
19
+
20
+ //#endregion
21
+ //#region src/components/tree-view/use-tree-view-node-context.ts
22
+ const [TreeViewNodeStateProvider, useTreeViewNodeContext] = createContext$1({
23
+ hookName: "useTreeViewNodeContext",
24
+ providerName: "<TreeViewNodeProvider />"
25
+ });
26
+
27
+ //#endregion
28
+ //#region src/components/tree-view/use-tree-view-node-props-context.ts
29
+ const [TreeViewNodePropsProvider, useTreeViewNodePropsContext] = createContext$1({
30
+ hookName: "useTreeViewNodePropsContext",
31
+ providerName: "<TreeViewNodeProvider />"
32
+ });
33
+
34
+ //#endregion
35
+ //#region src/components/tree-view/tree-view-branch.tsx
36
+ const TreeViewBranch = (props) => {
37
+ const treeView$1 = useTreeViewContext();
38
+ const nodeProps = useTreeViewNodePropsContext();
39
+ const nodeState = useTreeViewNodeContext();
40
+ const renderStrategyProps = useRenderStrategyContext();
41
+ const branchContentProps = createMemo(() => treeView$1().getBranchContentProps(nodeProps));
42
+ const mergedProps = mergeProps$1(() => treeView$1().getBranchProps(nodeProps), props);
43
+ return <collapsible_exports.Root open={nodeState().expanded} ids={{ content: branchContentProps().id }} {...renderStrategyProps} {...mergedProps} />;
44
+ };
45
+
46
+ //#endregion
47
+ //#region src/components/tree-view/tree-view-branch-content.tsx
48
+ const splitVisibilityProps = createSplitProps();
49
+ const TreeViewBranchContent = (props) => {
50
+ const treeView$1 = useTreeViewContext();
51
+ const nodeProps = useTreeViewNodePropsContext();
52
+ const branchContentProps = createMemo(() => {
53
+ const [, ownProps] = splitVisibilityProps(treeView$1().getBranchContentProps(nodeProps), ["hidden", "data-state"]);
54
+ return ownProps;
55
+ });
56
+ const mergedProps = mergeProps$1(() => branchContentProps(), props);
57
+ return <collapsible_exports.Content {...mergedProps} />;
58
+ };
59
+
60
+ //#endregion
61
+ //#region src/components/tree-view/tree-view-branch-control.tsx
62
+ const TreeViewBranchControl = (props) => {
63
+ const treeView$1 = useTreeViewContext();
64
+ const nodeProps = useTreeViewNodePropsContext();
65
+ const mergedProps = mergeProps$1(() => treeView$1().getBranchControlProps(nodeProps), props);
66
+ return <sprawlify.div {...mergedProps} />;
67
+ };
68
+
69
+ //#endregion
70
+ //#region src/components/tree-view/tree-view-branch-indent-guide.tsx
71
+ const TreeViewBranchIndentGuide = (props) => {
72
+ const treeView$1 = useTreeViewContext();
73
+ const nodeProps = useTreeViewNodePropsContext();
74
+ const mergedProps = mergeProps$1(() => treeView$1().getBranchIndentGuideProps(nodeProps), props);
75
+ return <sprawlify.div {...mergedProps} />;
76
+ };
77
+
78
+ //#endregion
79
+ //#region src/components/tree-view/tree-view-branch-indicator.tsx
80
+ const TreeViewBranchIndicator = (props) => {
81
+ const treeView$1 = useTreeViewContext();
82
+ const nodeProps = useTreeViewNodePropsContext();
83
+ const mergedProps = mergeProps$1(() => treeView$1().getBranchIndicatorProps(nodeProps), props);
84
+ return <sprawlify.div {...mergedProps} />;
85
+ };
86
+
87
+ //#endregion
88
+ //#region src/components/tree-view/tree-view-branch-text.tsx
89
+ const TreeViewBranchText = (props) => {
90
+ const treeView$1 = useTreeViewContext();
91
+ const nodeProps = useTreeViewNodePropsContext();
92
+ const mergedProps = mergeProps$1(() => treeView$1().getBranchTextProps(nodeProps), props);
93
+ return <sprawlify.span {...mergedProps} />;
94
+ };
95
+
96
+ //#endregion
97
+ //#region src/components/tree-view/tree-view-branch-trigger.tsx
98
+ const TreeViewBranchTrigger = (props) => {
99
+ const treeView$1 = useTreeViewContext();
100
+ const nodeProps = useTreeViewNodePropsContext();
101
+ const mergedProps = mergeProps$1(() => treeView$1().getBranchTriggerProps(nodeProps), props);
102
+ return <sprawlify.div {...mergedProps} />;
103
+ };
104
+
105
+ //#endregion
106
+ //#region src/components/tree-view/tree-view-context.tsx
107
+ const TreeViewContext = (props) => props.children(useTreeViewContext());
108
+
109
+ //#endregion
110
+ //#region src/components/tree-view/tree-view-item.tsx
111
+ const TreeViewItem = (props) => {
112
+ const treeView$1 = useTreeViewContext();
113
+ const nodeProps = useTreeViewNodePropsContext();
114
+ const mergedProps = mergeProps$1(() => treeView$1().getItemProps(nodeProps), props);
115
+ return <sprawlify.div {...mergedProps} />;
116
+ };
117
+
118
+ //#endregion
119
+ //#region src/components/tree-view/tree-view-item-indicator.tsx
120
+ const TreeViewItemIndicator = (props) => {
121
+ const treeView$1 = useTreeViewContext();
122
+ const nodeProps = useTreeViewNodePropsContext();
123
+ const mergedProps = mergeProps$1(() => treeView$1().getItemIndicatorProps(nodeProps), props);
124
+ return <sprawlify.div {...mergedProps} />;
125
+ };
126
+
127
+ //#endregion
128
+ //#region src/components/tree-view/tree-view-item-text.tsx
129
+ const TreeViewItemText = (props) => {
130
+ const treeView$1 = useTreeViewContext();
131
+ const nodeProps = useTreeViewNodePropsContext();
132
+ const mergedProps = mergeProps$1(() => treeView$1().getItemTextProps(nodeProps), props);
133
+ return <sprawlify.span {...mergedProps} />;
134
+ };
135
+
136
+ //#endregion
137
+ //#region src/components/tree-view/tree-view-label.tsx
138
+ const TreeViewLabel = (props) => {
139
+ const treeView$1 = useTreeViewContext();
140
+ const mergedProps = mergeProps$1(() => treeView$1().getLabelProps(), props);
141
+ return <sprawlify.h3 {...mergedProps} />;
142
+ };
143
+
144
+ //#endregion
145
+ //#region src/components/tree-view/tree-view-node-checkbox.tsx
146
+ const TreeViewNodeCheckbox = (props) => {
147
+ const treeView$1 = useTreeViewContext();
148
+ const nodeProps = useTreeViewNodePropsContext();
149
+ const mergedProps = mergeProps$1(() => treeView$1().getNodeCheckboxProps(nodeProps), props);
150
+ return <sprawlify.span {...mergedProps} />;
151
+ };
152
+
153
+ //#endregion
154
+ //#region src/components/tree-view/tree-view-node-checkbox-indicator.tsx
155
+ const TreeViewNodeCheckboxIndicator = (props) => {
156
+ const nodeState = useTreeViewNodeContext();
157
+ const checkedState = createMemo(() => nodeState().checked);
158
+ if (checkedState() === "indeterminate" && props.indeterminate) return props.indeterminate;
159
+ if (checkedState() === true && props.children) return props.children;
160
+ return props.fallback;
161
+ };
162
+
163
+ //#endregion
164
+ //#region src/components/tree-view/tree-view-node-rename-input.tsx
165
+ const TreeViewNodeRenameInput = (props) => {
166
+ const treeView$1 = useTreeViewContext();
167
+ const nodeProps = useTreeViewNodePropsContext();
168
+ const mergedProps = mergeProps$1(() => treeView$1().getNodeRenameInputProps(nodeProps), props);
169
+ return <sprawlify.input {...mergedProps} />;
170
+ };
171
+
172
+ //#endregion
173
+ //#region src/components/tree-view/tree-view-node-context.ts
174
+ const TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
175
+
176
+ //#endregion
177
+ //#region src/components/tree-view/tree-view-node-provider.tsx
178
+ function TreeViewNodeProvider(props) {
179
+ const [nodeProps, localProps] = createSplitProps()(props, ["indexPath", "node"]);
180
+ const treeView$1 = useTreeViewContext();
181
+ const nodeState = createMemo(() => treeView$1().getNodeState(nodeProps));
182
+ return <TreeViewNodeStateProvider value={nodeState}>
183
+ <TreeViewNodePropsProvider value={nodeProps}>{localProps.children}</TreeViewNodePropsProvider>
184
+ </TreeViewNodeStateProvider>;
185
+ }
186
+
187
+ //#endregion
188
+ //#region src/components/tree-view/use-tree-view.ts
189
+ const useTreeView = (props) => {
190
+ const id = createUniqueId();
191
+ const locale = useLocaleContext();
192
+ const environment = useEnvironmentContext();
193
+ const machineProps = createMemo(() => ({
194
+ id,
195
+ dir: locale().dir,
196
+ getRootNode: environment().getRootNode,
197
+ ...runIfFn(props)
198
+ }));
199
+ const service = useMachine(treeView.machine, machineProps);
200
+ return createMemo(() => treeView.connect(service, normalizeProps));
201
+ };
202
+
203
+ //#endregion
204
+ //#region src/components/tree-view/tree-view-root.tsx
205
+ const TreeViewRoot = (props) => {
206
+ const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
207
+ const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, [
208
+ "canRename",
209
+ "checkedValue",
210
+ "collection",
211
+ "defaultCheckedValue",
212
+ "defaultExpandedValue",
213
+ "defaultFocusedValue",
214
+ "defaultSelectedValue",
215
+ "expandedValue",
216
+ "expandOnClick",
217
+ "focusedValue",
218
+ "id",
219
+ "ids",
220
+ "loadChildren",
221
+ "onBeforeRename",
222
+ "onCheckedChange",
223
+ "onExpandedChange",
224
+ "onFocusChange",
225
+ "onLoadChildrenComplete",
226
+ "onLoadChildrenError",
227
+ "onRenameComplete",
228
+ "onRenameStart",
229
+ "onSelectionChange",
230
+ "selectedValue",
231
+ "selectionMode",
232
+ "typeahead",
233
+ "scrollToIndexFn"
234
+ ]);
235
+ const treeView$1 = useTreeView(useTreeViewProps);
236
+ const mergedProps = mergeProps$1(() => treeView$1().getRootProps(), localProps);
237
+ return <TreeViewProvider value={treeView$1}>
238
+ <RenderStrategyProvider value={renderStrategyProps}>
239
+ <sprawlify.div {...mergedProps} />
240
+ </RenderStrategyProvider>
241
+ </TreeViewProvider>;
242
+ };
243
+
244
+ //#endregion
245
+ //#region src/components/tree-view/tree-view-root-provider.tsx
246
+ const TreeViewRootProvider = (props) => {
247
+ const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
248
+ const [{ value: treeView$1 }, localProps] = createSplitProps()(treeViewProps, ["value"]);
249
+ const mergedProps = mergeProps$1(() => treeView$1().getRootProps(), localProps);
250
+ return <TreeViewProvider value={treeView$1}>
251
+ <RenderStrategyProvider value={renderStrategyProps}>
252
+ <sprawlify.div {...mergedProps} />
253
+ </RenderStrategyProvider>
254
+ </TreeViewProvider>;
255
+ };
256
+
257
+ //#endregion
258
+ //#region src/components/tree-view/tree-view-tree.tsx
259
+ const TreeViewTree = (props) => {
260
+ const treeView$1 = useTreeViewContext();
261
+ const mergedProps = mergeProps$1(() => treeView$1().getTreeProps(), props);
262
+ return <sprawlify.div {...mergedProps} />;
263
+ };
264
+
265
+ //#endregion
266
+ //#region src/components/tree-view/tree-view.ts
267
+ var tree_view_exports = /* @__PURE__ */ __export({
268
+ Branch: () => TreeViewBranch,
269
+ BranchContent: () => TreeViewBranchContent,
270
+ BranchControl: () => TreeViewBranchControl,
271
+ BranchIndentGuide: () => TreeViewBranchIndentGuide,
272
+ BranchIndicator: () => TreeViewBranchIndicator,
273
+ BranchText: () => TreeViewBranchText,
274
+ BranchTrigger: () => TreeViewBranchTrigger,
275
+ Context: () => TreeViewContext,
276
+ Item: () => TreeViewItem,
277
+ ItemIndicator: () => TreeViewItemIndicator,
278
+ ItemText: () => TreeViewItemText,
279
+ Label: () => TreeViewLabel,
280
+ NodeCheckbox: () => TreeViewNodeCheckbox,
281
+ NodeCheckboxIndicator: () => TreeViewNodeCheckboxIndicator,
282
+ NodeContext: () => TreeViewNodeContext,
283
+ NodeProvider: () => TreeViewNodeProvider,
284
+ NodeRenameInput: () => TreeViewNodeRenameInput,
285
+ Root: () => TreeViewRoot,
286
+ RootProvider: () => TreeViewRootProvider,
287
+ Tree: () => TreeViewTree
288
+ });
289
+
290
+ //#endregion
291
+ export { TreeViewBranch as C, TreeViewBranchContent as S, useTreeViewContext as T, TreeViewBranchTrigger as _, TreeViewRoot as a, TreeViewBranchIndentGuide as b, TreeViewNodeContext as c, TreeViewNodeCheckbox as d, TreeViewLabel as f, TreeViewContext as g, TreeViewItem as h, TreeViewRootProvider as i, TreeViewNodeRenameInput as l, TreeViewItemIndicator as m, treeViewAnatomy as n, useTreeView as o, TreeViewItemText as p, TreeViewTree as r, TreeViewNodeProvider as s, tree_view_exports as t, TreeViewNodeCheckboxIndicator as u, TreeViewBranchText as v, useTreeViewNodeContext as w, TreeViewBranchControl as x, TreeViewBranchIndicator as y };
@@ -1,2 +1,2 @@
1
- import { t as createContext } from "../index-B6dBCfnB.js";
1
+ import { t as createContext } from "../index-DiANe65S.js";
2
2
  export { createContext };
@@ -1,4 +1,4 @@
1
- import { t as createContext } from "../create-context-GfQ_MylE.js";
2
- import "../utils-DQi-Cen5.js";
1
+ import { t as createContext } from "../create-context-DlXBVMoq.js";
2
+ import "../utils-DSmVDqW7.js";
3
3
 
4
4
  export { createContext };
@@ -1,4 +1,4 @@
1
- import { t as createContext } from "../create-context-C3rvZvkc.jsx";
2
- import "../utils-vSjszv0W.jsx";
1
+ import { t as createContext } from "../create-context-BwqlrMqL.jsx";
2
+ import "../utils-DhhcJyG-.jsx";
3
3
 
4
4
  export { createContext };