Introduce registry:icons to the registry schema to extend the iconLibrary property

[rbadillap]

Hey guys.
So I was reading this issue in vercel/ai-elements.

To give a TL;DR context: the user is asking how to use an external icon library instead of the default one: lucide.

Checking the code, right now only two icon libraries are supported: lucide and radix.

export const ICON_LIBRARIES = {
  lucide: {
    name: "lucide-react",
    package: "lucide-react",
    import: "lucide-react",
  },
  radix: {
    name: "@radix-ui/react-icons",
    package: "@radix-ui/react-icons",
    import: "@radix-ui/react-icons",
  },
}

But I don't see any breaking changes if we introduce the concept: registry:icon where we can extend this white-listed libraries.

We may want to start by requiring three parameters, the same that are used to map both libraries in the code: the name, the package and the import.

And this is how we can use it:

{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "acme",
  "homepage": "https://acme.com",
  "items": [
    {
      "type": "registry:icons",
      "name": "feather",
      "package": "feather-icons",
      "import": "feather-icons",
    }
  ]
}

• Do you see value on allowing this?
• Do you think this is the right way to tackle the approach?
• I'm only concerned about the security implications on allowing user's input in the import key.

Thanks!
Ronny