{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "blok",
  "homepage": "https://blok.sitecore.com",
  "items": [
    {
      "name": "theme",
      "type": "registry:theme",
      "title": "Blok theme",
      "description": "A custom Blok theme providing reusable UI components styled with Tailwind CSS and shadcn/ui variables, designed for consistency and efficiency across projects.",
      "cssVars": {
        "theme": {
          "--color-transparent": "transparent",
          "--color-current": "currentColor",
          "--color-black": "#000000",
          "--color-white": "#ffffff",
          "--color-whiteAlpha-50": "rgba(255, 255, 255, 0.04)",
          "--color-whiteAlpha-100": "rgba(255, 255, 255, 0.06)",
          "--color-whiteAlpha-200": "rgba(255, 255, 255, 0.11)",
          "--color-whiteAlpha-300": "rgba(255, 255, 255, 0.29)",
          "--color-whiteAlpha-400": "rgba(255, 255, 255, 0.42)",
          "--color-whiteAlpha-500": "rgba(255, 255, 255, 0.55)",
          "--color-whiteAlpha-600": "rgba(255, 255, 255, 0.68)",
          "--color-whiteAlpha-700": "rgba(255, 255, 255, 0.76)",
          "--color-whiteAlpha-800": "rgba(255, 255, 255, 0.78)",
          "--color-whiteAlpha-900": "rgba(255, 255, 255, 0.94)",
          "--color-blackAlpha-50": "rgba(0, 0, 0, 0.04)",
          "--color-blackAlpha-100": "rgba(0, 0, 0, 0.06)",
          "--color-blackAlpha-200": "rgba(0, 0, 0, 0.11)",
          "--color-blackAlpha-300": "rgba(0, 0, 0, 0.29)",
          "--color-blackAlpha-400": "rgba(0, 0, 0, 0.42)",
          "--color-blackAlpha-500": "rgba(0, 0, 0, 0.55)",
          "--color-blackAlpha-600": "rgba(0, 0, 0, 0.68)",
          "--color-blackAlpha-700": "rgba(0, 0, 0, 0.76)",
          "--color-blackAlpha-800": "rgba(0, 0, 0, 0.78)",
          "--color-blackAlpha-900": "rgba(0, 0, 0, 0.94)",
          "--color-blue-50": "#f4f7ff",
          "--color-blue-100": "#e1eaff",
          "--color-blue-200": "#c9d8ff",
          "--color-blue-300": "#9cb3fd",
          "--color-blue-400": "#6987f9",
          "--color-blue-500": "#4a65e8",
          "--color-blue-600": "#344bc3",
          "--color-blue-700": "#293ba1",
          "--color-blue-800": "#1f2d7f",
          "--color-blue-900": "#16215f",
          "--color-cyan-50": "#eafaff",
          "--color-cyan-100": "#c6f1ff",
          "--color-cyan-200": "#a0e3fd",
          "--color-cyan-300": "#5cc0f1",
          "--color-cyan-400": "#2695de",
          "--color-cyan-500": "#0873c8",
          "--color-cyan-600": "#0059a1",
          "--color-cyan-700": "#004783",
          "--color-cyan-800": "#003767",
          "--color-cyan-900": "#00294d",
          "--color-danger-50": "#fff5f4",
          "--color-danger-100": "#ffe4e2",
          "--color-danger-200": "#ffccc8",
          "--color-danger-300": "#ff9a94",
          "--color-danger-400": "#f4595a",
          "--color-danger-500": "#d92739",
          "--color-danger-600": "#b30426",
          "--color-danger-700": "#92001f",
          "--color-danger-800": "#730019",
          "--color-danger-900": "#580113",
          "--color-gray-50": "#f7f7f7",
          "--color-gray-100": "#e9e9e9",
          "--color-gray-200": "#d8d8d8",
          "--color-gray-300": "#b5b5b5",
          "--color-gray-400": "#8e8e8e",
          "--color-gray-500": "#717171",
          "--color-gray-600": "#535353",
          "--color-gray-700": "#3b3b3b",
          "--color-gray-800": "#282828",
          "--color-gray-900": "#212121",
          "--color-green-50": "#e8fcf5",
          "--color-green-100": "#bef6e3",
          "--color-green-200": "#8bebd0",
          "--color-green-300": "#44cbac",
          "--color-green-400": "#0ea184",
          "--color-green-500": "#007f66",
          "--color-green-600": "#006450",
          "--color-green-700": "#085040",
          "--color-green-800": "#0d3e31",
          "--color-green-900": "#0f2d25",
          "--color-info-50": "#f7f6ff",
          "--color-info-100": "#eae7ff",
          "--color-info-200": "#d9d4ff",
          "--color-info-300": "#b8a9ff",
          "--color-info-400": "#9373ff",
          "--color-info-500": "#6e3fff",
          "--color-info-600": "#5319e0",
          "--color-info-700": "#4715af",
          "--color-info-800": "#401791",
          "--color-info-900": "#2f1469",
          "--color-orange-50": "#fff6e7",
          "--color-orange-100": "#ffe6bd",
          "--color-orange-200": "#fdd291",
          "--color-orange-300": "#ffa037",
          "--color-orange-400": "#e26e00",
          "--color-orange-500": "#ba5200",
          "--color-orange-600": "#953d00",
          "--color-orange-700": "#7a2f00",
          "--color-orange-800": "#612300",
          "--color-orange-900": "#491901",
          "--color-pink-50": "#fff4fe",
          "--color-pink-100": "#ffe2fb",
          "--color-pink-200": "#fec7f8",
          "--color-pink-300": "#f592f3",
          "--color-pink-400": "#de53e0",
          "--color-pink-500": "#bc29bd",
          "--color-pink-600": "#9d039e",
          "--color-pink-700": "#800081",
          "--color-pink-800": "#640664",
          "--color-pink-900": "#470e46",
          "--color-primary-50": "#f7f6ff",
          "--color-primary-100": "#eae7ff",
          "--color-primary-200": "#d9d4ff",
          "--color-primary-300": "#b8a9ff",
          "--color-primary-400": "#9373ff",
          "--color-primary-500": "#6e3fff",
          "--color-primary-600": "#5319e0",
          "--color-primary-700": "#4715af",
          "--color-primary-800": "#401791",
          "--color-primary-900": "#2f1469",
          "--color-purple-50": "#f7f6ff",
          "--color-purple-100": "#eae7ff",
          "--color-purple-200": "#d9d4ff",
          "--color-purple-300": "#b8a9ff",
          "--color-purple-400": "#9373ff",
          "--color-purple-500": "#6e3fff",
          "--color-purple-600": "#5319e0",
          "--color-purple-700": "#4715af",
          "--color-purple-800": "#401791",
          "--color-purple-900": "#2f1469",
          "--color-red-50": "#fff5f4",
          "--color-red-100": "#ffe4e2",
          "--color-red-200": "#ffccc8",
          "--color-red-300": "#ff9a94",
          "--color-red-400": "#f4595a",
          "--color-red-500": "#d92739",
          "--color-red-600": "#b30426",
          "--color-red-700": "#92001f",
          "--color-red-800": "#730019",
          "--color-red-900": "#580113",
          "--color-success-50": "#e8fcf5",
          "--color-success-100": "#bef6e3",
          "--color-success-200": "#8bebd0",
          "--color-success-300": "#44cbac",
          "--color-success-400": "#0ea184",
          "--color-success-500": "#007f66",
          "--color-success-600": "#006450",
          "--color-success-700": "#085040",
          "--color-success-800": "#0d3e31",
          "--color-success-900": "#0f2d25",
          "--color-teal-50": "#e7fbfb",
          "--color-teal-100": "#bbf4f3",
          "--color-teal-200": "#8be9e8",
          "--color-teal-300": "#3cc8cb",
          "--color-teal-400": "#019ea5",
          "--color-teal-500": "#007c85",
          "--color-teal-600": "#00626b",
          "--color-teal-700": "#0a4e57",
          "--color-teal-800": "#103b44",
          "--color-teal-900": "#102c33",
          "--color-warning-50": "#fff6e7",
          "--color-warning-100": "#ffe6bd",
          "--color-warning-200": "#fdd291",
          "--color-warning-300": "#ffa037",
          "--color-warning-400": "#e26e00",
          "--color-warning-500": "#ba5200",
          "--color-warning-600": "#953d00",
          "--color-warning-700": "#7a2f00",
          "--color-warning-800": "#612300",
          "--color-warning-900": "#491901",
          "--color-yellow-50": "#fdf8d2",
          "--color-yellow-100": "#faec79",
          "--color-yellow-200": "#f8d904",
          "--color-yellow-300": "#d7b300",
          "--color-yellow-400": "#ae8a00",
          "--color-yellow-500": "#8b6b00",
          "--color-yellow-600": "#705300",
          "--color-yellow-700": "#5b4300",
          "--color-yellow-800": "#483300",
          "--color-yellow-900": "#362500",
          "--color-body-bg": "var(--background)",
          "--color-subtle-bg": "var(--muted)",
          "--color-body-text": "var(--foreground)",
          "--color-subtle-text": "var(--muted-foreground)",
          "--color-placeholder-color": "var(--placeholder)",
          "--color-inverse-text": "var(--inverse)",
          "--color-border-color": "var(--border)",
          "--color-border-color-a11y": "var(--border-a11y)",
          "--color-primary-fg": "var(--primary-foreground)",
          "--color-danger-fg": "var(--destructive-foreground)",
          "--color-warning-fg": "var(--warning-foreground)",
          "--color-success-fg": "var(--success-foreground)",
          "--color-info-fg": "var(--info-foreground)",
          "--color-neutral-fg": "var(--neutral-foreground)",
          "--color-primary-bg": "var(--primary-background)",
          "--color-danger-bg": "var(--destructive-background)",
          "--color-warning-bg": "var(--warning-background)",
          "--color-success-bg": "var(--success-background)",
          "--color-info-bg": "var(--info-background)",
          "--color-neutral-bg": "var(--neutral-background)",
          "--color-primary-bg-active": "var(--primary-background-active)",
          "--color-danger-bg-active": "var(--destructive-background-active)",
          "--color-warning-bg-active": "var(--warning-background-active)",
          "--color-success-bg-active": "var(--success-background-active)",
          "--color-info-bg-active": "var(--info-background-active)",
          "--color-neutral-bg-active": "var(--neutral-background-active)",
          "--color-primary-hover": "var(--primary-hover)",
          "--color-danger-hover": "var(--destructive-hover)",
          "--color-warning-hover": "var(--warning-hover)",
          "--color-success-hover": "var(--success-hover)",
          "--color-info-hover": "var(--info-hover)",
          "--color-neutral-hover": "var(--neutral-hover)",
          "--color-primary-active": "var(--primary-active)",
          "--color-danger-active": "var(--destructive-active)",
          "--color-warning-active": "var(--warning-active)",
          "--color-success-active": "var(--success-active)",
          "--color-info-active": "var(--info-active)",
          "--color-neutral-active": "var(--neutral-active)",
          "--rounded-none": "0",
          "--rounded-sm": "0.125rem",
          "--rounded-base": "0.25rem",
          "--rounded-md": "0.375rem",
          "--rounded-lg": "0.5rem",
          "--rounded-xl": "0.75rem",
          "--rounded-2xl": "1rem",
          "--rounded-3xl": "1.5rem",
          "--rounded-full": "624.938rem",
          "--breakpoint-base": "0rem",
          "--breakpoint-sm": "30rem",
          "--breakpoint-md": "48rem",
          "--breakpoint-lg": "62rem",
          "--breakpoint-xl": "80rem",
          "--breakpoint-2xl": "96rem",
          "--text-3xs": "0.625rem",
          "--text-2xs": "0.6875rem",
          "--text-xs": "0.75rem",
          "--text-sm": "0.8125rem",
          "--text-base": "0.875rem",
          "--text-md": "0.875rem",
          "--text-lg": "1rem",
          "--text-xl": "1.125rem",
          "--text-2xl": "1.25rem",
          "--text-3xl": "1.5rem",
          "--text-4xl": "1.875rem",
          "--text-5xl": "2.25rem",
          "--text-6xl": "3rem",
          "--text-7xl": "3.75rem",
          "--text-8xl": "4.5rem",
          "--text-9xl": "6rem",
          "--shadow-none": "none",
          "--shadow-xs": "var(--shadow-extraSmall)",
          "--shadow-sm": "var(--shadow-small)",
          "--shadow-base": "var(--shadow-default)",
          "--shadow-md": "var(--shadow-medium)",
          "--shadow-lg": "var(--shadow-large)",
          "--shadow-xl": "var(--shadow-extraLarge)",
          "--shadow-2xl": "var(--shadow-2extraLarge)",
          "--shadow-outline": "var(--shadow-focus)",
          "--shadow-inner": "var(--shadow-inset)",
          "--shadow-dark-lg": "var(--shadow-elevated)",
          "--radius-sm": "calc(var(--radius) - 4px)",
          "--radius-md": "calc(var(--radius) - 2px)",
          "--radius-lg": "var(--radius)",
          "--radius-xl": "calc(var(--radius) + 4px)",
          "--color-background": "var(--background)",
          "--color-foreground": "var(--foreground)",
          "--color-card": "var(--card)",
          "--color-card-foreground": "var(--card-foreground)",
          "--color-popover": "var(--popover)",
          "--color-popover-foreground": "var(--popover-foreground)",
          "--color-primary": "var(--primary)",
          "--color-primary-foreground": "var(--primary-foreground)",
          "--color-primary-background": "var(--primary-background)",
          "--color-secondary": "var(--secondary)",
          "--color-secondary-foreground": "var(--secondary-foreground)",
          "--color-muted": "var(--muted)",
          "--color-muted-foreground": "var(--muted-foreground)",
          "--color-accent": "var(--accent)",
          "--color-accent-foreground": "var(--accent-foreground)",
          "--color-destructive": "var(--destructive)",
          "--color-success": "var(--success)",
          "--color-danger": "var(--destructive)",
          "--color-warning": "var(--warning)",
          "--color-info": "var(--info)",
          "--color-neutral": "var(--neutral)",
          "--color-border": "var(--border)",
          "--color-input": "var(--input)",
          "--color-ring": "var(--ring)",
          "--color-chart-1": "var(--chart-1)",
          "--color-chart-2": "var(--chart-2)",
          "--color-chart-3": "var(--chart-3)",
          "--color-chart-4": "var(--chart-4)",
          "--color-chart-5": "var(--chart-5)",
          "--color-sidebar": "var(--sidebar)",
          "--color-sidebar-foreground": "var(--sidebar-foreground)",
          "--color-sidebar-primary": "var(--sidebar-primary)",
          "--color-sidebar-primary-foreground": "var(--sidebar-primary-foreground)",
          "--color-sidebar-accent": "var(--sidebar-accent)",
          "--color-sidebar-accent-foreground": "var(--sidebar-accent-foreground)",
          "--color-sidebar-border": "var(--sidebar-border)",
          "--color-sidebar-ring": "var(--sidebar-ring)",
          "--color-sonner-error": "var(--destructive-background)"
        }
      },
      "css": {
        ":root": {
          "--radius": "0.625rem",
          "--background": "var(--color-white)",
          "--muted": "var(--color-gray-50)",
          "--foreground": "var(--color-blackAlpha-900)",
          "--muted-foreground": "var(--color-blackAlpha-500)",
          "--placeholder": "var(--color-blackAlpha-400)",
          "--inverse": "var(--color-white)",
          "--border": "var(--color-blackAlpha-200)",
          "--border-a11y": "var(--color-blackAlpha-400)",
          "--input": "var(--color-blackAlpha-400)",
          "--primary-foreground": "var(--color-primary-600)",
          "--destructive-foreground": "var(--color-danger-600)",
          "--warning-foreground": "var(--color-warning-600)",
          "--success-foreground": "var(--color-success-600)",
          "--info-foreground": "var(--color-info-600)",
          "--neutral-foreground": "var(--color-blackAlpha-600)",
          "--primary-background": "var(--color-primary-100)",
          "--destructive-background": "var(--color-danger-100)",
          "--warning-background": "var(--color-warning-100)",
          "--success-background": "var(--color-success-100)",
          "--info-background": "var(--color-info-100)",
          "--neutral-background": "var(--color-blackAlpha-100)",
          "--primary-background-active": "var(--color-primary-200)",
          "--destructive-background-active": "var(--color-danger-200)",
          "--warning-background-active": "var(--color-warning-200)",
          "--success-background-active": "var(--color-success-200)",
          "--info-background-active": "var(--color-info-200)",
          "--neutral-background-active": "var(--color-blackAlpha-200)",
          "--primary": "var(--color-primary-500)",
          "--destructive": "var(--color-danger-500)",
          "--success": "var(--color-success-500)",
          "--warning": "var(--color-warning-500)",
          "--info": "var(--color-info-500)",
          "--neutral": "var(--color-blackAlpha-500)",
          "--primary-hover": "var(--color-primary-600)",
          "--destructive-hover": "var(--color-danger-600)",
          "--success-hover": "var(--color-success-600)",
          "--warning-hover": "var(--color-warning-600)",
          "--info-hover": "var(--color-info-600)",
          "--neutral-hover": "var(--color-neutral-600)",
          "--primary-active": "var(--color-primary-700)",
          "--destructive-active": "var(--color-danger-700)",
          "--success-active": "var(--color-success-700)",
          "--warning-active": "var(--color-warning-700)",
          "--info-active": "var(--color-info-700)",
          "--neutral-active": "var(--color-neutral-700)",
          "--card": "var(--background)",
          "--card-foreground": "var(--foreground)",
          "--popover": "var(--background)",
          "--popover-foreground": "var(--foreground)",
          "--secondary": "var(--muted)",
          "--secondary-foreground": "var(--foreground)",
          "--accent": "var(--muted)",
          "--accent-foreground": "var(--foreground)",
          "--ring": "#6987f9",
          "--chart-1": "#4E41CC",
          "--chart-2": "#0FB5AE",
          "--chart-3": "#F08910",
          "--chart-4": "#33C5E8",
          "--chart-5": "#E055E2",
          "--sidebar": "oklch(0.985 0 0)",
          "--sidebar-foreground": "oklch(0.145 0 0)",
          "--sidebar-primary": "oklch(0.205 0 0)",
          "--sidebar-primary-foreground": "oklch(0.985 0 0)",
          "--sidebar-accent": "oklch(0.97 0 0)",
          "--sidebar-accent-foreground": "oklch(0.205 0 0)",
          "--sidebar-border": "oklch(0.922 0 0)",
          "--sidebar-ring": "oklch(0.708 0 0)",
          "--shadow-extraSmall": "0 0 0 1px rgba(0, 0, 0, 0.05)",
          "--shadow-small": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
          "--shadow-default": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
          "--shadow-medium": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
          "--shadow-large": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
          "--shadow-extraLarge": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
          "--shadow-2extraLarge": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
          "--shadow-focus": "0 0 0 3px rgba(110, 63, 255, 0.6)",
          "--shadow-inset": "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
          "--shadow-elevated": "rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px"
        },
        ".dark": {
          "--background": "var(--color-gray-800)",
          "--muted": "var(--color-gray-900)",
          "--foreground": "var(--color-white)",
          "--muted-foreground": "var(--color-whiteAlpha-600)",
          "--placeholder": "var(--color-whiteAlpha-500)",
          "--inverse": "var(--color-blackAlpha-900)",
          "--border": "var(--color-whiteAlpha-200)",
          "--border-a11y": "var(--color-whiteAlpha-400)",
          "--input": "var(--color-whiteAlpha-500)",
          "--primary-foreground": "var(--color-primary-200)",
          "--destructive-foreground": "var(--color-danger-200)",
          "--warning-foreground": "var(--color-warning-200)",
          "--success-foreground": "var(--color-success-200)",
          "--info-foreground": "var(--color-info-200)",
          "--neutral-foreground": "var(--color-whiteAlpha-700)",
          "--primary-background": "rgba(217, 212, 255, 0.12)",
          "--destructive-background": "rgba(255, 204, 200, 0.12)",
          "--warning-background": "rgba(253, 210, 145, 0.12)",
          "--success-background": "rgba(139, 235, 208, 0.12)",
          "--info-background": "rgba(217, 212, 255, 0.12)",
          "--neutral-background": "var(--color-whiteAlpha-100)",
          "--primary-background-active": "rgba(217, 212, 255, 0.24)",
          "--destructive-background-active": "rgba(255, 204, 200, 0.24)",
          "--warning-background-active": "rgba(253, 210, 145, 0.24)",
          "--success-background-active": "rgba(139, 235, 208, 0.24)",
          "--info-background-active": "rgba(217, 212, 255, 0.24)",
          "--neutral-background-active": "var(--color-whiteAlpha-300)",
          "--primary": "var(--color-primary-200)",
          "--destructive": "var(--color-danger-200)",
          "--success": "var(--color-success-200)",
          "--warning": "var(--color-warning-200)",
          "--info": "var(--color-info-200)",
          "--neutral": "var(--color-whiteAlpha-600)",
          "--primary-hover": "var(--color-primary-300)",
          "--destructive-hover": "var(--color-danger-300)",
          "--success-hover": "var(--color-success-300)",
          "--warning-hover": "var(--color-warning-300)",
          "--info-hover": "var(--color-info-300)",
          "--neutral-hover": "var(--color-neutral-300)",
          "--primary-active": "var(--color-primary-400)",
          "--destructive-active": "var(--color-danger-400)",
          "--success-active": "var(--color-success-400)",
          "--warning-active": "var(--color-warning-400)",
          "--info-active": "var(--color-info-400)",
          "--neutral-active": "var(--color-neutral-400)",
          "--card": "var(--background)",
          "--card-foreground": "var(--foreground)",
          "--popover": "var(--background)",
          "--popover-foreground": "var(--foreground)",
          "--secondary": "var(--muted)",
          "--secondary-foreground": "var(--foreground)",
          "--accent": "var(--muted)",
          "--accent-foreground": "var(--foreground)",
          "--ring": "#6987f9",
          "--chart-1": "var(--color-purple-500)",
          "--chart-2": "var(--color-blue-500)",
          "--chart-3": "var(--color-cyan-500)",
          "--chart-4": "var(--color-teal-500)",
          "--chart-5": "var(--color-green-500)",
          "--sidebar": "oklch(0.205 0 0)",
          "--sidebar-foreground": "oklch(0.985 0 0)",
          "--sidebar-primary": "oklch(0.488 0.243 264.376)",
          "--sidebar-primary-foreground": "oklch(0.985 0 0)",
          "--sidebar-accent": "oklch(0.269 0 0)",
          "--sidebar-accent-foreground": "oklch(0.985 0 0)",
          "--sidebar-border": "oklch(1 0 0 / 10%)",
          "--sidebar-ring": "oklch(0.439 0 0)",
          "--shadow-extraSmall": "0 0 0 1px rgba(255, 255, 255, 0.05)",
          "--shadow-small": "0 1px 2px 0 rgba(255, 255, 255, 0.05)",
          "--shadow-default": "0 1px 3px 0 rgba(255, 255, 255, 0.1), 0 1px 2px 0 rgba(255, 255, 255, 0.06)",
          "--shadow-medium": "0 4px 6px -1px rgba(255, 255, 255, 0.1), 0 2px 4px -1px rgba(255, 255, 255, 0.06)",
          "--shadow-large": "0 10px 15px -3px rgba(255, 255, 255, 0.1), 0 4px 6px -2px rgba(255, 255, 255, 0.05)",
          "--shadow-extraLarge": "0 20px 25px -5px rgba(255, 255, 255, 0.1), 0 10px 10px -5px rgba(255, 255, 255, 0.04)",
          "--shadow-2extraLarge": "0 25px 50px -12px rgba(255, 255, 255, 0.25)",
          "--shadow-focus": "0 0 0 3px rgba(110, 63, 255, 0.6)",
          "--shadow-inset": "inset 0 2px 4px 0 rgba(255, 255, 255, 0.06)",
          "--shadow-elevated": "rgba(255, 255, 255, 0.1) 0px 0px 0px 1px, rgba(255, 255, 255, 0.2) 0px 5px 10px, rgba(255, 255, 255, 0.4) 0px 15px 40px"
        }
      },
      "files": []
    },
    {
      "name": "blok-components",
      "type": "registry:component",
      "title": "All components",
      "description": "This installs all components from the Blok registry",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/accordion.json",
        "https://blok.sitecore.com/r/action-bar.json",
        "https://blok.sitecore.com/r/alert-dialog.json",
        "https://blok.sitecore.com/r/alert.json",
        "https://blok.sitecore.com/r/aspect-ratio.json",
        "https://blok.sitecore.com/r/avatar.json",
        "https://blok.sitecore.com/r/badge.json",
        "https://blok.sitecore.com/r/breadcrumb.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/calendar.json",
        "https://blok.sitecore.com/r/card.json",
        "https://blok.sitecore.com/r/carousel.json",
        "https://blok.sitecore.com/r/chart.json",
        "https://blok.sitecore.com/r/checkbox.json",
        "https://blok.sitecore.com/r/circular-progress.json",
        "https://blok.sitecore.com/r/collapsible.json",
        "https://blok.sitecore.com/r/command.json",
        "https://blok.sitecore.com/r/context-menu.json",
        "https://blok.sitecore.com/r/date-picker.json",
        "https://blok.sitecore.com/r/dialog.json",
        "https://blok.sitecore.com/r/draggable.json",
        "https://blok.sitecore.com/r/dropdown-menu.json",
        "https://blok.sitecore.com/r/editable.json",
        "https://blok.sitecore.com/r/empty-states.json",
        "https://blok.sitecore.com/r/error-states.json",
        "https://blok.sitecore.com/r/field.json",
        "https://blok.sitecore.com/r/filter.json",
        "https://blok.sitecore.com/r/icon.json",
        "https://blok.sitecore.com/r/input.json",
        "https://blok.sitecore.com/r/input-group.json",
        "https://blok.sitecore.com/r/search-input.json",
        "https://blok.sitecore.com/r/inputOtp.json",
        "https://blok.sitecore.com/r/kbd.json",
        "https://blok.sitecore.com/r/label.json",
        "https://blok.sitecore.com/r/navigation-menu.json",
        "https://blok.sitecore.com/r/pagination.json",
        "https://blok.sitecore.com/r/popover.json",
        "https://blok.sitecore.com/r/progress.json",
        "https://blok.sitecore.com/r/radio-group.json",
        "https://blok.sitecore.com/r/resizable.json",
        "https://blok.sitecore.com/r/scroll-area.json",
        "https://blok.sitecore.com/r/select.json",
        "https://blok.sitecore.com/r/select-react.json",
        "https://blok.sitecore.com/r/separator.json",
        "https://blok.sitecore.com/r/sheet.json",
        "https://blok.sitecore.com/r/sidebar.json",
        "https://blok.sitecore.com/r/skeleton.json",
        "https://blok.sitecore.com/r/slider.json",
        "https://blok.sitecore.com/r/sonner.json",
        "https://blok.sitecore.com/r/spinner.json",
        "https://blok.sitecore.com/r/stack-navigation.json",
        "https://blok.sitecore.com/r/stepper.json",
        "https://blok.sitecore.com/r/switch.json",
        "https://blok.sitecore.com/r/table.json",
        "https://blok.sitecore.com/r/tabs.json",
        "https://blok.sitecore.com/r/textarea.json",
        "https://blok.sitecore.com/r/time-picker.json",
        "https://blok.sitecore.com/r/timeline.json",
        "https://blok.sitecore.com/r/toggle.json",
        "https://blok.sitecore.com/r/toggle-group.json",
        "https://blok.sitecore.com/r/tooltip.json"
      ]
    },
    {
      "name": "accordion",
      "type": "registry:ui",
      "title": "Accordion",
      "description": "A vertically stacked set of interactive headings that each reveal a section of content.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui", "@mdi/js"],
      "files": [
        {
          "path": "src/components/ui/accordion.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "alert-dialog",
      "type": "registry:ui",
      "title": "Alert dialog",
      "description": "A modal dialog that interrupts the user with important content and expects a response.",
      "dependencies": ["radix-ui", "class-variance-authority"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json"
      ],
      "files": [
        {
          "path": "src/components/ui/alert-dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "alert",
      "type": "registry:ui",
      "title": "Alert",
      "description": "Displays important information after an action.",
      "dependencies": ["@mdi/js", "class-variance-authority"],
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/alert.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "aspect-ratio",
      "type": "registry:ui",
      "title": "Aspect ratio",
      "description": "Displays content within a desired ratio.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui"],
      "files": [
        {
          "path": "src/components/ui/aspect-ratio.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "avatar",
      "type": "registry:ui",
      "title": "Avatar",
      "description": "An image element with a fallback for representing the user.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui"],
      "files": [
        {
          "path": "src/components/ui/avatar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "badge",
      "type": "registry:ui",
      "title": "Badge",
      "description": "Displays a small count or status indicator.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui", "class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/badge.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "breadcrumb",
      "type": "registry:ui",
      "title": "Breadcrumb",
      "description": "Displays the path to the current resource using a hierarchy of links.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui", "@mdi/js"],
      "files": [
        {
          "path": "src/components/ui/breadcrumb.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "button",
      "type": "registry:ui",
      "title": "Button",
      "description": "Allows users to take actions with a single click or tap.",
      "dependencies": ["radix-ui", "class-variance-authority"],
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "calendar",
      "type": "registry:ui",
      "title": "Calendar",
      "description": "A date field component that allows users to enter and edit date.",
      "dependencies": ["react-day-picker", "@mdi/js"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/select.json"
      ],
      "files": [
        {
          "path": "src/components/ui/calendar.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "card",
      "type": "registry:ui",
      "title": "Card",
      "description": "Containers for displaying content and actions about a single subject.",
      "dependencies": ["class-variance-authority", "@mdi/js"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json"
      ],
      "files": [
        {
          "path": "src/components/ui/card.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "carousel",
      "type": "registry:ui",
      "title": "Carousel",
      "description": "A carousel component for displaying a series of items in a sliding manner.",
      "registryDependencies": [
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/theme.json"
      ],
      "dependencies": ["embla-carousel-react", "@mdi/js"],
      "files": [
        {
          "path": "src/components/ui/carousel.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "chart",
      "type": "registry:ui",
      "title": "Chart",
      "description": "Beautiful charts. Built using Recharts.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["recharts@2.15.4"],
      "files": [
        {
          "path": "src/components/ui/chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "checkbox",
      "type": "registry:ui",
      "title": "Checkbox",
      "description": "Allows users to select multiple items from a list of options.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui", "@mdi/js"],
      "files": [
        {
          "path": "src/components/ui/checkbox.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "collapsible",
      "type": "registry:ui",
      "title": "Collapsible",
      "description": "An interactive component which expands/collapses a panel.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui"],
      "files": [
        {
          "path": "src/components/ui/collapsible.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "combobox",
      "type": "registry:ui",
      "title": "Combobox",
      "description": "Select a value from a list of options.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/input-group.json"
      ],
      "files": [
        {
          "path": "src/components/ui/combobox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "command",
      "type": "registry:ui",
      "title": "Command",
      "description": "Fast, composable, unstyled command menu for React.",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/dialog.json"
      ],
      "dependencies": ["cmdk", "@mdi/js"],
      "files": [
        {
          "path": "src/components/ui/command.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "context-menu",
      "type": "registry:ui",
      "title": "Context menu",
      "description": "Displays a menu to the user, such as a set of actions or functions, triggered by a button.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui", "@mdi/js"],
      "files": [
        {
          "path": "src/components/ui/context-menu.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "date-picker",
      "type": "registry:ui",
      "title": "Date picker",
      "description": "A date field component that allows users to enter and edit date.",
      "dependencies": ["date-fns", "@mdi/js", "react-day-picker"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/calendar.json",
        "https://blok.sitecore.com/r/popover.json",
        "https://blok.sitecore.com/r/select.json"
      ],
      "files": [
        {
          "path": "src/components/ui/date-picker.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "time-picker",
      "type": "registry:ui",
      "title": "Time picker",
      "description": "A component that allows you to select the time",
      "dependencies": ["@mdi/js"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/select.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/popover.json"
      ],
      "files": [
        {
          "path": "src/components/ui/time-picker.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "dialog",
      "type": "registry:ui",
      "title": "Dialog",
      "description": "A modal dialog that interrupts the user with important content.",
      "dependencies": ["@mdi/js", "radix-ui"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json"
      ],
      "files": [
        {
          "path": "src/components/ui/dialog.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "draggable",
      "type": "registry:ui",
      "title": "Draggable",
      "description": "Drag and drop components using @dnd-kit/react. Includes draggable, droppable, and sortable functionality with hooks.",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json"
      ],
      "dependencies": [
        "@dnd-kit/core",
        "@dnd-kit/sortable",
        "@dnd-kit/utilities",
        "lucide-react",
        "@mdi/js"
      ],
      "files": [
        {
          "path": "src/components/ui/dnd-context.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/components/ui/draggable.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/components/ui/droppable.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/components/ui/sortable.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/components/ui/drag-overlay.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "dropdown-menu",
      "type": "registry:ui",
      "title": "Dropdown",
      "description": "Displays a menu to the user triggered by a button.",
      "dependencies": ["@mdi/js", "radix-ui"],
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/dropdown-menu.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "editable",
      "type": "registry:ui",
      "title": "Editable",
      "description": "An inline editable text component that allows users to edit text in place with customizable input or textarea modes.",
      "dependencies": ["class-variance-authority"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/input.json",
        "https://blok.sitecore.com/r/textarea.json",
        "https://blok.sitecore.com/r/button.json"
      ],
      "files": [
        {
          "path": "src/components/ui/editable.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "error-states",
      "type": "registry:ui",
      "title": "Error states",
      "description": "Displays error state variants for different HTTP error codes and generic errors.",
      "dependencies": ["class-variance-authority"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json"
      ],
      "files": [
        {
          "path": "src/components/ui/error-states.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "empty-states",
      "type": "registry:ui",
      "title": "Empty states",
      "description": "Displays empty state variants for no search results, nothing created, and error scenarios.",
      "dependencies": ["class-variance-authority"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json"
      ],
      "files": [
        {
          "path": "src/components/ui/empty-states.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "filter",
      "type": "registry:ui",
      "title": "Filter",
      "description": "Filter components including input search, single select, multi select, and toggle filters for filtering data.",
      "dependencies": ["@mdi/js", "class-variance-authority"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/input.json",
        "https://blok.sitecore.com/r/select.json",
        "https://blok.sitecore.com/r/popover.json",
        "https://blok.sitecore.com/r/badge.json",
        "https://blok.sitecore.com/r/checkbox.json",
        "https://blok.sitecore.com/r/search-input.json"
      ],
      "files": [
        {
          "path": "src/components/ui/filter.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "icon",
      "type": "registry:ui",
      "title": "Icon",
      "description": "Displays an icon.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/icon.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "input",
      "type": "registry:ui",
      "title": "Input",
      "description": "Displays a form input field or a component that looks like an input field.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "search-input",
      "type": "registry:ui",
      "title": "Search input",
      "description": "A customizable search input component with composable left and right elements.",
      "dependencies": ["@mdi/js"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/input.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/tooltip.json"
      ],
      "files": [
        {
          "path": "src/components/ui/search-input.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "input-group",
      "type": "registry:ui",
      "title": "Input Group",
      "description": "A flexible input container that combines an input field with addons like icons, buttons, text, or dropdowns.",
      "dependencies": ["@mdi/js", "class-variance-authority"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/input.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/textarea.json",
        "https://blok.sitecore.com/r/dropdown-menu.json",
        "https://blok.sitecore.com/r/tooltip.json"
      ],
      "files": [
        {
          "path": "src/components/ui/input-group.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "field",
      "type": "registry:ui",
      "title": "Field",
      "description": "Combine labels, controls, and help text to compose accessible form fields and grouped inputs.",
      "dependencies": ["class-variance-authority"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/input.json",
        "https://blok.sitecore.com/r/switch.json"
      ],
      "files": [
        {
          "path": "src/components/ui/field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "inputOtp",
      "type": "registry:ui",
      "title": "Input OTP",
      "description": "A one-time password input component for verification codes.",
      "dependencies": ["@mdi/js", "input-otp"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/label.json"
      ],
      "files": [
        {
          "path": "src/components/ui/inputOtp.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "kbd",
      "type": "registry:ui",
      "title": "Kbd",
      "description": "Used to display textual user input from keyboard.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/kbd.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "label",
      "type": "registry:ui",
      "title": "Label",
      "description": "Renders an accessible label associated with controls.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui"],
      "files": [
        {
          "path": "src/components/ui/label.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "navigation-menu",
      "type": "registry:ui",
      "title": "Navigation menu",
      "description": "A collection of links for navigating websites.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["@mdi/js", "radix-ui", "class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/navigation-menu.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "pagination",
      "type": "registry:ui",
      "title": "Pagination",
      "description": "Pagination with page navigation, next and previous links.",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json"
      ],
      "dependencies": ["radix-ui", "@mdi/js"],
      "files": [
        {
          "path": "src/components/ui/pagination.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "site-card",
      "type": "registry:block",
      "title": "Site card",
      "description": "Pre-made card for displaying site information within SitecoreAI.",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/label.json",
        "https://blok.sitecore.com/r/input.json",
        "https://blok.sitecore.com/r/card.json",
        "https://blok.sitecore.com/r/dropdown-menu.json",
        "https://blok.sitecore.com/r/dialog.json"
      ],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "src/components/bloks/site-card.tsx",
          "target": "src/components/bloks/site-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dashboard-widget",
      "type": "registry:block",
      "title": "Dashboard widget",
      "description": "Card-based dashboard widget with header, optional description, filters, and content area. Supports gray/white background types.",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/card.json",
        "https://blok.sitecore.com/r/filter.json"
      ],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "src/components/bloks/dashboard-widget.tsx",
          "target": "src/components/bloks/dashboard-widget.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "all-site",
      "type": "registry:block",
      "title": "All site section",
      "description": "All user sites shown within SitecoreAI.",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/site-card.json"
      ],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "src/components/bloks/all-sites-section.tsx",
          "target": "src/components/bloks/all-sites-section.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pinned-site",
      "type": "registry:block",
      "title": "Pinned site section",
      "description": "Pinned sites shown within SitecoreAI.",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/all-site.json",
        "https://blok.sitecore.com/r/site-card.json"
      ],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "src/components/bloks/pinned-sites-section.tsx",
          "target": "src/components/bloks/pinned-sites-section.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/empty-pin.svg",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "progress",
      "type": "registry:ui",
      "title": "Progress",
      "description": "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui"],
      "files": [
        {
          "path": "src/components/ui/progress.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "radio-group",
      "type": "registry:ui",
      "title": "Radio group",
      "description": "A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui", "@mdi/js"],
      "files": [
        {
          "path": "src/components/ui/radio-group.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "resizable",
      "type": "registry:ui",
      "title": "Resizable",
      "description": "Accessible resizable panel groups and layouts with keyboard support.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["react-resizable-panels@3.0.3", "@mdi/js"],
      "files": [
        {
          "path": "src/components/ui/resizable.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "scroll-area",
      "type": "registry:ui",
      "title": "Scroll area",
      "description": "Augments native scroll functionality for custom, cross-browser styling.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui"],
      "files": [
        {
          "path": "src/components/ui/scroll-area.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "select",
      "type": "registry:ui",
      "title": "Select",
      "description": "Displays a list of options for the user to pick from—triggered by a button.",
      "dependencies": ["radix-ui", "@mdi/js"],
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/select.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "select-react",
      "type": "registry:ui",
      "title": "Select (React Select)",
      "description": "A feature-rich select component built with React Select, supporting search, multi-select, and custom styling with Blok theming.",
      "dependencies": ["react-select", "@mdi/js"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/badge.json"
      ],
      "files": [
        {
          "path": "src/components/ui/select-react.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "virtualized-select",
      "type": "registry:ui",
      "title": "Virtualized Select (React Select)",
      "description": "An optimized select component built with React Select that supports virtualized rendering of large lists.",
      "dependencies": ["react-select", "react-window"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/select-react.json"
      ],
      "files": [
        {
          "path": "src/components/ui/virtualized-select.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "separator",
      "type": "registry:ui",
      "title": "Separator",
      "description": "Visually or semantically separates content.",
      "dependencies": ["radix-ui"],
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/separator.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sheet",
      "type": "registry:ui",
      "title": "Sheet",
      "description": "A side panel containing content or editable fields.",
      "dependencies": ["radix-ui", "@mdi/js"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/theme.json"
      ],
      "files": [
        {
          "path": "src/components/ui/sheet.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "sidebar",
      "type": "registry:ui",
      "title": "Navigation (Side)",
      "description": "A styled, simple, reusable sidebar",
      "dependencies": ["@mdi/js", "class-variance-authority", "radix-ui"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/tooltip.json",
        "https://blok.sitecore.com/r/skeleton.json",
        "https://blok.sitecore.com/r/separator.json",
        "https://blok.sitecore.com/r/input.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/sheet.json"
      ],
      "files": [
        {
          "path": "src/components/ui/sidebar.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        },
        {
          "path": "src/hooks/use-mobile.ts",
          "type": "registry:hook"
        }
      ]
    },
    {
      "name": "skeleton",
      "type": "registry:ui",
      "title": "Skeleton",
      "description": "Use to show a placeholder while content is loading.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/skeleton.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "slider",
      "type": "registry:ui",
      "title": "Slider",
      "description": "An input where the user selects a value from within a given range.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui"],
      "files": [
        {
          "path": "src/components/ui/slider.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sonner",
      "type": "registry:ui",
      "title": "Sonner",
      "description": "An opinionated toast component for React.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["sonner", "next-themes", "@mdi/js"],
      "files": [
        {
          "path": "src/components/ui/sonner.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "circular-progress",
      "type": "registry:ui",
      "title": "Circular Progress",
      "description": "A circular progress component for loading states.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/circular-progress.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "spinner",
      "type": "registry:ui",
      "title": "Spinner",
      "description": "An indicator that can be used to show a loading state.",
      "dependencies": ["lucide-react", "class-variance-authority"],
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/spinner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stack-navigation",
      "type": "registry:ui",
      "title": "Navigation (Stack)",
      "description": "A collection of links for navigating websites.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["@mdi/js", "class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/stack-navigation.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "switch",
      "type": "registry:ui",
      "title": "Switch",
      "description": "A control that allows the user to toggle between checked and not checked.",
      "dependencies": ["radix-ui", "class-variance-authority"],
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/label.json"
      ],
      "files": [
        {
          "path": "src/components/ui/switch.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stepper",
      "type": "registry:ui",
      "title": "Stepper",
      "description": "A progress indicator component that displays steps in a process.",
      "dependencies": ["class-variance-authority"],
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/stepper.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "table",
      "type": "registry:ui",
      "title": "Table",
      "description": "A responsive table component.",
      "dependencies": [],
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tabs",
      "type": "registry:ui",
      "title": "Tabs",
      "description": "A set of layered sections of content known as tab panels that are displayed one at a time.",
      "dependencies": ["radix-ui", "class-variance-authority", "@mdi/js"],
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/tabs.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "textarea",
      "type": "registry:ui",
      "title": "Textarea",
      "description": "A textarea component for multi-line text input.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "files": [
        {
          "path": "src/components/ui/textarea.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "timeline",
      "type": "registry:ui",
      "title": "Timeline",
      "description": "Used to display a list of events in chronological order.",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/badge.json"
      ],
      "dependencies": ["class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/timeline.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "toggle-group",
      "type": "registry:ui",
      "title": "Toggle group",
      "description": "A group of toggle buttons.",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/toggle.json"
      ],
      "dependencies": ["radix-ui", "@mdi/js", "class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/toggle-group.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "tooltip",
      "type": "registry:ui",
      "title": "Tooltip",
      "description": "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui"],
      "files": [
        {
          "path": "src/components/ui/tooltip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toggle",
      "type": "registry:ui",
      "title": "Toggle",
      "description": "A two-state button that can be either on or off.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui", "@mdi/js", "class-variance-authority"],
      "files": [
        {
          "path": "src/components/ui/toggle.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "topbar",
      "type": "registry:block",
      "title": "Topbar",
      "description": "An application top bar for page navigation",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/avatar.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/navigation-menu.json"
      ],
      "dependencies": ["@mdi/js"],
      "files": [
        {
          "path": "src/components/bloks/top-bar.tsx",
          "type": "registry:block",
          "target": "src/components/bloks/top-bar.tsx"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "action-bar",
      "type": "registry:ui",
      "title": "Action bar",
      "description": "A slide-up action bar for bulk operations on selected items.",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/tooltip.json",
        "https://blok.sitecore.com/r/checkbox.json",
        "https://blok.sitecore.com/r/dropdown-menu.json",
        "https://blok.sitecore.com/r/label.json"
      ],
      "dependencies": ["@mdi/js"],
      "files": [
        {
          "path": "src/components/ui/action-bar.tsx",
          "type": "registry:ui"
        },
        {
          "path": "src/lib/icon.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "popover",
      "type": "registry:ui",
      "title": "Popover",
      "description": "Displays content in an overlay, triggered by a button.",
      "registryDependencies": ["https://blok.sitecore.com/r/theme.json"],
      "dependencies": ["radix-ui"],
      "files": [
        {
          "path": "src/components/ui/popover.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "collaboration",
      "type": "registry:block",
      "title": "Collaboration",
      "description": "A user collaboration blok with nested popovers for adding and removing team members with search functionality.",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/avatar.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/card.json",
        "https://blok.sitecore.com/r/search-input.json",
        "https://blok.sitecore.com/r/popover.json",
        "https://blok.sitecore.com/r/icon.json"
      ],
      "dependencies": ["@mdi/js"],
      "files": [
        {
          "path": "src/components/bloks/collaboration.tsx",
          "type": "registry:block",
          "target": "src/components/bloks/collaboration.tsx"
        }
      ]
    },
    {
      "name": "sidebar-rhs",
      "type": "registry:block",
      "title": "Sidebar RHS",
      "description": "A right-hand side sidebar that can be collapsed",
      "registryDependencies": [
        "https://blok.sitecore.com/r/theme.json",
        "https://blok.sitecore.com/r/button.json",
        "https://blok.sitecore.com/r/draggable.json"
      ],
      "dependencies": ["@mdi/js", "@dnd-kit/utilities"],
      "files": [
        {
          "path": "src/components/bloks/sidebar-rhs.tsx",
          "type": "registry:block",
          "target": "src/components/bloks/sidebar-rhs.tsx"
        }
      ]
    }
  ]
}