@sprawlify/solid 0.0.17 → 0.0.18

package/dist/components/image-cropper/index.js

@@ -0,0 +1,151 @@
+import { t as __export } from "../../chunk-Bn8mXcTA.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-CRjuRw95.js";
+import { t as runIfFn } from "../../run-if-fn-C80kt4dU.js";
+import { t as createContext$1 } from "../../create-context-DlXBVMoq.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DgUckEdb.js";
+import { t as sprawlify } from "../../factory-k8EbNZ7r.js";
+import { t as createSplitProps } from "../../create-split-props-BHmgTHSf.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent } from "solid-js/web";
+import * as imageCropper from "@sprawlify/primitives/machines/image-cropper";
+import { anatomy as imageCropperAnatomy, handles } from "@sprawlify/primitives/machines/image-cropper";
+
+//#region src/components/image-cropper/use-image-cropper-context.ts
+const [ImageCropperProvider, useImageCropperContext] = createContext$1({
+	hookName: "useImageCropperContext",
+	providerName: "<ImageCropperProvider />"
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-context.tsx
+const ImageCropperContext = (props) => props.children(useImageCropperContext());
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-grid.tsx
+const ImageCropperGrid = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getGridProps({ axis: props.axis }), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.tsx
+const ImageCropperHandle = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getHandleProps({ position: props.position }), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.tsx
+const ImageCropperImage = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getImageProps(), props);
+	return createComponent(sprawlify.img, mergedProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/use-image-cropper.ts
+const useImageCropper = (props = {}) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const imageCropperProps = runIfFn(props);
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...imageCropperProps
+	}));
+	const service = useMachine(imageCropper.machine, machineProps);
+	return createMemo(() => imageCropper.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.tsx
+const ImageCropperRoot = (props) => {
+	const [useImageCropperProps, localProps] = createSplitProps()(props, [
+		"aspectRatio",
+		"cropShape",
+		"defaultFlip",
+		"defaultRotation",
+		"defaultZoom",
+		"fixedCropArea",
+		"flip",
+		"id",
+		"ids",
+		"initialCrop",
+		"maxHeight",
+		"maxWidth",
+		"maxZoom",
+		"minHeight",
+		"minWidth",
+		"minZoom",
+		"nudgeStep",
+		"nudgeStepCtrl",
+		"nudgeStepShift",
+		"onCropChange",
+		"onFlipChange",
+		"onRotationChange",
+		"onZoomChange",
+		"rotation",
+		"translations",
+		"zoom",
+		"zoomSensitivity",
+		"zoomStep"
+	]);
+	const api = useImageCropper(useImageCropperProps);
+	const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
+	return createComponent(ImageCropperProvider, {
+		value: api,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.tsx
+const ImageCropperRootProvider = (props) => {
+	const [{ value: imageCropper$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => imageCropper$1().getRootProps(), localProps);
+	return createComponent(ImageCropperProvider, {
+		value: imageCropper$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.tsx
+const ImageCropperSelection = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getSelectionProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.tsx
+const ImageCropperViewport = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$2(() => api().getViewportProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper.ts
+var image_cropper_exports = /* @__PURE__ */ __export({
+	Context: () => ImageCropperContext,
+	Grid: () => ImageCropperGrid,
+	Handle: () => ImageCropperHandle,
+	Image: () => ImageCropperImage,
+	Root: () => ImageCropperRoot,
+	RootProvider: () => ImageCropperRootProvider,
+	Selection: () => ImageCropperSelection,
+	Viewport: () => ImageCropperViewport,
+	handles: () => handles
+});
+
+//#endregion
+export { image_cropper_exports as ImageCropper, ImageCropperContext, ImageCropperGrid, ImageCropperHandle, ImageCropperImage, ImageCropperRoot, ImageCropperRootProvider, ImageCropperSelection, ImageCropperViewport, imageCropperAnatomy, useImageCropper, useImageCropperContext };

package/dist/components/image-cropper/index.jsx

@@ -0,0 +1,144 @@
+import { t as __export } from "../../chunk-BJ7z6UrO.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-C_FYj4uc.jsx";
+import { t as runIfFn } from "../../run-if-fn-CrJzzDIM.jsx";
+import { t as createContext$1 } from "../../create-context-BwqlrMqL.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-C6VPiSrB.jsx";
+import { t as sprawlify } from "../../factory-BIJk1mK6.jsx";
+import { t as createSplitProps } from "../../create-split-props-CKwjjjkD.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as imageCropper from "@sprawlify/primitives/machines/image-cropper";
+import { anatomy as imageCropperAnatomy, handles } from "@sprawlify/primitives/machines/image-cropper";
+
+//#region src/components/image-cropper/use-image-cropper-context.ts
+const [ImageCropperProvider, useImageCropperContext] = createContext$1({
+	hookName: "useImageCropperContext",
+	providerName: "<ImageCropperProvider />"
+});
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-context.tsx
+const ImageCropperContext = (props) => props.children(useImageCropperContext());
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-grid.tsx
+const ImageCropperGrid = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$1(() => api().getGridProps({ axis: props.axis }), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.tsx
+const ImageCropperHandle = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$1(() => api().getHandleProps({ position: props.position }), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.tsx
+const ImageCropperImage = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$1(() => api().getImageProps(), props);
+	return <sprawlify.img {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/image-cropper/use-image-cropper.ts
+const useImageCropper = (props = {}) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const imageCropperProps = runIfFn(props);
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...imageCropperProps
+	}));
+	const service = useMachine(imageCropper.machine, machineProps);
+	return createMemo(() => imageCropper.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.tsx
+const ImageCropperRoot = (props) => {
+	const [useImageCropperProps, localProps] = createSplitProps()(props, [
+		"aspectRatio",
+		"cropShape",
+		"defaultFlip",
+		"defaultRotation",
+		"defaultZoom",
+		"fixedCropArea",
+		"flip",
+		"id",
+		"ids",
+		"initialCrop",
+		"maxHeight",
+		"maxWidth",
+		"maxZoom",
+		"minHeight",
+		"minWidth",
+		"minZoom",
+		"nudgeStep",
+		"nudgeStepCtrl",
+		"nudgeStepShift",
+		"onCropChange",
+		"onFlipChange",
+		"onRotationChange",
+		"onZoomChange",
+		"rotation",
+		"translations",
+		"zoom",
+		"zoomSensitivity",
+		"zoomStep"
+	]);
+	const api = useImageCropper(useImageCropperProps);
+	const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
+	return <ImageCropperProvider value={api}>
+      <sprawlify.div {...mergedProps} />
+    </ImageCropperProvider>;
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.tsx
+const ImageCropperRootProvider = (props) => {
+	const [{ value: imageCropper$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => imageCropper$1().getRootProps(), localProps);
+	return <ImageCropperProvider value={imageCropper$1}>
+      <sprawlify.div {...mergedProps} />
+    </ImageCropperProvider>;
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.tsx
+const ImageCropperSelection = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$1(() => api().getSelectionProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.tsx
+const ImageCropperViewport = (props) => {
+	const api = useImageCropperContext();
+	const mergedProps = mergeProps$1(() => api().getViewportProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper.ts
+var image_cropper_exports = /* @__PURE__ */ __export({
+	Context: () => ImageCropperContext,
+	Grid: () => ImageCropperGrid,
+	Handle: () => ImageCropperHandle,
+	Image: () => ImageCropperImage,
+	Root: () => ImageCropperRoot,
+	RootProvider: () => ImageCropperRootProvider,
+	Selection: () => ImageCropperSelection,
+	Viewport: () => ImageCropperViewport,
+	handles: () => handles
+});
+
+//#endregion
+export { image_cropper_exports as ImageCropper, ImageCropperContext, ImageCropperGrid, ImageCropperHandle, ImageCropperImage, ImageCropperRoot, ImageCropperRootProvider, ImageCropperSelection, ImageCropperViewport, imageCropperAnatomy, useImageCropper, useImageCropperContext };

package/dist/components/json-tree-view/index.d.ts

@@ -0,0 +1,56 @@
+import "../../index-BLALA3BS.js";
+import "../../types-mGUbKy2h.js";
+import "../../factory-srnAQg4A.js";
+import "../../render-strategy-BmTDUy3U.js";
+import "../../index-BwthXhaG.js";
+import { T as TreeViewRootProps, at as UseTreeViewReturn, b as TreeViewRootProviderProps, g as TreeViewTreeProps, it as UseTreeViewProps } from "../../index-Dqmtlqpz.js";
+import { JSX } from "solid-js";
+import { JsonNode, JsonNodeHastElement, JsonNodePreviewOptions } from "@sprawlify/primitives/json-tree-utils";
+
+//#region src/components/json-tree-view/json-tree-view-props-context.d.ts
+interface JsonTreeViewOptions extends Partial<JsonNodePreviewOptions> {
+  quotesOnKeys?: boolean;
+}
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-root.d.ts
+interface JsonTreeViewRootBaseProps extends JsonTreeViewOptions {
+  /**
+   * The data to display in the tree.
+   */
+  data: unknown;
+  /**
+   * The default expand level.
+   */
+  defaultExpandedDepth?: number;
+}
+interface JsonTreeViewRootProps extends Omit<TreeViewRootProps<JsonNode>, 'collection'>, JsonTreeViewRootBaseProps {}
+declare const JsonTreeViewRoot: (props: JsonTreeViewRootProps) => JSX.Element;
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-root-provider.d.ts
+interface JsonTreeViewRootProviderProps extends TreeViewRootProviderProps<JsonNode> {}
+declare const JsonTreeViewRootProvider: (props: JsonTreeViewRootProviderProps) => JSX.Element;
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-node.d.ts
+interface JsonTreeViewNodeBaseProps {
+  arrow?: JSX.Element;
+  indentGuide?: boolean | JSX.Element;
+  renderValue?: (node: JsonNodeHastElement) => JSX.Element;
+}
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-tree.d.ts
+interface JsonTreeViewTreeBaseProps extends JsonTreeViewNodeBaseProps {}
+interface JsonTreeViewTreeProps extends TreeViewTreeProps, JsonTreeViewTreeBaseProps {}
+declare const JsonTreeViewTree: (props: JsonTreeViewTreeProps) => JSX.Element;
+//#endregion
+//#region src/components/json-tree-view/use-json-tree-view.d.ts
+interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'> {
+  data: unknown;
+  defaultExpandedDepth?: number;
+}
+interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {}
+declare const useJsonTreeView: (props: UseJsonTreeViewProps) => UseJsonTreeViewReturn;
+declare namespace json_tree_view_d_exports {
+  export { JsonTreeViewRoot as Root, JsonTreeViewRootProps as RootProps, JsonTreeViewRootProvider as RootProvider, JsonTreeViewRootProviderProps as RootProviderProps, JsonTreeViewTree as Tree, JsonTreeViewTreeProps as TreeProps };
+}
+//#endregion
+export { json_tree_view_d_exports as JsonTreeView, JsonTreeViewRoot, type JsonTreeViewRootProps, JsonTreeViewRootProvider, type JsonTreeViewRootProviderProps, JsonTreeViewTree, type JsonTreeViewTreeProps, type UseJsonTreeViewProps, type UseJsonTreeViewReturn, useJsonTreeView };

package/dist/components/json-tree-view/index.js

@@ -0,0 +1,330 @@
+import { t as __export } from "../../chunk-Bn8mXcTA.js";
+import "../../core-CRjuRw95.js";
+import { t as createContext$1 } from "../../create-context-DlXBVMoq.js";
+import "../../providers-DgUckEdb.js";
+import "../../factory-k8EbNZ7r.js";
+import { t as createSplitProps } from "../../create-split-props-BHmgTHSf.js";
+import "../../render-strategy-BlHCR8sl.js";
+import "../../collapsible-BT7AHLQr.js";
+import { a as createTreeCollection } from "../../collection-BVSLJ8Vb.js";
+import { C as TreeViewBranch, S as TreeViewBranchContent, T as useTreeViewContext, a as TreeViewRoot, b as TreeViewBranchIndentGuide, h as TreeViewItem, i as TreeViewRootProvider, o as useTreeView, p as TreeViewItemText, r as TreeViewTree, s as TreeViewNodeProvider, v as TreeViewBranchText, x as TreeViewBranchControl, y as TreeViewBranchIndicator } from "../../tree-view-CyvT0V14.js";
+import { For, Index, Show, createMemo, splitProps } from "solid-js";
+import { Dynamic, createComponent, effect, insert, memo, mergeProps as mergeProps$1, setAttribute, template, untrack as untrack$1 } from "solid-js/web";
+import { getAccessibleDescription, getRootNode, jsonNodeToElement, keyPathToKey, nodeToString, nodeToValue } from "@sprawlify/primitives/json-tree-utils";
+
+//#region src/components/json-tree-view/get-branch-value.ts
+function getBranchValues(tree, depth) {
+	let values = [];
+	tree.visit({ onEnter: (node, indexPath) => {
+		if (indexPath.length === 0) return;
+		if (tree.isBranchNode(node) && indexPath.length <= depth) values.push(tree.getNodeValue(node));
+	} });
+	return values;
+}
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-props-context.ts
+const [JsonTreeViewPropsProvider, useJsonTreeViewPropsContext] = createContext$1({
+	hookName: "useJsonTreeViewPropsContext",
+	providerName: "<JsonTreeViewPropsProvider />"
+});
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-root.tsx
+const splitJsonTreeViewProps = createSplitProps();
+const JsonTreeViewRoot = (props) => {
+	const [jsonTreeProps, localProps] = splitJsonTreeViewProps(props, [
+		"maxPreviewItems",
+		"collapseStringsAfterLength",
+		"quotesOnKeys",
+		"groupArraysAfterLength",
+		"showNonenumerable"
+	]);
+	const [jsonProps, restProps] = splitProps(localProps, ["data", "defaultExpandedDepth"]);
+	const collection = createMemo(() => {
+		return createTreeCollection({
+			nodeToValue,
+			nodeToString,
+			rootNode: getRootNode(jsonProps.data)
+		});
+	});
+	const defaultExpandedValue = createMemo(() => {
+		return jsonProps.defaultExpandedDepth != null ? getBranchValues(collection(), jsonProps.defaultExpandedDepth) : void 0;
+	});
+	return createComponent(JsonTreeViewPropsProvider, {
+		value: jsonTreeProps,
+		get children() {
+			return createComponent(TreeViewRoot, mergeProps$1({
+				"data-scope": "json-tree-view",
+				get collection() {
+					return collection();
+				},
+				get defaultExpandedValue() {
+					return defaultExpandedValue();
+				}
+			}, restProps, { get children() {
+				return props.children;
+			} }));
+		}
+	});
+};
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-root-provider.tsx
+const JsonTreeViewRootProvider = (props) => {
+	return createComponent(TreeViewRootProvider, mergeProps$1({ "data-scope": "json-tree-view" }, props));
+};
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-key-node.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<span data-kind=key>`), _tmpl$2 = /* @__PURE__ */ template(`<span data-kind=colon>: `);
+const JsonTreeViewKeyNode = (props) => {
+	const key = createMemo(() => keyPathToKey(props.node.keyPath));
+	return [(() => {
+		var _el$ = _tmpl$();
+		insert(_el$, (() => {
+			var _c$ = memo(() => !!props.showQuotes);
+			return () => _c$() ? `"${key()}"` : key();
+		})());
+		effect(() => setAttribute(_el$, "data-non-enumerable", props.node.isNonEnumerable ? "" : void 0));
+		return _el$;
+	})(), _tmpl$2()];
+};
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-value-node.tsx
+const JsonTreeViewValueNode = (props) => {
+	return [createComponent(Show, {
+		get when() {
+			return props.node.type === "text";
+		},
+		get children() {
+			return props.renderValue?.(props.node) ?? props.node.value;
+		}
+	}), createComponent(Show, {
+		get when() {
+			return props.node.type !== "text";
+		},
+		get children() {
+			return createComponent(Dynamic, {
+				get component() {
+					return props.node.tagName;
+				},
+				get ["data-root"]() {
+					return props.node.properties.root ? "" : void 0;
+				},
+				get ["data-type"]() {
+					return props.node.properties.nodeType;
+				},
+				get ["data-kind"]() {
+					return props.node.properties.kind;
+				},
+				get children() {
+					return createComponent(For, {
+						get each() {
+							return props.node.children;
+						},
+						children: (child) => createComponent(JsonTreeViewValueNode, {
+							node: child,
+							get renderValue() {
+								return props.renderValue;
+							}
+						})
+					});
+				}
+			});
+		}
+	})];
+};
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-node.tsx
+const scopeProps = { "data-scope": "json-tree-view" };
+function JsonTreeViewNode(props) {
+	const tree = useTreeViewContext();
+	const nodeState = createMemo(() => tree().getNodeState({
+		node: props.node,
+		indexPath: props.indexPath
+	}));
+	const options = useJsonTreeViewPropsContext();
+	const key = createMemo(() => keyPathToKey(props.node.keyPath, { excludeRoot: true }));
+	const valueNode = createMemo(() => jsonNodeToElement(props.node, options));
+	const nodeProps = createMemo(() => {
+		const desc = getAccessibleDescription(props.node);
+		const line = props.indexPath.reduce((acc, curr) => acc + curr, 1);
+		const lineLength = props.indexPath.length - 1;
+		return {
+			...scopeProps,
+			"aria-label": desc,
+			"data-line": line,
+			style: { ["--line-length"]: lineLength }
+		};
+	});
+	return createComponent(TreeViewNodeProvider, {
+		get node() {
+			return props.node;
+		},
+		get indexPath() {
+			return props.indexPath;
+		},
+		get children() {
+			return createComponent(Show, {
+				get when() {
+					return nodeState().isBranch;
+				},
+				get fallback() {
+					return createComponent(TreeViewItem, mergeProps$1(nodeProps, { get children() {
+						return createComponent(TreeViewItemText, mergeProps$1(scopeProps, { get children() {
+							return [createComponent(Show, {
+								get when() {
+									return key();
+								},
+								get children() {
+									return createComponent(JsonTreeViewKeyNode, {
+										get node() {
+											return props.node;
+										},
+										get showQuotes() {
+											return options.quotesOnKeys;
+										}
+									});
+								}
+							}), createComponent(JsonTreeViewValueNode, {
+								get node() {
+									return valueNode();
+								},
+								get renderValue() {
+									return props.renderValue;
+								}
+							})];
+						} }));
+					} }));
+				},
+				get children() {
+					return createComponent(TreeViewBranch, mergeProps$1(scopeProps, { get children() {
+						return [createComponent(TreeViewBranchControl, mergeProps$1(nodeProps, { get children() {
+							return [createComponent(Show, {
+								get when() {
+									return props.arrow;
+								},
+								get children() {
+									return createComponent(TreeViewBranchIndicator, mergeProps$1(scopeProps, { get children() {
+										return props.arrow;
+									} }));
+								}
+							}), createComponent(TreeViewBranchText, mergeProps$1(scopeProps, { get children() {
+								return [createComponent(Show, {
+									get when() {
+										return key();
+									},
+									get children() {
+										return createComponent(JsonTreeViewKeyNode, {
+											get node() {
+												return props.node;
+											},
+											get showQuotes() {
+												return options.quotesOnKeys;
+											}
+										});
+									}
+								}), createComponent(JsonTreeViewValueNode, {
+									get node() {
+										return valueNode();
+									},
+									get renderValue() {
+										return props.renderValue;
+									}
+								})];
+							} }))];
+						} })), createComponent(TreeViewBranchContent, mergeProps$1(scopeProps, { get children() {
+							return [createComponent(Show, {
+								get when() {
+									return typeof props.indentGuide === "boolean";
+								},
+								get fallback() {
+									return props.indentGuide;
+								},
+								get children() {
+									return createComponent(TreeViewBranchIndentGuide, {});
+								}
+							}), createComponent(Index, {
+								get each() {
+									return props.node.children;
+								},
+								children: (child, index) => createComponent(JsonTreeViewNode, mergeProps$1(props, {
+									get node() {
+										return child();
+									},
+									get indexPath() {
+										return [...props.indexPath, index];
+									}
+								}))
+							})];
+						} }))];
+					} }));
+				}
+			});
+		}
+	});
+}
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-tree.tsx
+const splitTreeNodeProps = createSplitProps();
+const JsonTreeViewTree = (props) => {
+	const [nodeProps, treeProps] = splitTreeNodeProps(props, [
+		"arrow",
+		"indentGuide",
+		"renderValue"
+	]);
+	const tree = useTreeViewContext();
+	const children$1 = () => tree().collection.getNodeChildren(tree().collection.rootNode);
+	return createComponent(TreeViewTree, mergeProps$1({ "data-scope": "json-tree-view" }, treeProps, { get children() {
+		return createComponent(Index, {
+			get each() {
+				return children$1();
+			},
+			children: (child, index) => createComponent(JsonTreeViewNode, mergeProps$1({
+				get node() {
+					return child();
+				},
+				indexPath: [index]
+			}, nodeProps))
+		});
+	} }));
+};
+
+//#endregion
+//#region src/components/json-tree-view/use-json-tree-view.ts
+const useJsonTreeView = (props) => {
+	const [jsonProps, restProps] = splitProps(props, ["data", "defaultExpandedDepth"]);
+	const collection = createMemo(() => {
+		return createTreeCollection({
+			nodeToValue,
+			nodeToString,
+			rootNode: getRootNode(jsonProps.data)
+		});
+	});
+	const defaultExpandedValue = createMemo(() => {
+		return jsonProps.defaultExpandedDepth != null ? getBranchValues(collection(), jsonProps.defaultExpandedDepth) : void 0;
+	});
+	return useTreeView(createMemo(() => {
+		return {
+			defaultExpandedValue: untrack$1(defaultExpandedValue),
+			...restProps,
+			collection: collection(),
+			typeahead: false
+		};
+	}));
+};
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view.tsx
+var json_tree_view_exports = /* @__PURE__ */ __export({
+	Root: () => JsonTreeViewRoot,
+	RootProvider: () => JsonTreeViewRootProvider,
+	Tree: () => JsonTreeViewTree
+});
+
+//#endregion
+export { json_tree_view_exports as JsonTreeView, JsonTreeViewRoot, JsonTreeViewRootProvider, JsonTreeViewTree, useJsonTreeView };