@signalflare-ai/ui 0.5.0

package/dist/flow-BRsYUCJa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-BRsYUCJa.js","names":[],"sources":["../src/components/flow/connectors.tsx","../src/components/flow/use-children.tsx","../src/components/flow/diagram.tsx","../src/components/flow/node.tsx","../src/components/flow/parallel.tsx","../src/components/flow/index.ts"],"sourcesContent":["import { forwardRef, useId, type ReactNode } from \"react\";\n\nexport interface Connector {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n  isBottom?: boolean;\n}\n\ntype ConnectorsProps = {\n  connectors: Connector[];\n  children?: ReactNode;\n} & Omit<PathProps, \"isBottom\">;\n\ntype PathProps = Partial<{\n  cornerRadius: number;\n  midOffset: number;\n  arrowheadOffset: number;\n  isBottom: boolean;\n  single: boolean;\n  orientation: \"vertical\" | \"horizontal\";\n}>;\n\n/**\n * Maximum vertical/horizontal distance between anchor points where the line\n * would render as straight. Below this number, the line will be drawn as a\n * straight line.\n */\nconst FLAT_THRESHOLD = 2;\n\nexport function createRoundedPath(\n  { x1, y1, x2, y2 }: { x1: number; y1: number; x2: number; y2: number },\n  {\n    cornerRadius: maxCornerRadius = 8,\n    midOffset = 32,\n    arrowheadOffset = 8,\n    isBottom = false,\n    single = false,\n    orientation = \"vertical\",\n  }: PathProps = {}\n) {\n  /**\n   * Cap the corner radius to half the vertical/horizontal distance between the\n   * anchor points so the line still looks smooth even in small gaps.\n   */\n  const cornerRadius = Math.min(\n    maxCornerRadius,\n    Math.abs(orientation === \"horizontal\" ? (y2 - y1) / 2 : (x2 - x1) / 2)\n  );\n  if (orientation === \"horizontal\") {\n    if (Math.abs(y2 - y1) <= FLAT_THRESHOLD)\n      return `M ${x1} ${y1} L ${x2 - arrowheadOffset} ${y2}`;\n\n    // Horizontal orientation: horizontal → vertical → horizontal\n    // verticalOffset is used as horizontalOffset (distance from x2 where we turn)\n    const verticalX = x2 - midOffset;\n    const isGoingRight = x2 > x1;\n    const horizontalSign = isGoingRight ? 1 : -1;\n    const isGoingDown = y2 > y1;\n    const verticalSign = isGoingDown ? 1 : -1;\n\n    // First horizontal segment stops before the first corner\n    const firstHorizontalEnd = verticalX - horizontalSign * cornerRadius;\n    // Vertical segment starts after the first corner\n    const verticalStart = y1 + verticalSign * cornerRadius;\n    // Vertical segment stops before the second corner\n    const verticalEnd = y2 - verticalSign * cornerRadius;\n    // Second horizontal segment starts after the second corner\n    const secondHorizontalStart = verticalX + horizontalSign * cornerRadius;\n    // Path ends before the arrowhead (on x-axis)\n    const pathEndX = x2 - horizontalSign * arrowheadOffset;\n\n    const bottomCurveCommands = [\n      `L ${firstHorizontalEnd} ${y1}`,\n      `Q ${verticalX} ${y1} ${verticalX} ${verticalStart}`,\n      `L ${verticalX} ${y2}`,\n    ];\n\n    const topCurveCommands = [\n      single\n        ? `L ${firstHorizontalEnd} ${y1} Q ${verticalX} ${y1} ${verticalX} ${verticalStart}`\n        : `L ${verticalX} ${y1}`,\n      `L ${verticalX} ${verticalEnd}`,\n      `Q ${verticalX} ${y2} ${secondHorizontalStart} ${y2}`,\n    ];\n\n    const commands = [\n      `M ${x1} ${y1}`,\n      isBottom ? [...bottomCurveCommands] : [...topCurveCommands],\n      `L ${pathEndX} ${y2}`,\n    ];\n\n    return commands.join(\" \");\n  }\n\n  if (Math.abs(x2 - x1) <= FLAT_THRESHOLD)\n    return `M ${x1} ${y1} L ${x2} ${y2 - arrowheadOffset}`;\n\n  // Vertical orientation: vertical → horizontal → vertical\n  // Vertical offset before turning horizontally\n  const horizontalY = y2 - midOffset;\n  const isGoingRight = x2 > x1;\n  const horizontalSign = isGoingRight ? 1 : -1;\n  const isGoingDown = y2 > y1;\n  const verticalSign = isGoingDown ? 1 : -1;\n\n  // First vertical segment stops before the first corner (going down)\n  const firstVerticalEnd = horizontalY - cornerRadius;\n  // Horizontal segment starts after the first corner\n  const horizontalStart = x1 + horizontalSign * cornerRadius;\n  // Horizontal segment stops before the second corner\n  const horizontalEnd = x2 - horizontalSign * cornerRadius;\n  // Second vertical segment starts after the second corner (going down)\n  const secondVerticalStart = horizontalY + cornerRadius;\n  // Path ends before the arrowhead\n  const pathEndY = y2 - verticalSign * arrowheadOffset;\n\n  const bottomCurveCommands = [\n    `L ${x1} ${firstVerticalEnd}`,\n    `Q ${x1} ${horizontalY} ${horizontalStart} ${horizontalY}`,\n    `L ${x2} ${horizontalY}`,\n  ];\n\n  const topCurveCommands = [\n    `L ${x1} ${horizontalY}`,\n    `L ${horizontalEnd} ${horizontalY}`,\n    `Q ${x2} ${horizontalY} ${x2} ${secondVerticalStart}`,\n  ];\n\n  const commands = [\n    `M ${x1} ${y1}`, // Move the cursor to the starting point\n    isBottom ? [...bottomCurveCommands] : [...topCurveCommands],\n    `L ${x2} ${pathEndY}`, // Draw the final line to the end point\n  ];\n\n  return commands.join(\" \");\n}\n\nexport const Connectors = forwardRef<SVGSVGElement, ConnectorsProps>(\n  function Connectors({ connectors, children, ...pathProps }, svgRef) {\n    const id = useId();\n    return (\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        aria-hidden=\"true\"\n        className=\"text-sf-inactive overflow-visible\"\n        ref={svgRef}\n      >\n        <defs>\n          <marker\n            id={id}\n            markerWidth=\"8\"\n            markerHeight=\"8\"\n            refX=\"0\"\n            refY=\"4\"\n            orient=\"auto\"\n            markerUnits=\"userSpaceOnUse\"\n          >\n            <path\n              d=\"M 0,1.5 Q 0,0 1.5,0 Q 3.5,1 5.8,3.2 Q 6.5,4 5.8,4.8 Q 3.5,7 1.5,8 Q 0,8 0,6.5 Z\"\n              fill=\"currentColor\"\n              stroke=\"none\"\n            />\n          </marker>\n        </defs>\n        {connectors.map((connector, index) => {\n          const path = createRoundedPath(connector, {\n            isBottom: connector.isBottom,\n            ...pathProps,\n          });\n          return (\n            <path\n              key={index}\n              d={path}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              markerEnd={`url(#${id})`}\n              data-index={index}\n            />\n          );\n        })}\n        {children}\n      </svg>\n    );\n  }\n);\n","import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\n\n// ============================================================================\n// Types\n// ============================================================================\nexport type DescendantInfo<T = Record<string, unknown>> = {\n  id: string;\n  props: T;\n  renderOrder: number;\n};\n\ntype DescendantsContextType<DescendantType = Record<string, unknown>> = {\n  register: (\n    id: string,\n    renderOrder: number,\n    props?: DescendantType\n  ) => { unregister: () => void };\n  descendants: DescendantInfo<DescendantType>[];\n  claimRenderOrder: (id: string) => number;\n};\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst DescendantsContext = createContext<DescendantsContextType | null>(null);\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Hook that manages descendant registration and provides access to all registered descendants.\n * This hook contains all the logic for tracking and managing descendants.\n *\n * @returns The descendants context value with register function and descendants array\n */\nexport function useDescendants<\n  DescendantType extends Record<string, unknown>,\n>(): DescendantsContextType<DescendantType> {\n  const [registeredDescendants, setRegisteredDescendants] = useState<\n    DescendantInfo<DescendantType>[]\n  >([]);\n  const descendantsRef = useRef<Map<string, DescendantInfo<DescendantType>>>(\n    new Map()\n  );\n\n  // Track render order - resets each render cycle\n  const renderOrderCounterRef = useRef(0);\n  const renderOrderMapRef = useRef<Map<string, number>>(new Map());\n\n  // Reset counter at the start of each render cycle\n  // This runs synchronously during render, before any children claim their order\n  renderOrderCounterRef.current = 0;\n  renderOrderMapRef.current.clear();\n\n  // Called during render to claim a slot in the render order\n  const claimRenderOrder = useCallback((id: string): number => {\n    if (!renderOrderMapRef.current.has(id)) {\n      renderOrderMapRef.current.set(id, renderOrderCounterRef.current++);\n    }\n    return renderOrderMapRef.current.get(id) as number;\n  }, []);\n\n  const register = useCallback(\n    (\n      id: string,\n      renderOrder: number,\n      props: DescendantType = {} as DescendantType\n    ) => {\n      // Add descendant to the map with render order\n      const descendantInfo: DescendantInfo<DescendantType> = {\n        id,\n        props,\n        renderOrder,\n      };\n      descendantsRef.current.set(id, descendantInfo);\n\n      // Update state with all descendants sorted by render order\n      const sortedDescendants = Array.from(\n        descendantsRef.current.values()\n      ).sort((a, b) => a.renderOrder - b.renderOrder);\n      setRegisteredDescendants(sortedDescendants);\n\n      // Return unregister function\n      const unregister = () => {\n        descendantsRef.current.delete(id);\n        const remainingDescendants = Array.from(\n          descendantsRef.current.values()\n        ).sort((a, b) => a.renderOrder - b.renderOrder);\n        setRegisteredDescendants(remainingDescendants);\n      };\n\n      return { unregister };\n    },\n    []\n  );\n\n  const contextValue: DescendantsContextType<DescendantType> = useMemo(\n    () => ({\n      register,\n      descendants: registeredDescendants,\n      claimRenderOrder,\n    }),\n    [register, registeredDescendants, claimRenderOrder]\n  );\n\n  return contextValue;\n}\n\n// ============================================================================\n// Provider Component\n// ============================================================================\n\ntype DescendantsProviderProps<T extends Record<string, unknown>> = {\n  value: DescendantsContextType<T>;\n  children: ReactNode;\n};\n\nexport function DescendantsProvider<T extends Record<string, unknown>>({\n  value,\n  children,\n}: DescendantsProviderProps<T>) {\n  return (\n    <DescendantsContext.Provider\n      value={value as unknown as DescendantsContextType}\n    >\n      {children}\n    </DescendantsContext.Provider>\n  );\n}\n\n// ============================================================================\n// Context Hook\n// ============================================================================\n\n/**\n * Hook to access the descendants context from within a DescendantsProvider.\n * This allows callers to access the descendants data and register function.\n *\n * @returns The descendants context value\n * @throws Error if used outside of DescendantsProvider\n */\nexport function useDescendantsContext<\n  T extends Record<string, unknown>,\n>(): DescendantsContextType<T> {\n  const context = useContext(DescendantsContext);\n\n  if (!context) {\n    throw new Error(\n      \"useDescendantsContext must be used within DescendantsProvider\"\n    );\n  }\n\n  return context as DescendantsContextType<T>;\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Hook that allows a descendant component to register itself with a parent\n * and returns the index of the descendant in the parent's list.\n *\n * @example\n * ```tsx\n * function Parent() {\n *   return (\n *     <DescendantsProvider>\n *       <Descendant />\n *       <Descendant />\n *       <Descendant />\n *     </DescendantsProvider>\n *   );\n * }\n *\n * function Descendant() {\n *   const index = useDescendantIndex();\n *   return <div>I am descendant {index}</div>;\n * }\n *\n * // With props\n * function Descendant() {\n *   const index = useDescendantIndex({ name: \"Descendant 1\", type: \"primary\" });\n *   return <div>I am descendant {index}</div>;\n * }\n * ```\n */\n// ============================================================================\n// Descendant Index Hook\n// ============================================================================\n\nexport function useDescendantIndex<T extends Record<string, unknown>>(\n  props?: T\n) {\n  const context = useDescendantsContext<T>();\n  const id = useId();\n\n  // Claim render order during render (synchronously, not in useEffect)\n  // This captures the order in which descendants render\n  const renderOrder = context.claimRenderOrder(id);\n\n  const unregisterRef = useRef<(() => void) | null>(null);\n  const registerRef = useRef(context.register);\n\n  // Keep refs in sync with context\n  registerRef.current = context.register;\n\n  useEffect(() => {\n    // Register or update this descendant with its render order\n    const { unregister } = registerRef.current(id, renderOrder, props);\n\n    // Store unregister function if not already stored\n    if (!unregisterRef.current) {\n      unregisterRef.current = unregister;\n    }\n\n    // Cleanup: unregister when component unmounts\n    return () => {\n      if (unregisterRef.current) {\n        unregisterRef.current();\n        unregisterRef.current = null;\n      }\n    };\n  }, [id, renderOrder, props]);\n\n  // Derive index from sorted descendants array\n  const index = useMemo(() => {\n    return context.descendants.findIndex((descendant) => descendant.id === id);\n  }, [context.descendants, id]);\n\n  const getPrevious = useCallback((): DescendantInfo<T> | undefined => {\n    if (index <= 0) return undefined;\n    return context.descendants[index - 1];\n  }, [context.descendants, index]);\n\n  const getNext = useCallback((): DescendantInfo<T> | undefined => {\n    if (index < 0 || index >= context.descendants.length - 1) return undefined;\n    return context.descendants[index + 1];\n  }, [context.descendants, index]);\n\n  return { index, id, getPrevious, getNext };\n}\n","import {\n  motion,\n  useMotionTemplate,\n  useMotionValue,\n  useTransform,\n  type MotionValue,\n  type PanInfo,\n} from \"motion/react\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { Connectors, type Connector } from \"./connectors\";\nimport {\n  DescendantsProvider,\n  useDescendantIndex,\n  useDescendants,\n  type DescendantInfo,\n} from \"./use-children\";\n\nconst PAN_SPACING = {\n  y: 64,\n  x: 16,\n};\n\n/** Minimum scrollbar thumb size in percentage to ensure visibility */\nconst MIN_SCROLLBAR_THUMB_SIZE = 10;\n\n// Vertical orientation is currently a no-op\ntype Orientation = \"horizontal\" | \"vertical\";\ntype Align = \"start\" | \"center\";\n\ninterface DiagramContextValue {\n  orientation: Orientation;\n  align: Align;\n  x: MotionValue<number>;\n  y: MotionValue<number>;\n  /** Ref to the canvas viewport wrapper element */\n  wrapperRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst DiagramContext = createContext<DiagramContextValue | null>(null);\n\nexport function useDiagramContext(): DiagramContextValue {\n  const context = useContext(DiagramContext);\n  if (context === null) {\n    throw new Error(\"useDiagramContext must be used within a FlowDiagram\");\n  }\n  return context;\n}\n\ninterface FlowDiagramProps {\n  orientation?: Orientation;\n  /**\n   * Controls vertical alignment of nodes in horizontal orientation.\n   * - `start`: Nodes align to the top (default)\n   * - `center`: Nodes are vertically centered\n   */\n  align?: Align;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function FlowDiagram({\n  orientation = \"horizontal\",\n  align = \"start\",\n  className,\n  children,\n}: FlowDiagramProps) {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const x = useMotionValue(0);\n  const y = useMotionValue(0);\n  const [bounds, setBounds] = useState<{ x: number; y: number } | null>(null);\n  const [dimensions, setDimensions] = useState<{\n    viewportWidth: number;\n    viewportHeight: number;\n    contentWidth: number;\n    contentHeight: number;\n  } | null>(null);\n\n  const [isPanning, setIsPanning] = useState(false);\n  const [canPan, setCanPan] = useState(false);\n\n  useEffect(() => {\n    if (!wrapperRef.current || !contentRef.current) return;\n\n    const measureBounds = () => {\n      if (!wrapperRef.current || !contentRef.current) return;\n\n      const wrapper = wrapperRef.current.getBoundingClientRect();\n      const content = contentRef.current.getBoundingClientRect();\n\n      const availableWidth = wrapper.width - PAN_SPACING.x * 2;\n      const availableHeight = wrapper.height - PAN_SPACING.y * 2;\n\n      setBounds({\n        x: Math.min(0, availableWidth - content.width),\n        y: Math.min(0, availableHeight - content.height),\n      });\n\n      setDimensions({\n        viewportWidth: availableWidth,\n        viewportHeight: availableHeight,\n        contentWidth: content.width,\n        contentHeight: content.height,\n      });\n\n      setCanPan(\n        content.width > availableWidth || content.height > availableHeight\n      );\n    };\n\n    measureBounds();\n\n    const resizeObserver = new ResizeObserver(measureBounds);\n    resizeObserver.observe(wrapperRef.current);\n    resizeObserver.observe(contentRef.current);\n\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    if (!bounds) return;\n\n    /**\n     * It's possible for the content to resize after the user panned. If we're\n     * at the edge of the pan and the content gets smaller, then we've \"panned\n     * too far\". In this case, we transition the pan back to the new bounds.\n     */\n    if (x.get() < bounds.x) {\n      x.set(bounds.x);\n    }\n    if (y.get() < bounds.y) {\n      y.set(bounds.y);\n    }\n  }, [bounds, x, y]);\n\n  useEffect(() => {\n    return () => {\n      document.body.style.cursor = \"\";\n      document.body.style.userSelect = \"\";\n    };\n  }, []);\n\n  // Handle wheel/scroll events for panning\n  useEffect(() => {\n    const wrapper = wrapperRef.current;\n    if (!wrapper) return;\n\n    const handleWheel = (e: WheelEvent) => {\n      if (!bounds) return;\n\n      const canScrollX = bounds.x < 0;\n      const canScrollY = bounds.y < 0;\n\n      if (!canScrollX && !canScrollY) return;\n\n      e.preventDefault();\n\n      if (canScrollY) {\n        const newY = Math.max(bounds.y, Math.min(0, y.get() - e.deltaY));\n        y.set(newY);\n      }\n\n      if (canScrollX) {\n        const newX = Math.max(bounds.x, Math.min(0, x.get() - e.deltaX));\n        x.set(newX);\n      }\n    };\n\n    wrapper.addEventListener(\"wheel\", handleWheel, { passive: false });\n    return () => wrapper.removeEventListener(\"wheel\", handleWheel);\n  }, [bounds, x, y]);\n\n  const handlePan = (_: PointerEvent, info: PanInfo) => {\n    if (!bounds) return;\n    x.set(Math.max(bounds.x, Math.min(0, x.get() + info.delta.x)));\n    y.set(Math.max(bounds.y, Math.min(0, y.get() + info.delta.y)));\n  };\n\n  // Calculate scrollbar dimensions\n  const canScrollX = bounds && bounds.x < 0;\n  const canScrollY = bounds && bounds.y < 0;\n\n  const scrollThumbWidth =\n    dimensions && dimensions.contentWidth > 0 && dimensions.viewportWidth > 0\n      ? Math.max(\n          MIN_SCROLLBAR_THUMB_SIZE,\n          (dimensions.viewportWidth / dimensions.contentWidth) * 100\n        )\n      : 0;\n  const scrollThumbHeight =\n    dimensions && dimensions.contentHeight > 0 && dimensions.viewportHeight > 0\n      ? Math.max(\n          MIN_SCROLLBAR_THUMB_SIZE,\n          (dimensions.viewportHeight / dimensions.contentHeight) * 100\n        )\n      : 0;\n\n  // Transform pan position to scrollbar thumb position (as percentage)\n  const scrollbarXPercent = useTransform(\n    x,\n    [0, bounds?.x ?? 0],\n    [0, 100 - scrollThumbWidth]\n  );\n  const scrollbarYPercent = useTransform(\n    y,\n    [0, bounds?.y ?? 0],\n    [0, 100 - scrollThumbHeight]\n  );\n\n  const scrollTop = useMotionTemplate`${scrollbarYPercent}%`;\n  const scrollLeft = useMotionTemplate`${scrollbarXPercent}%`;\n\n  const contextValue = useMemo(\n    () => ({ orientation, align, x, y, wrapperRef }),\n    [orientation, align, x, y]\n  );\n\n  return (\n    <DiagramContext.Provider value={contextValue}>\n      <motion.div\n        ref={wrapperRef}\n        className={cn(\n          \"relative overflow-hidden py-16 px-4 grow isolate group\",\n          className\n        )}\n        style={{\n          cursor: canPan && !isPanning ? \"grab\" : undefined,\n        }}\n        onPanStart={() => {\n          setIsPanning(true);\n          document.body.style.cursor = \"grabbing\";\n          document.body.style.userSelect = \"none\";\n        }}\n        onPan={handlePan}\n        onPanEnd={() => {\n          setIsPanning(false);\n          document.body.style.cursor = \"\";\n          document.body.style.userSelect = \"\";\n        }}\n      >\n        <motion.div ref={contentRef} className=\"w-max mx-auto\" style={{ x, y }}>\n          <FlowNodeList>{children}</FlowNodeList>\n        </motion.div>\n\n        {/* Vertical scrollbar */}\n        {canScrollY && (\n          <div className=\"absolute right-1 top-4 bottom-4 w-1.5 rounded-full bg-sf-line/50 opacity-0 group-hover:opacity-100\">\n            <motion.div\n              className=\"absolute w-full rounded-full bg-sf-fill\"\n              style={{\n                height: `${scrollThumbHeight}%`,\n                top: scrollTop,\n              }}\n            />\n          </div>\n        )}\n\n        {/* Horizontal scrollbar */}\n        {canScrollX && (\n          <div className=\"absolute bottom-1 left-4 right-4 h-1.5 rounded-full bg-sf-line/50 opacity-0 group-hover:opacity-100\">\n            <motion.div\n              className=\"absolute h-full rounded-full bg-sf-fill\"\n              style={{\n                width: `${scrollThumbWidth}%`,\n                left: scrollLeft,\n              }}\n            />\n          </div>\n        )}\n      </motion.div>\n    </DiagramContext.Provider>\n  );\n}\n\n// ---\n\nexport type RectLike = {\n  x: number;\n  y: number;\n  top: number;\n  left: number;\n  right: number;\n  bottom: number;\n  width: number;\n  height: number;\n};\n\nexport type NodeData = {\n  parallel?: boolean;\n  start?: RectLike | null;\n  end?: RectLike | null;\n};\n\nexport const useNodeGroup = () => useDescendants<NodeData>();\n\nexport const useNode = (props: NodeData) => useDescendantIndex<NodeData>(props);\n\nexport const getNodeRect = (\n  node: DescendantInfo<NodeData> | undefined,\n  { type = \"start\" }: { type?: \"start\" | \"end\" }\n): RectLike | null => {\n  if (!node) return null;\n  return node.props[type] ?? null;\n};\n\nexport function FlowNodeList({ children }: { children: ReactNode }) {\n  const { orientation, align } = useDiagramContext();\n  const descendants = useNodeGroup();\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const connectors = useMemo(() => {\n    const edges: Connector[] = [];\n    const nodes = descendants.descendants;\n    const containerRect = containerRef.current?.getBoundingClientRect();\n\n    const offsetX = containerRect?.left ?? 0;\n    const offsetY = containerRect?.top ?? 0;\n\n    for (let i = 0; i < nodes.length - 1; i++) {\n      const currentRect = getNodeRect(nodes[i], { type: \"start\" });\n      const nextRect = getNodeRect(nodes[i + 1], { type: \"end\" });\n\n      if (currentRect && nextRect) {\n        edges.push({\n          x1: currentRect.left - offsetX + currentRect.width,\n          y1: currentRect.top - offsetY + currentRect.height / 2,\n          x2: nextRect.left - offsetX,\n          y2: nextRect.top - offsetY + nextRect.height / 2,\n        });\n      }\n    }\n\n    return edges;\n  }, [descendants.descendants]);\n\n  return (\n    <DescendantsProvider value={descendants}>\n      <div className=\"relative\" ref={containerRef}>\n        <ul\n          className={cn(\n            \"ml-0 list-none\",\n            orientation === \"vertical\"\n              ? \"grid auto-rows-min gap-16\"\n              : \"flex gap-16\",\n            orientation === \"horizontal\" &&\n              (align === \"center\" ? \"items-center\" : \"items-start\")\n          )}\n        >\n          {children}\n        </ul>\n        <div className=\"absolute inset-0 pointer-events-none\">\n          <Connectors\n            connectors={connectors}\n            orientation={orientation}\n            single\n          />\n        </div>\n      </div>\n    </DescendantsProvider>\n  );\n}\n","import {\n  cloneElement,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\n\nimport { useNode, type RectLike } from \"./diagram\";\n\n// Utility to merge refs\nfunction mergeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref != null) {\n        (ref as React.MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n}\n\n/**\n * FlowNode component props.\n *\n * @example Default styling\n * ```tsx\n * <Flow.Node>Step 1</Flow.Node>\n * ```\n *\n * @example Custom render - completely replaces the default element\n * ```tsx\n * <Flow.Node render={<div className=\"custom-node\">Custom content</div>} />\n * ```\n */\nexport type FlowNodeProps = {\n  /**\n   * Custom element to render instead of the default styled node.\n   * When provided, completely replaces the default element.\n   */\n  render?: ReactElement;\n  children?: ReactNode;\n};\n\nexport const FlowNode = forwardRef<HTMLElement, FlowNodeProps>(\n  function FlowNode({ render, children }, ref) {\n    const nodeRef = useRef<HTMLElement>(null);\n    const startAnchorRef = useRef<HTMLElement | null>(null);\n    const endAnchorRef = useRef<HTMLElement | null>(null);\n    const [measurements, setMeasurements] = useState<{\n      start: RectLike | null;\n      end: RectLike | null;\n    }>({ start: null, end: null });\n\n    const nodeProps = useMemo(\n      () => ({\n        parallel: false,\n        ...measurements,\n      }),\n      [measurements]\n    );\n\n    const { index, id } = useNode(nodeProps);\n\n    /**\n     * This effect intentionally has no dependencies because we want it to run on\n     * every render to ensure measurements are always up to date.\n     */\n    useEffect(() => {\n      if (!nodeRef.current) return;\n\n      const rect = nodeRef.current.getBoundingClientRect();\n      const nodeRect = rect;\n\n      let startRect: RectLike = nodeRect;\n      let endRect: RectLike = nodeRect;\n\n      if (startAnchorRef.current) {\n        startRect = startAnchorRef.current.getBoundingClientRect();\n      }\n\n      if (endAnchorRef.current) {\n        endRect = endAnchorRef.current.getBoundingClientRect();\n      }\n\n      setMeasurements((m) => {\n        const newVal = { start: startRect, end: endRect };\n        if (JSON.stringify(m) === JSON.stringify(newVal)) return m;\n        return newVal;\n      });\n    });\n\n    const mergedRef = mergeRefs(ref, nodeRef);\n\n    let element: ReactElement;\n    if (render && isValidElement(render)) {\n      // When render prop is provided, clone it with ref and data attributes\n      const renderProps = render.props as { children?: ReactNode };\n      // oxlint-disable-next-line react/no-clone-element -- forwarding ref to render prop element\n      element = cloneElement(render, {\n        ref: mergedRef,\n        \"data-node-index\": index,\n        \"data-node-id\": id,\n        children: renderProps.children ?? children,\n      } as React.HTMLAttributes<HTMLElement> & { ref: React.Ref<HTMLElement> });\n    } else {\n      // Default element\n      element = (\n        <li\n          ref={mergedRef}\n          className=\"py-2 px-3 rounded-md shadow bg-sf-base ring ring-sf-line\"\n          data-node-index={index}\n          data-node-id={id}\n        >\n          {children}\n        </li>\n      );\n    }\n\n    return (\n      <FlowNodeAnchorContext.Provider\n        value={useMemo(\n          () => ({\n            registerStartAnchor: (anchorRef) => {\n              startAnchorRef.current = anchorRef;\n            },\n            registerEndAnchor: (anchorRef) => {\n              endAnchorRef.current = anchorRef;\n            },\n          }),\n          []\n        )}\n      >\n        {element}\n      </FlowNodeAnchorContext.Provider>\n    );\n  }\n);\n\nFlowNode.displayName = \"Flow.Node\";\n\ntype FlowNodeAnchorContextType = {\n  registerStartAnchor: (ref: HTMLElement | null) => void;\n  registerEndAnchor: (ref: HTMLElement | null) => void;\n};\n\nconst FlowNodeAnchorContext = createContext<FlowNodeAnchorContextType | null>(\n  null\n);\n\n/**\n * FlowAnchor component props.\n *\n * @example Default (unstyled div)\n * ```tsx\n * <Flow.Anchor type=\"start\">Anchor content</Flow.Anchor>\n * ```\n *\n * @example Custom render - completely replaces the default element\n * ```tsx\n * <Flow.Anchor type=\"end\" render={<span className=\"custom-anchor\">Custom anchor</span>} />\n * ```\n */\nexport type FlowAnchorProps = {\n  /**\n   * Determines if the anchor should serve as a \"start\" point for the\n   * _next_ connector or the \"end\" point for the _previous_ connector.\n   * When omitted, it serves as both the start and end points.\n   */\n  type?: \"start\" | \"end\";\n  /**\n   * Custom element to render instead of the default div.\n   * When provided, completely replaces the default element.\n   */\n  render?: ReactElement;\n  children?: ReactNode;\n};\n\nexport const FlowAnchor = forwardRef<HTMLElement, FlowAnchorProps>(\n  function FlowAnchor({ type, render, children }, ref) {\n    const context = useContext(FlowNodeAnchorContext);\n    const anchorRef = useRef<HTMLElement>(null);\n\n    if (!context) {\n      throw new Error(\"Flow.Anchor must be used within Flow.Node\");\n    }\n\n    useEffect(() => {\n      if (!anchorRef.current) {\n        return;\n      }\n\n      if (type === \"start\" || type === undefined) {\n        context.registerStartAnchor(anchorRef.current);\n      }\n      if (type === \"end\" || type === undefined) {\n        context.registerEndAnchor(anchorRef.current);\n      }\n\n      return () => {\n        if (type === \"start\" || type === undefined) {\n          context.registerStartAnchor(null);\n        }\n        if (type === \"end\" || type === undefined) {\n          context.registerEndAnchor(null);\n        }\n      };\n    }, [type, context.registerStartAnchor, context.registerEndAnchor]);\n\n    const mergedRef = mergeRefs(ref, anchorRef);\n\n    if (render && isValidElement(render)) {\n      // When render prop is provided, clone it with ref\n      const renderProps = render.props as { children?: ReactNode };\n      // oxlint-disable-next-line react/no-clone-element -- forwarding ref to render prop element\n      return cloneElement(render, {\n        ref: mergedRef,\n        children: renderProps.children ?? children,\n      } as React.HTMLAttributes<HTMLElement> & { ref: React.Ref<HTMLElement> });\n    }\n\n    // Default element\n    return <div ref={mergedRef}>{children}</div>;\n  }\n);\n\nFlowAnchor.displayName = \"Flow.Anchor\";\n","import { useMemo, useRef, type ReactNode } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { Connectors, type Connector } from \"./connectors\";\nimport {\n  getNodeRect,\n  useDiagramContext,\n  useNode,\n  useNodeGroup,\n  type RectLike,\n} from \"./diagram\";\nimport { DescendantsProvider } from \"./use-children\";\n\nfunction getStartAndEndPoints({\n  container,\n  previous,\n  next,\n  orientation,\n}: {\n  container: RectLike;\n  previous: RectLike | null;\n  next: RectLike | null;\n  orientation: \"vertical\" | \"horizontal\";\n}): {\n  start: { x: number; y: number };\n  end: { x: number; y: number };\n} {\n  if (orientation === \"vertical\") {\n    // we ignore previous/next calculations for vertical orientations for now\n    return {\n      start: {\n        x: container.width / 2,\n        y: 0,\n      },\n      end: {\n        x: container.width / 2,\n        y: container.height,\n      },\n    };\n  }\n  // Default to midpoints\n  let start = {\n    x: 0,\n    y: container.height / 2,\n  };\n  let end = {\n    x: container.width,\n    y: container.height / 2,\n  };\n  if (previous) {\n    start.y = previous.top - container.top + previous.height / 2;\n  }\n  if (next) {\n    end.y = next.top - container.top + next.height / 2;\n  }\n  return { start, end };\n}\n\nexport function FlowParallelNode({ children }: { children: ReactNode }) {\n  const { orientation } = useDiagramContext();\n  const descendants = useNodeGroup();\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const { index, getPrevious, getNext } = useNode(\n    useMemo(() => ({ parallel: true }), [])\n  );\n\n  const measure = () => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const containerRect = container.getBoundingClientRect();\n\n    const [prevNode, nextNode] = [getPrevious(), getNext()];\n    const previousNodeRect = getNodeRect(prevNode, { type: \"start\" });\n    const nextNodeRect = getNodeRect(nextNode, { type: \"end\" });\n\n    const { start, end } = getStartAndEndPoints({\n      container: containerRect,\n      previous: previousNodeRect,\n      next: nextNodeRect,\n      orientation,\n    });\n\n    const newConnectors = descendants.descendants.flatMap(({ props }) => {\n      const connectors: Connector[] = [];\n\n      const [endAnchorRect, startAnchorRect] = [props.end, props.start];\n      if (endAnchorRect) {\n        let branchStart: { x: number; y: number };\n        switch (orientation) {\n          case \"vertical\": {\n            const anchorCenter =\n              endAnchorRect.left - containerRect.left + endAnchorRect.width / 2;\n            branchStart = {\n              x: anchorCenter,\n              y: endAnchorRect.top - containerRect.top,\n            };\n            break;\n          }\n          case \"horizontal\": {\n            const anchorCenter =\n              endAnchorRect.top - containerRect.top + endAnchorRect.height / 2;\n            branchStart = {\n              x: endAnchorRect.left - containerRect.left,\n              y: anchorCenter,\n            };\n            break;\n          }\n          default:\n            throw new Error(`Unknown orientation: ${orientation as string}`);\n        }\n        connectors.push({\n          x1: start.x,\n          y1: start.y,\n          x2: branchStart.x,\n          y2: branchStart.y,\n          isBottom: false,\n        });\n      }\n\n      if (nextNodeRect && startAnchorRect) {\n        let branchEnd: { x: number; y: number };\n        switch (orientation) {\n          case \"vertical\": {\n            const anchorCenter =\n              startAnchorRect.left -\n              containerRect.left +\n              startAnchorRect.width / 2;\n            branchEnd = {\n              x: anchorCenter,\n              y: startAnchorRect.bottom - containerRect.top,\n            };\n            break;\n          }\n          case \"horizontal\": {\n            const anchorCenter =\n              startAnchorRect.top -\n              containerRect.top +\n              startAnchorRect.height / 2;\n            branchEnd = {\n              x: startAnchorRect.right - containerRect.left,\n              y: anchorCenter,\n            };\n            break;\n          }\n          default:\n            throw new Error(`Unknown orientation: ${orientation as string}`);\n        }\n        connectors.push({\n          x1: branchEnd.x,\n          y1: branchEnd.y,\n          x2: end.x,\n          y2: end.y,\n          isBottom: true,\n        });\n      }\n\n      return connectors;\n    });\n\n    return {\n      connectors: newConnectors,\n      junctions: {\n        start: {\n          x: orientation === \"vertical\" ? start.x : start.x + 32,\n          y: orientation === \"vertical\" ? start.y + 32 : start.y,\n        },\n        end: nextNodeRect\n          ? {\n              x: orientation === \"vertical\" ? end.x : end.x - 32,\n              y: orientation === \"vertical\" ? end.y - 32 : end.y,\n            }\n          : undefined,\n      },\n      containerRect: containerRect,\n    };\n  };\n\n  const links = measure();\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\n        \"relative\",\n        orientation === \"horizontal\" ? \"px-16 -mx-16\" : \"py-16 -my-16\"\n      )}\n      data-node-index={index}\n    >\n      <div className=\"absolute inset-0 pointer-events-none z-10\">\n        {links && (\n          <Connectors connectors={links.connectors} orientation={orientation}>\n            {links.junctions?.start && (\n              <g\n                transform={`translate(${links.junctions.start.x} ${links.junctions.start.y})`}\n              >\n                <JunctionBox />\n              </g>\n            )}\n            {links.junctions?.end && (\n              <g\n                transform={`translate(${links.junctions.end.x} ${links.junctions.end.y})`}\n              >\n                <JunctionBox />\n              </g>\n            )}\n          </Connectors>\n        )}\n      </div>\n      <ul\n        className={cn(\n          \"gap-5 list-none flex items-start\",\n          orientation === \"horizontal\" ? \"flex-col ml-0\" : \"gap-5 w-fit mx-auto\"\n        )}\n      >\n        <DescendantsProvider value={descendants}>\n          {children}\n        </DescendantsProvider>\n      </ul>\n    </div>\n  );\n}\n\nfunction JunctionBox({ size = 6 }) {\n  const halfSize = size / 2;\n  return (\n    <rect\n      x={-halfSize}\n      y={-halfSize}\n      width={size}\n      height={size}\n      fill=\"currentColor\"\n      rx=\"1\"\n    />\n  );\n}\n","import { FlowDiagram, FlowNodeList } from \"./diagram\";\nimport { FlowNode, FlowAnchor } from \"./node\";\nimport { FlowParallelNode } from \"./parallel\";\n\n/**\n * Flow - Components for visualizing workflows and data flows.\n *\n * @example\n * ```tsx\n * <Flow>\n *   <Flow.Node>Step 1</Flow.Node>\n *   <Flow.Node>Step 2</Flow.Node>\n *   <Flow.Parallel>\n *     <Flow.Node>Branch A</Flow.Node>\n *     <Flow.Node>Branch B</Flow.Node>\n *   </Flow.Parallel>\n *   <Flow.Node>Step 3</Flow.Node>\n * </Flow>\n * ```\n */\nconst Flow = Object.assign(FlowDiagram, {\n  Node: FlowNode,\n  Parallel: FlowParallelNode,\n  List: FlowNodeList,\n  Anchor: FlowAnchor,\n});\n\nexport { Flow };\n"],"mappings":"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"}

package/dist/genui.js

@@ -0,0 +1,40 @@
+"use client";
+import { t as cn } from "./cn-YROP2_ox.js";
+import { T as sfComponents, n as JSONUIProvider, r as Renderer } from "./dist-BNlyONdD.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/genui/genui.tsx
+/**
+* Build a ComponentRegistry from sfComponents.
+* Each entry maps a component name to a renderer that extracts
+* element.props and passes them to the SF React component.
+*/
+var sfRegistry = Object.fromEntries(Object.entries(sfComponents).map(([name, renderFn]) => [name, ({ element, children, emit, on, bindings, loading }) => renderFn({
+	props: element.props,
+	children,
+	emit,
+	on,
+	bindings,
+	loading
+})]));
+function GenUI({ spec, isStreaming, className, fallback }) {
+	const wrapperFallback = useMemo(() => fallback ? () => fallback : void 0, [fallback]);
+	if (!spec) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("sf-genui", className),
+		children: /* @__PURE__ */ jsx(JSONUIProvider, {
+			registry: sfRegistry,
+			children: /* @__PURE__ */ jsx(Renderer, {
+				spec,
+				registry: sfRegistry,
+				loading: isStreaming,
+				fallback: wrapperFallback
+			})
+		})
+	});
+}
+GenUI.displayName = "GenUI";
+//#endregion
+export { GenUI };
+
+//# sourceMappingURL=genui.js.map

package/dist/genui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"genui.js","names":[],"sources":["../src/genui/genui.tsx"],"sourcesContent":["import type { Spec } from \"@json-render/core\";\nimport { Renderer, type ComponentRegistry, JSONUIProvider } from \"@json-render/react\";\nimport { type ReactNode, useMemo } from \"react\";\n\nimport { sfComponents } from \"../catalog/sf-registry\";\nimport { cn } from \"../utils/cn\";\n\nexport interface GenUIProps {\n  /** A json-render Spec to render */\n  spec: Spec | null;\n  /** Whether the spec is currently being streamed */\n  isStreaming?: boolean;\n  /** Optional className for the wrapper */\n  className?: string;\n  /** Fallback for unknown component types */\n  fallback?: ReactNode;\n}\n\n/**\n * Build a ComponentRegistry from sfComponents.\n * Each entry maps a component name to a renderer that extracts\n * element.props and passes them to the SF React component.\n */\nconst sfRegistry: ComponentRegistry = Object.fromEntries(\n  Object.entries(sfComponents).map(([name, renderFn]) => [\n    name,\n    ({ element, children, emit, on, bindings, loading }: any) =>\n      renderFn({\n        props: element.props,\n        children,\n        emit,\n        on,\n        bindings,\n        loading,\n      }),\n  ])\n);\n\nexport function GenUI({ spec, isStreaming, className, fallback }: GenUIProps) {\n  const wrapperFallback = useMemo(\n    () => (fallback ? () => fallback : undefined),\n    [fallback]\n  );\n\n  if (!spec) return null;\n\n  return (\n    <div className={cn(\"sf-genui\", className)}>\n      <JSONUIProvider registry={sfRegistry}>\n        <Renderer\n          spec={spec}\n          registry={sfRegistry}\n          loading={isStreaming}\n          fallback={wrapperFallback}\n        />\n      </JSONUIProvider>\n    </div>\n  );\n}\n\nGenUI.displayName = \"GenUI\";\n"],"mappings":";;;;;;;;;;;AAuBA,IAAM,aAAgC,OAAO,YAC3C,OAAO,QAAQ,aAAa,CAAC,KAAK,CAAC,MAAM,cAAc,CACrD,OACC,EAAE,SAAS,UAAU,MAAM,IAAI,UAAU,cACxC,SAAS;CACP,OAAO,QAAQ;CACf;CACA;CACA;CACA;CACA;CACD,CAAC,CACL,CAAC,CACH;AAED,SAAgB,MAAM,EAAE,MAAM,aAAa,WAAW,YAAwB;CAC5E,MAAM,kBAAkB,cACf,iBAAiB,WAAW,KAAA,GACnC,CAAC,SAAS,CACX;AAED,KAAI,CAAC,KAAM,QAAO;AAElB,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,YAAY,UAAU;YACvC,oBAAC,gBAAD;GAAgB,UAAU;aACxB,oBAAC,UAAD;IACQ;IACN,UAAU;IACV,SAAS;IACT,UAAU;IACV,CAAA;GACa,CAAA;EACb,CAAA;;AAIV,MAAM,cAAc"}

package/dist/grid-qUAN9hFx.js

@@ -0,0 +1,119 @@
+"use client";
+import { t as cn } from "./cn-YROP2_ox.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/grid/grid.tsx
+/** Grid variant and gap definitions mapping layout names to their responsive Tailwind classes. */
+var SF_GRID_VARIANTS = {
+	variant: {
+		"2up": {
+			classes: "grid-cols-1 md:grid-cols-2",
+			description: "Grid items stack on small screens, display side-by-side on medium screens and up"
+		},
+		"side-by-side": {
+			classes: "grid-cols-2",
+			description: "Grid items always displayed side-by-side"
+		},
+		"2-1": {
+			classes: "grid-cols-1 md:grid-cols-[2fr_1fr]",
+			description: "Two-thirds / one-third split (66%/33%) on medium screens and up"
+		},
+		"1-2": {
+			classes: "grid-cols-1 md:grid-cols-[1fr_2fr]",
+			description: "One-third / two-thirds split (33%/66%) on medium screens and up"
+		},
+		"1-3up": {
+			classes: "grid-cols-1 lg:grid-cols-3",
+			description: "Grid items stack on small screens, expand to 3 across on large screens"
+		},
+		"3up": {
+			classes: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+			description: "Grid items stack on small screens, 2 across on medium, 3 across on large"
+		},
+		"4up": {
+			classes: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+			description: "Grid items stack on small screens, progressively increase columns at larger breakpoints"
+		},
+		"6up": {
+			classes: "grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6",
+			description: "Grid items start at 2 across, expand to 6 across on XL"
+		},
+		"1-2-4up": {
+			classes: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
+			description: "Grid items stack on small screens, 2 across on medium, 4 across on large"
+		}
+	},
+	gap: {
+		none: {
+			classes: "gap-0",
+			description: "No gap between grid items"
+		},
+		sm: {
+			classes: "gap-3",
+			description: "Small gap between grid items"
+		},
+		base: {
+			classes: "gap-2 md:gap-6 lg:gap-8",
+			description: "Default responsive gap between grid items"
+		},
+		lg: {
+			classes: "gap-8",
+			description: "Large gap between grid items"
+		}
+	}
+};
+var SF_GRID_DEFAULT_VARIANTS = { gap: "base" };
+var GridContext = React.createContext({ gap: "base" });
+function gridVariants({ variant, gap = SF_GRID_DEFAULT_VARIANTS.gap } = {}) {
+	return cn("grid", variant && SF_GRID_VARIANTS.variant[variant].classes, SF_GRID_VARIANTS.gap[gap].classes);
+}
+function gridItemVariants({ variant, mobileDivider } = {}) {
+	return cn(mobileDivider && variant === "4up" && "border-b border-sf-line pb-8 md:border-b-0 md:pb-0");
+}
+/**
+* Responsive CSS grid layout container with preset column configurations.
+*
+* @example
+* ```tsx
+* <Grid variant="2up" gap="base">
+*   <GridItem>Left</GridItem>
+*   <GridItem>Right</GridItem>
+* </Grid>
+* ```
+*/
+var Grid = React.forwardRef(({ children, className, mobileDivider, gap = SF_GRID_DEFAULT_VARIANTS.gap, variant, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(GridContext.Provider, {
+		value: {
+			variant,
+			gap,
+			mobileDivider
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			className: cn(gridVariants({
+				variant,
+				gap
+			}), className),
+			...props,
+			children
+		})
+	});
+});
+Grid.displayName = "Grid";
+var GridItem = React.forwardRef(({ children, className, ...props }, ref) => {
+	const { variant, mobileDivider } = React.useContext(GridContext);
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn(gridItemVariants({
+			variant,
+			mobileDivider
+		}), className),
+		...props,
+		children
+	});
+});
+GridItem.displayName = "GridItem";
+//#endregion
+export { gridItemVariants as a, SF_GRID_VARIANTS as i, GridItem as n, gridVariants as o, SF_GRID_DEFAULT_VARIANTS as r, Grid as t };
+
+//# sourceMappingURL=grid-qUAN9hFx.js.map

package/dist/grid-qUAN9hFx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-qUAN9hFx.js","names":[],"sources":["../src/components/grid/grid.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\n/** Grid variant and gap definitions mapping layout names to their responsive Tailwind classes. */\nexport const SF_GRID_VARIANTS = {\n  variant: {\n    \"2up\": {\n      classes: \"grid-cols-1 md:grid-cols-2\",\n      description:\n        \"Grid items stack on small screens, display side-by-side on medium screens and up\",\n    },\n    \"side-by-side\": {\n      classes: \"grid-cols-2\",\n      description: \"Grid items always displayed side-by-side\",\n    },\n    \"2-1\": {\n      classes: \"grid-cols-1 md:grid-cols-[2fr_1fr]\",\n      description:\n        \"Two-thirds / one-third split (66%/33%) on medium screens and up\",\n    },\n    \"1-2\": {\n      classes: \"grid-cols-1 md:grid-cols-[1fr_2fr]\",\n      description:\n        \"One-third / two-thirds split (33%/66%) on medium screens and up\",\n    },\n    \"1-3up\": {\n      classes: \"grid-cols-1 lg:grid-cols-3\",\n      description:\n        \"Grid items stack on small screens, expand to 3 across on large screens\",\n    },\n    \"3up\": {\n      classes: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-3\",\n      description:\n        \"Grid items stack on small screens, 2 across on medium, 3 across on large\",\n    },\n    \"4up\": {\n      classes: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\",\n      description:\n        \"Grid items stack on small screens, progressively increase columns at larger breakpoints\",\n    },\n    \"6up\": {\n      classes: \"grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6\",\n      description: \"Grid items start at 2 across, expand to 6 across on XL\",\n    },\n    \"1-2-4up\": {\n      classes: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-4\",\n      description:\n        \"Grid items stack on small screens, 2 across on medium, 4 across on large\",\n    },\n  },\n  gap: {\n    none: {\n      classes: \"gap-0\",\n      description: \"No gap between grid items\",\n    },\n    sm: {\n      classes: \"gap-3\",\n      description: \"Small gap between grid items\",\n    },\n    base: {\n      classes: \"gap-2 md:gap-6 lg:gap-8\",\n      description: \"Default responsive gap between grid items\",\n    },\n    lg: {\n      classes: \"gap-8\",\n      description: \"Large gap between grid items\",\n    },\n  },\n} as const;\n\nexport const SF_GRID_DEFAULT_VARIANTS = {\n  gap: \"base\",\n} as const;\n\nexport type SFGridVariant = keyof typeof SF_GRID_VARIANTS.variant;\nexport type SFGridGap = keyof typeof SF_GRID_VARIANTS.gap;\n\n/**\n * Grid component props.\n *\n * @example\n * ```tsx\n * <Grid variant=\"3up\" gap=\"sm\">\n *   <GridItem><Surface className=\"p-4\">1</Surface></GridItem>\n *   <GridItem><Surface className=\"p-4\">2</Surface></GridItem>\n *   <GridItem><Surface className=\"p-4\">3</Surface></GridItem>\n * </Grid>\n * ```\n */\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Grid items to render. */\n  children?: React.ReactNode;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /** Show dividers between grid items on mobile (only works with `\"4up\"` variant). */\n  mobileDivider?: boolean;\n  /**\n   * Gap size between grid items.\n   * - `\"none\"` — No gap\n   * - `\"sm\"` — 12px gap\n   * - `\"base\"` — Responsive gap (8px → 24px → 32px)\n   * - `\"lg\"` — 32px gap\n   * @default \"base\"\n   */\n  gap?: SFGridGap;\n  /**\n   * Responsive column layout variant.\n   * - `\"2up\"` — 1 col → 2 cols at md\n   * - `\"side-by-side\"` — Always 2 cols\n   * - `\"2-1\"` — 66%/33% split at md\n   * - `\"1-2\"` — 33%/66% split at md\n   * - `\"3up\"` — 1 → 2 → 3 cols\n   * - `\"4up\"` — 1 → 2 → 3 → 4 cols\n   * - `\"6up\"` — 2 → 3 → 4 → 6 cols\n   * - `\"1-2-4up\"` — 1 → 2 → 4 cols\n   */\n  variant?: SFGridVariant;\n}\n\n/** GridItem component props — a single cell within a Grid. */\nexport interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Content for this grid cell. */\n  children?: React.ReactNode;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n}\n\ninterface GridContextValue {\n  variant?: SFGridVariant;\n  gap: SFGridGap;\n  mobileDivider?: boolean;\n}\n\nconst GridContext = React.createContext<GridContextValue>({\n  gap: \"base\",\n});\n\nexport function gridVariants({\n  variant,\n  gap = SF_GRID_DEFAULT_VARIANTS.gap,\n}: {\n  variant?: SFGridVariant;\n  gap?: SFGridGap;\n} = {}) {\n  return cn(\n    \"grid\",\n    variant && SF_GRID_VARIANTS.variant[variant].classes,\n    SF_GRID_VARIANTS.gap[gap].classes\n  );\n}\n\nexport function gridItemVariants({\n  variant,\n  mobileDivider,\n}: {\n  variant?: SFGridVariant;\n  mobileDivider?: boolean;\n} = {}) {\n  return cn(\n    mobileDivider &&\n      variant === \"4up\" &&\n      \"border-b border-sf-line pb-8 md:border-b-0 md:pb-0\"\n  );\n}\n\n/**\n * Responsive CSS grid layout container with preset column configurations.\n *\n * @example\n * ```tsx\n * <Grid variant=\"2up\" gap=\"base\">\n *   <GridItem>Left</GridItem>\n *   <GridItem>Right</GridItem>\n * </Grid>\n * ```\n */\nexport const Grid = React.forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      children,\n      className,\n      mobileDivider,\n      gap = SF_GRID_DEFAULT_VARIANTS.gap,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <GridContext.Provider value={{ variant, gap, mobileDivider }}>\n        <div\n          ref={ref}\n          className={cn(gridVariants({ variant, gap }), className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </GridContext.Provider>\n    );\n  }\n);\n\nGrid.displayName = \"Grid\";\n\nexport const GridItem = React.forwardRef<HTMLDivElement, GridItemProps>(\n  ({ children, className, ...props }, ref) => {\n    const { variant, mobileDivider } = React.useContext(GridContext);\n\n    return (\n      <div\n        ref={ref}\n        className={cn(gridItemVariants({ variant, mobileDivider }), className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nGridItem.displayName = \"GridItem\";\n"],"mappings":";;;;;;AAKA,IAAa,mBAAmB;CAC9B,SAAS;EACP,OAAO;GACL,SAAS;GACT,aACE;GACH;EACD,gBAAgB;GACd,SAAS;GACT,aAAa;GACd;EACD,OAAO;GACL,SAAS;GACT,aACE;GACH;EACD,OAAO;GACL,SAAS;GACT,aACE;GACH;EACD,SAAS;GACP,SAAS;GACT,aACE;GACH;EACD,OAAO;GACL,SAAS;GACT,aACE;GACH;EACD,OAAO;GACL,SAAS;GACT,aACE;GACH;EACD,OAAO;GACL,SAAS;GACT,aAAa;GACd;EACD,WAAW;GACT,SAAS;GACT,aACE;GACH;EACF;CACD,KAAK;EACH,MAAM;GACJ,SAAS;GACT,aAAa;GACd;EACD,IAAI;GACF,SAAS;GACT,aAAa;GACd;EACD,MAAM;GACJ,SAAS;GACT,aAAa;GACd;EACD,IAAI;GACF,SAAS;GACT,aAAa;GACd;EACF;CACF;AAED,IAAa,2BAA2B,EACtC,KAAK,QACN;AA6DD,IAAM,cAAc,MAAM,cAAgC,EACxD,KAAK,QACN,CAAC;AAEF,SAAgB,aAAa,EAC3B,SACA,MAAM,yBAAyB,QAI7B,EAAE,EAAE;AACN,QAAO,GACL,QACA,WAAW,iBAAiB,QAAQ,SAAS,SAC7C,iBAAiB,IAAI,KAAK,QAC3B;;AAGH,SAAgB,iBAAiB,EAC/B,SACA,kBAIE,EAAE,EAAE;AACN,QAAO,GACL,iBACE,YAAY,SACZ,qDACH;;;;;;;;;;;;;AAcH,IAAa,OAAO,MAAM,YAEtB,EACE,UACA,WACA,eACA,MAAM,yBAAyB,KAC/B,SACA,GAAG,SAEL,QACG;AACH,QACE,oBAAC,YAAY,UAAb;EAAsB,OAAO;GAAE;GAAS;GAAK;GAAe;YAC1D,oBAAC,OAAD;GACO;GACL,WAAW,GAAG,aAAa;IAAE;IAAS;IAAK,CAAC,EAAE,UAAU;GACxD,GAAI;GAEH;GACG,CAAA;EACe,CAAA;EAG5B;AAED,KAAK,cAAc;AAEnB,IAAa,WAAW,MAAM,YAC3B,EAAE,UAAU,WAAW,GAAG,SAAS,QAAQ;CAC1C,MAAM,EAAE,SAAS,kBAAkB,MAAM,WAAW,YAAY;AAEhE,QACE,oBAAC,OAAD;EACO;EACL,WAAW,GAAG,iBAAiB;GAAE;GAAS;GAAe,CAAC,EAAE,UAAU;EACtE,GAAI;EAEH;EACG,CAAA;EAGX;AAED,SAAS,cAAc"}

package/dist/highlight-to-react-ClEfL81q.js

@@ -0,0 +1,57 @@
+"use client";
+import { createElement } from "react";
+//#region src/utils/highlight-to-react.tsx
+var TOKEN_RE = /<span class="(sh__[^"]+)" style="color:([^"]+)">([\s\S]*?)<\/span>/g;
+var LINE_RE = /<span class="sh__line">([\s\S]*?)<\/span>/g;
+/** Parse the inner HTML of a line into token React elements. */
+function parseTokens(lineHtml) {
+	const nodes = [];
+	let lastIndex = 0;
+	let match;
+	TOKEN_RE.lastIndex = 0;
+	while ((match = TOKEN_RE.exec(lineHtml)) !== null) {
+		if (match.index > lastIndex) nodes.push(lineHtml.slice(lastIndex, match.index));
+		const [, className, color, text] = match;
+		nodes.push(createElement("span", {
+			key: match.index,
+			className,
+			style: { color }
+		}, unescapeHtml(text)));
+		lastIndex = match.index + match[0].length;
+	}
+	if (lastIndex < lineHtml.length) nodes.push(lineHtml.slice(lastIndex));
+	return nodes.length > 0 ? nodes : [" "];
+}
+function unescapeHtml(str) {
+	return str.replaceAll("&amp;", "&").replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&quot;", "\"").replaceAll("&#39;", "'");
+}
+/**
+* Parse sugar-high HTML output into an array of per-line React elements.
+* Each element is a `<span class="sh__line">` containing token spans.
+*/
+function highlightToLines(html) {
+	const lines = [];
+	let match;
+	LINE_RE.lastIndex = 0;
+	let lineIndex = 0;
+	while ((match = LINE_RE.exec(html)) !== null) {
+		const [, lineHtml] = match;
+		lines.push(createElement("span", {
+			key: lineIndex,
+			className: "sh__line"
+		}, ...parseTokens(lineHtml)));
+		lineIndex++;
+	}
+	return lines;
+}
+/**
+* Parse sugar-high HTML output into a flat array of token React elements
+* (no line wrappers — for inline use inside a single `<code>` element).
+*/
+function highlightToTokens(html) {
+	return parseTokens(html.replace(/<span class="sh__line">/g, "").replace(/<\/span>\s*(?=\n|$)/g, ""));
+}
+//#endregion
+export { highlightToTokens as n, highlightToLines as t };
+
+//# sourceMappingURL=highlight-to-react-ClEfL81q.js.map

package/dist/highlight-to-react-ClEfL81q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-to-react-ClEfL81q.js","names":[],"sources":["../src/utils/highlight-to-react.tsx"],"sourcesContent":["/**\n * Converts sugar-high HTML output into React elements without dangerouslySetInnerHTML.\n *\n * sugar-high produces:\n *   <span class=\"sh__line\">\n *     <span class=\"sh__token--keyword\" style=\"color:var(--sh-keyword)\">const</span>\n *     ...\n *   </span>\n *\n * This parser extracts each token span and returns typed React elements.\n */\n\nimport type { ReactElement, ReactNode } from \"react\";\nimport { createElement } from \"react\";\n\n// Matches a single token span: <span class=\"sh__token--X\" style=\"color:var(--sh-Y)\">content</span>\nconst TOKEN_RE =\n  /<span class=\"(sh__[^\"]+)\" style=\"color:([^\"]+)\">([\\s\\S]*?)<\\/span>/g;\n\n// Matches a line wrapper: <span class=\"sh__line\">content</span>\nconst LINE_RE = /<span class=\"sh__line\">([\\s\\S]*?)<\\/span>/g;\n\n/** Parse the inner HTML of a line into token React elements. */\nfunction parseTokens(lineHtml: string): ReactNode[] {\n  const nodes: ReactNode[] = [];\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  // Reset regex state\n  TOKEN_RE.lastIndex = 0;\n\n  while ((match = TOKEN_RE.exec(lineHtml)) !== null) {\n    // Any text between tokens (shouldn't happen with well-formed sugar-high output, but be safe)\n    if (match.index > lastIndex) {\n      nodes.push(lineHtml.slice(lastIndex, match.index));\n    }\n\n    const [, className, color, text] = match;\n    nodes.push(\n      createElement(\n        \"span\",\n        { key: match.index, className, style: { color } },\n        // Unescape HTML entities sugar-high may produce\n        unescapeHtml(text)\n      )\n    );\n    lastIndex = match.index + match[0].length;\n  }\n\n  // Any trailing text\n  if (lastIndex < lineHtml.length) {\n    nodes.push(lineHtml.slice(lastIndex));\n  }\n\n  return nodes.length > 0 ? nodes : [\" \"];\n}\n\nfunction unescapeHtml(str: string): string {\n  return str\n    .replaceAll(\"&amp;\", \"&\")\n    .replaceAll(\"&lt;\", \"<\")\n    .replaceAll(\"&gt;\", \">\")\n    .replaceAll(\"&quot;\", '\"')\n    .replaceAll(\"&#39;\", \"'\");\n}\n\n/**\n * Parse sugar-high HTML output into an array of per-line React elements.\n * Each element is a `<span class=\"sh__line\">` containing token spans.\n */\nexport function highlightToLines(html: string): ReactElement[] {\n  const lines: ReactElement[] = [];\n  let match: RegExpExecArray | null;\n\n  // Reset regex state\n  LINE_RE.lastIndex = 0;\n\n  let lineIndex = 0;\n  while ((match = LINE_RE.exec(html)) !== null) {\n    const [, lineHtml] = match;\n    lines.push(\n      createElement(\n        \"span\",\n        { key: lineIndex, className: \"sh__line\" },\n        ...parseTokens(lineHtml)\n      )\n    );\n    lineIndex++;\n  }\n\n  return lines;\n}\n\n/**\n * Parse sugar-high HTML output into a flat array of token React elements\n * (no line wrappers — for inline use inside a single `<code>` element).\n */\nexport function highlightToTokens(html: string): ReactNode[] {\n  // Flatten: strip line wrappers (opening tags and their closing </span> at line boundaries)\n  const stripped = html\n    .replace(/<span class=\"sh__line\">/g, \"\")\n    .replace(/<\\/span>\\s*(?=\\n|$)/g, \"\");\n  return parseTokens(stripped);\n}\n"],"mappings":";;;AAgBA,IAAM,WACJ;AAGF,IAAM,UAAU;;AAGhB,SAAS,YAAY,UAA+B;CAClD,MAAM,QAAqB,EAAE;CAC7B,IAAI,YAAY;CAChB,IAAI;AAGJ,UAAS,YAAY;AAErB,SAAQ,QAAQ,SAAS,KAAK,SAAS,MAAM,MAAM;AAEjD,MAAI,MAAM,QAAQ,UAChB,OAAM,KAAK,SAAS,MAAM,WAAW,MAAM,MAAM,CAAC;EAGpD,MAAM,GAAG,WAAW,OAAO,QAAQ;AACnC,QAAM,KACJ,cACE,QACA;GAAE,KAAK,MAAM;GAAO;GAAW,OAAO,EAAE,OAAO;GAAE,EAEjD,aAAa,KAAK,CACnB,CACF;AACD,cAAY,MAAM,QAAQ,MAAM,GAAG;;AAIrC,KAAI,YAAY,SAAS,OACvB,OAAM,KAAK,SAAS,MAAM,UAAU,CAAC;AAGvC,QAAO,MAAM,SAAS,IAAI,QAAQ,CAAC,IAAI;;AAGzC,SAAS,aAAa,KAAqB;AACzC,QAAO,IACJ,WAAW,SAAS,IAAI,CACxB,WAAW,QAAQ,IAAI,CACvB,WAAW,QAAQ,IAAI,CACvB,WAAW,UAAU,KAAI,CACzB,WAAW,SAAS,IAAI;;;;;;AAO7B,SAAgB,iBAAiB,MAA8B;CAC7D,MAAM,QAAwB,EAAE;CAChC,IAAI;AAGJ,SAAQ,YAAY;CAEpB,IAAI,YAAY;AAChB,SAAQ,QAAQ,QAAQ,KAAK,KAAK,MAAM,MAAM;EAC5C,MAAM,GAAG,YAAY;AACrB,QAAM,KACJ,cACE,QACA;GAAE,KAAK;GAAW,WAAW;GAAY,EACzC,GAAG,YAAY,SAAS,CACzB,CACF;AACD;;AAGF,QAAO;;;;;;AAOT,SAAgB,kBAAkB,MAA2B;AAK3D,QAAO,YAHU,KACd,QAAQ,4BAA4B,GAAG,CACvC,QAAQ,wBAAwB,GAAG,CACV"}

package/dist/index.js

@@ -0,0 +1,215 @@
+"use client";
+import { n as safeRandomId, t as cn } from "./cn-YROP2_ox.js";
+import { n as useLinkComponent, t as LinkProvider } from "./link-provider-BUZKXaNE.js";
+import { t as Loader } from "./loader-DAcc-Uag.js";
+import { n as TooltipProvider, t as Tooltip } from "./tooltip-Cb7QW-7H.js";
+import { t as Badge } from "./badge-D_eaA6wv.js";
+import { n as BannerVariant, t as Banner } from "./banner-B_6oBrsu.js";
+import { i as buttonVariants, n as LinkButton, r as RefreshButton, t as Button } from "./button-De0267YU.js";
+import { t as DateRangePicker } from "./date-range-picker-D75LLINc.js";
+import { a as labelVariants, i as labelContentVariants, n as SF_LABEL_DEFAULT_VARIANTS, r as SF_LABEL_VARIANTS, t as Label } from "./label-QtJxtJ4u.js";
+import { t as Checkbox } from "./checkbox-CPX7lBaU.js";
+import { i as fieldVariants, n as SF_FIELD_DEFAULT_VARIANTS, r as SF_FIELD_VARIANTS, t as Field } from "./field-Y_UK1_Cg.js";
+import { r as inputVariants, t as Input } from "./input-BxQAnXki.js";
+import { n as InputArea, r as Textarea, t as InputGroup } from "./input-Cn25I4o5.js";
+import { t as ClipboardText } from "./clipboard-text-92YeCybc.js";
+import { n as CodeBlock, t as Code } from "./code-DE1Yy1Cu.js";
+import { t as Combobox } from "./combobox-B0bLdsX8.js";
+import { t as Surface } from "./surface-BduI7Ehl.js";
+import { a as DialogTitle, i as DialogRoot, n as DialogClose, o as DialogTrigger, r as DialogDescription, t as Dialog } from "./dialog-CyHEQXEY.js";
+import { t as DropdownMenu } from "./dropdown-J5T4pHaR.js";
+import { t as Collapsible } from "./collapsible-DWsXeXmS.js";
+import { t as LayerCard } from "./layer-card-BME0eljh.js";
+import { t as SkeletonLine } from "./skeleton-line-Do3UmGk9.js";
+import { n as useMenuNavigation, t as MenuBar } from "./menubar-C8NzAjfd.js";
+import { t as Meter } from "./meter-CpmTenEr.js";
+import { t as Pagination } from "./pagination-C_YqCy8l.js";
+import { t as Select } from "./select-9p721G00.js";
+import { r as Switch } from "./switch-CzZBRBL7.js";
+import { t as Tabs } from "./tabs-1cHrYoel.js";
+import { r as Table } from "./table-CIMx0Oq0.js";
+import { c as SF_POPOVER_DEFAULT_VARIANTS, l as SF_POPOVER_VARIANTS, t as Popover } from "./popover-BRQZ2b6z.js";
+import { _ as validateFilterValue, a as DEFAULT_MULTISELECT_OPERATORS, c as DEFAULT_TEXT_OPERATORS, d as formatFilterValue, f as getFieldByKey, g as mergeI18n, h as groupFields, i as DEFAULT_I18N, l as createFilter, m as getValueLabel, n as SF_FILTERS_DEFAULT_VARIANTS, o as DEFAULT_OPERATORS, p as getFieldOperators, r as SF_FILTERS_VARIANTS, s as DEFAULT_SELECT_OPERATORS, t as Filters, u as createFilterGroup } from "./filters-BdBogf7D.js";
+import { t as Empty } from "./empty-D2TypIId.js";
+import { n as SF_DATA_GRID_DEFAULT_VARIANTS, r as SF_DATA_GRID_VARIANTS, t as DataGrid } from "./data-grid-UJ9ja5cu.js";
+import { t as Text } from "./text-KJmGkwnf.js";
+import { a as useSFToastManager, n as ToastProvider, r as Toasty, t as Toast } from "./toast-Nw28a5Cx.js";
+import { n as SF_SENSITIVE_INPUT_VARIANTS, r as SensitiveInput, t as SF_SENSITIVE_INPUT_DEFAULT_VARIANTS } from "./sensitive-input-D5je2NLl.js";
+import { i as SF_RADIO_VARIANTS, n as RadioGroup, r as SF_RADIO_DEFAULT_VARIANTS, t as Radio } from "./radio-B7zg1wUI.js";
+import { n as SF_COMMAND_PALETTE_DEFAULT_VARIANTS, r as SF_COMMAND_PALETTE_VARIANTS, t as CommandPalette } from "./command-palette-CBTY8EiF.js";
+import { Link, SF_LINK_DEFAULT_VARIANTS, SF_LINK_VARIANTS, linkVariants } from "./components/link.js";
+import { t as Breadcrumb } from "./breadcrumbs-BlmeYfgq.js";
+import { a as gridItemVariants, i as SF_GRID_VARIANTS, n as GridItem, o as gridVariants, r as SF_GRID_DEFAULT_VARIANTS, t as Grid } from "./grid-qUAN9hFx.js";
+import { t as DatePicker } from "./date-picker-ebekkC3R.js";
+import { t as Flow } from "./flow-BRsYUCJa.js";
+import { a as SignalFlareAILogo, i as SF_SIGNALFLARE_AI_LOGO_VARIANTS, n as PoweredBySignalFlareAI, o as SignalflareAiLogo, r as SF_SIGNALFLARE_AI_LOGO_DEFAULT_VARIANTS, s as generateSignalFlareAILogoSvg, t as PoweredByNavigator } from "./signalflare-ai-logo-DDhxMJD6.js";
+import { n as SF_AI_LOADER_DEFAULT_VARIANTS, r as SF_AI_LOADER_VARIANTS, t as AiLoader } from "./ai-loader-Cr3eQkNS.js";
+import { n as SF_AI_STREAMING_TEXT_VARIANTS, r as useAiStreamingText, t as SF_AI_STREAMING_TEXT_DEFAULT_VARIANTS } from "./ai-streaming-text-ClL7FwvD.js";
+import { i as SF_AI_ACTIONS_VARIANTS, n as AiActions, r as SF_AI_ACTIONS_DEFAULT_VARIANTS, t as AiAction } from "./ai-actions-DG1dhDMP.js";
+import { n as SF_AI_SHIMMER_DEFAULT_VARIANTS, r as SF_AI_SHIMMER_VARIANTS, t as AiShimmer } from "./ai-shimmer-BpOmfonu.js";
+import { i as SF_AI_SUGGESTION_VARIANTS, n as AiSuggestions, r as SF_AI_SUGGESTION_DEFAULT_VARIANTS, t as AiSuggestion } from "./ai-suggestion-CNsCZj5P.js";
+import { i as SF_AI_CODE_BLOCK_VARIANTS, n as AiCodeBlockCopyButton, r as SF_AI_CODE_BLOCK_DEFAULT_VARIANTS, t as AiCodeBlock } from "./ai-code-block-BI_z0UVR.js";
+import { n as SF_AI_RESPONSE_DEFAULT_VARIANTS, r as SF_AI_RESPONSE_VARIANTS, t as AiResponse } from "./ai-response-BWoVsNQG.js";
+import { n as SF_AI_STATUS_BADGE_DEFAULT_VARIANTS, r as SF_AI_STATUS_BADGE_VARIANTS, t as AiStatusBadge } from "./ai-status-badge-WhbKVeqn.js";
+import { a as extractFirstBoldText, i as SF_AI_REASONING_VARIANTS, n as AiReasoningGroup, o as formatDuration, r as SF_AI_REASONING_DEFAULT_VARIANTS, s as truncateReasoning, t as AiReasoning } from "./ai-reasoning-UAmNx_LD.js";
+import { a as SF_AI_TOOL_VARIANTS, c as getToolIcon, d as hasToolResult, f as isToolLoading, i as SF_AI_TOOL_DEFAULT_VARIANTS, l as hasToolError, n as AiToolCallGroup, o as getToolDisplayName, r as AiToolCallTimeline, s as getToolErrorText, t as AiToolCall, u as hasToolOutputError } from "./ai-tool-BGH8nQ_D.js";
+import { a as AiMessageAttachments, c as AiMessageBranchSelector, d as SF_AI_MESSAGE_DEFAULT_VARIANTS, f as SF_AI_MESSAGE_VARIANTS, i as AiMessageAttachment, l as AiMessageContent, n as AiMessageAction, o as AiMessageBranch, r as AiMessageActions, s as AiMessageBranchContent, t as AiMessage, u as AiMessageToolbar } from "./ai-message-CV8SBoHM.js";
+import { a as SF_AI_CONVERSATION_VARIANTS, i as SF_AI_CONVERSATION_DEFAULT_VARIANTS, n as AiConversationContent, o as useConversationVirtualizer, r as AiConversationScrollButton, t as AiConversation } from "./ai-conversation-DYtExcrw.js";
+import { C as usePromptInputController, S as usePromptInputAttachments, _ as PromptInputTextarea, a as PromptInputActionMenuItem, b as SF_AI_PROMPT_INPUT_DEFAULT_VARIANTS, c as PromptInputAttachment, d as PromptInputBody, f as PromptInputButton, g as PromptInputSubmit, h as PromptInputSpeechButton, i as PromptInputActionMenuContent, l as PromptInputAttachments, m as PromptInputProvider, n as PromptInputActionAddAttachments, o as PromptInputActionMenuTrigger, p as PromptInputModeSelector, r as PromptInputActionMenu, s as PromptInputAttachButton, t as PromptInput, u as PromptInputBackLayer, v as PromptInputToolbar, w as useProviderAttachments, x as SF_AI_PROMPT_INPUT_VARIANTS, y as PromptInputTools } from "./ai-prompt-input-Bo1YuJly.js";
+import { i as getStoredThemeMode, n as SF_THEME_TOGGLE_VARIANTS, r as ThemeToggle, t as SF_THEME_TOGGLE_DEFAULT_VARIANTS } from "./theme-toggle-Dpgnoj_Q.js";
+import { n as SF_AI_APPROVAL_DEFAULT_VARIANTS, r as SF_AI_APPROVAL_VARIANTS, t as AiApproval } from "./ai-approval-Mb7-BY6i.js";
+import { n as SF_AI_QUESTION_DEFAULT_VARIANTS, r as SF_AI_QUESTION_VARIANTS, t as AiQuestion } from "./ai-question-Dp1g9k2o.js";
+import { i as SF_AI_TASK_LIST_VARIANTS, n as AiTaskListItem, r as SF_AI_TASK_LIST_DEFAULT_VARIANTS, t as AiTaskList } from "./ai-task-list-B9CpMDYN.js";
+import { n as SF_AI_SUBAGENT_DEFAULT_VARIANTS, r as SF_AI_SUBAGENT_VARIANTS, t as AiSubagent } from "./ai-subagent-BruGN1UE.js";
+import { n as SF_AI_INFO_BANNER_DEFAULT_VARIANTS, r as SF_AI_INFO_BANNER_VARIANTS, t as AiInfoBanner } from "./ai-info-banner-BpzauUAY.js";
+import { n as SF_AI_USAGE_BAR_DEFAULT_VARIANTS, r as SF_AI_USAGE_BAR_VARIANTS, t as AiUsageBar } from "./ai-usage-bar-BI-p-JBk.js";
+import { a as useAgentHarness, i as fromMastraHarness, n as SF_USE_AGENT_HARNESS_VARIANTS, r as createAgentHarnessState, t as SF_USE_AGENT_HARNESS_DEFAULT_VARIANTS } from "./use-agent-harness-DZzcn96L.js";
+import { n as SF_AI_AGENT_CARD_DEFAULT_VARIANTS, r as SF_AI_AGENT_CARD_VARIANTS, t as AiAgentCard } from "./ai-agent-card-BbtL4NII.js";
+import { n as SF_AI_MISSION_HEADER_DEFAULT_VARIANTS, r as SF_AI_MISSION_HEADER_VARIANTS, t as AiMissionHeader } from "./ai-mission-header-ByYkJ6YP.js";
+import { i as SF_AI_TIMELINE_VARIANTS, n as AiTimelineLane, r as SF_AI_TIMELINE_DEFAULT_VARIANTS, t as AiTimeline } from "./ai-timeline-Bb5ntsr3.js";
+import { A as useSidebar, C as SidebarMenuSubItem, D as SidebarRoot, E as SidebarResizeHandle, O as SidebarSeparator, S as SidebarMenuSubButton, T as SidebarRail, _ as SidebarMenuBadge, a as SidebarCollapsible, b as SidebarMenuItem, c as SidebarContent, d as SidebarGroupContent, f as SidebarGroupLabel, g as SidebarMenuAction, h as SidebarMenu, i as Sidebar, k as SidebarTrigger, l as SidebarFooter, m as SidebarInput, n as SF_SIDEBAR_STYLING, o as SidebarCollapsibleContent, p as SidebarHeader, r as SF_SIDEBAR_VARIANTS, s as SidebarCollapsibleTrigger, t as SF_SIDEBAR_DEFAULT_VARIANTS, u as SidebarGroup, v as SidebarMenuButton, w as SidebarProvider, x as SidebarMenuSub, y as SidebarMenuChevron } from "./sidebar-DOwBrq57.js";
+import { useCallback, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, CopyIcon, WarningCircleIcon, XIcon } from "@phosphor-icons/react";
+//#region src/blocks/delete-resource/delete-resource.tsx
+var SF_DELETE_RESOURCE_VARIANTS = { size: {
+	sm: {
+		classes: "",
+		description: "Small dialog for simple delete confirmations"
+	},
+	base: {
+		classes: "",
+		description: "Default delete confirmation dialog size"
+	}
+} };
+var SF_DELETE_RESOURCE_DEFAULT_VARIANTS = { size: "base" };
+function DeleteResource({ open, onOpenChange, resourceType, resourceName, onDelete, isDeleting = false, caseSensitive = true, deleteButtonText, size = SF_DELETE_RESOURCE_DEFAULT_VARIANTS.size, errorMessage, className }) {
+	const [confirmationInput, setConfirmationInput] = useState("");
+	const [copied, setCopied] = useState(false);
+	useEffect(() => {
+		if (!open) {
+			setConfirmationInput("");
+			setCopied(false);
+		}
+	}, [open]);
+	const normalizeForComparison = useCallback((str) => caseSensitive ? str : str.toLowerCase(), [caseSensitive]);
+	const isConfirmed = normalizeForComparison(confirmationInput) === normalizeForComparison(resourceName);
+	const handleDelete = useCallback(async () => {
+		if (!isConfirmed || isDeleting) return;
+		await onDelete();
+	}, [
+		isConfirmed,
+		isDeleting,
+		onDelete
+	]);
+	const handleCopy = useCallback(async () => {
+		await navigator.clipboard.writeText(resourceName);
+		setCopied(true);
+		setTimeout(() => setCopied(false), 1500);
+	}, [resourceName]);
+	return /* @__PURE__ */ jsx(DialogRoot, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(Dialog, {
+			size,
+			className: cn("p-0", className),
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between border-b border-sf-line px-6 py-4",
+					children: [/* @__PURE__ */ jsxs(DialogTitle, {
+						className: "text-lg font-semibold",
+						children: ["Delete ", resourceName]
+					}), /* @__PURE__ */ jsx(DialogClose, { render: (props) => /* @__PURE__ */ jsx(Button, {
+						...props,
+						variant: "ghost",
+						shape: "square",
+						size: "sm",
+						"aria-label": "Close",
+						disabled: isDeleting,
+						children: /* @__PURE__ */ jsx(XIcon, { size: 18 })
+					}) })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col p-6 gap-4",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-2",
+						children: [errorMessage && /* @__PURE__ */ jsx(Banner, {
+							icon: /* @__PURE__ */ jsx(WarningCircleIcon, {}),
+							variant: "error",
+							children: errorMessage
+						}), /* @__PURE__ */ jsxs("p", {
+							className: "text-base text-sf-subtle max-w-prose text-pretty",
+							children: [
+								"This action cannot be undone. This will permanently delete the",
+								" ",
+								/* @__PURE__ */ jsx("span", {
+									className: "font-medium text-sf-default",
+									children: resourceName
+								}),
+								" ",
+								resourceType.toLowerCase(),
+								"."
+							]
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "flex items-center gap-1.5 text-base",
+							children: /* @__PURE__ */ jsxs("span", { children: [
+								"Type",
+								" ",
+								/* @__PURE__ */ jsxs("button", {
+									className: "font-mono text-sm inline font-semibold bg-sf-tint hover:bg-sf-fill rounded-md px-2 py-1 group hover:cursor-pointer",
+									onClick: handleCopy,
+									"aria-label": `Copy ${resourceName} to clipboard`,
+									children: [resourceName, copied ? /* @__PURE__ */ jsx(CheckIcon, {
+										size: 12,
+										weight: "bold",
+										className: "inline ml-1.5"
+									}) : /* @__PURE__ */ jsx(CopyIcon, {
+										size: 12,
+										weight: "bold",
+										className: "inline text-sf-subtle group-hover:text-sf-default ml-1.5"
+									})]
+								}),
+								" ",
+								"to confirm:"
+							] })
+						}), /* @__PURE__ */ jsx(Input, {
+							placeholder: resourceName,
+							value: confirmationInput,
+							onChange: (e) => setConfirmationInput(e.target.value),
+							disabled: isDeleting,
+							autoComplete: "off",
+							autoCorrect: "off",
+							autoCapitalize: "off",
+							spellCheck: false,
+							"aria-label": `Type ${resourceName} to confirm deletion`,
+							className: "w-full"
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex justify-end gap-3 border-t border-sf-line px-6 py-4",
+					children: [/* @__PURE__ */ jsx(DialogClose, { render: (props) => /* @__PURE__ */ jsx(Button, {
+						...props,
+						variant: "secondary",
+						disabled: isDeleting,
+						children: "Cancel"
+					}) }), /* @__PURE__ */ jsx(Button, {
+						variant: "destructive",
+						onClick: handleDelete,
+						disabled: !isConfirmed || isDeleting,
+						loading: isDeleting,
+						children: deleteButtonText || `Delete ${resourceType}`
+					})]
+				})
+			]
+		})
+	});
+}
+DeleteResource.displayName = "DeleteResource";
+//#endregion
+export { AiAction, AiActions, AiAgentCard, AiApproval, AiCodeBlock, AiCodeBlockCopyButton, AiConversation, AiConversationContent, AiConversationScrollButton, AiInfoBanner, AiLoader, AiMessage, AiMessageAction, AiMessageActions, AiMessageAttachment, AiMessageAttachments, AiMessageBranch, AiMessageBranchContent, AiMessageBranchSelector, AiMessageContent, AiMessageToolbar, AiMissionHeader, AiQuestion, AiReasoning, AiReasoningGroup, AiResponse, AiShimmer, AiStatusBadge, AiSubagent, AiSuggestion, AiSuggestions, AiTaskList, AiTaskListItem, AiTimeline, AiTimelineLane, AiToolCall, AiToolCallGroup, AiToolCallTimeline, AiUsageBar, Badge, Banner, BannerVariant, Breadcrumb as Breadcrumbs, Button, Checkbox, ClipboardText, Code, CodeBlock, Collapsible, Combobox, CommandPalette, DEFAULT_I18N, DEFAULT_MULTISELECT_OPERATORS, DEFAULT_OPERATORS, DEFAULT_SELECT_OPERATORS, DEFAULT_TEXT_OPERATORS, DataGrid, DatePicker, DateRangePicker, DeleteResource, Dialog, DialogClose, DialogDescription, DialogRoot, DialogTitle, DialogTrigger, DropdownMenu, Empty, Field, Filters, Flow, Grid, GridItem, Input, InputArea, InputGroup, Label, LayerCard, Link, LinkButton, LinkProvider, Loader, MenuBar, Meter, Pagination, Popover, PoweredByNavigator, PoweredBySignalFlareAI, PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputAttachButton, PromptInputAttachment, PromptInputAttachments, PromptInputBackLayer, PromptInputBody, PromptInputButton, PromptInputModeSelector, PromptInputProvider, PromptInputSpeechButton, PromptInputSubmit, PromptInputTextarea, PromptInputToolbar, PromptInputTools, Radio, RadioGroup, RefreshButton, SF_AI_ACTIONS_DEFAULT_VARIANTS, SF_AI_ACTIONS_VARIANTS, SF_AI_AGENT_CARD_DEFAULT_VARIANTS, SF_AI_AGENT_CARD_VARIANTS, SF_AI_APPROVAL_DEFAULT_VARIANTS, SF_AI_APPROVAL_VARIANTS, SF_AI_CODE_BLOCK_DEFAULT_VARIANTS, SF_AI_CODE_BLOCK_VARIANTS, SF_AI_CONVERSATION_DEFAULT_VARIANTS, SF_AI_CONVERSATION_VARIANTS, SF_AI_INFO_BANNER_DEFAULT_VARIANTS, SF_AI_INFO_BANNER_VARIANTS, SF_AI_LOADER_DEFAULT_VARIANTS, SF_AI_LOADER_VARIANTS, SF_AI_MESSAGE_DEFAULT_VARIANTS, SF_AI_MESSAGE_VARIANTS, SF_AI_MISSION_HEADER_DEFAULT_VARIANTS, SF_AI_MISSION_HEADER_VARIANTS, SF_AI_PROMPT_INPUT_DEFAULT_VARIANTS, SF_AI_PROMPT_INPUT_VARIANTS, SF_AI_QUESTION_DEFAULT_VARIANTS, SF_AI_QUESTION_VARIANTS, SF_AI_REASONING_DEFAULT_VARIANTS, SF_AI_REASONING_VARIANTS, SF_AI_RESPONSE_DEFAULT_VARIANTS, SF_AI_RESPONSE_VARIANTS, SF_AI_SHIMMER_DEFAULT_VARIANTS, SF_AI_SHIMMER_VARIANTS, SF_AI_STATUS_BADGE_DEFAULT_VARIANTS, SF_AI_STATUS_BADGE_VARIANTS, SF_AI_STREAMING_TEXT_DEFAULT_VARIANTS, SF_AI_STREAMING_TEXT_VARIANTS, SF_AI_SUBAGENT_DEFAULT_VARIANTS, SF_AI_SUBAGENT_VARIANTS, SF_AI_SUGGESTION_DEFAULT_VARIANTS, SF_AI_SUGGESTION_VARIANTS, SF_AI_TASK_LIST_DEFAULT_VARIANTS, SF_AI_TASK_LIST_VARIANTS, SF_AI_TIMELINE_DEFAULT_VARIANTS, SF_AI_TIMELINE_VARIANTS, SF_AI_TOOL_DEFAULT_VARIANTS, SF_AI_TOOL_VARIANTS, SF_AI_USAGE_BAR_DEFAULT_VARIANTS, SF_AI_USAGE_BAR_VARIANTS, SF_COMMAND_PALETTE_DEFAULT_VARIANTS, SF_COMMAND_PALETTE_VARIANTS, SF_DATA_GRID_DEFAULT_VARIANTS, SF_DATA_GRID_VARIANTS, SF_DELETE_RESOURCE_DEFAULT_VARIANTS, SF_DELETE_RESOURCE_VARIANTS, SF_FIELD_DEFAULT_VARIANTS, SF_FIELD_VARIANTS, SF_FILTERS_DEFAULT_VARIANTS, SF_FILTERS_VARIANTS, SF_GRID_DEFAULT_VARIANTS, SF_GRID_VARIANTS, SF_LABEL_DEFAULT_VARIANTS, SF_LABEL_VARIANTS, SF_LINK_DEFAULT_VARIANTS, SF_LINK_VARIANTS, SF_POPOVER_DEFAULT_VARIANTS, SF_POPOVER_VARIANTS, SF_RADIO_DEFAULT_VARIANTS, SF_RADIO_VARIANTS, SF_SENSITIVE_INPUT_DEFAULT_VARIANTS, SF_SENSITIVE_INPUT_VARIANTS, SF_SIDEBAR_DEFAULT_VARIANTS, SF_SIDEBAR_STYLING, SF_SIDEBAR_VARIANTS, SF_SIGNALFLARE_AI_LOGO_DEFAULT_VARIANTS, SF_SIGNALFLARE_AI_LOGO_VARIANTS, SF_THEME_TOGGLE_DEFAULT_VARIANTS, SF_THEME_TOGGLE_VARIANTS, SF_USE_AGENT_HARNESS_DEFAULT_VARIANTS, SF_USE_AGENT_HARNESS_VARIANTS, Select, SensitiveInput, Sidebar, SidebarCollapsible, SidebarCollapsibleContent, SidebarCollapsibleTrigger, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuChevron, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarResizeHandle, SidebarRoot, SidebarSeparator, SidebarTrigger, SignalFlareAILogo, SignalflareAiLogo, SkeletonLine, Surface, Switch, Table, Tabs, Text, Textarea, ThemeToggle, Toast, ToastProvider, Toasty, Tooltip, TooltipProvider, buttonVariants, cn, createAgentHarnessState, createFilter, createFilterGroup, extractFirstBoldText, fieldVariants, formatDuration, formatFilterValue, fromMastraHarness, generateSignalFlareAILogoSvg, getFieldByKey, getFieldOperators, getStoredThemeMode, getToolDisplayName, getToolErrorText, getToolIcon, getValueLabel, gridItemVariants, gridVariants, groupFields, hasToolError, hasToolOutputError, hasToolResult, inputVariants, isToolLoading, labelContentVariants, labelVariants, linkVariants, mergeI18n, safeRandomId, truncateReasoning, useAgentHarness, useAiStreamingText, useConversationVirtualizer, useLinkComponent, useMenuNavigation, usePromptInputAttachments, usePromptInputController, useProviderAttachments, useSFToastManager, useSidebar, validateFilterValue };
+
+//# sourceMappingURL=index.js.map