@anvia/react-ui 1.2.2 → 1.3.1

package/dist/graph-explorer/index.js

@@ -1,261 +1,194 @@
-import {
-  renderPrimitive
-} from "../chunk-T3ZFZ3NP.js";
-import {
-  GraphExplorerProvider,
-  InternalGraphExplorerNodeProvider,
-  useGraphExplorerContext,
-  useGraphExplorerNode,
-  useOptionalGraphExplorerNode
-} from "../chunk-E73S3SOF.js";
-
-// src/graph-explorer/parts.tsx
+import { A as useGraphExplorerContext, M as useOptionalGraphExplorerNode, O as GraphExplorerProvider, j as useGraphExplorerNode, k as InternalGraphExplorerNodeProvider } from "../contexts-B4ijG24z.js";
+import { t as renderPrimitive } from "../primitives-xfE7zfwJ.js";
 import { forwardRef, useCallback } from "react";
-
+import { jsx } from "react/jsx-runtime";
 // src/graph-explorer/helpers.ts
 function graphExplorerNodeLabel(node) {
-  for (const key of ["name", "title", "label"]) {
-    const value = node.properties[key];
-    if (typeof value === "string" && value.trim().length > 0) return value;
-  }
-  if (node.key !== void 0) return node.key;
-  return `${node.type} ${node.id}`;
+	for (const key of [
+		"name",
+		"title",
+		"label"
+	]) {
+		const value = node.properties[key];
+		if (typeof value === "string" && value.trim().length > 0) return value;
+	}
+	if (node.key !== void 0) return node.key;
+	return `${node.type} ${node.id}`;
 }
-
 // src/graph-explorer/parts.tsx
-import { jsx } from "react/jsx-runtime";
-var GraphExplorerRoot = forwardRef(
-  function GraphExplorerRoot2(props, ref) {
-    const explorer = useGraphExplorerContext();
-    const truncated = explorer.truncated.nodes || explorer.truncated.relationships;
-    return renderPrimitive(
-      "div",
-      {
-        ...props,
-        "aria-busy": explorer.status === "loading",
-        "data-role": "graph-explorer",
-        "data-state": explorer.status,
-        "data-truncated": truncated ? "true" : "false"
-      },
-      ref
-    );
-  }
-);
-var GraphExplorerSearch = forwardRef(
-  function GraphExplorerSearch2({ onChange, ...props }, ref) {
-    const explorer = useGraphExplorerContext();
-    const handleChange = useCallback(
-      (event) => {
-        onChange?.(event);
-        if (!event.defaultPrevented) explorer.setQuery(event.currentTarget.value);
-      },
-      [explorer, onChange]
-    );
-    return renderPrimitive(
-      "input",
-      {
-        ...props,
-        "aria-label": props["aria-label"] ?? "Search graph",
-        "data-state": explorer.query.length === 0 ? "empty" : "populated",
-        onChange: handleChange,
-        type: props.type ?? "search",
-        value: explorer.query
-      },
-      ref
-    );
-  }
-);
-var GraphExplorerViewport = forwardRef(
-  function GraphExplorerViewport2(props, ref) {
-    return renderPrimitive(
-      "div",
-      { ...props, "data-role": "graph-explorer-viewport" },
-      ref
-    );
-  }
-);
-var GraphExplorerNodes = forwardRef(
-  function GraphExplorerNodes2({ children, keepMounted = false, ...props }, ref) {
-    const explorer = useGraphExplorerContext();
-    const empty = explorer.nodes.length === 0;
-    if (empty && !keepMounted) return null;
-    return renderPrimitive(
-      "div",
-      {
-        ...props,
-        children: explorer.nodes.map((node) => {
-          const state = {
-            node,
-            selected: node.id === explorer.selectedNodeId,
-            matched: explorer.matchedNodeIds.has(node.id)
-          };
-          return /* @__PURE__ */ jsx(InternalGraphExplorerNodeProvider, { value: state, children: typeof children === "function" ? children(node, state) : children ?? /* @__PURE__ */ jsx(GraphExplorerNodeRoot, { children: /* @__PURE__ */ jsx(GraphExplorerNodeTrigger, {}) }) }, node.id);
-        }),
-        "data-state": empty ? "empty" : "populated",
-        role: props.role ?? "list"
-      },
-      ref
-    );
-  }
-);
-var GraphExplorerEmpty = forwardRef(
-  function GraphExplorerEmpty2(props, ref) {
-    const explorer = useGraphExplorerContext();
-    if (explorer.nodes.length > 0 || explorer.status === "loading") return null;
-    return renderPrimitive(
-      "div",
-      { ...props, children: props.children ?? "No graph nodes." },
-      ref
-    );
-  }
-);
-var GraphExplorerStatus = forwardRef(
-  function GraphExplorerStatus2({ children, ...props }, ref) {
-    const explorer = useGraphExplorerContext();
-    const content = typeof children === "function" ? children(explorer) : children ?? statusText(explorer);
-    return renderPrimitive(
-      "div",
-      {
-        ...props,
-        children: content,
-        "data-state": explorer.status,
-        role: props.role ?? "status"
-      },
-      ref
-    );
-  }
-);
-var GraphExplorerRefresh = forwardRef(
-  function GraphExplorerRefresh2({ onClick, ...props }, ref) {
-    const explorer = useGraphExplorerContext();
-    const disabled = props.disabled ?? explorer.status === "loading";
-    const handleClick = useAsyncAction(onClick, disabled, explorer.refresh);
-    return renderPrimitive(
-      "button",
-      {
-        ...props,
-        children: props.children ?? "Refresh graph",
-        disabled,
-        onClick: handleClick,
-        type: props.type ?? "button"
-      },
-      ref
-    );
-  }
-);
-var GraphExplorerNodeRoot = forwardRef(
-  function GraphExplorerNodeRoot2({ nodeId, ...props }, ref) {
-    const explorer = useGraphExplorerContext();
-    const inherited = useOptionalGraphExplorerNode();
-    const node = nodeId === void 0 ? inherited?.node : explorer.nodeById.get(nodeId);
-    if (node === void 0) {
-      throw new Error(
-        nodeId === void 0 ? "GraphExplorerNodePrimitive.Root requires a nodeId outside GraphExplorerPrimitive.Nodes." : `Graph explorer node ${nodeId} is not loaded.`
-      );
-    }
-    const state = {
-      node,
-      selected: node.id === explorer.selectedNodeId,
-      matched: explorer.matchedNodeIds.has(node.id)
-    };
-    return /* @__PURE__ */ jsx(InternalGraphExplorerNodeProvider, { value: state, children: renderPrimitive(
-      "div",
-      {
-        ...props,
-        "data-match": state.matched ? "matched" : "unmatched",
-        "data-node-id": state.node.id,
-        "data-node-type": state.node.type,
-        "data-state": state.selected ? "selected" : "unselected",
-        role: props.role ?? (inherited === void 0 ? void 0 : "listitem")
-      },
-      ref
-    ) });
-  }
-);
-var GraphExplorerNodeTrigger = forwardRef(
-  function GraphExplorerNodeTrigger2({ onClick, ...props }, ref) {
-    const explorer = useGraphExplorerContext();
-    const state = useGraphExplorerNode();
-    const handleClick = useCallback(
-      (event) => {
-        onClick?.(event);
-        if (!event.defaultPrevented && !props.disabled) explorer.selectNode(state.node.id);
-      },
-      [explorer, onClick, props.disabled, state.node.id]
-    );
-    return renderPrimitive(
-      "button",
-      {
-        ...props,
-        children: props.children ?? graphExplorerNodeLabel(state.node),
-        onClick: handleClick,
-        type: props.type ?? "button",
-        "aria-pressed": state.selected
-      },
-      ref
-    );
-  }
-);
-var GraphExplorerNodeExpand = forwardRef(
-  function GraphExplorerNodeExpand2({ onClick, options, ...props }, ref) {
-    const explorer = useGraphExplorerContext();
-    const state = useGraphExplorerNode();
-    const disabled = props.disabled ?? explorer.status === "loading";
-    const expand = useCallback(
-      () => explorer.expandNode(state.node.id, options),
-      [explorer, options, state.node.id]
-    );
-    const handleClick = useAsyncAction(onClick, disabled, expand);
-    return renderPrimitive(
-      "button",
-      {
-        ...props,
-        children: props.children ?? "Expand",
-        disabled,
-        onClick: handleClick,
-        type: props.type ?? "button"
-      },
-      ref
-    );
-  }
-);
+const GraphExplorerRoot = forwardRef(function GraphExplorerRoot(props, ref) {
+	const explorer = useGraphExplorerContext();
+	const truncated = explorer.truncated.nodes || explorer.truncated.relationships;
+	return renderPrimitive("div", {
+		...props,
+		"aria-busy": explorer.status === "loading",
+		"data-role": "graph-explorer",
+		"data-state": explorer.status,
+		"data-truncated": truncated ? "true" : "false"
+	}, ref);
+});
+const GraphExplorerSearch = forwardRef(function GraphExplorerSearch({ onChange, ...props }, ref) {
+	const explorer = useGraphExplorerContext();
+	const handleChange = useCallback((event) => {
+		onChange?.(event);
+		if (!event.defaultPrevented) explorer.setQuery(event.currentTarget.value);
+	}, [explorer, onChange]);
+	return renderPrimitive("input", {
+		...props,
+		"aria-label": props["aria-label"] ?? "Search graph",
+		"data-state": explorer.query.length === 0 ? "empty" : "populated",
+		onChange: handleChange,
+		type: props.type ?? "search",
+		value: explorer.query
+	}, ref);
+});
+const GraphExplorerViewport = forwardRef(function GraphExplorerViewport(props, ref) {
+	return renderPrimitive("div", {
+		...props,
+		"data-role": "graph-explorer-viewport"
+	}, ref);
+});
+const GraphExplorerNodes = forwardRef(function GraphExplorerNodes({ children, keepMounted = false, ...props }, ref) {
+	const explorer = useGraphExplorerContext();
+	const empty = explorer.nodes.length === 0;
+	if (empty && !keepMounted) return null;
+	return renderPrimitive("div", {
+		...props,
+		children: explorer.nodes.map((node) => {
+			const state = {
+				node,
+				selected: node.id === explorer.selectedNodeId,
+				matched: explorer.matchedNodeIds.has(node.id)
+			};
+			return /* @__PURE__ */ jsx(InternalGraphExplorerNodeProvider, {
+				value: state,
+				children: typeof children === "function" ? children(node, state) : children ?? /* @__PURE__ */ jsx(GraphExplorerNodeRoot, { children: /* @__PURE__ */ jsx(GraphExplorerNodeTrigger, {}) })
+			}, node.id);
+		}),
+		"data-state": empty ? "empty" : "populated",
+		role: props.role ?? "list"
+	}, ref);
+});
+const GraphExplorerEmpty = forwardRef(function GraphExplorerEmpty(props, ref) {
+	const explorer = useGraphExplorerContext();
+	if (explorer.nodes.length > 0 || explorer.status === "loading") return null;
+	return renderPrimitive("div", {
+		...props,
+		children: props.children ?? "No graph nodes."
+	}, ref);
+});
+const GraphExplorerStatus = forwardRef(function GraphExplorerStatus({ children, ...props }, ref) {
+	const explorer = useGraphExplorerContext();
+	const content = typeof children === "function" ? children(explorer) : children ?? statusText(explorer);
+	return renderPrimitive("div", {
+		...props,
+		children: content,
+		"data-state": explorer.status,
+		role: props.role ?? "status"
+	}, ref);
+});
+const GraphExplorerRefresh = forwardRef(function GraphExplorerRefresh({ onClick, ...props }, ref) {
+	const explorer = useGraphExplorerContext();
+	const disabled = props.disabled ?? explorer.status === "loading";
+	const handleClick = useAsyncAction(onClick, disabled, explorer.refresh);
+	return renderPrimitive("button", {
+		...props,
+		children: props.children ?? "Refresh graph",
+		disabled,
+		onClick: handleClick,
+		type: props.type ?? "button"
+	}, ref);
+});
+const GraphExplorerNodeRoot = forwardRef(function GraphExplorerNodeRoot({ nodeId, ...props }, ref) {
+	const explorer = useGraphExplorerContext();
+	const inherited = useOptionalGraphExplorerNode();
+	const node = nodeId === void 0 ? inherited?.node : explorer.nodeById.get(nodeId);
+	if (node === void 0) throw new Error(nodeId === void 0 ? "GraphExplorerNodePrimitive.Root requires a nodeId outside GraphExplorerPrimitive.Nodes." : `Graph explorer node ${nodeId} is not loaded.`);
+	const state = {
+		node,
+		selected: node.id === explorer.selectedNodeId,
+		matched: explorer.matchedNodeIds.has(node.id)
+	};
+	return /* @__PURE__ */ jsx(InternalGraphExplorerNodeProvider, {
+		value: state,
+		children: renderPrimitive("div", {
+			...props,
+			"data-match": state.matched ? "matched" : "unmatched",
+			"data-node-id": state.node.id,
+			"data-node-type": state.node.type,
+			"data-state": state.selected ? "selected" : "unselected",
+			role: props.role ?? (inherited === void 0 ? void 0 : "listitem")
+		}, ref)
+	});
+});
+const GraphExplorerNodeTrigger = forwardRef(function GraphExplorerNodeTrigger({ onClick, ...props }, ref) {
+	const explorer = useGraphExplorerContext();
+	const state = useGraphExplorerNode();
+	const handleClick = useCallback((event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented && !props.disabled) explorer.selectNode(state.node.id);
+	}, [
+		explorer,
+		onClick,
+		props.disabled,
+		state.node.id
+	]);
+	return renderPrimitive("button", {
+		...props,
+		children: props.children ?? graphExplorerNodeLabel(state.node),
+		onClick: handleClick,
+		type: props.type ?? "button",
+		"aria-pressed": state.selected
+	}, ref);
+});
+const GraphExplorerNodeExpand = forwardRef(function GraphExplorerNodeExpand({ onClick, options, ...props }, ref) {
+	const explorer = useGraphExplorerContext();
+	const state = useGraphExplorerNode();
+	const disabled = props.disabled ?? explorer.status === "loading";
+	const handleClick = useAsyncAction(onClick, disabled, useCallback(() => explorer.expandNode(state.node.id, options), [
+		explorer,
+		options,
+		state.node.id
+	]));
+	return renderPrimitive("button", {
+		...props,
+		children: props.children ?? "Expand",
+		disabled,
+		onClick: handleClick,
+		type: props.type ?? "button"
+	}, ref);
+});
 function useAsyncAction(onClick, disabled, action) {
-  return useCallback(
-    (event) => {
-      onClick?.(event);
-      if (event.defaultPrevented || disabled) return;
-      void action().catch(() => void 0);
-    },
-    [action, disabled, onClick]
-  );
+	return useCallback((event) => {
+		onClick?.(event);
+		if (event.defaultPrevented || disabled) return;
+		action().catch(() => void 0);
+	}, [
+		action,
+		disabled,
+		onClick
+	]);
 }
 function statusText(explorer) {
-  if (explorer.status === "loading") return "Loading graph.";
-  if (explorer.status === "error") return "Graph exploration failed.";
-  return `${explorer.nodes.length} nodes, ${explorer.relationships.length} relationships.`;
+	if (explorer.status === "loading") return "Loading graph.";
+	if (explorer.status === "error") return "Graph exploration failed.";
+	return `${explorer.nodes.length} nodes, ${explorer.relationships.length} relationships.`;
 }
-
 // src/graph-explorer/index.ts
-var GraphExplorerPrimitive = {
-  Root: GraphExplorerRoot,
-  Viewport: GraphExplorerViewport,
-  Search: GraphExplorerSearch,
-  Nodes: GraphExplorerNodes,
-  Empty: GraphExplorerEmpty,
-  Status: GraphExplorerStatus,
-  Refresh: GraphExplorerRefresh
+const GraphExplorerPrimitive = {
+	Root: GraphExplorerRoot,
+	Viewport: GraphExplorerViewport,
+	Search: GraphExplorerSearch,
+	Nodes: GraphExplorerNodes,
+	Empty: GraphExplorerEmpty,
+	Status: GraphExplorerStatus,
+	Refresh: GraphExplorerRefresh
 };
-var GraphExplorerNodePrimitive = {
-  Root: GraphExplorerNodeRoot,
-  Trigger: GraphExplorerNodeTrigger,
-  Expand: GraphExplorerNodeExpand
-};
-export {
-  GraphExplorerNodePrimitive,
-  GraphExplorerPrimitive,
-  GraphExplorerProvider,
-  graphExplorerNodeLabel,
-  useGraphExplorerContext,
-  useGraphExplorerNode
+const GraphExplorerNodePrimitive = {
+	Root: GraphExplorerNodeRoot,
+	Trigger: GraphExplorerNodeTrigger,
+	Expand: GraphExplorerNodeExpand
 };
+export { GraphExplorerNodePrimitive, GraphExplorerPrimitive, GraphExplorerProvider, graphExplorerNodeLabel, useGraphExplorerContext, useGraphExplorerNode };
+
 //# sourceMappingURL=index.js.map

package/dist/graph-explorer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/graph-explorer/parts.tsx","../../src/graph-explorer/helpers.ts","../../src/graph-explorer/index.ts"],"sourcesContent":["import type { GraphExploreNode } from \"@anvia/graph\";\nimport { forwardRef, type ChangeEvent, type MouseEvent, type ReactNode, useCallback } from \"react\";\n\nimport {\n  InternalGraphExplorerNodeProvider,\n  type GraphExplorerController,\n  type GraphExplorerExpandNodeOptions,\n  type GraphExplorerNodeContextValue,\n  useGraphExplorerContext,\n  useGraphExplorerNode,\n  useOptionalGraphExplorerNode,\n} from \"../contexts\";\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\nimport { graphExplorerNodeLabel } from \"./helpers\";\n\nexport const GraphExplorerRoot = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function GraphExplorerRoot(props, ref) {\n    const explorer = useGraphExplorerContext();\n    const truncated = explorer.truncated.nodes || explorer.truncated.relationships;\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        \"aria-busy\": explorer.status === \"loading\",\n        \"data-role\": \"graph-explorer\",\n        \"data-state\": explorer.status,\n        \"data-truncated\": truncated ? \"true\" : \"false\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nexport const GraphExplorerSearch = forwardRef<HTMLInputElement, PrimitiveProps<\"input\">>(\n  function GraphExplorerSearch({ onChange, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const handleChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        onChange?.(event);\n        if (!event.defaultPrevented) explorer.setQuery(event.currentTarget.value);\n      },\n      [explorer, onChange],\n    );\n    return renderPrimitive(\n      \"input\",\n      {\n        ...props,\n        \"aria-label\": props[\"aria-label\"] ?? \"Search graph\",\n        \"data-state\": explorer.query.length === 0 ? \"empty\" : \"populated\",\n        onChange: handleChange,\n        type: props.type ?? \"search\",\n        value: explorer.query,\n      } as PrimitiveProps<\"input\">,\n      ref,\n    );\n  },\n);\n\nexport const GraphExplorerViewport = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function GraphExplorerViewport(props, ref) {\n    return renderPrimitive(\n      \"div\",\n      { ...props, \"data-role\": \"graph-explorer-viewport\" } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype GraphExplorerNodesChildren =\n  | ReactNode\n  | ((node: GraphExploreNode, state: GraphExplorerNodeContextValue) => ReactNode);\n\ntype GraphExplorerNodesProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  children?: GraphExplorerNodesChildren;\n  keepMounted?: boolean;\n};\n\nexport const GraphExplorerNodes = forwardRef<HTMLDivElement, GraphExplorerNodesProps>(\n  function GraphExplorerNodes({ children, keepMounted = false, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const empty = explorer.nodes.length === 0;\n    if (empty && !keepMounted) return null;\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: explorer.nodes.map((node) => {\n          const state: GraphExplorerNodeContextValue = {\n            node,\n            selected: node.id === explorer.selectedNodeId,\n            matched: explorer.matchedNodeIds.has(node.id),\n          };\n          return (\n            <InternalGraphExplorerNodeProvider key={node.id} value={state}>\n              {typeof children === \"function\"\n                ? children(node, state)\n                : (children ?? (\n                    <GraphExplorerNodeRoot>\n                      <GraphExplorerNodeTrigger />\n                    </GraphExplorerNodeRoot>\n                  ))}\n            </InternalGraphExplorerNodeProvider>\n          );\n        }),\n        \"data-state\": empty ? \"empty\" : \"populated\",\n        role: props.role ?? \"list\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nexport const GraphExplorerEmpty = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function GraphExplorerEmpty(props, ref) {\n    const explorer = useGraphExplorerContext();\n    if (explorer.nodes.length > 0 || explorer.status === \"loading\") return null;\n    return renderPrimitive(\n      \"div\",\n      { ...props, children: props.children ?? \"No graph nodes.\" } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype GraphExplorerStatusChildren = ReactNode | ((explorer: GraphExplorerController) => ReactNode);\ntype GraphExplorerStatusProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  children?: GraphExplorerStatusChildren;\n};\n\nexport const GraphExplorerStatus = forwardRef<HTMLDivElement, GraphExplorerStatusProps>(\n  function GraphExplorerStatus({ children, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const content =\n      typeof children === \"function\" ? children(explorer) : (children ?? statusText(explorer));\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: content,\n        \"data-state\": explorer.status,\n        role: props.role ?? \"status\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nexport const GraphExplorerRefresh = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function GraphExplorerRefresh({ onClick, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const disabled = props.disabled ?? explorer.status === \"loading\";\n    const handleClick = useAsyncAction(onClick, disabled, explorer.refresh);\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Refresh graph\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nexport type GraphExplorerNodeRootProps = PrimitiveProps<\"div\"> & { nodeId?: string };\n\nexport const GraphExplorerNodeRoot = forwardRef<HTMLDivElement, GraphExplorerNodeRootProps>(\n  function GraphExplorerNodeRoot({ nodeId, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const inherited = useOptionalGraphExplorerNode();\n    const node = nodeId === undefined ? inherited?.node : explorer.nodeById.get(nodeId);\n    if (node === undefined) {\n      throw new Error(\n        nodeId === undefined\n          ? \"GraphExplorerNodePrimitive.Root requires a nodeId outside GraphExplorerPrimitive.Nodes.\"\n          : `Graph explorer node ${nodeId} is not loaded.`,\n      );\n    }\n    const state: GraphExplorerNodeContextValue = {\n      node,\n      selected: node.id === explorer.selectedNodeId,\n      matched: explorer.matchedNodeIds.has(node.id),\n    };\n    return (\n      <InternalGraphExplorerNodeProvider value={state}>\n        {renderPrimitive(\n          \"div\",\n          {\n            ...props,\n            \"data-match\": state.matched ? \"matched\" : \"unmatched\",\n            \"data-node-id\": state.node.id,\n            \"data-node-type\": state.node.type,\n            \"data-state\": state.selected ? \"selected\" : \"unselected\",\n            role: props.role ?? (inherited === undefined ? undefined : \"listitem\"),\n          } as PrimitiveProps<\"div\">,\n          ref,\n        )}\n      </InternalGraphExplorerNodeProvider>\n    );\n  },\n);\n\nexport const GraphExplorerNodeTrigger = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function GraphExplorerNodeTrigger({ onClick, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const state = useGraphExplorerNode();\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && !props.disabled) explorer.selectNode(state.node.id);\n      },\n      [explorer, onClick, props.disabled, state.node.id],\n    );\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? graphExplorerNodeLabel(state.node),\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"aria-pressed\": state.selected,\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\ntype GraphExplorerNodeExpandOptions = Omit<GraphExplorerExpandNodeOptions, \"abortSignal\">;\ntype GraphExplorerNodeExpandProps = PrimitiveProps<\"button\"> & {\n  options?: GraphExplorerNodeExpandOptions;\n};\n\nexport const GraphExplorerNodeExpand = forwardRef<HTMLButtonElement, GraphExplorerNodeExpandProps>(\n  function GraphExplorerNodeExpand({ onClick, options, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const state = useGraphExplorerNode();\n    const disabled = props.disabled ?? explorer.status === \"loading\";\n    const expand = useCallback(\n      () => explorer.expandNode(state.node.id, options),\n      [explorer, options, state.node.id],\n    );\n    const handleClick = useAsyncAction(onClick, disabled, expand);\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Expand\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nfunction useAsyncAction(\n  onClick: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined,\n  disabled: boolean,\n  action: () => Promise<unknown>,\n) {\n  return useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n      if (event.defaultPrevented || disabled) return;\n      void action().catch(() => undefined);\n    },\n    [action, disabled, onClick],\n  );\n}\n\nfunction statusText(explorer: GraphExplorerController): ReactNode {\n  if (explorer.status === \"loading\") return \"Loading graph.\";\n  if (explorer.status === \"error\") return \"Graph exploration failed.\";\n  return `${explorer.nodes.length} nodes, ${explorer.relationships.length} relationships.`;\n}\n","import type { GraphExploreNode } from \"@anvia/graph\";\n\nexport function graphExplorerNodeLabel(node: GraphExploreNode): string {\n  for (const key of [\"name\", \"title\", \"label\"] as const) {\n    const value = node.properties[key];\n    if (typeof value === \"string\" && value.trim().length > 0) return value;\n  }\n  if (node.key !== undefined) return node.key;\n  return `${node.type} ${node.id}`;\n}\n","import {\n  GraphExplorerEmpty,\n  GraphExplorerNodes,\n  GraphExplorerRefresh,\n  GraphExplorerRoot,\n  GraphExplorerSearch,\n  GraphExplorerStatus,\n  GraphExplorerViewport,\n  GraphExplorerNodeExpand,\n  GraphExplorerNodeRoot,\n  GraphExplorerNodeTrigger,\n} from \"./parts\";\n\nexport const GraphExplorerPrimitive = {\n  Root: GraphExplorerRoot,\n  Viewport: GraphExplorerViewport,\n  Search: GraphExplorerSearch,\n  Nodes: GraphExplorerNodes,\n  Empty: GraphExplorerEmpty,\n  Status: GraphExplorerStatus,\n  Refresh: GraphExplorerRefresh,\n} as const;\n\nexport const GraphExplorerNodePrimitive = {\n  Root: GraphExplorerNodeRoot,\n  Trigger: GraphExplorerNodeTrigger,\n  Expand: GraphExplorerNodeExpand,\n} as const;\n\nexport type {\n  GraphExplorerController,\n  GraphExplorerExpandNodeOptions,\n  GraphExplorerNodeContextValue,\n  GraphExplorerProviderProps,\n  GraphExplorerStatus,\n} from \"../contexts/graph-explorer\";\nexport {\n  GraphExplorerProvider,\n  useGraphExplorerContext,\n  useGraphExplorerNode,\n} from \"../contexts/graph-explorer\";\nexport { graphExplorerNodeLabel } from \"./helpers\";\nexport type { GraphExplorerNodeRootProps } from \"./parts\";\n"],"mappings":"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","names":["GraphExplorerRoot","GraphExplorerSearch","GraphExplorerViewport","GraphExplorerNodes","GraphExplorerEmpty","GraphExplorerStatus","GraphExplorerRefresh","GraphExplorerNodeRoot","GraphExplorerNodeTrigger","GraphExplorerNodeExpand"]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/graph-explorer/helpers.ts","../../src/graph-explorer/parts.tsx","../../src/graph-explorer/index.ts"],"sourcesContent":["import type { GraphExploreNode } from \"@anvia/graph\";\n\nexport function graphExplorerNodeLabel(node: GraphExploreNode): string {\n  for (const key of [\"name\", \"title\", \"label\"] as const) {\n    const value = node.properties[key];\n    if (typeof value === \"string\" && value.trim().length > 0) return value;\n  }\n  if (node.key !== undefined) return node.key;\n  return `${node.type} ${node.id}`;\n}\n","import type { GraphExploreNode } from \"@anvia/graph\";\nimport { forwardRef, type ChangeEvent, type MouseEvent, type ReactNode, useCallback } from \"react\";\n\nimport {\n  InternalGraphExplorerNodeProvider,\n  type GraphExplorerController,\n  type GraphExplorerExpandNodeOptions,\n  type GraphExplorerNodeContextValue,\n  useGraphExplorerContext,\n  useGraphExplorerNode,\n  useOptionalGraphExplorerNode,\n} from \"../contexts\";\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\nimport { graphExplorerNodeLabel } from \"./helpers\";\n\nexport const GraphExplorerRoot = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function GraphExplorerRoot(props, ref) {\n    const explorer = useGraphExplorerContext();\n    const truncated = explorer.truncated.nodes || explorer.truncated.relationships;\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        \"aria-busy\": explorer.status === \"loading\",\n        \"data-role\": \"graph-explorer\",\n        \"data-state\": explorer.status,\n        \"data-truncated\": truncated ? \"true\" : \"false\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nexport const GraphExplorerSearch = forwardRef<HTMLInputElement, PrimitiveProps<\"input\">>(\n  function GraphExplorerSearch({ onChange, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const handleChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        onChange?.(event);\n        if (!event.defaultPrevented) explorer.setQuery(event.currentTarget.value);\n      },\n      [explorer, onChange],\n    );\n    return renderPrimitive(\n      \"input\",\n      {\n        ...props,\n        \"aria-label\": props[\"aria-label\"] ?? \"Search graph\",\n        \"data-state\": explorer.query.length === 0 ? \"empty\" : \"populated\",\n        onChange: handleChange,\n        type: props.type ?? \"search\",\n        value: explorer.query,\n      } as PrimitiveProps<\"input\">,\n      ref,\n    );\n  },\n);\n\nexport const GraphExplorerViewport = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function GraphExplorerViewport(props, ref) {\n    return renderPrimitive(\n      \"div\",\n      { ...props, \"data-role\": \"graph-explorer-viewport\" } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype GraphExplorerNodesChildren =\n  | ReactNode\n  | ((node: GraphExploreNode, state: GraphExplorerNodeContextValue) => ReactNode);\n\ntype GraphExplorerNodesProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  children?: GraphExplorerNodesChildren;\n  keepMounted?: boolean;\n};\n\nexport const GraphExplorerNodes = forwardRef<HTMLDivElement, GraphExplorerNodesProps>(\n  function GraphExplorerNodes({ children, keepMounted = false, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const empty = explorer.nodes.length === 0;\n    if (empty && !keepMounted) return null;\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: explorer.nodes.map((node) => {\n          const state: GraphExplorerNodeContextValue = {\n            node,\n            selected: node.id === explorer.selectedNodeId,\n            matched: explorer.matchedNodeIds.has(node.id),\n          };\n          return (\n            <InternalGraphExplorerNodeProvider key={node.id} value={state}>\n              {typeof children === \"function\"\n                ? children(node, state)\n                : (children ?? (\n                    <GraphExplorerNodeRoot>\n                      <GraphExplorerNodeTrigger />\n                    </GraphExplorerNodeRoot>\n                  ))}\n            </InternalGraphExplorerNodeProvider>\n          );\n        }),\n        \"data-state\": empty ? \"empty\" : \"populated\",\n        role: props.role ?? \"list\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nexport const GraphExplorerEmpty = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function GraphExplorerEmpty(props, ref) {\n    const explorer = useGraphExplorerContext();\n    if (explorer.nodes.length > 0 || explorer.status === \"loading\") return null;\n    return renderPrimitive(\n      \"div\",\n      { ...props, children: props.children ?? \"No graph nodes.\" } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype GraphExplorerStatusChildren = ReactNode | ((explorer: GraphExplorerController) => ReactNode);\ntype GraphExplorerStatusProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  children?: GraphExplorerStatusChildren;\n};\n\nexport const GraphExplorerStatus = forwardRef<HTMLDivElement, GraphExplorerStatusProps>(\n  function GraphExplorerStatus({ children, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const content =\n      typeof children === \"function\" ? children(explorer) : (children ?? statusText(explorer));\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: content,\n        \"data-state\": explorer.status,\n        role: props.role ?? \"status\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nexport const GraphExplorerRefresh = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function GraphExplorerRefresh({ onClick, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const disabled = props.disabled ?? explorer.status === \"loading\";\n    const handleClick = useAsyncAction(onClick, disabled, explorer.refresh);\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Refresh graph\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nexport type GraphExplorerNodeRootProps = PrimitiveProps<\"div\"> & { nodeId?: string };\n\nexport const GraphExplorerNodeRoot = forwardRef<HTMLDivElement, GraphExplorerNodeRootProps>(\n  function GraphExplorerNodeRoot({ nodeId, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const inherited = useOptionalGraphExplorerNode();\n    const node = nodeId === undefined ? inherited?.node : explorer.nodeById.get(nodeId);\n    if (node === undefined) {\n      throw new Error(\n        nodeId === undefined\n          ? \"GraphExplorerNodePrimitive.Root requires a nodeId outside GraphExplorerPrimitive.Nodes.\"\n          : `Graph explorer node ${nodeId} is not loaded.`,\n      );\n    }\n    const state: GraphExplorerNodeContextValue = {\n      node,\n      selected: node.id === explorer.selectedNodeId,\n      matched: explorer.matchedNodeIds.has(node.id),\n    };\n    return (\n      <InternalGraphExplorerNodeProvider value={state}>\n        {renderPrimitive(\n          \"div\",\n          {\n            ...props,\n            \"data-match\": state.matched ? \"matched\" : \"unmatched\",\n            \"data-node-id\": state.node.id,\n            \"data-node-type\": state.node.type,\n            \"data-state\": state.selected ? \"selected\" : \"unselected\",\n            role: props.role ?? (inherited === undefined ? undefined : \"listitem\"),\n          } as PrimitiveProps<\"div\">,\n          ref,\n        )}\n      </InternalGraphExplorerNodeProvider>\n    );\n  },\n);\n\nexport const GraphExplorerNodeTrigger = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function GraphExplorerNodeTrigger({ onClick, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const state = useGraphExplorerNode();\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && !props.disabled) explorer.selectNode(state.node.id);\n      },\n      [explorer, onClick, props.disabled, state.node.id],\n    );\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? graphExplorerNodeLabel(state.node),\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"aria-pressed\": state.selected,\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\ntype GraphExplorerNodeExpandOptions = Omit<GraphExplorerExpandNodeOptions, \"abortSignal\">;\ntype GraphExplorerNodeExpandProps = PrimitiveProps<\"button\"> & {\n  options?: GraphExplorerNodeExpandOptions;\n};\n\nexport const GraphExplorerNodeExpand = forwardRef<HTMLButtonElement, GraphExplorerNodeExpandProps>(\n  function GraphExplorerNodeExpand({ onClick, options, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const state = useGraphExplorerNode();\n    const disabled = props.disabled ?? explorer.status === \"loading\";\n    const expand = useCallback(\n      () => explorer.expandNode(state.node.id, options),\n      [explorer, options, state.node.id],\n    );\n    const handleClick = useAsyncAction(onClick, disabled, expand);\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Expand\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nfunction useAsyncAction(\n  onClick: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined,\n  disabled: boolean,\n  action: () => Promise<unknown>,\n) {\n  return useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n      if (event.defaultPrevented || disabled) return;\n      void action().catch(() => undefined);\n    },\n    [action, disabled, onClick],\n  );\n}\n\nfunction statusText(explorer: GraphExplorerController): ReactNode {\n  if (explorer.status === \"loading\") return \"Loading graph.\";\n  if (explorer.status === \"error\") return \"Graph exploration failed.\";\n  return `${explorer.nodes.length} nodes, ${explorer.relationships.length} relationships.`;\n}\n","import {\n  GraphExplorerEmpty,\n  GraphExplorerNodes,\n  GraphExplorerRefresh,\n  GraphExplorerRoot,\n  GraphExplorerSearch,\n  GraphExplorerStatus,\n  GraphExplorerViewport,\n  GraphExplorerNodeExpand,\n  GraphExplorerNodeRoot,\n  GraphExplorerNodeTrigger,\n} from \"./parts\";\n\nexport const GraphExplorerPrimitive = {\n  Root: GraphExplorerRoot,\n  Viewport: GraphExplorerViewport,\n  Search: GraphExplorerSearch,\n  Nodes: GraphExplorerNodes,\n  Empty: GraphExplorerEmpty,\n  Status: GraphExplorerStatus,\n  Refresh: GraphExplorerRefresh,\n} as const;\n\nexport const GraphExplorerNodePrimitive = {\n  Root: GraphExplorerNodeRoot,\n  Trigger: GraphExplorerNodeTrigger,\n  Expand: GraphExplorerNodeExpand,\n} as const;\n\nexport type {\n  GraphExplorerController,\n  GraphExplorerExpandNodeOptions,\n  GraphExplorerNodeContextValue,\n  GraphExplorerProviderProps,\n  GraphExplorerStatus,\n} from \"../contexts/graph-explorer\";\nexport {\n  GraphExplorerProvider,\n  useGraphExplorerContext,\n  useGraphExplorerNode,\n} from \"../contexts/graph-explorer\";\nexport { graphExplorerNodeLabel } from \"./helpers\";\nexport type { GraphExplorerNodeRootProps } from \"./parts\";\n"],"mappings":"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"}

package/dist/human-input/index.d.ts

@@ -1,78 +1,3 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { d as ApprovalInteraction, e as QuestionInteraction } from '../human-input-CkLrZ8IC.js';
-export { A as ApprovalContextValue, Q as QuestionContextValue, a as QuestionPromptContextValue, u as useApproval, b as useQuestion, c as useQuestionPrompt } from '../human-input-CkLrZ8IC.js';
-import { c as useHumanInput } from '../chat-PSj1Fo4W.js';
-export { u as useChatContext } from '../chat-PSj1Fo4W.js';
-import { P as PrimitiveProps } from '../render-CRKWam2v.js';
-import '@anvia/client';
-import '@anvia/react';
-
-type ApprovalChildren = ReactNode | ((approval: ApprovalInteraction) => ReactNode);
-type HumanInputFilter = "pending" | "all";
-
-type QuestionChildren = ReactNode | ((question: QuestionInteraction) => ReactNode);
-
-declare const HumanInputPrimitive: {
-    readonly Panel: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
-        asChild?: boolean;
-    } & {
-        filter?: HumanInputFilter;
-    } & react.RefAttributes<HTMLDivElement>>;
-    readonly Status: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
-        children?: react.ReactNode | ((state: ReturnType<typeof useHumanInput>) => react.ReactNode);
-    } & react.RefAttributes<HTMLDivElement>>;
-    readonly Approvals: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
-        asChild?: boolean;
-    } & {
-        filter?: HumanInputFilter;
-        keepMounted?: boolean;
-        children?: ApprovalChildren;
-    } & react.RefAttributes<HTMLDivElement>>;
-    readonly Approval: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
-        asChild?: boolean;
-    } & {
-        children?: ApprovalChildren;
-    } & react.RefAttributes<HTMLDivElement>>;
-    readonly ApprovalReason: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "asChild"> & {
-        asChild?: boolean;
-    } & react.RefAttributes<HTMLTextAreaElement>>;
-    readonly Approve: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
-        asChild?: boolean;
-    } & react.RefAttributes<HTMLButtonElement>>;
-    readonly Reject: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
-        asChild?: boolean;
-    } & react.RefAttributes<HTMLButtonElement>>;
-    readonly Questions: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
-        asChild?: boolean;
-    } & {
-        filter?: HumanInputFilter;
-        keepMounted?: boolean;
-        children?: QuestionChildren;
-    } & react.RefAttributes<HTMLDivElement>>;
-    readonly Question: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
-        asChild?: boolean;
-    } & {
-        children?: QuestionChildren;
-    } & react.RefAttributes<HTMLDivElement>>;
-    readonly QuestionPrompt: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
-        asChild?: boolean;
-    } & {
-        promptId?: string;
-    } & react.RefAttributes<HTMLDivElement>>;
-    readonly QuestionChoice: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
-        asChild?: boolean;
-    } & {
-        value?: string;
-        answer?: string;
-        custom?: boolean;
-    } & react.RefAttributes<HTMLButtonElement>>;
-    readonly QuestionTextAnswer: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "asChild"> & {
-        asChild?: boolean;
-    } & react.RefAttributes<HTMLTextAreaElement>>;
-    readonly QuestionSubmit: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
-        asChild?: boolean;
-    } & react.RefAttributes<HTMLButtonElement>>;
-};
-
-export { HumanInputPrimitive, useHumanInput };
+import { C as QuestionPromptContextValue, E as useQuestionPrompt, T as useQuestion, at as useChatContext, ot as useHumanInput, w as useApproval, x as QuestionContextValue, y as ApprovalContextValue } from "../index-Mw3ltwSG.js";
+import { p as HumanInputPrimitive } from "../index-BCBVcl0D.js";
+export { type ApprovalContextValue, HumanInputPrimitive, type QuestionContextValue, type QuestionPromptContextValue, useApproval, useChatContext, useHumanInput, useQuestion, useQuestionPrompt };

package/dist/human-input/index.js

@@ -1,21 +1,3 @@
-import {
-  HumanInputPrimitive
-} from "../chunk-N5XQU36W.js";
-import "../chunk-CKA4CE26.js";
-import "../chunk-T3ZFZ3NP.js";
-import {
-  useApproval,
-  useChatContext,
-  useHumanInput,
-  useQuestion,
-  useQuestionPrompt
-} from "../chunk-E73S3SOF.js";
-export {
-  HumanInputPrimitive,
-  useApproval,
-  useChatContext,
-  useHumanInput,
-  useQuestion,
-  useQuestionPrompt
-};
-//# sourceMappingURL=index.js.map
+import { C as useQuestionPrompt, I as useChatContext, L as useHumanInput, S as useQuestion, x as useApproval } from "../contexts-B4ijG24z.js";
+import { t as HumanInputPrimitive } from "../human-input-CsCbZomZ.js";
+export { HumanInputPrimitive, useApproval, useChatContext, useHumanInput, useQuestion, useQuestionPrompt };