{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "consent-manager",
  "title": "Consent Manager",
  "author": "shakil-ahmed-billal <shakil.dev99@gmail.com>",
  "description": "Cookie and tracking consent banner for Next.js, built on c15t.",
  "dependencies": [
    "@c15t/nextjs"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/registry/components/consent-manager/consent-manager.tsx",
      "content": "import {\r\n  ConsentManagerDialog,\r\n  ConsentManagerProvider,\r\n  CookieBanner,\r\n} from \"@c15t/nextjs\"\r\n\r\nimport { buttonVariants } from \"@/components/ui/button\"\r\nimport { cn } from \"@/lib/utils\"\r\n\r\nexport function ConsentManager({ children }: { children: React.ReactNode }) {\r\n  return (\r\n    <ConsentManagerProvider\r\n      options={{\r\n        mode: \"offline\",\r\n        consentCategories: [\"necessary\", \"measurement\"],\r\n        // ignoreGeoLocation: process.env.NODE_ENV === \"development\", // Useful for development to always view the banner.\r\n      }}\r\n    >\r\n      <CookieBanner\r\n        theme={{\r\n          \"banner.card\": {\r\n            noStyle: true,\r\n            className: cn(\r\n              \"relative w-full max-w-(--banner-max-width) divide-y overflow-hidden rounded-2xl\",\r\n              \"bg-popover text-popover-foreground shadow-lg ring-1 ring-foreground/10 dark:ring-border\"\r\n            ),\r\n          },\r\n          \"banner.header.title\": {\r\n            noStyle: true,\r\n            className: \"text-base leading-none font-medium text-foreground\",\r\n          },\r\n          \"banner.header.description\": {\r\n            noStyle: true,\r\n            className: \"text-sm text-muted-foreground\",\r\n          },\r\n          \"banner.footer\": {\r\n            style: {\r\n              \"--banner-footer-background-color\": \"transparent\",\r\n              \"--banner-footer-background-color-dark\": \"transparent\",\r\n            },\r\n          },\r\n          \"banner.footer.reject-button\": {\r\n            noStyle: true,\r\n            className: buttonVariants({ variant: \"secondary\" }),\r\n          },\r\n          \"banner.footer.accept-button\": {\r\n            noStyle: true,\r\n            className: buttonVariants({ variant: \"secondary\" }),\r\n          },\r\n          \"banner.footer.customize-button\": {\r\n            noStyle: true,\r\n            className: buttonVariants({ variant: \"default\" }),\r\n          },\r\n        }}\r\n      />\r\n\r\n      <ConsentManagerDialog\r\n        theme={{\r\n          \"dialog.root\": {\r\n            style: {\r\n              \"--dialog-height\": \"100%\",\r\n              \"--dialog-font-family\": \"var(--font-sans)\",\r\n\r\n              \"--dialog-background-color\": \"var(--background)\",\r\n              \"--dialog-background-color-dark\": \"var(--background)\",\r\n\r\n              \"--dialog-border-width\": \"0\",\r\n              \"--dialog-border-color\": \"var(--border)\",\r\n              \"--dialog-border-color-dark\": \"var(--border)\",\r\n\r\n              \"--dialog-card-radius\": \"1rem\",\r\n              \"--dialog-card-shadow\":\r\n                \"0 0 0 1px var(--dialog-card-shadow-color)\",\r\n            },\r\n            className:\r\n              \"[--dialog-card-shadow-color:var(--foreground)]/10 dark:[--dialog-card-shadow-color:var(--border)]\",\r\n          },\r\n          \"dialog.overlay\": {\r\n            style: {\r\n              \"--dialog-overlay-background-color\": \"lab(0% 0 0 / 0.2)\",\r\n              \"--dialog-overlay-background-color-dark\": \"lab(0% 0 0 / 0.4)\",\r\n            },\r\n          },\r\n          \"dialog.title\": {\r\n            noStyle: true,\r\n            className:\r\n              \"text-base leading-none font-medium tracking-tight text-foreground\",\r\n          },\r\n          \"dialog.description\": {\r\n            noStyle: true,\r\n            className: \"text-sm text-muted-foreground\",\r\n          },\r\n          \"dialog.header\": {\r\n            style: {\r\n              \"--dialog-header-gap\": \"0.5rem\",\r\n              \"--dialog-card-gap\": \"0\",\r\n            },\r\n          },\r\n          \"dialog.footer\": {\r\n            style: {\r\n              \"--dialog-border-width\": \"1px\",\r\n\r\n              \"--dialog-stroke-color\": \"var(--border)\",\r\n              \"--dialog-stroke-color-dark\": \"var(--border)\",\r\n\r\n              \"--dialog-branding-icon-height\": \"1.125rem\",\r\n              \"--dialog-branding-font-size\": \"0.875rem\",\r\n\r\n              \"--dialog-branding-focus-color\":\r\n                \"color-mix(in oklab, var(--ring) 50%, transparent)\",\r\n              \"--dialog-branding-focus-color-dark\":\r\n                \"color-mix(in oklab, var(--ring) 50%, transparent)\",\r\n\r\n              \"--dialog-foreground-color\": \"var(--muted-foreground)\",\r\n              \"--dialog-foreground-color-dark\": \"var(--muted-foreground)\",\r\n            },\r\n          },\r\n          \"widget.accordion.item\": {\r\n            noStyle: true,\r\n            className: \"rounded-lg border\",\r\n          },\r\n          \"widget.accordion.trigger\": {\r\n            noStyle: true,\r\n            className: \"flex items-center gap-3 pr-3\",\r\n          },\r\n          \"widget.accordion.trigger-inner\": {\r\n            noStyle: true,\r\n            className: cn(\r\n              \"flex flex-1 items-center rounded-lg px-4 py-3 text-sm font-medium text-foreground **:[svg]:hidden\",\r\n              \"outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\"\r\n            ),\r\n          },\r\n          \"widget.accordion.content\": {\r\n            noStyle: true,\r\n            className:\r\n              \"overflow-hidden px-4 data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\",\r\n          },\r\n          \"widget.accordion.content-inner\": {\r\n            noStyle: true,\r\n            className: \"pb-4 text-sm text-muted-foreground\",\r\n          },\r\n          \"widget.switch\": {\r\n            noStyle: true,\r\n            className: cn(\r\n              \"inline-flex h-4.5 w-8 shrink-0 items-center rounded-full transition-all\",\r\n              \"border border-transparent\",\r\n              \"outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\",\r\n              \"disabled:cursor-not-allowed disabled:opacity-50\",\r\n              \"data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80\"\r\n            ),\r\n          },\r\n          \"widget.switch.track\": {\r\n            noStyle: true,\r\n          },\r\n          \"widget.switch.thumb\": {\r\n            noStyle: true,\r\n            className: cn(\r\n              \"pointer-events-none block size-4 rounded-full bg-background ring-0 transition-[translate,background-color]\",\r\n              \"data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground\"\r\n            ),\r\n          },\r\n          \"widget.footer.sub-group\": {\r\n            noStyle: true,\r\n            className: \"grid grid-cols-2 gap-4 sm:flex\",\r\n          },\r\n          \"widget.footer.reject-button\": {\r\n            noStyle: true,\r\n            className: buttonVariants({ variant: \"secondary\" }),\r\n          },\r\n          \"widget.footer.accept-button\": {\r\n            noStyle: true,\r\n            className: buttonVariants({ variant: \"secondary\" }),\r\n          },\r\n          \"widget.footer.save-button\": {\r\n            noStyle: true,\r\n            className: buttonVariants({ variant: \"default\" }),\r\n          },\r\n        }}\r\n      />\r\n\r\n      {children}\r\n    </ConsentManagerProvider>\r\n  )\r\n}\r\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}