@sprawlify/react 0.0.7 → 0.0.9

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

@@ -0,0 +1,175 @@
+import { t as __export } from "../../chunk-BU8PiJgx.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-79NSyZp-.mjs";
+import { t as createContext$1 } from "../../create-context-DbhrVE2B.mjs";
+import { n as useEnvironmentContext } from "../../environment-Cc02I6aF.mjs";
+import { i as useLocaleContext } from "../../locale-D4LX0eEq.mjs";
+import "../../providers-CoJceYkV.mjs";
+import { n as sprawlify } from "../../factory-7ydMApfi.mjs";
+import { t as createSplitProps } from "../../create-split-props-BJdRM9I_.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+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({
+	name: "ImageCropperContext",
+	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 = forwardRef((props, ref) => {
+	const { axis, ...localProps } = props;
+	const mergedProps = mergeProps(useImageCropperContext().getGridProps({ axis }), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperGrid.displayName = "ImageCropperGrid";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-handle.tsx
+const ImageCropperHandle = forwardRef((props, ref) => {
+	const { position, ...localProps } = props;
+	const mergedProps = mergeProps(useImageCropperContext().getHandleProps({ position }), localProps);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperHandle.displayName = "ImageCropperHandle";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-image.tsx
+const ImageCropperImage = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useImageCropperContext().getImageProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.img, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperImage.displayName = "ImageCropperImage";
+
+//#endregion
+//#region src/components/image-cropper/use-image-cropper.ts
+const useImageCropper = (props) => {
+	const id = useId();
+	const { dir } = useLocaleContext();
+	const { getRootNode } = useEnvironmentContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(imageCropper.machine, machineProps);
+	return imageCropper.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root.tsx
+const splitRootProps = createSplitProps();
+const ImageCropperRoot = forwardRef((props, ref) => {
+	const [useImageCropperProps, localProps] = splitRootProps(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 imageCropper$1 = useImageCropper(useImageCropperProps);
+	const mergedProps = mergeProps(imageCropper$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ImageCropperProvider, {
+		value: imageCropper$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ImageCropperRoot.displayName = "ImageCropperRoot";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const ImageCropperRootProvider = forwardRef((props, ref) => {
+	const [{ value: imageCropper$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(imageCropper$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(ImageCropperProvider, {
+		value: imageCropper$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+ImageCropperRootProvider.displayName = "ImageCropperRootProvider";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-selection.tsx
+const ImageCropperSelection = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useImageCropperContext().getSelectionProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperSelection.displayName = "ImageCropperSelection";
+
+//#endregion
+//#region src/components/image-cropper/image-cropper-viewport.tsx
+const ImageCropperViewport = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useImageCropperContext().getViewportProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+ImageCropperViewport.displayName = "ImageCropperViewport";
+
+//#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.cjs

@@ -0,0 +1,246 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+require('../../environment-CvilmfQt.cjs');
+require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+require('../../factory-C166evrS.cjs');
+require('../../collapsible-aFKYmVbP.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+require('../../render-strategy-BywM_IvB.cjs');
+require('../../use-event-CLH8zHoJ.cjs');
+const require_collection = require('../../collection-DGEUORi5.cjs');
+const require_tree_view = require('../../tree-view-DsOPEocd.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_json_tree_utils = require("@sprawlify/primitives/json-tree-utils");
+
+//#region src/components/json-tree-view/get-branch-value.ts
+function getBranchValues(tree, depth) {
+	const 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] = require_create_context.createContext({
+	name: "JsonTreeViewPropsContext",
+	hookName: "useJsonTreeViewPropsContext",
+	providerName: "<JsonTreeViewPropsProvider />"
+});
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-root.tsx
+const splitJsonTreeViewProps = require_create_split_props.createSplitProps();
+const JsonTreeViewRoot = (0, react.forwardRef)((props, ref) => {
+	const [jsonTreeProps, localProps] = splitJsonTreeViewProps(props, [
+		"maxPreviewItems",
+		"collapseStringsAfterLength",
+		"quotesOnKeys",
+		"groupArraysAfterLength",
+		"showNonenumerable"
+	]);
+	const { data, defaultExpandedDepth, ...restProps } = localProps;
+	const collection = (0, react.useMemo)(() => {
+		return require_collection.createTreeCollection({
+			nodeToValue: __sprawlify_primitives_json_tree_utils.nodeToValue,
+			nodeToString: __sprawlify_primitives_json_tree_utils.nodeToString,
+			rootNode: (0, __sprawlify_primitives_json_tree_utils.getRootNode)(data)
+		});
+	}, [data]);
+	const defaultExpandedValue = (0, react.useMemo)(() => {
+		return defaultExpandedDepth != null ? getBranchValues(collection, defaultExpandedDepth) : void 0;
+	}, [collection, defaultExpandedDepth]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonTreeViewPropsProvider, {
+		value: jsonTreeProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tree_view.TreeViewRoot, {
+			"data-scope": "json-tree-view",
+			collection,
+			defaultExpandedValue,
+			...restProps,
+			ref
+		})
+	});
+});
+JsonTreeViewRoot.displayName = "JsonTreeViewRoot";
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-root-provider.tsx
+const JsonTreeViewRootProvider = (0, react.forwardRef)((props, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tree_view.TreeViewRootProvider, {
+		"data-scope": "json-tree-view",
+		...props,
+		ref
+	});
+});
+JsonTreeViewRootProvider.displayName = "JsonTreeViewRootProvider";
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-key-node.tsx
+const JsonTreeViewKeyNode = (props) => {
+	const { node, showQuotes } = props;
+	const key = (0, __sprawlify_primitives_json_tree_utils.keyPathToKey)(node.keyPath);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-kind": "key",
+		suppressHydrationWarning: true,
+		"data-non-enumerable": node.isNonEnumerable ? "" : void 0,
+		children: showQuotes ? `"${key}"` : key
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-kind": "colon",
+		children: ": "
+	})] });
+};
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-value-node.tsx
+const JsonTreeViewValueNode = (props) => {
+	const { node, renderValue } = props;
+	if (node.type === "text") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: renderValue?.(node) ?? node.value });
+	const Element = node.tagName;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Element, {
+		"data-root": node.properties.root ? "" : void 0,
+		"data-type": node.properties.nodeType,
+		"data-kind": node.properties.kind,
+		suppressHydrationWarning: true,
+		children: node.children.map((child, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonTreeViewValueNode, {
+			node: child,
+			renderValue
+		}, index))
+	});
+};
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-node.tsx
+const scopeProps = { "data-scope": "json-tree-view" };
+function JsonTreeViewNode(props) {
+	const { node, indexPath, arrow, indentGuide, renderValue } = props;
+	const options = useJsonTreeViewPropsContext();
+	const nodeState = require_tree_view.useTreeViewContext().getNodeState({
+		node,
+		indexPath
+	});
+	const key = (0, __sprawlify_primitives_json_tree_utils.keyPathToKey)(node.keyPath, { excludeRoot: true });
+	const valueNode = (0, react.useMemo)(() => (0, __sprawlify_primitives_json_tree_utils.jsonNodeToElement)(node, options), [node, options]);
+	const nodeProps = (0, react.useMemo)(() => {
+		const desc = (0, __sprawlify_primitives_json_tree_utils.getAccessibleDescription)(node);
+		const line = indexPath.reduce((acc, curr) => acc + curr, 1);
+		const lineLength = indexPath.length - 1;
+		return {
+			...scopeProps,
+			"aria-label": desc,
+			"data-line": line,
+			style: { ["--line-length"]: lineLength }
+		};
+	}, [indexPath, node]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tree_view.TreeViewNodeProvider, {
+		node,
+		indexPath,
+		children: nodeState.isBranch ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tree_view.TreeViewBranch, {
+			...scopeProps,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tree_view.TreeViewBranchControl, {
+				...nodeProps,
+				children: [arrow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tree_view.TreeViewBranchIndicator, {
+					...scopeProps,
+					children: arrow
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tree_view.TreeViewBranchText, {
+					...scopeProps,
+					children: [key && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonTreeViewKeyNode, {
+						node,
+						showQuotes: options.quotesOnKeys
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonTreeViewValueNode, {
+						node: valueNode,
+						renderValue
+					})]
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tree_view.TreeViewBranchContent, {
+				...scopeProps,
+				children: [typeof indentGuide === "boolean" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tree_view.TreeViewBranchIndentGuide, {}) : indentGuide, node.children?.map((child, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonTreeViewNode, {
+					...props,
+					node: child,
+					indexPath: [...indexPath, index]
+				}, index))]
+			})]
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tree_view.TreeViewItem, {
+			...nodeProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tree_view.TreeViewItemText, {
+				...scopeProps,
+				children: [key && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonTreeViewKeyNode, {
+					node,
+					showQuotes: options.quotesOnKeys
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonTreeViewValueNode, {
+					node: valueNode,
+					renderValue
+				})]
+			})
+		})
+	});
+}
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-tree.tsx
+const splitTreeNodeProps = require_create_split_props.createSplitProps();
+const JsonTreeViewTree = (0, react.forwardRef)((props, ref) => {
+	const [nodeProps, treeProps] = splitTreeNodeProps(props, [
+		"arrow",
+		"indentGuide",
+		"renderValue"
+	]);
+	const tree = require_tree_view.useTreeViewContext();
+	const children = tree.collection.getNodeChildren(tree.collection.rootNode);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tree_view.TreeViewTree, {
+		"data-scope": "json-tree-view",
+		...treeProps,
+		ref,
+		children: children.map((child, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonTreeViewNode, {
+			node: child,
+			indexPath: [index],
+			...nodeProps
+		}, index))
+	});
+});
+JsonTreeViewTree.displayName = "JsonTreeViewTree";
+
+//#endregion
+//#region src/components/json-tree-view/use-json-tree-view.ts
+const useJsonTreeView = (props) => {
+	const { data, defaultExpandedDepth = 1, ...restProps } = props;
+	const collection = (0, react.useMemo)(() => {
+		return require_collection.createTreeCollection({
+			nodeToValue: __sprawlify_primitives_json_tree_utils.nodeToValue,
+			nodeToString: __sprawlify_primitives_json_tree_utils.nodeToString,
+			rootNode: (0, __sprawlify_primitives_json_tree_utils.getRootNode)(data)
+		});
+	}, [data]);
+	return require_tree_view.useTreeView({
+		defaultExpandedValue: (0, react.useMemo)(() => {
+			return defaultExpandedDepth != null ? getBranchValues(collection, defaultExpandedDepth) : void 0;
+		}, [collection, defaultExpandedDepth]),
+		...restProps,
+		collection,
+		typeahead: false
+	});
+};
+
+//#endregion
+//#region src/components/json-tree-view/json-tree-view.tsx
+var json_tree_view_exports = /* @__PURE__ */ require_chunk.__export({
+	Root: () => JsonTreeViewRoot,
+	RootProvider: () => JsonTreeViewRootProvider,
+	Tree: () => JsonTreeViewTree
+});
+
+//#endregion
+Object.defineProperty(exports, 'JsonTreeView', {
+  enumerable: true,
+  get: function () {
+    return json_tree_view_exports;
+  }
+});
+exports.JsonTreeViewRoot = JsonTreeViewRoot;
+exports.JsonTreeViewRootProvider = JsonTreeViewRootProvider;
+exports.JsonTreeViewTree = JsonTreeViewTree;
+exports.useJsonTreeView = useJsonTreeView;

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

@@ -0,0 +1,43 @@
+import { P as TreeViewRootProps, T as TreeViewTreeProps, at as UseTreeViewReturn, it as UseTreeViewProps, k as TreeViewRootProviderProps } from "../../index-DTzLUoop.cjs";
+import * as react412 from "react";
+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 JsonTreeViewRootProps extends Omit<TreeViewRootProps<JsonNode>, "collection">, JsonTreeViewOptions {
+  data: unknown;
+  defaultExpandedDepth?: number;
+}
+declare const JsonTreeViewRoot: react412.ForwardRefExoticComponent<JsonTreeViewRootProps & react412.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-root-provider.d.ts
+interface JsonTreeViewRootProviderProps extends TreeViewRootProviderProps<JsonNode> {}
+declare const JsonTreeViewRootProvider: react412.ForwardRefExoticComponent<JsonTreeViewRootProviderProps & react412.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-node.d.ts
+interface JsonTreeViewNodeBaseProps {
+  arrow?: React.ReactElement;
+  indentGuide?: boolean | React.ReactElement;
+  renderValue?: (node: JsonNodeHastElement) => React.ReactNode;
+}
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-tree.d.ts
+interface JsonTreeViewTreeProps extends TreeViewTreeProps, JsonTreeViewNodeBaseProps {}
+declare const JsonTreeViewTree: react412.ForwardRefExoticComponent<JsonTreeViewTreeProps & react412.RefAttributes<HTMLDivElement>>;
+//#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) => UseTreeViewReturn<JsonNode<any>>;
+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.d.mts

@@ -0,0 +1,48 @@
+import "../../index-BLd57Y0z.mjs";
+import "../../factory-DaVlp4Ba.mjs";
+import "../../render-strategy-CRwPcG33.mjs";
+import "../../index-DPoOdvOg.mjs";
+import { P as TreeViewRootProps, T as TreeViewTreeProps, at as UseTreeViewReturn, it as UseTreeViewProps, k as TreeViewRootProviderProps } from "../../index-wlpTZGhs.mjs";
+import * as react180 from "react";
+import "react/jsx-runtime";
+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 JsonTreeViewRootProps extends Omit<TreeViewRootProps<JsonNode>, "collection">, JsonTreeViewOptions {
+  data: unknown;
+  defaultExpandedDepth?: number;
+}
+declare const JsonTreeViewRoot: react180.ForwardRefExoticComponent<JsonTreeViewRootProps & react180.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-root-provider.d.ts
+interface JsonTreeViewRootProviderProps extends TreeViewRootProviderProps<JsonNode> {}
+declare const JsonTreeViewRootProvider: react180.ForwardRefExoticComponent<JsonTreeViewRootProviderProps & react180.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-node.d.ts
+interface JsonTreeViewNodeBaseProps {
+  arrow?: React.ReactElement;
+  indentGuide?: boolean | React.ReactElement;
+  renderValue?: (node: JsonNodeHastElement) => React.ReactNode;
+}
+//#endregion
+//#region src/components/json-tree-view/json-tree-view-tree.d.ts
+interface JsonTreeViewTreeProps extends TreeViewTreeProps, JsonTreeViewNodeBaseProps {}
+declare const JsonTreeViewTree: react180.ForwardRefExoticComponent<JsonTreeViewTreeProps & react180.RefAttributes<HTMLDivElement>>;
+//#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) => UseTreeViewReturn<JsonNode<any>>;
+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 };