{
  "name": "diceui/radix",
  "homepage": "https://diceui.com",
  "items": [
    {
      "name": "action-bar",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "button",
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect"
      ],
      "files": [
        {
          "path": "ui/action-bar.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "angle-slider",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/angle-slider.tsx",
          "type": "registry:ui"
        },
        {
          "path": "components/visually-hidden-input.tsx",
          "type": "registry:component"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "avatar-group",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "files": [
        {
          "path": "ui/avatar-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "badge-overflow",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "files": [
        {
          "path": "ui/badge-overflow.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "banner",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "button",
        "@diceui/use-as-ref",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/banner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "checkbox-group",
      "type": "registry:ui",
      "dependencies": [
        "@diceui/checkbox-group"
      ],
      "files": [
        {
          "path": "ui/checkbox-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "circular-progress",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "cssVars": {
        "theme": {
          "--animate-spin-around": "spin-around 0.8s linear infinite"
        }
      },
      "css": {
        "@keyframes spin-around": {
          "0%": {
            "transform": "rotate(-90deg)"
          },
          "100%": {
            "transform": "rotate(270deg)"
          }
        }
      },
      "files": [
        {
          "path": "ui/circular-progress.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "color-picker",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "button",
        "input",
        "popover",
        "select",
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/color-picker.tsx",
          "type": "registry:ui"
        },
        {
          "path": "components/visually-hidden-input.tsx",
          "type": "registry:component"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "color-swatch",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "files": [
        {
          "path": "ui/color-swatch.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "compare-slider",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/compare-slider.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "cropper",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/cropper.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "combobox",
      "type": "registry:ui",
      "dependencies": [
        "@diceui/combobox",
        "@dnd-kit/core",
        "@dnd-kit/modifiers",
        "@dnd-kit/sortable",
        "@dnd-kit/utilities",
        "radix-ui"
      ],
      "files": [
        {
          "path": "ui/combobox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "editable",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/editable.tsx",
          "type": "registry:ui"
        },
        {
          "path": "components/visually-hidden-input.tsx",
          "type": "registry:component"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "file-upload",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "@diceui/use-as-ref",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/file-upload.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "fps",
      "type": "registry:ui",
      "dependencies": [],
      "files": [
        {
          "path": "ui/fps.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "gauge",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "files": [
        {
          "path": "ui/gauge.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "kanban",
      "type": "registry:ui",
      "dependencies": [
        "@dnd-kit/core",
        "@dnd-kit/modifiers",
        "@dnd-kit/sortable",
        "@dnd-kit/utilities",
        "radix-ui"
      ],
      "files": [
        {
          "path": "ui/kanban.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "key-value",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "button",
        "input",
        "textarea",
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/key-value.tsx",
          "type": "registry:ui"
        },
        {
          "path": "components/visually-hidden-input.tsx",
          "type": "registry:component"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "listbox",
      "type": "registry:ui",
      "dependencies": [
        "@diceui/listbox"
      ],
      "files": [
        {
          "path": "ui/listbox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "marquee",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "cssVars": {
        "theme": {
          "--animate-marquee-left": "marquee-left var(--marquee-duration) linear var(--marquee-loop-count)",
          "--animate-marquee-right": "marquee-right var(--marquee-duration) linear var(--marquee-loop-count)",
          "--animate-marquee-left-rtl": "marquee-left-rtl var(--marquee-duration) linear var(--marquee-loop-count)",
          "--animate-marquee-right-rtl": "marquee-right-rtl var(--marquee-duration) linear var(--marquee-loop-count)",
          "--animate-marquee-up": "marquee-up var(--marquee-duration) linear var(--marquee-loop-count)",
          "--animate-marquee-down": "marquee-down var(--marquee-duration) linear var(--marquee-loop-count)"
        }
      },
      "css": {
        "@keyframes marquee-left": {
          "0%": {
            "transform": "translateX(0%)"
          },
          "100%": {
            "transform": "translateX(calc(-100% - var(--marquee-gap)))"
          }
        },
        "@keyframes marquee-right": {
          "0%": {
            "transform": "translateX(calc(-100% - var(--marquee-gap)))"
          },
          "100%": {
            "transform": "translateX(0%)"
          }
        },
        "@keyframes marquee-up": {
          "0%": {
            "transform": "translateY(0%)"
          },
          "100%": {
            "transform": "translateY(calc(-100% - var(--marquee-gap)))"
          }
        },
        "@keyframes marquee-down": {
          "0%": {
            "transform": "translateY(calc(-100% - var(--marquee-gap)))"
          },
          "100%": {
            "transform": "translateY(0%)"
          }
        },
        "@keyframes marquee-left-rtl": {
          "0%": {
            "transform": "translateX(0%)"
          },
          "100%": {
            "transform": "translateX(calc(100% + var(--marquee-gap)))"
          }
        },
        "@keyframes marquee-right-rtl": {
          "0%": {
            "transform": "translateX(calc(100% + var(--marquee-gap)))"
          },
          "100%": {
            "transform": "translateX(0%)"
          }
        }
      },
      "files": [
        {
          "path": "ui/marquee.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "mask-input",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "files": [
        {
          "path": "ui/mask-input.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "masonry",
      "type": "registry:ui",
      "dependencies": [
        "@diceui/masonry",
        "radix-ui"
      ],
      "registryDependencies": [
        "@diceui/use-isomorphic-layout-effect"
      ],
      "files": [
        {
          "path": "ui/masonry.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "media-player",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui",
        "media-chrome"
      ],
      "registryDependencies": [
        "badge",
        "button",
        "select",
        "slider",
        "tooltip",
        "dropdown-menu",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/media-player.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "mention",
      "type": "registry:ui",
      "dependencies": [
        "@diceui/mention"
      ],
      "files": [
        {
          "path": "ui/mention.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "phone-input",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "command",
        "input",
        "popover",
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/phone-input.tsx",
          "type": "registry:ui"
        },
        {
          "path": "components/visually-hidden-input.tsx",
          "type": "registry:component"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "relative-time-card",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "hover-card"
      ],
      "files": [
        {
          "path": "ui/relative-time-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "responsive-dialog",
      "type": "registry:ui",
      "dependencies": [
        "vaul"
      ],
      "registryDependencies": [
        "dialog",
        "drawer",
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref",
        "@diceui/use-mobile"
      ],
      "files": [
        {
          "path": "ui/responsive-dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "scroller",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "files": [
        {
          "path": "ui/scroller.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "scroll-spy",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/scroll-spy.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "segmented-input",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "input"
      ],
      "files": [
        {
          "path": "ui/segmented-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "selection-toolbar",
      "type": "registry:ui",
      "dependencies": [
        "@floating-ui/react-dom",
        "radix-ui"
      ],
      "registryDependencies": [
        "button",
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/selection-toolbar.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "sortable",
      "type": "registry:ui",
      "dependencies": [
        "@dnd-kit/core",
        "@dnd-kit/modifiers",
        "@dnd-kit/sortable",
        "@dnd-kit/utilities",
        "radix-ui"
      ],
      "files": [
        {
          "path": "ui/sortable.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "speed-dial",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "button",
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/speed-dial.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "stack",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "files": [
        {
          "path": "ui/stack.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stat",
      "type": "registry:ui",
      "dependencies": [],
      "registryDependencies": [
        "separator"
      ],
      "files": [
        {
          "path": "ui/stat.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "status",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "files": [
        {
          "path": "ui/status.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stepper",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "button",
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/stepper.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "swap",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/swap.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "qr-code",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui",
        "qrcode"
      ],
      "devDependencies": [
        "@types/qrcode"
      ],
      "registryDependencies": [
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/qr-code.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "rating",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/rating.tsx",
          "type": "registry:ui"
        },
        {
          "path": "components/visually-hidden-input.tsx",
          "type": "registry:component"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "tags-input",
      "type": "registry:ui",
      "dependencies": [
        "@diceui/tags-input"
      ],
      "files": [
        {
          "path": "ui/tags-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "timeline",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/timeline.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "time-picker",
      "type": "registry:ui",
      "dependencies": [
        "radix-ui"
      ],
      "registryDependencies": [
        "popover",
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "css": {
        "@utility scrollbar-none": {
          "scrollbar-width": "none",
          "&::-webkit-scrollbar": {
            "display": "none"
          }
        }
      },
      "files": [
        {
          "path": "ui/time-picker.tsx",
          "type": "registry:ui"
        },
        {
          "path": "components/visually-hidden-input.tsx",
          "type": "registry:component"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "tour",
      "type": "registry:ui",
      "dependencies": [
        "@floating-ui/react-dom",
        "radix-ui"
      ],
      "registryDependencies": [
        "@diceui/use-as-ref",
        "@diceui/use-isomorphic-layout-effect",
        "@diceui/use-lazy-ref"
      ],
      "files": [
        {
          "path": "ui/tour.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "utils",
      "type": "registry:lib",
      "dependencies": [
        "clsx",
        "tailwind-merge"
      ],
      "files": [
        {
          "path": "lib/utils.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "compose-refs",
      "type": "registry:lib",
      "files": [
        {
          "path": "lib/compose-refs.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "client-only",
      "type": "registry:component",
      "files": [
        {
          "path": "components/client-only.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "direction-provider",
      "type": "registry:component",
      "files": [
        {
          "path": "components/direction-provider.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "hitbox",
      "type": "registry:component",
      "dependencies": [
        "radix-ui"
      ],
      "files": [
        {
          "path": "components/hitbox.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "portal",
      "type": "registry:component",
      "files": [
        {
          "path": "components/portal.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "pending",
      "type": "registry:component",
      "dependencies": [
        "radix-ui"
      ],
      "files": [
        {
          "path": "components/pending.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "presence",
      "type": "registry:component",
      "files": [
        {
          "path": "components/presence.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "visually-hidden",
      "type": "registry:component",
      "dependencies": [
        "radix-ui"
      ],
      "files": [
        {
          "path": "components/visually-hidden.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "visually-hidden-input",
      "type": "registry:component",
      "files": [
        {
          "path": "components/visually-hidden-input.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "use-as-ref",
      "type": "registry:hook",
      "registryDependencies": [
        "@diceui/use-isomorphic-layout-effect"
      ],
      "files": [
        {
          "path": "hooks/use-as-ref.ts",
          "type": "registry:hook"
        }
      ]
    },
    {
      "name": "use-isomorphic-layout-effect",
      "type": "registry:hook",
      "files": [
        {
          "path": "hooks/use-isomorphic-layout-effect.ts",
          "type": "registry:hook"
        }
      ]
    },
    {
      "name": "use-lazy-ref",
      "type": "registry:hook",
      "files": [
        {
          "path": "hooks/use-lazy-ref.ts",
          "type": "registry:hook"
        }
      ]
    },
    {
      "name": "use-mobile",
      "type": "registry:hook",
      "files": [
        {
          "path": "hooks/use-mobile.ts",
          "type": "registry:hook"
        }
      ]
    }
  ]
}