@sprawlify/react 0.0.7 → 0.0.9

package/dist/{presence-2A4loEJY.mjs → presence-C9BcvdTf.mjs}

@@ -1,8 +1,9 @@
-import { i as useMachine, r as normalizeProps } from "./core-C0F-4KYH.mjs";
-import { t as createContext$1 } from "./create-context-CdjrBhu7.mjs";
-import { n as sprawlify, r as composeRefs } from "./factory-DQlmCPH2.mjs";
-import { t as createSplitProps } from "./create-split-props-BJQdOyld.mjs";
-import { t as useEvent } from "./use-event-BcyNH29h.mjs";
+import { i as useMachine, r as normalizeProps } from "./core-79NSyZp-.mjs";
+import { t as createContext$1 } from "./create-context-DbhrVE2B.mjs";
+import { t as composeRefs } from "./compose-refs-Cl5LpASY.mjs";
+import { n as sprawlify } from "./factory-7ydMApfi.mjs";
+import { t as createSplitProps } from "./create-split-props-BJdRM9I_.mjs";
+import { t as useEvent } from "./use-event-B4e6iJDK.mjs";
 import { forwardRef, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import * as presence from "@sprawlify/primitives/machines/presence";

package/dist/{presence-BX1tNsGA.cjs → presence-CPov8wyU.cjs}

@@ -1,12 +1,14 @@
-const require_core = require('./core-CPLjF6nm.cjs');
-const require_create_context = require('./create-context-D6DyFRSf.cjs');
-const require_factory = require('./factory-CDX-oCN5.cjs');
-const require_create_split_props = require('./create-split-props-CSkzaUOy.cjs');
-const require_use_event = require('./use-event-CGMgV6xB.cjs');
+const require_chunk = require('./chunk-BYnRvbsk.cjs');
+const require_core = require('./core-DCWyxy9D.cjs');
+const require_create_context = require('./create-context-CQ4U0lLj.cjs');
+const require_compose_refs = require('./compose-refs-C5QNDywq.cjs');
+const require_factory = require('./factory-C166evrS.cjs');
+const require_create_split_props = require('./create-split-props-Dp4TWOyM.cjs');
+const require_use_event = require('./use-event-CLH8zHoJ.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __sprawlify_primitives_machines_presence = require("@sprawlify/primitives/machines/presence");
-__sprawlify_primitives_machines_presence = require_core.__toESM(__sprawlify_primitives_machines_presence);
+__sprawlify_primitives_machines_presence = require_chunk.__toESM(__sprawlify_primitives_machines_presence);
 
 //#region src/components/presence/split-presence-props.ts
 const splitPresenceProps = (props) => require_create_split_props.createSplitProps()(props, [
@@ -55,7 +57,7 @@ const Presence = (0, react.forwardRef)((props, ref) => {
 		...presence.getPresenceProps(),
 		"data-scope": "presence",
 		"data-part": "root",
-		ref: require_factory.composeRefs(presence.ref, ref)
+		ref: require_compose_refs.composeRefs(presence.ref, ref)
 	});
 });
 Presence.displayName = "Presence";

package/dist/providers-CoJceYkV.mjs

@@ -0,0 +1 @@
+export {  };

package/dist/{render-strategy-D3w8btTD.mjs → render-strategy-BgIBKraZ.mjs}

@@ -1,5 +1,5 @@
-import { t as createContext } from "./create-context-CdjrBhu7.mjs";
-import { t as createSplitProps } from "./create-split-props-BJQdOyld.mjs";
+import { t as createContext } from "./create-context-DbhrVE2B.mjs";
+import { t as createSplitProps } from "./create-split-props-BJdRM9I_.mjs";
 
 //#region src/utils/render-strategy.ts
 const [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({

package/dist/{render-strategy-k1JmEGnq.cjs → render-strategy-BywM_IvB.cjs}

@@ -1,5 +1,5 @@
-const require_create_context = require('./create-context-D6DyFRSf.cjs');
-const require_create_split_props = require('./create-split-props-CSkzaUOy.cjs');
+const require_create_context = require('./create-context-CQ4U0lLj.cjs');
+const require_create_split_props = require('./create-split-props-Dp4TWOyM.cjs');
 
 //#region src/utils/render-strategy.ts
 const [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = require_create_context.createContext({

package/dist/tree-view-CzJvwlYQ.mjs

@@ -0,0 +1,365 @@
+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 { n as sprawlify } from "./factory-7ydMApfi.mjs";
+import { a as CollapsibleRoot, l as CollapsibleContent } from "./collapsible-vqmKK3px.mjs";
+import { t as createSplitProps } from "./create-split-props-BJdRM9I_.mjs";
+import { n as splitRenderStrategyProps, r as useRenderStrategyPropsContext, t as RenderStrategyPropsProvider } from "./render-strategy-BgIBKraZ.mjs";
+import { forwardRef, useId } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import * as treeView from "@sprawlify/primitives/machines/tree-view";
+import { anatomy as treeViewAnatomy } from "@sprawlify/primitives/machines/tree-view";
+
+//#region src/components/tree-view/use-tree-view-context.ts
+const [TreeViewProvider, useTreeViewContext] = createContext$1({
+	name: "TreeViewContext",
+	hookName: "useTreeViewContext",
+	providerName: "<TreeViewProvider />"
+});
+
+//#endregion
+//#region src/components/tree-view/use-tree-view-node-context.ts
+const [TreeViewNodeStateProvider, useTreeViewNodeContext] = createContext$1({
+	name: "TreeViewNodeContext",
+	hookName: "useTreeViewNodeContext",
+	providerName: "<TreeViewNodeProvider />"
+});
+
+//#endregion
+//#region src/components/tree-view/use-tree-view-node-props-context.ts
+const [TreeViewNodePropsProvider, useTreeViewNodePropsContext] = createContext$1({
+	name: "TreeViewNodePropsContext",
+	hookName: "useTreeViewNodePropsContext",
+	providerName: "<TreeViewItemProvider />"
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch.tsx
+const TreeViewBranch = forwardRef((props, ref) => {
+	const treeView$1 = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const nodeState = useTreeViewNodeContext();
+	const renderStrategyProps = useRenderStrategyPropsContext();
+	const mergedProps = mergeProps(treeView$1.getBranchProps(nodeProps), props);
+	const branchContentProps = treeView$1.getBranchContentProps(nodeProps);
+	return /* @__PURE__ */ jsx(CollapsibleRoot, {
+		ref,
+		open: nodeState.expanded,
+		ids: { content: branchContentProps.id },
+		...renderStrategyProps,
+		...mergedProps
+	});
+});
+TreeViewBranch.displayName = "TreeViewBranch";
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-content.tsx
+const splitVisibilityProps = createSplitProps();
+const TreeViewBranchContent = forwardRef((props, ref) => {
+	const treeView$1 = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const [, branchContentProps] = splitVisibilityProps(treeView$1.getBranchContentProps(nodeProps), ["hidden", "data-state"]);
+	const mergedProps = mergeProps(branchContentProps, props);
+	return /* @__PURE__ */ jsx(CollapsibleContent, {
+		ref,
+		...mergedProps
+	});
+});
+TreeViewBranchContent.displayName = "TreeViewBranchContent";
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-control.tsx
+const TreeViewBranchControl = forwardRef((props, ref) => {
+	const treeView$1 = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = mergeProps(treeView$1.getBranchControlProps(nodeProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewBranchControl.displayName = "TreeViewBranchControl";
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-indent-guide.tsx
+const TreeViewBranchIndentGuide = forwardRef((props, ref) => {
+	const treeView$1 = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = mergeProps(treeView$1.getBranchIndentGuideProps(nodeProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewBranchIndentGuide.displayName = "TreeViewBranchIndentGuide";
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-indicator.tsx
+const TreeViewBranchIndicator = forwardRef((props, ref) => {
+	const treeView$1 = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = mergeProps(treeView$1.getBranchIndicatorProps(nodeProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewBranchIndicator.displayName = "TreeViewBranchIndicator";
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-text.tsx
+const TreeViewBranchText = forwardRef((props, ref) => {
+	const treeView$1 = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = mergeProps(treeView$1.getBranchTextProps(nodeProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewBranchText.displayName = "TreeViewBranchText";
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-trigger.tsx
+const TreeViewBranchTrigger = forwardRef((props, ref) => {
+	const treeView$1 = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = mergeProps(treeView$1.getBranchTriggerProps(nodeProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewBranchTrigger.displayName = "TreeViewBranchTrigger";
+
+//#endregion
+//#region src/components/tree-view/tree-view-context.tsx
+const TreeViewContext = (props) => props.children(useTreeViewContext());
+
+//#endregion
+//#region src/components/tree-view/tree-view-item.tsx
+const TreeViewItem = forwardRef((props, ref) => {
+	const treeView$1 = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = mergeProps(treeView$1.getItemProps(nodeProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewItem.displayName = "TreeViewItem";
+
+//#endregion
+//#region src/components/tree-view/tree-view-item-indicator.tsx
+const TreeViewItemIndicator = forwardRef((props, ref) => {
+	const treeView$1 = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = mergeProps(treeView$1.getItemIndicatorProps(nodeProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewItemIndicator.displayName = "TreeViewItemIndicator";
+
+//#endregion
+//#region src/components/tree-view/tree-view-item-text.tsx
+const TreeViewItemText = forwardRef((props, ref) => {
+	const treeView$1 = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = mergeProps(treeView$1.getItemTextProps(nodeProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewItemText.displayName = "TreeViewItemText";
+
+//#endregion
+//#region src/components/tree-view/tree-view-label.tsx
+const TreeViewLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useTreeViewContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.h3, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewLabel.displayName = "TreeViewLabel";
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-context.tsx
+const TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-provider.tsx
+const splitNodeProps = createSplitProps();
+function TreeViewNodeProvider(props) {
+	const [nodeProps, localProps] = splitNodeProps(props, ["indexPath", "node"]);
+	return /* @__PURE__ */ jsx(TreeViewNodeStateProvider, {
+		value: useTreeViewContext().getNodeState(nodeProps),
+		children: /* @__PURE__ */ jsx(TreeViewNodePropsProvider, {
+			value: nodeProps,
+			children: localProps.children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/use-tree-view.ts
+const useTreeView = (props) => {
+	const id = useId();
+	const { dir } = useLocaleContext();
+	const { getRootNode } = useEnvironmentContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(treeView.machine, machineProps);
+	return treeView.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/tree-view/tree-view-root.tsx
+const TreeViewImpl$1 = (props, ref) => {
+	const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
+	const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, [
+		"canRename",
+		"checkedValue",
+		"collection",
+		"defaultCheckedValue",
+		"defaultExpandedValue",
+		"defaultFocusedValue",
+		"defaultSelectedValue",
+		"expandedValue",
+		"expandOnClick",
+		"focusedValue",
+		"id",
+		"ids",
+		"loadChildren",
+		"onBeforeRename",
+		"onCheckedChange",
+		"onExpandedChange",
+		"onFocusChange",
+		"onLoadChildrenComplete",
+		"onLoadChildrenError",
+		"onRenameComplete",
+		"onRenameStart",
+		"onSelectionChange",
+		"scrollToIndexFn",
+		"selectedValue",
+		"selectionMode",
+		"typeahead"
+	]);
+	const treeView$1 = useTreeView(useTreeViewProps);
+	const mergedProps = mergeProps(treeView$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(TreeViewProvider, {
+		value: treeView$1,
+		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+};
+const TreeViewRoot = forwardRef(TreeViewImpl$1);
+
+//#endregion
+//#region src/components/tree-view/tree-view-root-provider.tsx
+const TreeViewImpl = (props, ref) => {
+	const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
+	const [{ value: treeView$1 }, localProps] = createSplitProps()(treeViewProps, ["value"]);
+	const mergedProps = mergeProps(treeView$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(TreeViewProvider, {
+		value: treeView$1,
+		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+};
+const TreeViewRootProvider = forwardRef(TreeViewImpl);
+
+//#endregion
+//#region src/components/tree-view/tree-view-tree.tsx
+const TreeViewTree = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useTreeViewContext().getTreeProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewTree.displayName = "TreeViewTree";
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-checkbox.tsx
+const TreeViewNodeCheckbox = forwardRef((props, ref) => {
+	const treeView$1 = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = mergeProps(treeView$1.getNodeCheckboxProps(nodeProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewNodeCheckbox.displayName = "TreeViewNodeCheckbox";
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-checkbox-indicator.tsx
+const TreeViewNodeCheckboxIndicator = (props) => {
+	const { children, indeterminate, fallback } = props;
+	const checkedState = useTreeViewNodeContext().checked;
+	if (checkedState === "indeterminate" && indeterminate) return /* @__PURE__ */ jsx(Fragment$1, { children: indeterminate });
+	if (checkedState === true && children) return /* @__PURE__ */ jsx(Fragment$1, { children });
+	return /* @__PURE__ */ jsx(Fragment$1, { children: fallback });
+};
+TreeViewNodeCheckboxIndicator.displayName = "TreeViewNodeCheckboxIndicator";
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-rename-input.tsx
+const TreeViewNodeRenameInput = forwardRef((props, ref) => {
+	const treeView$1 = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = mergeProps(treeView$1.getNodeRenameInputProps(nodeProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.input, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewNodeRenameInput.displayName = "TreeViewNodeRenameInput";
+
+//#endregion
+//#region src/components/tree-view/tree-view.ts
+var tree_view_exports = /* @__PURE__ */ __export({
+	Branch: () => TreeViewBranch,
+	BranchContent: () => TreeViewBranchContent,
+	BranchControl: () => TreeViewBranchControl,
+	BranchIndentGuide: () => TreeViewBranchIndentGuide,
+	BranchIndicator: () => TreeViewBranchIndicator,
+	BranchText: () => TreeViewBranchText,
+	BranchTrigger: () => TreeViewBranchTrigger,
+	Context: () => TreeViewContext,
+	Item: () => TreeViewItem,
+	ItemIndicator: () => TreeViewItemIndicator,
+	ItemText: () => TreeViewItemText,
+	Label: () => TreeViewLabel,
+	NodeCheckbox: () => TreeViewNodeCheckbox,
+	NodeCheckboxIndicator: () => TreeViewNodeCheckboxIndicator,
+	NodeContext: () => TreeViewNodeContext,
+	NodeProvider: () => TreeViewNodeProvider,
+	NodeRenameInput: () => TreeViewNodeRenameInput,
+	Root: () => TreeViewRoot,
+	RootProvider: () => TreeViewRootProvider,
+	Tree: () => TreeViewTree
+});
+
+//#endregion
+export { TreeViewBranch as C, TreeViewBranchContent as S, useTreeViewContext as T, TreeViewBranchTrigger as _, TreeViewNodeCheckbox as a, TreeViewBranchIndentGuide as b, TreeViewRoot as c, TreeViewNodeContext as d, TreeViewLabel as f, TreeViewContext as g, TreeViewItem as h, TreeViewNodeCheckboxIndicator as i, useTreeView as l, TreeViewItemIndicator as m, treeViewAnatomy as n, TreeViewTree as o, TreeViewItemText as p, TreeViewNodeRenameInput as r, TreeViewRootProvider as s, tree_view_exports as t, TreeViewNodeProvider as u, TreeViewBranchText as v, useTreeViewNodeContext as w, TreeViewBranchControl as x, TreeViewBranchIndicator as y };