@wirekyt/react 0.0.1 → 0.0.3

package/dist/index-DRnET7mJ.d.ts

@@ -0,0 +1,33 @@
+import "./index-CxWYgVJk.js";
+import { r as Optional } from "./types-BQQfrr86.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { r as RenderStrategyProps } from "./index-srZfUQNt.js";
+import * as presence from "@wirekyt/dom/machines/presence";
+//#region src/components/presence/use.d.ts
+interface UsePresenceProps extends Optional<presence.Props, "present">, RenderStrategyProps {
+  skipAnimationOnMount?: boolean | undefined;
+}
+type UsePresenceReturn = ReturnType<typeof usePresence>;
+declare const usePresence: (props?: UsePresenceProps) => {
+  ref: (node: HTMLElement | null) => void;
+  getPresenceProps: () => {
+    "data-state": string | undefined;
+    hidden: boolean;
+  };
+  present: boolean;
+  unmounted: boolean | undefined;
+};
+//#endregion
+//#region src/components/presence/presence.d.ts
+interface PresenceBaseProps extends UsePresenceProps, PolymorphicProps {}
+interface PresenceProps extends HTMLProps<"div">, PresenceBaseProps {}
+declare const Presence: import("react").ForwardRefExoticComponent<PresenceProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/presence/split-props.d.ts
+declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "present" | "onExitComplete" | "immediate" | "skipAnimationOnMount" | "lazyMount" | "unmountOnExit">];
+//#endregion
+//#region src/components/presence/use-context.d.ts
+interface UsePresenceContext extends UsePresenceReturn {}
+declare const PresenceProvider: import("react").Provider<UsePresenceContext>, usePresenceContext: () => UsePresenceContext;
+//#endregion
+export { Presence as a, UsePresenceProps as c, splitPresenceProps as i, UsePresenceReturn as l, UsePresenceContext as n, PresenceBaseProps as o, usePresenceContext as r, PresenceProps as s, PresenceProvider as t, usePresence as u };

package/dist/index-DTLK6Fuh.d.cts

@@ -0,0 +1,95 @@
+import "./index-CQAbOgb7.cjs";
+import "./factory--dkoVnFK.cjs";
+import "./index-srZfUQNt.cjs";
+import { PropsWithChildren, ReactNode } from "react";
+import { FilterOptions, FilterReturn, Locale } from "@wirekyt/dom/i18n-utils";
+import { Modality } from "@wirekyt/dom/focus-visible";
+import { DateFormatter } from "@internationalized/date";
+//#region src/utils/create-context.d.ts
+interface CreateContextOptions<T> {
+  strict?: boolean | undefined;
+  hookName?: string | undefined;
+  providerName?: string | undefined;
+  errorMessage?: string | undefined;
+  name?: string | undefined;
+  defaultValue?: T | undefined;
+}
+type CreateContextReturn<T> = [React.Provider<T>, () => T, React.Context<T>];
+declare function createContext<T>(options?: CreateContextOptions<T>): CreateContextReturn<T>;
+//#endregion
+//#region src/utils/run-if-fn.d.ts
+declare const runIfFn: <MaybeReturnValue, FunctionArgs>(valueOrFn: MaybeReturnValue | ((...fnArgs: FunctionArgs[]) => MaybeReturnValue), ...args: FunctionArgs[]) => MaybeReturnValue;
+//#endregion
+//#region src/utils/create-split-props.d.ts
+type EnsureKeys<ExpectedKeys extends (keyof Target)[], Target> = keyof Target extends ExpectedKeys[number] ? unknown : `Missing required keys: ${Exclude<keyof Target, ExpectedKeys[number]> & string}`;
+declare const createSplitProps: <Target>() => <Keys extends (keyof Target)[], Props extends Target = Target>(props: Props, keys: Keys & EnsureKeys<Keys, Target>) => [Target, Omit<Props, Extract<(Keys & EnsureKeys<Keys, Target>)[number], string>>];
+//#endregion
+//#region src/utils/use-controllable-state.d.ts
+interface UseControllableStateProps<T> {
+  value?: T | undefined;
+  defaultValue?: T | undefined;
+  onChange?: ((value: T) => void) | undefined;
+}
+declare function useControllableState<T>(props: UseControllableStateProps<T>): readonly [T, (value: T) => void | undefined];
+//#endregion
+//#region src/utils/use-event.d.ts
+type AnyFunction = (...args: any[]) => any;
+type Options = {
+  sync?: boolean | undefined;
+};
+declare function useEvent<T extends AnyFunction>(callback: T | undefined, opts?: Options): T;
+//#endregion
+//#region src/providers/environment/use-context.d.ts
+type RootNode = ShadowRoot | Document | Node;
+interface UseEnvironmentContext {
+  getRootNode(): RootNode;
+  getDocument(): Document;
+  getWindow(): Window & typeof globalThis;
+}
+declare const EnvironmentContextProvider: import("react").Provider<UseEnvironmentContext>, useEnvironmentContext: () => UseEnvironmentContext;
+//#endregion
+//#region src/providers/environment/provider.d.ts
+interface EnvironmentProviderProps {
+  children?: ReactNode | undefined;
+  value?: RootNode | (() => RootNode) | undefined;
+}
+declare const EnvironmentProvider: (props: EnvironmentProviderProps) => import("react").JSX.Element;
+//#endregion
+//#region src/providers/interaction/use-focus-visible.d.ts
+interface UseFocusVisibleProps {
+  isTextInput?: boolean;
+  autoFocus?: boolean;
+}
+declare function useFocusVisible(props?: UseFocusVisibleProps): boolean;
+//#endregion
+//#region src/providers/interaction/use-modality.d.ts
+declare function useInteractionModality(): Modality | null;
+//#endregion
+//#region src/providers/locale/provider.d.ts
+interface LocaleProviderProps extends PropsWithChildren {
+  locale: string;
+}
+declare const LocaleProvider: (props: LocaleProviderProps) => import("react").JSX.Element;
+//#endregion
+//#region src/providers/locale/use-collator.d.ts
+interface UseCollatorProps extends Intl.CollatorOptions {
+  locale?: string;
+}
+declare function useCollator(props?: UseCollatorProps): Intl.Collator;
+//#endregion
+//#region src/providers/locale/use-date-formatter.d.ts
+interface UseDateFormatterProps extends Intl.DateTimeFormatOptions {
+  locale?: string;
+}
+declare function useDateFormatter(props?: UseDateFormatterProps): DateFormatter;
+//#endregion
+//#region src/providers/locale/use-filter.d.ts
+interface UseFilterProps extends FilterOptions {}
+declare function useFilter(props: UseFilterProps): UseFilterReturn;
+interface UseFilterReturn extends FilterReturn {}
+//#endregion
+//#region src/providers/locale/use-context.d.ts
+interface UseLocaleContext extends Locale {}
+declare const LocaleContextProvider: import("react").Provider<UseLocaleContext>, useLocaleContext: () => UseLocaleContext;
+//#endregion
+export { createSplitProps as C, useControllableState as S, createContext as T, EnvironmentProviderProps as _, useFilter as a, useEnvironmentContext as b, UseCollatorProps as c, LocaleProviderProps as d, Modality as f, EnvironmentProvider as g, useFocusVisible as h, UseFilterReturn as i, useCollator as l, UseFocusVisibleProps as m, useLocaleContext as n, UseDateFormatterProps as o, useInteractionModality as p, UseFilterProps as r, useDateFormatter as s, UseLocaleContext as t, LocaleProvider as u, RootNode as v, runIfFn as w, useEvent as x, UseEnvironmentContext as y };

package/dist/index-DyTY8HEb.d.cts

@@ -0,0 +1,33 @@
+import "./index-CQAbOgb7.cjs";
+import { r as Optional } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { r as RenderStrategyProps } from "./index-srZfUQNt.cjs";
+import * as presence from "@wirekyt/dom/machines/presence";
+//#region src/components/presence/use.d.ts
+interface UsePresenceProps extends Optional<presence.Props, "present">, RenderStrategyProps {
+  skipAnimationOnMount?: boolean | undefined;
+}
+type UsePresenceReturn = ReturnType<typeof usePresence>;
+declare const usePresence: (props?: UsePresenceProps) => {
+  ref: (node: HTMLElement | null) => void;
+  getPresenceProps: () => {
+    "data-state": string | undefined;
+    hidden: boolean;
+  };
+  present: boolean;
+  unmounted: boolean | undefined;
+};
+//#endregion
+//#region src/components/presence/presence.d.ts
+interface PresenceBaseProps extends UsePresenceProps, PolymorphicProps {}
+interface PresenceProps extends HTMLProps<"div">, PresenceBaseProps {}
+declare const Presence: import("react").ForwardRefExoticComponent<PresenceProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/presence/split-props.d.ts
+declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "present" | "onExitComplete" | "immediate" | "skipAnimationOnMount" | "lazyMount" | "unmountOnExit">];
+//#endregion
+//#region src/components/presence/use-context.d.ts
+interface UsePresenceContext extends UsePresenceReturn {}
+declare const PresenceProvider: import("react").Provider<UsePresenceContext>, usePresenceContext: () => UsePresenceContext;
+//#endregion
+export { Presence as a, UsePresenceProps as c, splitPresenceProps as i, UsePresenceReturn as l, UsePresenceContext as n, PresenceBaseProps as o, usePresenceContext as r, PresenceProps as s, PresenceProvider as t, usePresence as u };

package/dist/index-srZfUQNt.d.cts

@@ -0,0 +1,20 @@
+import { EffectCallback, Ref, RefCallback, useEffect } from "react";
+//#region src/utils/compose-refs.d.ts
+type PossibleRef<T> = Ref<T | null> | undefined;
+declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): RefCallback<T>;
+//#endregion
+//#region src/utils/render-strategy.d.ts
+interface RenderStrategyProps {
+  lazyMount?: boolean | undefined;
+  unmountOnExit?: boolean | undefined;
+}
+declare const RenderStrategyPropsProvider: import("react").Provider<RenderStrategyProps>, useRenderStrategyPropsContext: () => RenderStrategyProps;
+declare const splitRenderStrategyProps: <T extends RenderStrategyProps>(props: T) => [RenderStrategyProps, Omit<T, "lazyMount" | "unmountOnExit">];
+//#endregion
+//#region src/utils/use-safe-layout-effect.d.ts
+declare const useSafeLayoutEffect: typeof useEffect;
+//#endregion
+//#region src/utils/use-effect-once.d.ts
+declare const useEffectOnce: (cb: EffectCallback) => void;
+//#endregion
+export { splitRenderStrategyProps as a, RenderStrategyPropsProvider as i, useSafeLayoutEffect as n, useRenderStrategyPropsContext as o, RenderStrategyProps as r, useComposedRefs as s, useEffectOnce as t };

package/dist/index-srZfUQNt.d.ts

@@ -0,0 +1,20 @@
+import { EffectCallback, Ref, RefCallback, useEffect } from "react";
+//#region src/utils/compose-refs.d.ts
+type PossibleRef<T> = Ref<T | null> | undefined;
+declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): RefCallback<T>;
+//#endregion
+//#region src/utils/render-strategy.d.ts
+interface RenderStrategyProps {
+  lazyMount?: boolean | undefined;
+  unmountOnExit?: boolean | undefined;
+}
+declare const RenderStrategyPropsProvider: import("react").Provider<RenderStrategyProps>, useRenderStrategyPropsContext: () => RenderStrategyProps;
+declare const splitRenderStrategyProps: <T extends RenderStrategyProps>(props: T) => [RenderStrategyProps, Omit<T, "lazyMount" | "unmountOnExit">];
+//#endregion
+//#region src/utils/use-safe-layout-effect.d.ts
+declare const useSafeLayoutEffect: typeof useEffect;
+//#endregion
+//#region src/utils/use-effect-once.d.ts
+declare const useEffectOnce: (cb: EffectCallback) => void;
+//#endregion
+export { splitRenderStrategyProps as a, RenderStrategyPropsProvider as i, useSafeLayoutEffect as n, useRenderStrategyPropsContext as o, RenderStrategyProps as r, useComposedRefs as s, useEffectOnce as t };

package/dist/index.cjs

@@ -0,0 +1,45 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+let _wirekyt_dom = require("@wirekyt/dom");
+let react = require("react");
+exports.EnvironmentProvider = require_environment.EnvironmentProvider;
+exports.LocaleProvider = require_providers.LocaleProvider;
+exports.Portal = require_core.Portal;
+exports.RenderStrategyPropsProvider = require_utils.RenderStrategyPropsProvider;
+exports.createContext = require_utils.createContext;
+exports.createSplitProps = require_utils.createSplitProps;
+exports.jsxFactory = require_factory.jsxFactory;
+Object.defineProperty(exports, "mergeProps", {
+	enumerable: true,
+	get: function() {
+		return _wirekyt_dom.mergeProps;
+	}
+});
+exports.normalizeProps = require_core.normalizeProps;
+exports.runIfFn = require_environment.runIfFn;
+exports.splitRenderStrategyProps = require_utils.splitRenderStrategyProps;
+exports.useCollator = require_providers.useCollator;
+exports.useComposedRefs = require_utils.useComposedRefs;
+exports.useControllableState = require_utils.useControllableState;
+exports.useDateFormatter = require_providers.useDateFormatter;
+exports.useEffectOnce = require_utils.useEffectOnce;
+exports.useEnvironmentContext = require_environment.useEnvironmentContext;
+exports.useEvent = require_utils.useEvent;
+exports.useFilter = require_providers.useFilter;
+exports.useFocusVisible = require_providers.useFocusVisible;
+exports.useInteractionModality = require_providers.useInteractionModality;
+exports.useLocaleContext = require_providers.useLocaleContext;
+exports.useMachine = require_core.useMachine;
+exports.useRenderStrategyPropsContext = require_utils.useRenderStrategyPropsContext;
+exports.useSafeLayoutEffect = require_utils.useSafeLayoutEffect;
+Object.defineProperty(exports, "useSyncExternalStore", {
+	enumerable: true,
+	get: function() {
+		return react.useSyncExternalStore;
+	}
+});
+exports.wire = require_factory.wire;

package/dist/index.d.cts

@@ -0,0 +1,6 @@
+import { a as PropTypes, i as PortalProps, n as useSyncExternalStore, o as normalizeProps, r as Portal, s as useMachine, t as mergeProps } from "./index-CQAbOgb7.cjs";
+import { n as MaybePromise, r as Optional, t as Assign } from "./types-BQQfrr86.cjs";
+import { a as wire, i as jsxFactory, n as HTMLWireProps, r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { C as createSplitProps, S as useControllableState, T as createContext, _ as EnvironmentProviderProps, a as useFilter, b as useEnvironmentContext, c as UseCollatorProps, d as LocaleProviderProps, f as Modality, g as EnvironmentProvider, h as useFocusVisible, i as UseFilterReturn, l as useCollator, m as UseFocusVisibleProps, n as useLocaleContext, o as UseDateFormatterProps, p as useInteractionModality, r as UseFilterProps, s as useDateFormatter, t as UseLocaleContext, u as LocaleProvider, v as RootNode, w as runIfFn, x as useEvent, y as UseEnvironmentContext } from "./index-DTLK6Fuh.cjs";
+import { a as splitRenderStrategyProps, i as RenderStrategyPropsProvider, n as useSafeLayoutEffect, o as useRenderStrategyPropsContext, r as RenderStrategyProps, s as useComposedRefs, t as useEffectOnce } from "./index-srZfUQNt.cjs";
+export { Assign, EnvironmentProvider, type EnvironmentProviderProps, HTMLProps, HTMLWireProps, LocaleProvider, type LocaleProviderProps, MaybePromise, type Modality, Optional, PolymorphicProps, Portal, PortalProps, PropTypes, type RenderStrategyProps, RenderStrategyPropsProvider, type RootNode, type UseCollatorProps, type UseDateFormatterProps, type UseEnvironmentContext, type UseFilterProps, type UseFilterReturn, type UseFocusVisibleProps, type UseLocaleContext, createContext, createSplitProps, jsxFactory, mergeProps, normalizeProps, runIfFn, splitRenderStrategyProps, useCollator, useComposedRefs, useControllableState, useDateFormatter, useEffectOnce, useEnvironmentContext, useEvent, useFilter, useFocusVisible, useInteractionModality, useLocaleContext, useMachine, useRenderStrategyPropsContext, useSafeLayoutEffect, useSyncExternalStore, wire };

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import { a as PropTypes, i as PortalProps, n as useSyncExternalStore, o as normalizeProps, r as Portal, s as useMachine, t as mergeProps } from "./index-CxWYgVJk.js";
+import { n as MaybePromise, r as Optional, t as Assign } from "./types-BQQfrr86.js";
+import { a as wire, i as jsxFactory, n as HTMLWireProps, r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { C as createSplitProps, S as useControllableState, T as createContext, _ as EnvironmentProviderProps, a as useFilter, b as useEnvironmentContext, c as UseCollatorProps, d as LocaleProviderProps, f as Modality, g as EnvironmentProvider, h as useFocusVisible, i as UseFilterReturn, l as useCollator, m as UseFocusVisibleProps, n as useLocaleContext, o as UseDateFormatterProps, p as useInteractionModality, r as UseFilterProps, s as useDateFormatter, t as UseLocaleContext, u as LocaleProvider, v as RootNode, w as runIfFn, x as useEvent, y as UseEnvironmentContext } from "./index-CW-Aj6aT.js";
+import { a as splitRenderStrategyProps, i as RenderStrategyPropsProvider, n as useSafeLayoutEffect, o as useRenderStrategyPropsContext, r as RenderStrategyProps, s as useComposedRefs, t as useEffectOnce } from "./index-srZfUQNt.js";
+export { Assign, EnvironmentProvider, type EnvironmentProviderProps, HTMLProps, HTMLWireProps, LocaleProvider, type LocaleProviderProps, MaybePromise, type Modality, Optional, PolymorphicProps, Portal, PortalProps, PropTypes, type RenderStrategyProps, RenderStrategyPropsProvider, type RootNode, type UseCollatorProps, type UseDateFormatterProps, type UseEnvironmentContext, type UseFilterProps, type UseFilterReturn, type UseFocusVisibleProps, type UseLocaleContext, createContext, createSplitProps, jsxFactory, mergeProps, normalizeProps, runIfFn, splitRenderStrategyProps, useCollator, useComposedRefs, useControllableState, useDateFormatter, useEffectOnce, useEnvironmentContext, useEvent, useFilter, useFocusVisible, useInteractionModality, useLocaleContext, useMachine, useRenderStrategyPropsContext, useSafeLayoutEffect, useSyncExternalStore, wire };

package/dist/index.js

@@ -0,0 +1,6 @@
+import { a as RenderStrategyPropsProvider, c as createSplitProps, i as useControllableState, l as useComposedRefs, n as useSafeLayoutEffect, o as splitRenderStrategyProps, r as useEvent, s as useRenderStrategyPropsContext, t as useEffectOnce, u as createContext } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext, r as runIfFn, t as EnvironmentProvider } from "./environment-BTgKwk5E.js";
+import { a as useMachine, i as normalizeProps, n as useSyncExternalStore, r as Portal, t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire, t as jsxFactory } from "./factory-Nm__-4xn.js";
+import { a as useLocaleContext, i as LocaleProvider, n as useDateFormatter, o as useInteractionModality, r as useCollator, s as useFocusVisible, t as useFilter } from "./providers-FEHnDTvb.js";
+export { EnvironmentProvider, LocaleProvider, Portal, RenderStrategyPropsProvider, createContext, createSplitProps, jsxFactory, mergeProps, normalizeProps, runIfFn, splitRenderStrategyProps, useCollator, useComposedRefs, useControllableState, useDateFormatter, useEffectOnce, useEnvironmentContext, useEvent, useFilter, useFocusVisible, useInteractionModality, useLocaleContext, useMachine, useRenderStrategyPropsContext, useSafeLayoutEffect, useSyncExternalStore, wire };

package/dist/json-tree-view.cjs

@@ -0,0 +1,244 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_collection = require("./collection-BFjWNdUS.cjs");
+const require_tree_view = require("./tree-view-CU4Hl5X1.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_json_tree_utils = require("@wirekyt/dom/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/props-context.ts
+const [JsonTreeViewPropsProvider, useJsonTreeViewPropsContext] = require_utils.createContext({
+	name: "JsonTreeViewPropsContext",
+	hookName: "useJsonTreeViewPropsContext",
+	providerName: "<JsonTreeViewPropsProvider />"
+});
+//#endregion
+//#region src/components/json-tree-view/root.tsx
+const splitJsonTreeViewProps$1 = require_utils.createSplitProps();
+const JsonTreeViewRoot = (0, react.forwardRef)((props, ref) => {
+	const [jsonTreeProps, localProps] = splitJsonTreeViewProps$1(props, [
+		"maxPreviewItems",
+		"collapseStringsAfterLength",
+		"quotesOnKeys",
+		"groupArraysAfterLength",
+		"showNonenumerable"
+	]);
+	const { data, defaultExpandedDepth, ...restProps } = localProps;
+	const collection = (0, react.useMemo)(() => {
+		return require_collection.createTreeCollection({
+			nodeToValue: _wirekyt_dom_json_tree_utils.nodeToValue,
+			nodeToString: _wirekyt_dom_json_tree_utils.nodeToString,
+			rootNode: (0, _wirekyt_dom_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/root-provider.tsx
+const JsonTreeViewRootProvider = (0, react.forwardRef)((props, ref) => {
+	const { value, ...restProps } = props;
+	const { options, ...treeView } = value;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonTreeViewPropsProvider, {
+		value: options,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tree_view.TreeViewRootProvider, {
+			"data-scope": "json-tree-view",
+			value: treeView,
+			...restProps,
+			ref
+		})
+	});
+});
+JsonTreeViewRootProvider.displayName = "JsonTreeViewRootProvider";
+//#endregion
+//#region src/components/json-tree-view/key-node.tsx
+const JsonTreeViewKeyNode = (props) => {
+	const { node, showQuotes } = props;
+	const key = (0, _wirekyt_dom_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/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/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, _wirekyt_dom_json_tree_utils.keyPathToKey)(node.keyPath, { excludeRoot: true });
+	const valueNode = (0, react.useMemo)(() => (0, _wirekyt_dom_json_tree_utils.jsonNodeToElement)(node, options), [node, options]);
+	const nodeProps = (0, react.useMemo)(() => {
+		const desc = (0, _wirekyt_dom_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/tree.tsx
+const splitTreeNodeProps = require_utils.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 splitJsonTreeViewProps = require_utils.createSplitProps();
+const useJsonTreeView = (props) => {
+	const [jsonTreeProps, localProps] = splitJsonTreeViewProps(props, [
+		"maxPreviewItems",
+		"collapseStringsAfterLength",
+		"quotesOnKeys",
+		"groupArraysAfterLength",
+		"showNonenumerable"
+	]);
+	const { data, defaultExpandedDepth = 1, ...restProps } = localProps;
+	const collection = (0, react.useMemo)(() => {
+		return require_collection.createTreeCollection({
+			nodeToValue: _wirekyt_dom_json_tree_utils.nodeToValue,
+			nodeToString: _wirekyt_dom_json_tree_utils.nodeToString,
+			rootNode: (0, _wirekyt_dom_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
+		}),
+		options: jsonTreeProps
+	};
+};
+//#endregion
+//#region src/components/json-tree-view/json-tree-view.tsx
+var json_tree_view_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	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/json-tree-view.d.cts

@@ -0,0 +1,45 @@
+import { P as TreeViewRootProps, T as TreeViewTreeProps, at as UseTreeViewReturn, it as UseTreeViewProps, k as TreeViewRootProviderProps } from "./index-BSX88T_g.cjs";
+import { JsonNode, JsonNodeHastElement, JsonNodePreviewOptions } from "@wirekyt/dom/json-tree-utils";
+//#region src/components/json-tree-view/props-context.d.ts
+interface JsonTreeViewOptions extends Partial<JsonNodePreviewOptions> {
+  quotesOnKeys?: boolean;
+}
+//#endregion
+//#region src/components/json-tree-view/root.d.ts
+interface JsonTreeViewRootProps extends Omit<TreeViewRootProps<JsonNode>, "collection">, JsonTreeViewOptions {
+  data: unknown;
+  defaultExpandedDepth?: number;
+}
+declare const JsonTreeViewRoot: import("react").ForwardRefExoticComponent<JsonTreeViewRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/json-tree-view/use-json-tree-view.d.ts
+interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, "collection">, JsonTreeViewOptions {
+  data: unknown;
+  defaultExpandedDepth?: number;
+}
+interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {
+  options: JsonTreeViewOptions;
+}
+declare const useJsonTreeView: (props: UseJsonTreeViewProps) => UseJsonTreeViewReturn;
+//#endregion
+//#region src/components/json-tree-view/root-provider.d.ts
+interface JsonTreeViewRootProviderProps extends Omit<TreeViewRootProviderProps<JsonNode>, "value"> {
+  value: UseJsonTreeViewReturn;
+}
+declare const JsonTreeViewRootProvider: import("react").ForwardRefExoticComponent<JsonTreeViewRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/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/tree.d.ts
+interface JsonTreeViewTreeProps extends TreeViewTreeProps, JsonTreeViewNodeBaseProps {}
+declare const JsonTreeViewTree: import("react").ForwardRefExoticComponent<JsonTreeViewTreeProps & import("react").RefAttributes<HTMLDivElement>>;
+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/json-tree-view.d.ts

@@ -0,0 +1,45 @@
+import { P as TreeViewRootProps, T as TreeViewTreeProps, at as UseTreeViewReturn, it as UseTreeViewProps, k as TreeViewRootProviderProps } from "./index-B7wAg5Wf.js";
+import { JsonNode, JsonNodeHastElement, JsonNodePreviewOptions } from "@wirekyt/dom/json-tree-utils";
+//#region src/components/json-tree-view/props-context.d.ts
+interface JsonTreeViewOptions extends Partial<JsonNodePreviewOptions> {
+  quotesOnKeys?: boolean;
+}
+//#endregion
+//#region src/components/json-tree-view/root.d.ts
+interface JsonTreeViewRootProps extends Omit<TreeViewRootProps<JsonNode>, "collection">, JsonTreeViewOptions {
+  data: unknown;
+  defaultExpandedDepth?: number;
+}
+declare const JsonTreeViewRoot: import("react").ForwardRefExoticComponent<JsonTreeViewRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/json-tree-view/use-json-tree-view.d.ts
+interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, "collection">, JsonTreeViewOptions {
+  data: unknown;
+  defaultExpandedDepth?: number;
+}
+interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {
+  options: JsonTreeViewOptions;
+}
+declare const useJsonTreeView: (props: UseJsonTreeViewProps) => UseJsonTreeViewReturn;
+//#endregion
+//#region src/components/json-tree-view/root-provider.d.ts
+interface JsonTreeViewRootProviderProps extends Omit<TreeViewRootProviderProps<JsonNode>, "value"> {
+  value: UseJsonTreeViewReturn;
+}
+declare const JsonTreeViewRootProvider: import("react").ForwardRefExoticComponent<JsonTreeViewRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/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/tree.d.ts
+interface JsonTreeViewTreeProps extends TreeViewTreeProps, JsonTreeViewNodeBaseProps {}
+declare const JsonTreeViewTree: import("react").ForwardRefExoticComponent<JsonTreeViewTreeProps & import("react").RefAttributes<HTMLDivElement>>;
+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 };