{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "flex",
  "title": "Flex",
  "description": "Flex layout primitive.",
  "files": [
    {
      "path": "registry/berlin/circle-ui/flex.tsx",
      "content": "// Generated from packages/ui/src/components/flex.tsx\nimport * as React from \"react\";\n\nexport interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\";\n  alignItems?: \"center\" | \"flex-start\" | \"flex-end\" | \"stretch\";\n  justifyContent?: \"center\" | \"flex-start\" | \"flex-end\" | \"space-between\" | \"space-around\";\n  gap?: string | number;\n}\n\nexport function Flex({\n  children,\n  direction,\n  alignItems,\n  justifyContent,\n  style,\n  gap,\n  ...props\n}: FlexProps) {\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: direction,\n        alignItems,\n        justifyContent,\n        gap,\n        ...style\n      }}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "src/components/circle/ui/flex.tsx"
    }
  ],
  "type": "registry:ui"
}