{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "floating-flow-actions",
  "title": "Floating Flow Actions",
  "description": "Floating flow action bar primitive.",
  "registryDependencies": [
    "@blocks/flow-progress",
    "@circle-ui/spinner",
    "@circle-ui/utils"
  ],
  "files": [
    {
      "path": "registry/berlin/blocks/floating-flow-actions.tsx",
      "content": "// Generated from packages/ui/src/components/floating-flow-actions.tsx\n\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"@/registry/berlin/lib/utils\";\nimport { FlowActionButton, FlowActions } from \"@/registry/berlin/blocks/flow-progress\";\nimport { Spinner } from \"@/registry/berlin/circle-ui/spinner\";\n\nexport interface FloatingFlowActionsProps {\n  children?: React.ReactNode;\n  className?: string;\n  containerClassName?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  onSubmit: () => void;\n  position?: \"fixed\" | \"absolute\";\n}\n\nexport function FloatingFlowActions({\n  children,\n  className,\n  containerClassName,\n  disabled = false,\n  loading = false,\n  onSubmit,\n  position = \"fixed\",\n}: FloatingFlowActionsProps) {\n  return (\n    <div\n      className={cn(\n        position === \"fixed\"\n          ? \"fixed inset-x-0 bottom-0 z-20\"\n          : \"absolute inset-x-0 bottom-0 z-20\",\n        className,\n      )}\n    >\n      <div className={cn(\"mx-auto max-w-[690px]\", containerClassName)}>\n        <FlowActions>\n          <FlowActionButton\n            disabled={loading || disabled}\n            onClick={onSubmit}\n            variant=\"primary\"\n          >\n            {loading ? (\n              <span className=\"mr-2 inline-flex items-center\">\n                <Spinner className=\"size-4 text-current\" size=\"sm\" />\n              </span>\n            ) : null}\n            {children ?? \"Continue\"}\n          </FlowActionButton>\n        </FlowActions>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "src/components/ui/floating-flow-actions.tsx"
    }
  ],
  "type": "registry:ui"
}