{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"brand-orbs-openai","type":"registry:item","title":"OpenAI","description":"An interlocking six-loop bloom traced as a rotating monochrome dot lattice.","files":[{"path":"snippets/brand-orbs-openai.tsx","content":"import { BrandOrbs } from \"@designcodeio/threeui\";\nimport \"@designcodeio/threeui/style.css\";\n\n// The component fills its parent, so the parent is what gives it a size.\nexport function BrandOrbsExample() {\n  return (\n    <div style={{ width: \"100%\", aspectRatio: \"16 / 9\" }}>\n      <BrandOrbs variant=\"openai\" />\n    </div>\n  );\n}\n","type":"registry:file","target":"~/snippets/brand-orbs-openai.tsx"}],"docs":"## Size\n\nThe component is 100% of its parent's width and height and has no size of its own, so a\nparent with no height renders nothing. A box at a 16 to 9 ratio suits it.\n\n## Props\n\nThis item is `BrandOrbs` with `variant=\"openai\"`. The other settings are separate items\nin this collection, and the snippet sets this one for you.\n\nAll optional. The defaults below are what the snippet renders.\n\n| Prop    | Values            | Default  |\n| ------- | ----------------- | -------- |\n| `size`  | `small`, `medium` | `medium` |\n| `mode`  | `dark`, `light`   | `dark`   |\n| `speed` | 0.25 to 2         | `1`      |\n\n`className` and `style` pass through to the root element.\n","author":"mengto","dependencies":["@designcodeio/threeui"]}