{"$schema":"https:\/\/ui.particle.academy\/schema\/registry-item.json","name":"brand","type":"registry:ui","title":"Brand","description":"Brand from react-fancy","package":"react-fancy","dependencies":[],"registryDependencies":[],"files":[{"path":"components\/fancy\/brand\/Brand.tsx","content":"import { forwardRef } from \"react\";\r\nimport { cn } from \"..\/..\/utils\/cn\";\r\nimport type { BrandProps } from \".\/Brand.types\";\r\n\r\nconst gapClasses: Record<NonNullable<BrandProps[\"size\"]>, string> = {\r\n  sm: \"gap-2\",\r\n  md: \"gap-3\",\r\n  lg: \"gap-4\",\r\n};\r\n\r\nconst nameClasses: Record<NonNullable<BrandProps[\"size\"]>, string> = {\r\n  sm: \"text-sm\",\r\n  md: \"text-base\",\r\n  lg: \"text-xl\",\r\n};\r\n\r\nconst taglineClasses: Record<NonNullable<BrandProps[\"size\"]>, string> = {\r\n  sm: \"text-xs\",\r\n  md: \"text-sm\",\r\n  lg: \"text-base\",\r\n};\r\n\r\nexport const Brand = forwardRef<HTMLDivElement, BrandProps>(\r\n  ({ logo, name, tagline, size = \"md\", className }, ref) => {\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        data-react-fancy-brand=\"\"\r\n        className={cn(\"flex items-center\", gapClasses[size], className)}\r\n      >\r\n        {logo && <div className=\"shrink-0\">{logo}<\/div>}\r\n        {(name || tagline) && (\r\n          <div className=\"flex min-w-0 flex-col\">\r\n            {name && (\r\n              <span\r\n                className={cn(\r\n                  \"truncate font-bold text-zinc-900 dark:text-zinc-100\",\r\n                  nameClasses[size],\r\n                )}\r\n              >\r\n                {name}\r\n              <\/span>\r\n            )}\r\n            {tagline && (\r\n              <span\r\n                className={cn(\r\n                  \"truncate text-zinc-500 dark:text-zinc-400\",\r\n                  taglineClasses[size],\r\n                )}\r\n              >\r\n                {tagline}\r\n              <\/span>\r\n            )}\r\n          <\/div>\r\n        )}\r\n      <\/div>\r\n    );\r\n  },\r\n);\r\n\r\nBrand.displayName = \"Brand\";\r\n","type":"registry:ui","target":"components\/fancy\/brand\/Brand.tsx"},{"path":"components\/fancy\/brand\/Brand.types.ts","content":"import type { ReactNode } from \"react\";\r\n\r\nexport interface BrandProps {\r\n  logo?: ReactNode;\r\n  name?: string;\r\n  tagline?: string;\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n  className?: string;\r\n}\r\n","type":"registry:ui","target":"components\/fancy\/brand\/Brand.types.ts"},{"path":"components\/fancy\/brand\/index.ts","content":"export { Brand } from \".\/Brand\";\r\nexport type { BrandProps } from \".\/Brand.types\";\r\n","type":"registry:ui","target":"components\/fancy\/brand\/index.ts"}]}