@cogentic-co/ds 0.5.0 → 0.5.3

package/dist/workflow.js

@@ -1,6 +1,800 @@
 "use client";
-export { AnimatedEdge, Canvas, DashedEdge, DottedEdge, HandleBoundary, SolidEdge, TemporaryEdge, WorkflowConnection, WorkflowConnectionAnimated, WorkflowConnectionDashed, WorkflowConnectionDotted, WorkflowControls, WorkflowEdge, WorkflowGate, WorkflowGroup, WorkflowHandle, WorkflowLabel, WorkflowMinimap, WorkflowNode, WorkflowNodeAction, WorkflowNodeContent, WorkflowNodeDescription, WorkflowNodeFooter, WorkflowNodeHeader, WorkflowNodeRow, WorkflowNodeSeparator, WorkflowNodeTitle, WorkflowPanel, WorkflowToolbar, createConnectionLine, handleBase, workflowConnectionVariants, workflowGateVariants, workflowGroupVariants, workflowNodeVariants } from './chunk-UW2CXNUS.js';
-import './chunk-OGKUGKX6.js';
-import './chunk-QJTFKQBI.js';
+import { cn, __objRest, __spreadProps, __spreadValues } from './chunk-GZNLQE3I.js';
+import { ReactFlow, Background, Controls, getBezierPath, BaseEdge, getSimpleBezierPath, Handle, Position, MiniMap, Panel, NodeToolbar } from '@xyflow/react';
+import '@xyflow/react/dist/style.css';
+import { createContext, Component, useState, useContext } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import { GripVertical, ChevronDown, ChevronUp, Plus } from 'lucide-react';
+
+var WorkflowContext = createContext("vertical");
+function useWorkflowLayout() {
+  return useContext(WorkflowContext);
+}
+var deleteKeyCode = ["Backspace", "Delete"];
+function Canvas(_a) {
+  var _b = _a, { children, className, layout = "vertical" } = _b, props = __objRest(_b, ["children", "className", "layout"]);
+  return /* @__PURE__ */ jsx(WorkflowContext, { value: layout, children: /* @__PURE__ */ jsxs(
+    ReactFlow,
+    __spreadProps(__spreadValues({
+      "data-slot": "canvas",
+      deleteKeyCode,
+      fitView: true,
+      panOnDrag: false,
+      panOnScroll: true,
+      selectionOnDrag: true,
+      zoomOnDoubleClick: false,
+      className: cn("", className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(Background, { bgColor: "var(--color-sidebar)" }),
+        children
+      ]
+    })
+  ) });
+}
+var workflowConnectionVariants = cva("", {
+  variants: {
+    variant: {
+      default: "",
+      dotted: "",
+      dashed: "",
+      animated: ""
+    }
+  },
+  defaultVariants: { variant: "default" }
+});
+var strokeDash = {
+  default: void 0,
+  dotted: "2, 6",
+  dashed: "12, 6",
+  animated: void 0
+};
+function createConnectionLine(variant) {
+  const ConnectionLine = ({ fromX, fromY, toX, toY }) => {
+    const dx = Math.abs(toX - fromX);
+    const dy = Math.abs(toY - fromY);
+    const isVertical = dy > dx;
+    const path = isVertical ? `M${fromX},${fromY} C ${fromX},${fromY + (toY - fromY) * 0.5} ${toX},${fromY + (toY - fromY) * 0.5} ${toX},${toY}` : `M${fromX},${fromY} C ${fromX + (toX - fromX) * 0.5},${fromY} ${fromX + (toX - fromX) * 0.5},${toY} ${toX},${toY}`;
+    return /* @__PURE__ */ jsxs("g", { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: path,
+          fill: "none",
+          stroke: "var(--color-ring)",
+          strokeWidth: 2,
+          strokeDasharray: strokeDash[variant],
+          strokeLinecap: variant === "dotted" ? "round" : void 0
+        }
+      ),
+      variant === "animated" && /* @__PURE__ */ jsx("circle", { fill: "var(--color-primary)", r: 3, children: /* @__PURE__ */ jsx("animateMotion", { dur: "1s", path, repeatCount: "indefinite" }) }),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: toX,
+          cy: toY,
+          fill: "var(--color-card)",
+          r: 4,
+          stroke: "var(--color-ring)",
+          strokeWidth: 2
+        }
+      )
+    ] });
+  };
+  return ConnectionLine;
+}
+var WorkflowConnection = createConnectionLine("default");
+var WorkflowConnectionDotted = createConnectionLine("dotted");
+var WorkflowConnectionDashed = createConnectionLine("dashed");
+var WorkflowConnectionAnimated = createConnectionLine("animated");
+function WorkflowControls(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    Controls,
+    __spreadValues({
+      "data-slot": "workflow-controls",
+      className: cn(
+        "gap-px overflow-hidden rounded-md border bg-card p-1 shadow-none!",
+        "[&>button]:rounded-md [&>button]:border-none! [&>button]:bg-transparent! [&>button]:hover:bg-secondary!",
+        className
+      )
+    }, props)
+  );
+}
+var variantStyles = {
+  solid: {},
+  dotted: { strokeDasharray: "3, 6", strokeLinecap: "round" },
+  dashed: { strokeDasharray: "8, 4" },
+  animated: {}
+};
+function SolidEdge({
+  id,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+  data,
+  markerEnd,
+  style
+}) {
+  var _a;
+  const variant = (_a = data == null ? void 0 : data.variant) != null ? _a : "solid";
+  const color = data == null ? void 0 : data.color;
+  const strokeColor = color != null ? color : "var(--color-muted-foreground)";
+  const markerId = `arrow-${id}`;
+  const resolvedMarkerEnd = (data == null ? void 0 : data.arrow) ? `url(#${markerId})` : markerEnd;
+  const [edgePath, labelX, labelY] = getBezierPath({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    (data == null ? void 0 : data.arrow) && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+      "marker",
+      {
+        id: markerId,
+        markerWidth: "12",
+        markerHeight: "12",
+        refX: "10",
+        refY: "6",
+        orient: "auto",
+        markerUnits: "userSpaceOnUse",
+        children: /* @__PURE__ */ jsx("path", { d: "M2,2 L10,6 L2,10 Z", fill: strokeColor })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      BaseEdge,
+      {
+        id,
+        path: edgePath,
+        markerEnd: resolvedMarkerEnd,
+        className: "!stroke-muted-foreground/50",
+        style: __spreadValues(__spreadValues(__spreadValues({
+          strokeWidth: 2
+        }, variantStyles[variant]), color ? { stroke: color } : {}), style)
+      }
+    ),
+    (data == null ? void 0 : data.label) && /* @__PURE__ */ jsx(
+      "foreignObject",
+      {
+        x: labelX - 40,
+        y: labelY - 10,
+        width: 80,
+        height: 20,
+        className: "pointer-events-none",
+        children: /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center rounded-full bg-card px-2 py-0.5 font-medium text-[10px] text-muted-foreground ring-1 ring-border", children: data.label })
+      }
+    )
+  ] });
+}
+function DottedEdge(props) {
+  return /* @__PURE__ */ jsx(SolidEdge, __spreadProps(__spreadValues({}, props), { data: __spreadProps(__spreadValues({}, props.data), { variant: "dotted" }) }));
+}
+function DashedEdge(props) {
+  return /* @__PURE__ */ jsx(SolidEdge, __spreadProps(__spreadValues({}, props), { data: __spreadProps(__spreadValues({}, props.data), { variant: "dashed" }) }));
+}
+function TemporaryEdge({
+  id,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition
+}) {
+  const [edgePath] = getSimpleBezierPath({
+    sourcePosition,
+    sourceX,
+    sourceY,
+    targetPosition,
+    targetX,
+    targetY
+  });
+  return /* @__PURE__ */ jsx(
+    BaseEdge,
+    {
+      className: "!stroke-ring",
+      id,
+      path: edgePath,
+      style: { strokeWidth: 2, strokeDasharray: "5, 5" }
+    }
+  );
+}
+function AnimatedEdge({
+  id,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+  markerEnd,
+  style,
+  data
+}) {
+  const color = data == null ? void 0 : data.color;
+  const strokeColor = color != null ? color : "var(--color-primary)";
+  const markerId = `arrow-${id}`;
+  const resolvedMarkerEnd = (data == null ? void 0 : data.arrow) ? `url(#${markerId})` : markerEnd;
+  const [edgePath] = getBezierPath({
+    sourceX,
+    sourceY,
+    targetX,
+    targetY,
+    sourcePosition,
+    targetPosition
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    (data == null ? void 0 : data.arrow) && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+      "marker",
+      {
+        id: markerId,
+        markerWidth: "12",
+        markerHeight: "12",
+        refX: "10",
+        refY: "6",
+        orient: "auto",
+        markerUnits: "userSpaceOnUse",
+        children: /* @__PURE__ */ jsx("path", { d: "M2,2 L10,6 L2,10 Z", fill: strokeColor })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      BaseEdge,
+      {
+        id,
+        markerEnd: resolvedMarkerEnd,
+        path: edgePath,
+        className: "!stroke-primary/40",
+        style: __spreadValues(__spreadValues({ strokeWidth: 2 }, color ? { stroke: color } : {}), style)
+      }
+    ),
+    /* @__PURE__ */ jsx("circle", { fill: strokeColor, r: "4", children: /* @__PURE__ */ jsx("animateMotion", { dur: "2s", path: edgePath, repeatCount: "indefinite" }) })
+  ] });
+}
+var WorkflowEdge = {
+  Solid: SolidEdge,
+  Dotted: DottedEdge,
+  Dashed: DashedEdge,
+  Animated: AnimatedEdge,
+  Temporary: TemporaryEdge
+};
+var HandleBoundary = class extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(_, __) {
+  }
+  render() {
+    if (this.state.hasError) return null;
+    return this.props.children;
+  }
+};
+var workflowGateVariants = cva(
+  [
+    "group/gate relative flex items-center justify-center",
+    "bg-card overflow-visible",
+    "transition-shadow duration-150"
+  ].join(" "),
+  {
+    variants: {
+      type: {
+        "if-else": "size-14 rotate-45 rounded-lg ring-2 ring-amber-400 dark:ring-amber-500",
+        switch: "size-14 rotate-45 rounded-lg ring-2 ring-violet-400 dark:ring-violet-500",
+        merge: "size-14 rotate-45 rounded-lg ring-2 ring-sky-400 dark:ring-sky-500",
+        delay: "size-14 rounded-full ring-2 ring-orange-400 dark:ring-orange-500",
+        end: "size-10 rounded-full ring-2 ring-red-400 dark:ring-red-500"
+      },
+      selected: {
+        true: "ring-[3px] ring-primary shadow-md",
+        false: ""
+      }
+    },
+    defaultVariants: { type: "if-else", selected: false }
+  }
+);
+var iconColor = {
+  "if-else": "text-amber-500 dark:text-amber-400",
+  switch: "text-violet-500 dark:text-violet-400",
+  merge: "text-sky-500 dark:text-sky-400",
+  delay: "text-orange-500 dark:text-orange-400",
+  end: "text-red-500 dark:text-red-400"
+};
+var branchLabelColor = {
+  "if-else": "border-emerald-300 bg-emerald-50 text-emerald-700 dark:border-emerald-600 dark:bg-emerald-950/40 dark:text-emerald-400",
+  switch: "border-violet-300 bg-violet-50 text-violet-700 dark:border-violet-600 dark:bg-violet-950/40 dark:text-violet-400",
+  merge: "border-sky-300 bg-sky-50 text-sky-700 dark:border-sky-600 dark:bg-sky-950/40 dark:text-sky-400",
+  delay: "border-orange-300 bg-orange-50 text-orange-700 dark:border-orange-600 dark:bg-orange-950/40 dark:text-orange-400",
+  end: "border-red-300 bg-red-50 text-red-700 dark:border-red-600 dark:bg-red-950/40 dark:text-red-400"
+};
+function BranchLabel({
+  children,
+  side,
+  type
+}) {
+  var _a;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "absolute top-1/2 -translate-y-1/2 whitespace-nowrap",
+        "rounded-md border px-2.5 py-1 font-semibold text-[11px]",
+        (_a = branchLabelColor[type]) != null ? _a : branchLabelColor["if-else"],
+        side === "left" ? "right-full mr-4" : "left-full ml-4"
+      ),
+      children
+    }
+  );
+}
+var handleClassName = cn(
+  "!size-2.5 !rounded-full !border-[1.5px] !border-card !bg-muted-foreground/60",
+  "hover:!bg-primary !transition-colors"
+);
+function WorkflowGate(_a) {
+  var _b = _a, {
+    type = "if-else",
+    selected,
+    label,
+    icon,
+    handles,
+    branches,
+    className
+  } = _b, props = __objRest(_b, [
+    "type",
+    "selected",
+    "label",
+    "icon",
+    "handles",
+    "branches",
+    "className"
+  ]);
+  const isRotated = type === "if-else" || type === "switch" || type === "merge";
+  const gateType = type != null ? type : "if-else";
+  let layout = "vertical";
+  try {
+    layout = useWorkflowLayout();
+  } catch (e) {
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "workflow-gate",
+      "data-gate-type": gateType,
+      className: cn("relative flex items-center justify-center", className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("div", { className: cn(workflowGateVariants({ type, selected })), children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex flex-col items-center justify-center gap-0.5",
+              isRotated && "-rotate-45"
+            ),
+            children: [
+              icon && /* @__PURE__ */ jsx("span", { className: cn("[&>svg]:size-5", iconColor[gateType]), children: icon }),
+              label && !icon && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn("font-bold text-[9px] uppercase tracking-wider", iconColor[gateType]),
+                  children: label
+                }
+              )
+            ]
+          }
+        ) }),
+        (branches == null ? void 0 : branches.left) && /* @__PURE__ */ jsx(BranchLabel, { side: "left", type: gateType, children: branches.left }),
+        (branches == null ? void 0 : branches.right) && /* @__PURE__ */ jsx(BranchLabel, { side: "right", type: gateType, children: branches.right }),
+        (handles == null ? void 0 : handles.top) && /* @__PURE__ */ jsx(HandleBoundary, { children: /* @__PURE__ */ jsx(
+          Handle,
+          {
+            type: "target",
+            position: layout === "horizontal" ? Position.Left : Position.Top,
+            className: handleClassName
+          }
+        ) }),
+        (handles == null ? void 0 : handles.bottom) && /* @__PURE__ */ jsx(HandleBoundary, { children: /* @__PURE__ */ jsx(
+          Handle,
+          {
+            type: "source",
+            position: layout === "horizontal" ? Position.Right : Position.Bottom,
+            className: handleClassName
+          }
+        ) }),
+        (handles == null ? void 0 : handles.left) && /* @__PURE__ */ jsx(HandleBoundary, { children: /* @__PURE__ */ jsx(Handle, { type: "source", position: Position.Left, id: "left", className: handleClassName }) }),
+        (handles == null ? void 0 : handles.right) && /* @__PURE__ */ jsx(HandleBoundary, { children: /* @__PURE__ */ jsx(Handle, { type: "source", position: Position.Right, id: "right", className: handleClassName }) })
+      ]
+    })
+  );
+}
+var workflowGroupVariants = cva(
+  ["relative rounded-2xl border-2 border-dashed p-4 pt-8", "transition-shadow duration-150"].join(
+    " "
+  ),
+  {
+    variants: {
+      variant: {
+        default: "border-border/50 bg-muted/20",
+        primary: "border-primary/30 bg-primary/5",
+        success: "border-emerald-400/30 bg-emerald-50/30 dark:bg-emerald-950/10",
+        warning: "border-amber-400/30 bg-amber-50/30 dark:bg-amber-950/10"
+      },
+      selected: {
+        true: "border-primary/60 shadow-md",
+        false: ""
+      }
+    },
+    defaultVariants: { variant: "default", selected: false }
+  }
+);
+function WorkflowGroup(_a) {
+  var _b = _a, {
+    variant,
+    selected,
+    label,
+    icon,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "selected",
+    "label",
+    "icon",
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "workflow-group",
+      className: cn(workflowGroupVariants({ variant, selected }), className)
+    }, props), {
+      children: [
+        (label || icon) && /* @__PURE__ */ jsxs("div", { className: "absolute -top-3 left-4 inline-flex items-center gap-1.5 rounded-md bg-card px-2.5 py-1 font-semibold text-muted-foreground text-xs shadow-sm ring-1 ring-border", children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "[&>svg]:size-3.5", children: icon }),
+          label
+        ] }),
+        children
+      ]
+    })
+  );
+}
+var HandleBoundary2 = class extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(_, __) {
+  }
+  render() {
+    if (this.state.hasError) return null;
+    return this.props.children;
+  }
+};
+var handleBase = "!size-2.5 !rounded-full !border-[1.5px] !border-card !bg-muted-foreground/60 hover:!bg-primary !transition-colors";
+function WorkflowHandle(_a) {
+  var _b = _a, { type, position, className } = _b, props = __objRest(_b, ["type", "position", "className"]);
+  let layout = "vertical";
+  try {
+    layout = useWorkflowLayout();
+  } catch (e) {
+  }
+  const resolvedPosition = position != null ? position : type === "source" ? layout === "horizontal" ? Position.Right : Position.Bottom : layout === "horizontal" ? Position.Left : Position.Top;
+  return /* @__PURE__ */ jsx(HandleBoundary2, { children: /* @__PURE__ */ jsx(
+    Handle,
+    __spreadValues({
+      type,
+      position: resolvedPosition,
+      className: cn(handleBase, className)
+    }, props)
+  ) });
+}
+var variantClasses = {
+  default: "bg-card text-foreground ring-border",
+  success: "bg-emerald-50 text-emerald-700 ring-emerald-200 dark:bg-emerald-950/40 dark:text-emerald-300 dark:ring-emerald-800",
+  warning: "bg-amber-50 text-amber-700 ring-amber-200 dark:bg-amber-950/40 dark:text-amber-300 dark:ring-amber-800",
+  error: "bg-red-50 text-red-700 ring-red-200 dark:bg-red-950/40 dark:text-red-300 dark:ring-red-800",
+  muted: "bg-muted text-muted-foreground ring-border"
+};
+function WorkflowLabel(_a) {
+  var _b = _a, { variant = "default", className } = _b, props = __objRest(_b, ["variant", "className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "workflow-label",
+      className: cn(
+        "inline-flex items-center gap-1.5 rounded-full px-3 py-1 font-semibold text-[11px] shadow-sm ring-1",
+        variantClasses[variant],
+        className
+      )
+    }, props)
+  );
+}
+function WorkflowMinimap(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    MiniMap,
+    __spreadValues({
+      "data-slot": "workflow-minimap",
+      className: cn("!rounded-lg !border !border-border !bg-card !shadow-sm", className),
+      maskColor: "var(--color-muted)",
+      nodeColor: "var(--color-primary)",
+      nodeStrokeColor: "var(--color-border)",
+      nodeBorderRadius: 8
+    }, props)
+  );
+}
+var HandleBoundary3 = class extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(_, __) {
+  }
+  render() {
+    if (this.state.hasError) return null;
+    return this.props.children;
+  }
+};
+var workflowNodeVariants = cva(
+  [
+    "group/node relative flex flex-col bg-card text-card-foreground",
+    "rounded-2xl shadow-sm overflow-visible w-80",
+    "transition-shadow duration-150"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        default: "ring-1 ring-border/70",
+        selected: "ring-[3px] ring-primary shadow-md",
+        dotted: "border-2 border-dashed border-muted-foreground/30 shadow-none"
+      }
+    },
+    defaultVariants: { state: "default" }
+  }
+);
+function NodeHandle({ type }) {
+  let layout = "vertical";
+  try {
+    layout = useWorkflowLayout();
+  } catch (e) {
+  }
+  const position = layout === "horizontal" ? type === "target" ? Position.Left : Position.Right : type === "target" ? Position.Top : Position.Bottom;
+  return /* @__PURE__ */ jsx(
+    Handle,
+    {
+      type,
+      position,
+      className: cn(
+        "!flex !items-center !justify-center",
+        "!size-5 !rounded-full !border-2 !border-card !bg-muted-foreground/70",
+        "hover:!bg-primary hover:!border-primary/20 !transition-colors"
+      ),
+      children: /* @__PURE__ */ jsx(Plus, { className: "pointer-events-none size-2.5 text-card" })
+    }
+  );
+}
+function WorkflowNodeHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "workflow-node-header",
+      className: cn("flex items-center gap-3 px-4 py-3.5", className)
+    }, props)
+  );
+}
+function WorkflowNodeTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "workflow-node-title",
+      className: cn("min-w-0 flex-1 truncate font-bold text-sm leading-tight", className)
+    }, props)
+  );
+}
+function WorkflowNodeDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "workflow-node-description",
+      className: cn("text-muted-foreground text-xs", className)
+    }, props)
+  );
+}
+function WorkflowNodeAction(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "workflow-node-action",
+      className: cn("ml-auto shrink-0", className)
+    }, props)
+  );
+}
+function WorkflowNodeContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "workflow-node-content",
+      className: cn("space-y-2.5 px-4 py-3", className)
+    }, props)
+  );
+}
+function WorkflowNodeFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "workflow-node-footer",
+      className: cn(
+        "flex items-center justify-center gap-1.5 px-4 py-2.5",
+        "font-semibold text-muted-foreground text-xs",
+        className
+      )
+    }, props)
+  );
+}
+function WorkflowNodeSeparator(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "workflow-node-separator",
+      className: cn("mx-3 border-muted-foreground/20 border-t border-dashed", className)
+    }, props)
+  );
+}
+function WorkflowNodeRow(_a) {
+  var _b = _a, {
+    label,
+    value,
+    icon,
+    className
+  } = _b, props = __objRest(_b, [
+    "label",
+    "value",
+    "icon",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "workflow-node-row",
+      className: cn(
+        "flex items-center justify-between gap-3 rounded-xl bg-muted/60 px-4 py-2.5",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: label }),
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 font-semibold text-sm", children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 [&>img]:size-6 [&>img]:rounded-full [&>svg]:size-4", children: icon }),
+          value
+        ] })
+      ]
+    })
+  );
+}
+function WorkflowNode(_a) {
+  var _b = _a, {
+    state,
+    draggable: showDragHandle,
+    icon,
+    title,
+    status,
+    badge,
+    collapsible,
+    defaultCollapsed = false,
+    footer,
+    handles,
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "state",
+    "draggable",
+    "icon",
+    "title",
+    "status",
+    "badge",
+    "collapsible",
+    "defaultCollapsed",
+    "footer",
+    "handles",
+    "className",
+    "children"
+  ]);
+  const [collapsed, setCollapsed] = useState(defaultCollapsed);
+  const hasHeader = icon || title || status || showDragHandle;
+  const hasContent = !!children;
+  const hasFooter = footer || collapsible;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "workflow-node",
+      "data-state": state != null ? state : "default",
+      className: cn(workflowNodeVariants({ state }), className)
+    }, props), {
+      children: [
+        (handles == null ? void 0 : handles.target) && /* @__PURE__ */ jsx(HandleBoundary3, { children: /* @__PURE__ */ jsx(NodeHandle, { type: "target" }) }),
+        hasHeader && /* @__PURE__ */ jsxs(WorkflowNodeHeader, { children: [
+          showDragHandle && /* @__PURE__ */ jsx("span", { className: "shrink-0 cursor-grab text-muted-foreground/40 transition-colors hover:text-muted-foreground active:cursor-grabbing", children: /* @__PURE__ */ jsx(GripVertical, { className: "size-4" }) }),
+          icon && /* @__PURE__ */ jsxs("span", { className: "relative shrink-0 [&>img]:size-8 [&>img]:rounded-lg [&>svg]:size-7", children: [
+            icon,
+            badge != null && /* @__PURE__ */ jsx("span", { className: "absolute -top-1.5 -right-1.5 inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-primary px-1 font-bold text-[10px] text-primary-foreground leading-none ring-2 ring-card", children: badge })
+          ] }),
+          title && /* @__PURE__ */ jsx(WorkflowNodeTitle, { children: title }),
+          status && /* @__PURE__ */ jsxs("span", { className: "ml-auto inline-flex shrink-0 items-center gap-1 rounded-full border border-border/80 bg-muted/40 px-2.5 py-1 font-bold text-[10px] text-muted-foreground uppercase tracking-widest", children: [
+            /* @__PURE__ */ jsx(ChevronDown, { className: "size-2.5" }),
+            status
+          ] })
+        ] }),
+        hasContent && !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+          hasHeader && /* @__PURE__ */ jsx(WorkflowNodeSeparator, {}),
+          /* @__PURE__ */ jsx(WorkflowNodeContent, { children })
+        ] }),
+        hasFooter && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(WorkflowNodeSeparator, {}),
+          /* @__PURE__ */ jsx(WorkflowNodeFooter, { children: collapsible ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setCollapsed((c) => !c),
+              className: "inline-flex items-center gap-1.5 font-semibold text-muted-foreground text-xs transition-colors hover:text-foreground",
+              children: collapsed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" }),
+                "Expand"
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(ChevronUp, { className: "size-3.5" }),
+                "Close"
+              ] })
+            }
+          ) : footer })
+        ] }),
+        (handles == null ? void 0 : handles.source) && /* @__PURE__ */ jsx(HandleBoundary3, { children: /* @__PURE__ */ jsx(NodeHandle, { type: "source" }) })
+      ]
+    })
+  );
+}
+function WorkflowPanel(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    Panel,
+    __spreadValues({
+      "data-slot": "workflow-panel",
+      className: cn("m-4 overflow-hidden rounded-md border bg-card p-1", className)
+    }, props)
+  );
+}
+function WorkflowToolbar(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    NodeToolbar,
+    __spreadValues({
+      "data-slot": "workflow-toolbar",
+      className: cn("flex items-center gap-1 rounded-sm border bg-background p-1.5", className),
+      position: Position.Bottom
+    }, props)
+  );
+}
+
+export { AnimatedEdge, Canvas, DashedEdge, DottedEdge, HandleBoundary2 as HandleBoundary, SolidEdge, TemporaryEdge, WorkflowConnection, WorkflowConnectionAnimated, WorkflowConnectionDashed, WorkflowConnectionDotted, WorkflowControls, WorkflowEdge, WorkflowGate, WorkflowGroup, WorkflowHandle, WorkflowLabel, WorkflowMinimap, WorkflowNode, WorkflowNodeAction, WorkflowNodeContent, WorkflowNodeDescription, WorkflowNodeFooter, WorkflowNodeHeader, WorkflowNodeRow, WorkflowNodeSeparator, WorkflowNodeTitle, WorkflowPanel, WorkflowToolbar, createConnectionLine, handleBase, workflowConnectionVariants, workflowGateVariants, workflowGroupVariants, workflowNodeVariants };
 //# sourceMappingURL=workflow.js.map
 //# sourceMappingURL=workflow.js.map