@sprawlify/react 0.0.8 → 0.0.10

package/dist/tree-view-DsOPEocd.cjs

@@ -0,0 +1,509 @@
+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_environment = require('./environment-CvilmfQt.cjs');
+const require_locale = require('./locale-BcnWD1Hf.cjs');
+const require_factory = require('./factory-C166evrS.cjs');
+const require_collapsible = require('./collapsible-aFKYmVbP.cjs');
+const require_create_split_props = require('./create-split-props-Dp4TWOyM.cjs');
+const require_render_strategy = require('./render-strategy-BywM_IvB.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_tree_view = require("@sprawlify/primitives/machines/tree-view");
+__sprawlify_primitives_machines_tree_view = require_chunk.__toESM(__sprawlify_primitives_machines_tree_view);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/tree-view/use-tree-view-context.ts
+const [TreeViewProvider, useTreeViewContext] = require_create_context.createContext({
+	name: "TreeViewContext",
+	hookName: "useTreeViewContext",
+	providerName: "<TreeViewProvider />"
+});
+
+//#endregion
+//#region src/components/tree-view/use-tree-view-node-context.ts
+const [TreeViewNodeStateProvider, useTreeViewNodeContext] = require_create_context.createContext({
+	name: "TreeViewNodeContext",
+	hookName: "useTreeViewNodeContext",
+	providerName: "<TreeViewNodeProvider />"
+});
+
+//#endregion
+//#region src/components/tree-view/use-tree-view-node-props-context.ts
+const [TreeViewNodePropsProvider, useTreeViewNodePropsContext] = require_create_context.createContext({
+	name: "TreeViewNodePropsContext",
+	hookName: "useTreeViewNodePropsContext",
+	providerName: "<TreeViewItemProvider />"
+});
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch.tsx
+const TreeViewBranch = (0, react.forwardRef)((props, ref) => {
+	const treeView = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const nodeState = useTreeViewNodeContext();
+	const renderStrategyProps = require_render_strategy.useRenderStrategyPropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getBranchProps(nodeProps), props);
+	const branchContentProps = treeView.getBranchContentProps(nodeProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_collapsible.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 = require_create_split_props.createSplitProps();
+const TreeViewBranchContent = (0, react.forwardRef)((props, ref) => {
+	const treeView = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const [, branchContentProps] = splitVisibilityProps(treeView.getBranchContentProps(nodeProps), ["hidden", "data-state"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(branchContentProps, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_collapsible.CollapsibleContent, {
+		ref,
+		...mergedProps
+	});
+});
+TreeViewBranchContent.displayName = "TreeViewBranchContent";
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-control.tsx
+const TreeViewBranchControl = (0, react.forwardRef)((props, ref) => {
+	const treeView = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getBranchControlProps(nodeProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewBranchControl.displayName = "TreeViewBranchControl";
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-indent-guide.tsx
+const TreeViewBranchIndentGuide = (0, react.forwardRef)((props, ref) => {
+	const treeView = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getBranchIndentGuideProps(nodeProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewBranchIndentGuide.displayName = "TreeViewBranchIndentGuide";
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-indicator.tsx
+const TreeViewBranchIndicator = (0, react.forwardRef)((props, ref) => {
+	const treeView = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getBranchIndicatorProps(nodeProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewBranchIndicator.displayName = "TreeViewBranchIndicator";
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-text.tsx
+const TreeViewBranchText = (0, react.forwardRef)((props, ref) => {
+	const treeView = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getBranchTextProps(nodeProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewBranchText.displayName = "TreeViewBranchText";
+
+//#endregion
+//#region src/components/tree-view/tree-view-branch-trigger.tsx
+const TreeViewBranchTrigger = (0, react.forwardRef)((props, ref) => {
+	const treeView = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getBranchTriggerProps(nodeProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.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 = (0, react.forwardRef)((props, ref) => {
+	const treeView = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getItemProps(nodeProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewItem.displayName = "TreeViewItem";
+
+//#endregion
+//#region src/components/tree-view/tree-view-item-indicator.tsx
+const TreeViewItemIndicator = (0, react.forwardRef)((props, ref) => {
+	const treeView = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getItemIndicatorProps(nodeProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewItemIndicator.displayName = "TreeViewItemIndicator";
+
+//#endregion
+//#region src/components/tree-view/tree-view-item-text.tsx
+const TreeViewItemText = (0, react.forwardRef)((props, ref) => {
+	const treeView = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getItemTextProps(nodeProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewItemText.displayName = "TreeViewItemText";
+
+//#endregion
+//#region src/components/tree-view/tree-view-label.tsx
+const TreeViewLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useTreeViewContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.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 = require_create_split_props.createSplitProps();
+function TreeViewNodeProvider(props) {
+	const [nodeProps, localProps] = splitNodeProps(props, ["indexPath", "node"]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeViewNodeStateProvider, {
+		value: useTreeViewContext().getNodeState(nodeProps),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeViewNodePropsProvider, {
+			value: nodeProps,
+			children: localProps.children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/use-tree-view.ts
+const useTreeView = (props) => {
+	const id = (0, react.useId)();
+	const { dir } = require_locale.useLocaleContext();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_tree_view.machine, machineProps);
+	return __sprawlify_primitives_machines_tree_view.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/tree-view/tree-view-root.tsx
+const TreeViewImpl$1 = (props, ref) => {
+	const [renderStrategyProps, treeViewProps] = require_render_strategy.splitRenderStrategyProps(props);
+	const [useTreeViewProps, localProps] = require_create_split_props.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 = useTreeView(useTreeViewProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeViewProvider, {
+		value: treeView,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_render_strategy.RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+};
+const TreeViewRoot = (0, react.forwardRef)(TreeViewImpl$1);
+
+//#endregion
+//#region src/components/tree-view/tree-view-root-provider.tsx
+const TreeViewImpl = (props, ref) => {
+	const [renderStrategyProps, treeViewProps] = require_render_strategy.splitRenderStrategyProps(props);
+	const [{ value: treeView }, localProps] = require_create_split_props.createSplitProps()(treeViewProps, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeViewProvider, {
+		value: treeView,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_render_strategy.RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+};
+const TreeViewRootProvider = (0, react.forwardRef)(TreeViewImpl);
+
+//#endregion
+//#region src/components/tree-view/tree-view-tree.tsx
+const TreeViewTree = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useTreeViewContext().getTreeProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewTree.displayName = "TreeViewTree";
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-checkbox.tsx
+const TreeViewNodeCheckbox = (0, react.forwardRef)((props, ref) => {
+	const treeView = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getNodeCheckboxProps(nodeProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.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__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: indeterminate });
+	if (checkedState === true && children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
+};
+TreeViewNodeCheckboxIndicator.displayName = "TreeViewNodeCheckboxIndicator";
+
+//#endregion
+//#region src/components/tree-view/tree-view-node-rename-input.tsx
+const TreeViewNodeRenameInput = (0, react.forwardRef)((props, ref) => {
+	const treeView = useTreeViewContext();
+	const nodeProps = useTreeViewNodePropsContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(treeView.getNodeRenameInputProps(nodeProps), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.input, {
+		...mergedProps,
+		ref
+	});
+});
+TreeViewNodeRenameInput.displayName = "TreeViewNodeRenameInput";
+
+//#endregion
+//#region src/components/tree-view/tree-view.ts
+var tree_view_exports = /* @__PURE__ */ require_chunk.__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
+Object.defineProperty(exports, 'TreeViewBranch', {
+  enumerable: true,
+  get: function () {
+    return TreeViewBranch;
+  }
+});
+Object.defineProperty(exports, 'TreeViewBranchContent', {
+  enumerable: true,
+  get: function () {
+    return TreeViewBranchContent;
+  }
+});
+Object.defineProperty(exports, 'TreeViewBranchControl', {
+  enumerable: true,
+  get: function () {
+    return TreeViewBranchControl;
+  }
+});
+Object.defineProperty(exports, 'TreeViewBranchIndentGuide', {
+  enumerable: true,
+  get: function () {
+    return TreeViewBranchIndentGuide;
+  }
+});
+Object.defineProperty(exports, 'TreeViewBranchIndicator', {
+  enumerable: true,
+  get: function () {
+    return TreeViewBranchIndicator;
+  }
+});
+Object.defineProperty(exports, 'TreeViewBranchText', {
+  enumerable: true,
+  get: function () {
+    return TreeViewBranchText;
+  }
+});
+Object.defineProperty(exports, 'TreeViewBranchTrigger', {
+  enumerable: true,
+  get: function () {
+    return TreeViewBranchTrigger;
+  }
+});
+Object.defineProperty(exports, 'TreeViewContext', {
+  enumerable: true,
+  get: function () {
+    return TreeViewContext;
+  }
+});
+Object.defineProperty(exports, 'TreeViewItem', {
+  enumerable: true,
+  get: function () {
+    return TreeViewItem;
+  }
+});
+Object.defineProperty(exports, 'TreeViewItemIndicator', {
+  enumerable: true,
+  get: function () {
+    return TreeViewItemIndicator;
+  }
+});
+Object.defineProperty(exports, 'TreeViewItemText', {
+  enumerable: true,
+  get: function () {
+    return TreeViewItemText;
+  }
+});
+Object.defineProperty(exports, 'TreeViewLabel', {
+  enumerable: true,
+  get: function () {
+    return TreeViewLabel;
+  }
+});
+Object.defineProperty(exports, 'TreeViewNodeCheckbox', {
+  enumerable: true,
+  get: function () {
+    return TreeViewNodeCheckbox;
+  }
+});
+Object.defineProperty(exports, 'TreeViewNodeCheckboxIndicator', {
+  enumerable: true,
+  get: function () {
+    return TreeViewNodeCheckboxIndicator;
+  }
+});
+Object.defineProperty(exports, 'TreeViewNodeContext', {
+  enumerable: true,
+  get: function () {
+    return TreeViewNodeContext;
+  }
+});
+Object.defineProperty(exports, 'TreeViewNodeProvider', {
+  enumerable: true,
+  get: function () {
+    return TreeViewNodeProvider;
+  }
+});
+Object.defineProperty(exports, 'TreeViewNodeRenameInput', {
+  enumerable: true,
+  get: function () {
+    return TreeViewNodeRenameInput;
+  }
+});
+Object.defineProperty(exports, 'TreeViewRoot', {
+  enumerable: true,
+  get: function () {
+    return TreeViewRoot;
+  }
+});
+Object.defineProperty(exports, 'TreeViewRootProvider', {
+  enumerable: true,
+  get: function () {
+    return TreeViewRootProvider;
+  }
+});
+Object.defineProperty(exports, 'TreeViewTree', {
+  enumerable: true,
+  get: function () {
+    return TreeViewTree;
+  }
+});
+Object.defineProperty(exports, 'tree_view_exports', {
+  enumerable: true,
+  get: function () {
+    return tree_view_exports;
+  }
+});
+Object.defineProperty(exports, 'useTreeView', {
+  enumerable: true,
+  get: function () {
+    return useTreeView;
+  }
+});
+Object.defineProperty(exports, 'useTreeViewContext', {
+  enumerable: true,
+  get: function () {
+    return useTreeViewContext;
+  }
+});
+Object.defineProperty(exports, 'useTreeViewNodeContext', {
+  enumerable: true,
+  get: function () {
+    return useTreeViewNodeContext;
+  }
+});

package/dist/{use-fieldset-context-LwveT1OS.mjs → use-fieldset-context-DPgRcctn.mjs}

@@ -1,4 +1,4 @@
-import { t as createContext } from "./create-context-CCXzjEv8.mjs";
+import { t as createContext } from "./create-context-aizX7yAt.mjs";
 
 //#region src/components/fieldset/use-fieldset-context.ts
 const [FieldsetProvider, useFieldsetContext] = createContext({

package/dist/utils/index.d.cts

@@ -1,2 +1,2 @@
-import { n as createContext, t as mergeProps } from "../index-dbTyAXLy.cjs";
+import { n as createContext, t as mergeProps } from "../index-D2T5b4fK.cjs";
 export { createContext, mergeProps };

package/dist/utils/index.d.mts

@@ -1,2 +1,2 @@
-import { n as createContext, t as mergeProps } from "../index-CureNJdc.mjs";
+import { n as createContext, t as mergeProps } from "../index-WJ-tNaCp.mjs";
 export { createContext, mergeProps };

package/dist/utils/index.mjs

@@ -1,4 +1,4 @@
-import { t as createContext } from "../create-context-CCXzjEv8.mjs";
-import { t as mergeProps } from "../utils-C-m3mZWI.mjs";
+import { t as createContext } from "../create-context-aizX7yAt.mjs";
+import { t as mergeProps } from "../utils-Bx4WJ5W9.mjs";
 
 export { createContext, mergeProps };