From e4fd9cda7d10f29747a574f803a28228825efb6e Mon Sep 17 00:00:00 2001 From: Dominik Koch Date: Fri, 12 Dec 2025 23:05:52 +0100 Subject: [PATCH 1/7] feat: add phosphor icons to base ui --- .../components/icon-library-picker.tsx | 46 ++++++++++++++++++- apps/v4/package.json | 1 + .../v4/registry/bases/base/blocks/chatgpt.tsx | 6 +++ apps/v4/registry/bases/base/ui/accordion.tsx | 2 + apps/v4/registry/bases/base/ui/breadcrumb.tsx | 2 + apps/v4/registry/bases/base/ui/calendar.tsx | 3 ++ apps/v4/registry/bases/base/ui/carousel.tsx | 2 + apps/v4/registry/bases/base/ui/checkbox.tsx | 1 + apps/v4/registry/bases/base/ui/combobox.tsx | 4 ++ apps/v4/registry/bases/base/ui/command.tsx | 2 + .../registry/bases/base/ui/context-menu.tsx | 3 ++ apps/v4/registry/bases/base/ui/dialog.tsx | 1 + .../registry/bases/base/ui/dropdown-menu.tsx | 3 ++ apps/v4/registry/bases/base/ui/input-otp.tsx | 1 + apps/v4/registry/bases/base/ui/menubar.tsx | 2 + .../registry/bases/base/ui/native-select.tsx | 1 + .../bases/base/ui/navigation-menu.tsx | 1 + apps/v4/registry/bases/base/ui/pagination.tsx | 3 ++ .../v4/registry/bases/base/ui/radio-group.tsx | 1 + apps/v4/registry/bases/base/ui/select.tsx | 4 ++ apps/v4/registry/bases/base/ui/sheet.tsx | 1 + apps/v4/registry/bases/base/ui/sidebar.tsx | 1 + apps/v4/registry/bases/base/ui/sonner.tsx | 5 ++ apps/v4/registry/bases/base/ui/spinner.tsx | 1 + apps/v4/registry/icons/__phosphor__.ts | 21 +++++++++ apps/v4/registry/icons/icon-phosphor.tsx | 3 ++ packages/shadcn/src/icons/libraries.ts | 9 ++++ pnpm-lock.yaml | 23 ++++++++-- 28 files changed, 147 insertions(+), 6 deletions(-) create mode 100644 apps/v4/registry/icons/__phosphor__.ts create mode 100644 apps/v4/registry/icons/icon-phosphor.tsx diff --git a/apps/v4/app/(create)/components/icon-library-picker.tsx b/apps/v4/app/(create)/components/icon-library-picker.tsx index 7d73d3dc3dd..67eb13371ae 100644 --- a/apps/v4/app/(create)/components/icon-library-picker.tsx +++ b/apps/v4/app/(create)/components/icon-library-picker.tsx @@ -40,6 +40,12 @@ const IconHugeicons = lazy(() => })) ) +const IconPhosphor = lazy(() => + import("@/registry/icons/icon-phosphor").then((mod) => ({ + default: mod.IconPhosphor, + })) +) + const PREVIEW_ICONS = { lucide: [ "CopyIcon", @@ -79,7 +85,7 @@ const PREVIEW_ICONS = { "Delete02Icon", "Share03Icon", "ShoppingBag01Icon", - "MoreHorizontalIcon", + "MoreHorizontalCircle01Icon", "Loading03Icon", "PlusSignIcon", "MinusSignIcon", @@ -89,6 +95,22 @@ const PREVIEW_ICONS = { "ArrowDown01Icon", "ArrowRight01Icon", ], + phosphor: [ + "CopyIcon", + "WarningCircleIcon", + "TrashIcon", + "ShareIcon", + "BagIcon", + "DotsThreeIcon", + "SpinnerIcon", + "PlusIcon", + "MinusIcon", + "ArrowLeftIcon", + "ArrowRightIcon", + "CheckIcon", + "CaretDownIcon", + "CaretRightIcon", + ], } const logos = { @@ -155,6 +177,24 @@ const logos = { > ), + phosphor: ( + + + + + ), } export function IconLibraryPicker({ @@ -263,7 +303,9 @@ const IconLibraryPreview = memo(function IconLibraryPreview({ ? IconLucide : iconLibrary === "tabler" ? IconTabler - : IconHugeicons + : iconLibrary === "hugeicons" + ? IconHugeicons + : IconPhosphor return ( @@ -131,6 +132,7 @@ function PromptForm() { lucide="PaperclipIcon" tabler="IconPaperclip" hugeicons="AttachmentIcon" + phosphor="PaperclipIcon" /> Add photos & files @@ -139,6 +141,7 @@ function PromptForm() { lucide="SparklesIcon" tabler="IconSparkles" hugeicons="SparklesIcon" + phosphor="SparkleIcon" /> Deep research @@ -147,6 +150,7 @@ function PromptForm() { lucide="ShoppingBagIcon" tabler="IconShoppingBag" hugeicons="ShoppingBag01Icon" + phosphor="BagIcon" /> Shopping research @@ -155,6 +159,7 @@ function PromptForm() { lucide="WandIcon" tabler="IconWand" hugeicons="MagicWand05Icon" + phosphor="MagicWandIcon" /> Create image @@ -166,6 +171,7 @@ function PromptForm() { lucide="MousePointerIcon" tabler="IconPointer" hugeicons="Cursor01Icon" + phosphor="HandPointingIcon" /> Agent mode diff --git a/apps/v4/registry/bases/base/ui/accordion.tsx b/apps/v4/registry/bases/base/ui/accordion.tsx index c1b1fd99343..7766fa4eb20 100644 --- a/apps/v4/registry/bases/base/ui/accordion.tsx +++ b/apps/v4/registry/bases/base/ui/accordion.tsx @@ -46,6 +46,7 @@ function AccordionTrigger({ tabler="IconChevronDown" data-slot="accordion-trigger-icon" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" className="cn-accordion-trigger-icon pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" /> diff --git a/apps/v4/registry/bases/base/ui/breadcrumb.tsx b/apps/v4/registry/bases/base/ui/breadcrumb.tsx index d4d50635b22..49e4d7fbf09 100644 --- a/apps/v4/registry/bases/base/ui/breadcrumb.tsx +++ b/apps/v4/registry/bases/base/ui/breadcrumb.tsx @@ -90,6 +90,7 @@ function BreadcrumbSeparator({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" /> )} @@ -115,6 +116,7 @@ function BreadcrumbEllipsis({ lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeIcon" /> More diff --git a/apps/v4/registry/bases/base/ui/calendar.tsx b/apps/v4/registry/bases/base/ui/calendar.tsx index c6ccf44e3f1..00fa136dfce 100644 --- a/apps/v4/registry/bases/base/ui/calendar.tsx +++ b/apps/v4/registry/bases/base/ui/calendar.tsx @@ -148,6 +148,7 @@ function Calendar({ lucide="ChevronLeftIcon" tabler="IconChevronLeft" hugeicons="ArrowLeftIcon" + phosphor="CaretLeftIcon" className={cn("size-4", className)} {...props} /> @@ -160,6 +161,7 @@ function Calendar({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRightIcon" + phosphor="CaretRightIcon" className={cn("size-4", className)} {...props} /> @@ -171,6 +173,7 @@ function Calendar({ lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDownIcon" + phosphor="CaretDownIcon" className={cn("size-4", className)} {...props} /> diff --git a/apps/v4/registry/bases/base/ui/carousel.tsx b/apps/v4/registry/bases/base/ui/carousel.tsx index bbf1cec340f..0bd4bcda58e 100644 --- a/apps/v4/registry/bases/base/ui/carousel.tsx +++ b/apps/v4/registry/bases/base/ui/carousel.tsx @@ -199,6 +199,7 @@ function CarouselPrevious({ lucide="ChevronLeftIcon" tabler="IconChevronLeft" hugeicons="ArrowLeft01Icon" + phosphor="CaretLeftIcon" /> Previous slide @@ -233,6 +234,7 @@ function CarouselNext({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" /> Next slide diff --git a/apps/v4/registry/bases/base/ui/checkbox.tsx b/apps/v4/registry/bases/base/ui/checkbox.tsx index e0733083254..4497487634b 100644 --- a/apps/v4/registry/bases/base/ui/checkbox.tsx +++ b/apps/v4/registry/bases/base/ui/checkbox.tsx @@ -23,6 +23,7 @@ function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> diff --git a/apps/v4/registry/bases/base/ui/combobox.tsx b/apps/v4/registry/bases/base/ui/combobox.tsx index 94c12ca8590..c1f2eaa40bd 100644 --- a/apps/v4/registry/bases/base/ui/combobox.tsx +++ b/apps/v4/registry/bases/base/ui/combobox.tsx @@ -35,6 +35,7 @@ function ComboboxTrigger({ lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" className="cn-combobox-trigger-icon pointer-events-none" /> @@ -53,6 +54,7 @@ function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) { lucide="XIcon" tabler="IconX" hugeicons="Cancel01Icon" + phosphor="XIcon" className="cn-combobox-clear-icon pointer-events-none" /> @@ -166,6 +168,7 @@ function ComboboxItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="cn-combobox-item-indicator-icon pointer-events-none" /> @@ -267,6 +270,7 @@ function ComboboxChip({ lucide="XIcon" tabler="IconX" hugeicons="Cancel01Icon" + phosphor="XIcon" className="cn-combobox-chip-indicator-icon pointer-events-none" /> diff --git a/apps/v4/registry/bases/base/ui/command.tsx b/apps/v4/registry/bases/base/ui/command.tsx index 2f80c3c4f4f..fc645014b20 100644 --- a/apps/v4/registry/bases/base/ui/command.tsx +++ b/apps/v4/registry/bases/base/ui/command.tsx @@ -83,6 +83,7 @@ function CommandInput({ lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" className="cn-command-input-icon" /> @@ -165,6 +166,7 @@ function CommandItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="cn-command-item-indicator ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" /> diff --git a/apps/v4/registry/bases/base/ui/context-menu.tsx b/apps/v4/registry/bases/base/ui/context-menu.tsx index b7eb88f2ebf..2072e90f45a 100644 --- a/apps/v4/registry/bases/base/ui/context-menu.tsx +++ b/apps/v4/registry/bases/base/ui/context-menu.tsx @@ -138,6 +138,7 @@ function ContextMenuSubTrigger({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" className="ml-auto" /> @@ -179,6 +180,7 @@ function ContextMenuCheckboxItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -218,6 +220,7 @@ function ContextMenuRadioItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> diff --git a/apps/v4/registry/bases/base/ui/dialog.tsx b/apps/v4/registry/bases/base/ui/dialog.tsx index 27cefdaeb89..6fe97ea262f 100644 --- a/apps/v4/registry/bases/base/ui/dialog.tsx +++ b/apps/v4/registry/bases/base/ui/dialog.tsx @@ -71,6 +71,7 @@ function DialogContent({ lucide="XIcon" tabler="IconX" hugeicons="Cancel01Icon" + phosphor="XIcon" /> Close diff --git a/apps/v4/registry/bases/base/ui/dropdown-menu.tsx b/apps/v4/registry/bases/base/ui/dropdown-menu.tsx index 156fd345cd0..a3460d048d9 100644 --- a/apps/v4/registry/bases/base/ui/dropdown-menu.tsx +++ b/apps/v4/registry/bases/base/ui/dropdown-menu.tsx @@ -123,6 +123,7 @@ function DropdownMenuSubTrigger({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" className="ml-auto" /> @@ -175,6 +176,7 @@ function DropdownMenuCheckboxItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -215,6 +217,7 @@ function DropdownMenuRadioItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> diff --git a/apps/v4/registry/bases/base/ui/input-otp.tsx b/apps/v4/registry/bases/base/ui/input-otp.tsx index 98e97ea6cd6..1f657e2676e 100644 --- a/apps/v4/registry/bases/base/ui/input-otp.tsx +++ b/apps/v4/registry/bases/base/ui/input-otp.tsx @@ -82,6 +82,7 @@ function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) { lucide="MinusIcon" tabler="IconMinus" hugeicons="MinusSignIcon" + phosphor="MinusIcon" /> ) diff --git a/apps/v4/registry/bases/base/ui/menubar.tsx b/apps/v4/registry/bases/base/ui/menubar.tsx index 0b6a25f479c..7a36c42a9df 100644 --- a/apps/v4/registry/bases/base/ui/menubar.tsx +++ b/apps/v4/registry/bases/base/ui/menubar.tsx @@ -122,6 +122,7 @@ function MenubarCheckboxItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -156,6 +157,7 @@ function MenubarRadioItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> diff --git a/apps/v4/registry/bases/base/ui/native-select.tsx b/apps/v4/registry/bases/base/ui/native-select.tsx index 16bae2e4ff1..59324e10251 100644 --- a/apps/v4/registry/bases/base/ui/native-select.tsx +++ b/apps/v4/registry/bases/base/ui/native-select.tsx @@ -31,6 +31,7 @@ function NativeSelect({ lucide="ChevronDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretDownIcon" className="cn-native-select-icon pointer-events-none absolute select-none" aria-hidden="true" data-slot="native-select-icon" diff --git a/apps/v4/registry/bases/base/ui/navigation-menu.tsx b/apps/v4/registry/bases/base/ui/navigation-menu.tsx index 395284cf775..89103ff2d34 100644 --- a/apps/v4/registry/bases/base/ui/navigation-menu.tsx +++ b/apps/v4/registry/bases/base/ui/navigation-menu.tsx @@ -73,6 +73,7 @@ function NavigationMenuTrigger({ lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" className="cn-navigation-menu-trigger-icon" aria-hidden="true" /> diff --git a/apps/v4/registry/bases/base/ui/pagination.tsx b/apps/v4/registry/bases/base/ui/pagination.tsx index eded5829d37..c72509595a5 100644 --- a/apps/v4/registry/bases/base/ui/pagination.tsx +++ b/apps/v4/registry/bases/base/ui/pagination.tsx @@ -80,6 +80,7 @@ function PaginationPrevious({ lucide="ChevronLeftIcon" tabler="IconChevronLeft" hugeicons="ArrowLeft01Icon" + phosphor="CaretLeftIcon" data-icon="inline-start" /> @@ -105,6 +106,7 @@ function PaginationNext({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" data-icon="inline-end" /> @@ -129,6 +131,7 @@ function PaginationEllipsis({ lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeIcon" /> More pages diff --git a/apps/v4/registry/bases/base/ui/radio-group.tsx b/apps/v4/registry/bases/base/ui/radio-group.tsx index ea8673954e3..3cf69e30bd3 100644 --- a/apps/v4/registry/bases/base/ui/radio-group.tsx +++ b/apps/v4/registry/bases/base/ui/radio-group.tsx @@ -34,6 +34,7 @@ function RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) { lucide="CircleIcon" tabler="IconCircle" hugeicons="CircleIcon" + phosphor="CircleIcon" className="cn-radio-group-indicator-icon" /> diff --git a/apps/v4/registry/bases/base/ui/select.tsx b/apps/v4/registry/bases/base/ui/select.tsx index d8d3e0bbfae..88730a017c0 100644 --- a/apps/v4/registry/bases/base/ui/select.tsx +++ b/apps/v4/registry/bases/base/ui/select.tsx @@ -53,6 +53,7 @@ function SelectTrigger({ lucide="ChevronDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretDownIcon" className="cn-select-trigger-icon pointer-events-none" /> } @@ -139,6 +140,7 @@ function SelectItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="cn-select-item-indicator-icon pointer-events-none" /> @@ -173,6 +175,7 @@ function SelectScrollUpButton({ lucide="ChevronUpIcon" tabler="IconChevronUp" hugeicons="ArrowUp01Icon" + phosphor="CaretUpIcon" /> ) @@ -192,6 +195,7 @@ function SelectScrollDownButton({ lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" /> ) diff --git a/apps/v4/registry/bases/base/ui/sheet.tsx b/apps/v4/registry/bases/base/ui/sheet.tsx index 60df3f2f070..ec9a3bb4f88 100644 --- a/apps/v4/registry/bases/base/ui/sheet.tsx +++ b/apps/v4/registry/bases/base/ui/sheet.tsx @@ -68,6 +68,7 @@ function SheetContent({ lucide="XIcon" tabler="IconX" hugeicons="Cancel01Icon" + phosphor="XIcon" /> Close diff --git a/apps/v4/registry/bases/base/ui/sidebar.tsx b/apps/v4/registry/bases/base/ui/sidebar.tsx index dac0a0e5556..94ae799cdd6 100644 --- a/apps/v4/registry/bases/base/ui/sidebar.tsx +++ b/apps/v4/registry/bases/base/ui/sidebar.tsx @@ -275,6 +275,7 @@ function SidebarTrigger({ lucide="PanelLeftIcon" tabler="IconLayoutSidebar" hugeicons="SidebarLeftIcon" + phosphor="SidebarIcon" /> Toggle Sidebar diff --git a/apps/v4/registry/bases/base/ui/sonner.tsx b/apps/v4/registry/bases/base/ui/sonner.tsx index 40709d42313..897bd01cd74 100644 --- a/apps/v4/registry/bases/base/ui/sonner.tsx +++ b/apps/v4/registry/bases/base/ui/sonner.tsx @@ -18,6 +18,7 @@ const Toaster = ({ ...props }: ToasterProps) => { lucide="CircleCheckIcon" tabler="IconCircleCheck" hugeicons="CheckmarkCircle02Icon" + phosphor="CheckCircleIcon" className="size-4" /> ), @@ -26,6 +27,7 @@ const Toaster = ({ ...props }: ToasterProps) => { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="InformationCircleIcon" + phosphor="InfoIcon" className="size-4" /> ), @@ -34,6 +36,7 @@ const Toaster = ({ ...props }: ToasterProps) => { lucide="TriangleAlertIcon" tabler="IconAlertTriangle" hugeicons="Alert02Icon" + phosphor="WarningIcon" className="size-4" /> ), @@ -42,6 +45,7 @@ const Toaster = ({ ...props }: ToasterProps) => { lucide="OctagonXIcon" tabler="IconAlertOctagon" hugeicons="MultiplicationSignCircleIcon" + phosphor="XCircleIcon" className="size-4" /> ), @@ -50,6 +54,7 @@ const Toaster = ({ ...props }: ToasterProps) => { lucide="Loader2Icon" tabler="IconLoader" hugeicons="Loading03Icon" + phosphor="SpinnerIcon" className="size-4 animate-spin" /> ), diff --git a/apps/v4/registry/bases/base/ui/spinner.tsx b/apps/v4/registry/bases/base/ui/spinner.tsx index cd3b6f18e0d..4afd56651aa 100644 --- a/apps/v4/registry/bases/base/ui/spinner.tsx +++ b/apps/v4/registry/bases/base/ui/spinner.tsx @@ -7,6 +7,7 @@ function Spinner({ className, ...props }: React.ComponentProps<"svg">) { lucide="Loader2Icon" tabler="IconLoader" hugeicons="Loading03Icon" + phosphor="SpinnerIcon" role="status" aria-label="Loading" className={cn("size-4 animate-spin", className)} diff --git a/apps/v4/registry/icons/__phosphor__.ts b/apps/v4/registry/icons/__phosphor__.ts new file mode 100644 index 00000000000..bc51a8cd8d6 --- /dev/null +++ b/apps/v4/registry/icons/__phosphor__.ts @@ -0,0 +1,21 @@ +// Auto-generated by scripts/build-icons.ts +export { BagIcon } from "@phosphor-icons/react" +export { CaretDownIcon } from "@phosphor-icons/react" +export { CaretLeftIcon } from "@phosphor-icons/react" +export { CaretRightIcon } from "@phosphor-icons/react" +export { CaretUpIcon } from "@phosphor-icons/react" +export { CheckCircleIcon } from "@phosphor-icons/react" +export { CheckIcon } from "@phosphor-icons/react" +export { CircleIcon } from "@phosphor-icons/react" +export { DotsThreeIcon } from "@phosphor-icons/react" +export { InfoIcon } from "@phosphor-icons/react" +export { MagnifyingGlassIcon } from "@phosphor-icons/react" +export { MinusIcon } from "@phosphor-icons/react" +export { PaperclipIcon } from "@phosphor-icons/react" +export { PlusIcon } from "@phosphor-icons/react" +export { SidebarIcon } from "@phosphor-icons/react" +export { SparkleIcon } from "@phosphor-icons/react" +export { SpinnerIcon } from "@phosphor-icons/react" +export { WarningIcon } from "@phosphor-icons/react" +export { XCircleIcon } from "@phosphor-icons/react" +export { XIcon } from "@phosphor-icons/react" diff --git a/apps/v4/registry/icons/icon-phosphor.tsx b/apps/v4/registry/icons/icon-phosphor.tsx new file mode 100644 index 00000000000..8aba47e58f7 --- /dev/null +++ b/apps/v4/registry/icons/icon-phosphor.tsx @@ -0,0 +1,3 @@ +import { createIconLoader } from "./create-icon-loader" + +export const IconPhosphor = createIconLoader("phosphor") diff --git a/packages/shadcn/src/icons/libraries.ts b/packages/shadcn/src/icons/libraries.ts index 5c8de17d689..b3dd71d239c 100644 --- a/packages/shadcn/src/icons/libraries.ts +++ b/packages/shadcn/src/icons/libraries.ts @@ -24,6 +24,15 @@ export const iconLibraries = { usage: "", export: "@hugeicons/core-free-icons", }, + phosphor: { + name: "phosphor", + title: "Phosphor Icons", + packages: ["@phosphor-icons/react"], + import: + "import { ICON } from '@phosphor-icons/react'", + usage: "", + export: "@phosphor-icons/react", + }, } as const export type IconLibraries = typeof iconLibraries diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 02639f37f83..33bd7ed5e02 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -148,6 +148,9 @@ importers: '@hugeicons/react': specifier: ^1.1.1 version: 1.1.1(react@19.2.3) + '@phosphor-icons/react': + specifier: ^2.1.10 + version: 2.1.10(react-dom@19.2.3(react@19.2.3))(react@19.2.3) '@radix-ui/react-accessible-icon': specifier: ^1.1.1 version: 1.1.7(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) @@ -1935,6 +1938,13 @@ packages: cpu: [x64] os: [win32] + '@phosphor-icons/react@2.1.10': + resolution: {integrity: sha512-vt8Tvq8GLjheAZZYa+YG/pW7HDbov8El/MANW8pOAz4eGxrwhnbfrQZq0Cp4q8zBEu8NIhHdnr+r8thnfRSNYA==} + engines: {node: '>=10'} + peerDependencies: + react: '>= 16.8' + react-dom: '>= 16.8' + '@pkgjs/parseargs@0.11.0': resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==} engines: {node: '>=14'} @@ -9679,6 +9689,11 @@ snapshots: '@oxc-transform/binding-win32-x64-msvc@0.53.0': optional: true + '@phosphor-icons/react@2.1.10(react-dom@19.2.3(react@19.2.3))(react@19.2.3)': + dependencies: + react: 19.2.3 + react-dom: 19.2.3(react@19.2.3) + '@pkgjs/parseargs@0.11.0': optional: true @@ -12774,7 +12789,7 @@ snapshots: transitivePeerDependencies: - supports-color - eslint-module-utils@2.12.1(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1): + eslint-module-utils@2.12.1(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1))(eslint@8.57.1): dependencies: debug: 3.2.7 optionalDependencies: @@ -12785,7 +12800,7 @@ snapshots: transitivePeerDependencies: - supports-color - eslint-module-utils@2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.33.0(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.33.0(jiti@2.6.1)): + eslint-module-utils@2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.33.0(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.33.0(jiti@2.6.1)))(eslint@9.33.0(jiti@2.6.1)): dependencies: debug: 3.2.7 optionalDependencies: @@ -12807,7 +12822,7 @@ snapshots: doctrine: 2.1.0 eslint: 8.57.1 eslint-import-resolver-node: 0.3.9 - eslint-module-utils: 2.12.1(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1) + eslint-module-utils: 2.12.1(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1))(eslint@8.57.1) hasown: 2.0.2 is-core-module: 2.16.1 is-glob: 4.0.3 @@ -12836,7 +12851,7 @@ snapshots: doctrine: 2.1.0 eslint: 9.33.0(jiti@2.6.1) eslint-import-resolver-node: 0.3.9 - eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.33.0(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.33.0(jiti@2.6.1)) + eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.33.0(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.33.0(jiti@2.6.1)))(eslint@9.33.0(jiti@2.6.1)) hasown: 2.0.2 is-core-module: 2.16.1 is-glob: 4.0.3 From 9c3a835607f89f4955e331ad263f82cae347dea6 Mon Sep 17 00:00:00 2001 From: Dominik Koch Date: Fri, 12 Dec 2025 23:38:09 +0100 Subject: [PATCH 2/7] feat_ add phosphor to blocks --- .../v4/registry/bases/base/blocks/chatgpt.tsx | 12 ++ apps/v4/registry/bases/base/blocks/github.tsx | 54 +++++++++ .../v4/registry/bases/base/blocks/preview.tsx | 55 +++++++++ apps/v4/registry/bases/base/blocks/vercel.tsx | 11 ++ .../bases/base/examples/accordion-example.tsx | 1 + .../base/examples/alert-dialog-example.tsx | 3 + .../bases/base/examples/alert-example.tsx | 10 ++ .../bases/base/examples/avatar-example.tsx | 7 ++ .../bases/base/examples/badge-example.tsx | 16 +++ .../bases/base/examples/button-example.tsx | 74 ++++++++++++ .../base/examples/button-group-example.tsx | 35 ++++++ .../bases/base/examples/calendar-example.tsx | 5 + .../bases/base/examples/card-example.tsx | 3 + .../bases/base/examples/chart-example.tsx | 2 + .../base/examples/collapsible-example.tsx | 5 + .../bases/base/examples/combobox-example.tsx | 3 + .../bases/base/examples/command-example.tsx | 32 ++++++ .../bases/base/examples/component-example.tsx | 29 +++++ .../base/examples/context-menu-example.tsx | 3 + .../bases/base/examples/dialog-example.tsx | 1 + .../base/examples/dropdown-menu-example.tsx | 54 ++++++++- .../bases/base/examples/empty-example.tsx | 8 ++ .../base/examples/input-group-example.tsx | 24 ++++ .../bases/base/examples/input-otp-example.tsx | 1 + .../bases/base/examples/item-example.tsx | 36 ++++++ .../bases/base/examples/kbd-example.tsx | 6 + .../bases/base/examples/menubar-example.tsx | 24 ++++ .../base/examples/navigation-menu-example.tsx | 3 + .../bases/base/examples/progress-example.tsx | 1 + .../bases/base/examples/select-example.tsx | 4 + .../bases/base/examples/sidebar-example.tsx | 3 + .../examples/sidebar-floating-example.tsx | 1 + .../base/examples/sidebar-icon-example.tsx | 10 ++ .../base/examples/sidebar-inset-example.tsx | 10 ++ .../bases/base/examples/spinner-example.tsx | 1 + .../bases/base/examples/table-example.tsx | 3 + .../bases/base/examples/tabs-example.tsx | 6 + .../bases/base/examples/toggle-example.tsx | 7 ++ .../base/examples/toggle-group-example.tsx | 6 + .../bases/base/examples/tooltip-example.tsx | 2 + apps/v4/registry/icons/__phosphor__.ts | 105 ++++++++++++++++++ 41 files changed, 671 insertions(+), 5 deletions(-) diff --git a/apps/v4/registry/bases/base/blocks/chatgpt.tsx b/apps/v4/registry/bases/base/blocks/chatgpt.tsx index 3e0ce2a5207..7c7b48ae194 100644 --- a/apps/v4/registry/bases/base/blocks/chatgpt.tsx +++ b/apps/v4/registry/bases/base/blocks/chatgpt.tsx @@ -191,6 +191,7 @@ function PromptForm() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> More @@ -202,6 +203,7 @@ function PromptForm() { lucide="ShareIcon" tabler="IconShare" hugeicons="Share03Icon" + phosphor="ShareIcon" /> Add sources @@ -210,6 +212,7 @@ function PromptForm() { lucide="BookOpenIcon" tabler="IconBook" hugeicons="BookIcon" + phosphor="BookOpenIcon" /> Study and learn @@ -218,6 +221,7 @@ function PromptForm() { lucide="GlobeIcon" tabler="IconWorld" hugeicons="GlobalIcon" + phosphor="GlobeIcon" /> Web search @@ -226,6 +230,7 @@ function PromptForm() { lucide="PenToolIcon" tabler="IconPencil" hugeicons="PenIcon" + phosphor="PencilIcon" /> Canvas @@ -250,6 +255,7 @@ function PromptForm() { lucide="AudioLinesIcon" tabler="IconMicrophone" hugeicons="AudioWave01Icon" + phosphor="MicrophoneIcon" /> Dictate @@ -263,6 +269,7 @@ function PromptForm() { lucide="ArrowUpIcon" tabler="IconArrowUp" hugeicons="ArrowUp02Icon" + phosphor="ArrowUpIcon" /> @@ -287,6 +294,7 @@ function ModelSelector() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" className="text-muted-foreground size-4" /> @@ -441,6 +449,7 @@ function CreateProjectForm() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="Settings01Icon" + phosphor="GearIcon" /> Memory @@ -515,6 +524,7 @@ function CreateProjectForm() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" className="text-(--color)" /> @@ -576,6 +586,7 @@ function CreateProjectForm() { lucide="CircleCheckIcon" tabler="IconCircleCheck" hugeicons="CheckmarkCircle02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" className="hidden group-data-[checked=true]/badge:inline" /> @@ -590,6 +601,7 @@ function CreateProjectForm() { lucide="LightbulbIcon" tabler="IconBulb" hugeicons="BulbIcon" + phosphor="LightbulbIcon" /> Projects keep chats, files, and custom instructions in one diff --git a/apps/v4/registry/bases/base/blocks/github.tsx b/apps/v4/registry/bases/base/blocks/github.tsx index 97a82d3a9cb..43205d94b1f 100644 --- a/apps/v4/registry/bases/base/blocks/github.tsx +++ b/apps/v4/registry/bases/base/blocks/github.tsx @@ -164,6 +164,7 @@ function CodespacesCard() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -183,6 +184,7 @@ function CodespacesCard() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> @@ -196,6 +198,7 @@ function CodespacesCard() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> New with options... @@ -204,6 +207,7 @@ function CodespacesCard() { lucide="ContainerIcon" tabler="IconBox" hugeicons="CubeIcon" + phosphor="CubeIcon" /> Configure dev container @@ -212,6 +216,7 @@ function CodespacesCard() { lucide="ZapIcon" tabler="IconBolt" hugeicons="ZapIcon" + phosphor="LightningIcon" /> Set up prebuilds @@ -223,6 +228,7 @@ function CodespacesCard() { lucide="ServerIcon" tabler="IconServer" hugeicons="ServerStackIcon" + phosphor="HardDrivesIcon" /> Manage codespaces @@ -231,6 +237,7 @@ function CodespacesCard() { lucide="ShareIcon" tabler="IconShare2" hugeicons="Share03Icon" + phosphor="ShareIcon" /> Share deep link @@ -239,6 +246,7 @@ function CodespacesCard() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> What are codespaces? @@ -255,6 +263,7 @@ function CodespacesCard() { lucide="ServerIcon" tabler="IconServer" hugeicons="ServerStackIcon" + phosphor="HardDrivesIcon" /> No codespaces @@ -303,6 +312,7 @@ function CodespacesCard() { lucide="TerminalIcon" tabler="IconTerminal" hugeicons="ComputerTerminal01Icon" + phosphor="TerminalIcon" className="size-4" /> Clone @@ -317,6 +327,7 @@ function CodespacesCard() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> @@ -347,6 +358,7 @@ function CodespacesCard() { lucide="CopyIcon" tabler="IconCopy" hugeicons="Copy01Icon" + phosphor="CopyIcon" /> @@ -373,6 +385,7 @@ function CodespacesCard() { lucide="CopyIcon" tabler="IconCopy" hugeicons="Copy01Icon" + phosphor="CopyIcon" /> @@ -399,6 +412,7 @@ function CodespacesCard() { lucide="CopyIcon" tabler="IconCopy" hugeicons="Copy01Icon" + phosphor="CopyIcon" /> @@ -427,6 +441,7 @@ function CodespacesCard() { lucide="MonitorIcon" tabler="IconDeviceDesktop" hugeicons="ComputerIcon" + phosphor="MonitorIcon" data-icon="inline-start" /> Open with GitHub Desktop @@ -440,6 +455,7 @@ function CodespacesCard() { lucide="DownloadIcon" tabler="IconDownload" hugeicons="DownloadIcon" + phosphor="DownloadIcon" data-icon="inline-start" /> Download ZIP @@ -466,6 +482,7 @@ function RepositoryToolbar() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> @@ -480,6 +497,7 @@ function RepositoryToolbar() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" data-icon="inline-end" /> @@ -490,6 +508,7 @@ function RepositoryToolbar() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> Create new file @@ -498,6 +517,7 @@ function RepositoryToolbar() { lucide="UploadIcon" hugeicons="Upload01Icon" tabler="IconUpload" + phosphor="UploadIcon" /> Upload files @@ -517,6 +537,7 @@ function RepositoryToolbar() { lucide="CloudCogIcon" hugeicons="AiCloud01Icon" tabler="IconCloudCog" + phosphor="CloudArrowUpIcon" /> New Agent Task @@ -545,6 +566,7 @@ function RepositoryToolbar() { lucide="GitBranchIcon" hugeicons="GitBranchIcon" tabler="IconGitBranch" + phosphor="GitBranchIcon" /> Select a branch @@ -620,6 +642,7 @@ function RepositoryToolbar() { lucide="BotIcon" hugeicons="RoboticIcon" tabler="IconRobot" + phosphor="RobotIcon" /> Select Agent @@ -657,6 +680,7 @@ function RepositoryToolbar() { lucide="SendIcon" hugeicons="SentIcon" tabler="IconSend" + phosphor="PaperPlaneTiltIcon" /> @@ -684,6 +708,7 @@ function Navbar() { lucide="MenuIcon" hugeicons="Menu09Icon" tabler="IconMenu" + phosphor="ListIcon" /> Open menu @@ -697,6 +722,7 @@ function Navbar() { lucide="XIcon" tabler="IconX" hugeicons="Cancel01Icon" + phosphor="XIcon" /> Close @@ -710,6 +736,7 @@ function Navbar() { lucide="HomeIcon" tabler="IconHome" hugeicons="HomeIcon" + phosphor="HouseIcon" /> @@ -722,6 +749,7 @@ function Navbar() { lucide="CircleIcon" tabler="IconCircle" hugeicons="CircleIcon" + phosphor="CircleIcon" /> @@ -734,6 +762,7 @@ function Navbar() { lucide="GitBranchIcon" tabler="IconGitBranch" hugeicons="GitBranchIcon" + phosphor="GitBranchIcon" /> @@ -746,6 +775,7 @@ function Navbar() { lucide="LayoutGridIcon" tabler="IconLayoutGrid" hugeicons="GridIcon" + phosphor="GridFourIcon" /> @@ -758,6 +788,7 @@ function Navbar() { lucide="MailIcon" tabler="IconMail" hugeicons="MailIcon" + phosphor="EnvelopeIcon" /> @@ -770,6 +801,7 @@ function Navbar() { lucide="ServerIcon" tabler="IconServer" hugeicons="ServerStackIcon" + phosphor="HardDrivesIcon" /> @@ -782,6 +814,7 @@ function Navbar() { lucide="BotIcon" tabler="IconRobot" hugeicons="RoboticIcon" + phosphor="RobotIcon" /> @@ -794,6 +827,7 @@ function Navbar() { lucide="SparklesIcon" tabler="IconSparkles" hugeicons="SparklesIcon" + phosphor="SparkleIcon" /> @@ -807,6 +841,7 @@ function Navbar() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> @@ -819,6 +854,7 @@ function Navbar() { lucide="ShoppingBagIcon" tabler="IconShoppingBag" hugeicons="ShoppingBasket01Icon" + phosphor="ShoppingBagIcon" /> @@ -831,6 +867,7 @@ function Navbar() { lucide="LinkIcon" tabler="IconLink" hugeicons="LinkIcon" + phosphor="LinkIcon" /> @@ -887,6 +924,7 @@ function Navbar() { lucide="SmileIcon" tabler="IconMoodSmile" hugeicons="SmileIcon" + phosphor="SmileyIcon" /> Set status @@ -895,6 +933,7 @@ function Navbar() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Single sign-on @@ -906,6 +945,7 @@ function Navbar() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile @@ -914,6 +954,7 @@ function Navbar() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> Repositories @@ -922,6 +963,7 @@ function Navbar() { lucide="StarIcon" tabler="IconStar" hugeicons="StarIcon" + phosphor="StarIcon" /> Stars @@ -930,6 +972,7 @@ function Navbar() { lucide="CodeIcon" tabler="IconCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Gists @@ -938,6 +981,7 @@ function Navbar() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> Organizations @@ -946,6 +990,7 @@ function Navbar() { lucide="ServerIcon" tabler="IconServer" hugeicons="ServerStackIcon" + phosphor="HardDrivesIcon" /> Enterprises @@ -954,6 +999,7 @@ function Navbar() { lucide="HeartIcon" tabler="IconHeart" hugeicons="FavouriteIcon" + phosphor="HeartIcon" /> Sponsors @@ -965,6 +1011,7 @@ function Navbar() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings @@ -973,6 +1020,7 @@ function Navbar() { lucide="BotIcon" tabler="IconRobot" hugeicons="RoboticIcon" + phosphor="RobotIcon" /> Copilot settings @@ -981,6 +1029,7 @@ function Navbar() { lucide="SparklesIcon" tabler="IconSparkles" hugeicons="SparklesIcon" + phosphor="SparkleIcon" /> Feature preview @@ -989,6 +1038,7 @@ function Navbar() { lucide="MonitorIcon" tabler="IconDeviceDesktop" hugeicons="ComputerIcon" + phosphor="MonitorIcon" /> Appearance @@ -997,6 +1047,7 @@ function Navbar() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Accessibility @@ -1005,6 +1056,7 @@ function Navbar() { lucide="ArrowUpIcon" tabler="IconArrowUp" hugeicons="ArrowUpIcon" + phosphor="ArrowUpIcon" /> Upgrade @@ -1016,6 +1068,7 @@ function Navbar() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign out @@ -1228,6 +1281,7 @@ function AssignIssue() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> Add user diff --git a/apps/v4/registry/bases/base/blocks/preview.tsx b/apps/v4/registry/bases/base/blocks/preview.tsx index b5acc9d7f94..7cdb3d09e5e 100644 --- a/apps/v4/registry/bases/base/blocks/preview.tsx +++ b/apps/v4/registry/bases/base/blocks/preview.tsx @@ -251,6 +251,7 @@ function FieldExamples() { lucide="MinusIcon" tabler="IconMinus" hugeicons="MinusSignIcon" + phosphor="MinusIcon" /> @@ -332,6 +334,7 @@ function ButtonGroupExamples() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> @@ -361,6 +364,7 @@ function ButtonGroupExamples() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" /> @@ -370,6 +374,7 @@ function ButtonGroupExamples() { lucide="MailCheckIcon" tabler="IconMailCheck" hugeicons="MailValidation01Icon" + phosphor="EnvelopeIcon" /> Mark as Read @@ -378,6 +383,7 @@ function ButtonGroupExamples() { lucide="ArchiveIcon" tabler="IconArchive" hugeicons="ArchiveIcon" + phosphor="ArchiveIcon" /> Archive @@ -389,6 +395,7 @@ function ButtonGroupExamples() { lucide="ClockIcon" tabler="IconClock" hugeicons="ClockIcon" + phosphor="ClockIcon" /> Snooze @@ -397,6 +404,7 @@ function ButtonGroupExamples() { lucide="CalendarPlusIcon" tabler="IconCalendarPlus" hugeicons="CalendarAdd01Icon" + phosphor="CalendarPlusIcon" /> Add to Calendar @@ -405,6 +413,7 @@ function ButtonGroupExamples() { lucide="ListFilterIcon" tabler="IconFilterPlus" hugeicons="AddToListIcon" + phosphor="ListPlusIcon" /> Add to List @@ -414,6 +423,7 @@ function ButtonGroupExamples() { lucide="TagIcon" tabler="IconTag" hugeicons="TagIcon" + phosphor="TagIcon" /> Label As... @@ -446,6 +456,7 @@ function ButtonGroupExamples() { lucide="Trash2Icon" tabler="IconTrash" hugeicons="Delete02Icon" + phosphor="TrashIcon" /> Trash @@ -459,6 +470,7 @@ function ButtonGroupExamples() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> @@ -489,6 +502,7 @@ function ButtonGroupExamples() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" /> @@ -499,6 +513,7 @@ function ButtonGroupExamples() { lucide="VolumeX" tabler="IconVolume" hugeicons="VolumeOffIcon" + phosphor="SpeakerSlashIcon" /> Mute Conversation @@ -507,6 +522,7 @@ function ButtonGroupExamples() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> Mark as Read @@ -515,6 +531,7 @@ function ButtonGroupExamples() { lucide="UserRoundXIcon" tabler="IconUserX" hugeicons="UserRemove01Icon" + phosphor="UserMinusIcon" /> Block User @@ -527,6 +544,7 @@ function ButtonGroupExamples() { lucide="ShareIcon" tabler="IconShare" hugeicons="Share03Icon" + phosphor="ShareIcon" /> Share Conversation @@ -535,6 +553,7 @@ function ButtonGroupExamples() { lucide="CopyIcon" tabler="IconCopy" hugeicons="Copy01Icon" + phosphor="CopyIcon" /> Copy Conversation @@ -543,6 +562,7 @@ function ButtonGroupExamples() { lucide="AlertTriangleIcon" tabler="IconAlertTriangle" hugeicons="AlertCircleIcon" + phosphor="WarningIcon" /> Report Conversation @@ -554,6 +574,7 @@ function ButtonGroupExamples() { lucide="TrashIcon" tabler="IconTrash" hugeicons="Delete02Icon" + phosphor="TrashIcon" /> Delete Conversation @@ -567,6 +588,7 @@ function ButtonGroupExamples() { lucide="BotIcon" tabler="IconRobot" hugeicons="BotIcon" + phosphor="RobotIcon" />{" "} Copilot @@ -584,6 +606,7 @@ function ButtonGroupExamples() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" /> @@ -624,6 +647,7 @@ function InputGroupExamples() { lucide="SearchIcon" tabler="IconSearch" hugeicons="Search01Icon" + phosphor="MagnifyingGlassIcon" /> 12 results @@ -648,6 +672,7 @@ function InputGroupExamples() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> This is content in a tooltip. @@ -675,6 +700,7 @@ function InputGroupExamples() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> @@ -716,6 +743,7 @@ function InputGroupExamples() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -747,6 +775,7 @@ function InputGroupExamples() { lucide="AudioLinesIcon" tabler="IconWaveSine" hugeicons="AudioWave01Icon" + phosphor="MicrophoneIcon" /> Voice Mode @@ -768,6 +797,7 @@ function InputGroupExamples() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -799,6 +829,7 @@ function InputGroupExamples() { lucide="ArrowUpIcon" tabler="IconArrowUp" hugeicons="ArrowUp01Icon" + phosphor="ArrowUpIcon" /> Send @@ -875,6 +906,7 @@ function EmptyAvatarGroup() { lucide="BluetoothIcon" tabler="IconBluetooth" hugeicons="BluetoothIcon" + phosphor="BluetoothIcon" /> @@ -1097,6 +1129,7 @@ function SmallFormExample() { lucide="MoreVerticalIcon" tabler="IconDotsVertical" hugeicons="MoreVerticalCircle01Icon" + phosphor="DotsThreeVerticalIcon" /> More options @@ -1111,6 +1144,7 @@ function SmallFormExample() { lucide="FileIcon" tabler="IconFile" hugeicons="FileIcon" + phosphor="FileIcon" /> New File ⌘N @@ -1120,6 +1154,7 @@ function SmallFormExample() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> New Folder ⇧⌘N @@ -1130,6 +1165,7 @@ function SmallFormExample() { lucide="FolderOpenIcon" tabler="IconFolderOpen" hugeicons="FolderOpenIcon" + phosphor="FolderOpenIcon" /> Open Recent @@ -1142,6 +1178,7 @@ function SmallFormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Alpha @@ -1150,6 +1187,7 @@ function SmallFormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Beta @@ -1159,6 +1197,7 @@ function SmallFormExample() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> More Projects @@ -1169,6 +1208,7 @@ function SmallFormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Gamma @@ -1177,6 +1217,7 @@ function SmallFormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Delta @@ -1191,6 +1232,7 @@ function SmallFormExample() { lucide="FolderSearchIcon" tabler="IconFolderSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> Browse... @@ -1204,6 +1246,7 @@ function SmallFormExample() { lucide="SaveIcon" tabler="IconDeviceFloppy" hugeicons="FloppyDiskIcon" + phosphor="FloppyDiskIcon" /> Save ⌘S @@ -1213,6 +1256,7 @@ function SmallFormExample() { lucide="DownloadIcon" tabler="IconDownload" hugeicons="DownloadIcon" + phosphor="DownloadIcon" /> Export ⇧⌘E @@ -1234,6 +1278,7 @@ function SmallFormExample() { lucide="EyeIcon" tabler="IconEye" hugeicons="EyeIcon" + phosphor="EyeIcon" /> Show Sidebar @@ -1250,6 +1295,7 @@ function SmallFormExample() { lucide="LayoutIcon" tabler="IconLayout" hugeicons="LayoutIcon" + phosphor="LayoutIcon" /> Show Status Bar @@ -1259,6 +1305,7 @@ function SmallFormExample() { lucide="PaletteIcon" tabler="IconPalette" hugeicons="PaintBoardIcon" + phosphor="PaletteIcon" /> Theme @@ -1275,6 +1322,7 @@ function SmallFormExample() { lucide="SunIcon" tabler="IconSun" hugeicons="SunIcon" + phosphor="SunIcon" /> Light @@ -1283,6 +1331,7 @@ function SmallFormExample() { lucide="MoonIcon" tabler="IconMoon" hugeicons="MoonIcon" + phosphor="MoonIcon" /> Dark @@ -1291,6 +1340,7 @@ function SmallFormExample() { lucide="MonitorIcon" tabler="IconDeviceDesktop" hugeicons="ComputerIcon" + phosphor="MonitorIcon" /> System @@ -1307,6 +1357,7 @@ function SmallFormExample() { lucide="HelpCircleIcon" tabler="IconHelpCircle" hugeicons="HelpCircleIcon" + phosphor="QuestionIcon" /> Help & Support @@ -1315,6 +1366,7 @@ function SmallFormExample() { lucide="FileTextIcon" tabler="IconFileText" hugeicons="File01Icon" + phosphor="FileTextIcon" /> Documentation @@ -1326,6 +1378,7 @@ function SmallFormExample() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign Out ⇧⌘Q @@ -1434,6 +1487,7 @@ function ObservabilityCard() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" data-icon="inline-end" /> @@ -1469,6 +1523,7 @@ function ItemExample() { lucide="ShoppingBagIcon" tabler="IconShoppingBag" hugeicons="ShoppingBasket01Icon" + phosphor="ShoppingBagIcon" /> diff --git a/apps/v4/registry/bases/base/blocks/vercel.tsx b/apps/v4/registry/bases/base/blocks/vercel.tsx index 6afaad7709e..c6995c86c4b 100644 --- a/apps/v4/registry/bases/base/blocks/vercel.tsx +++ b/apps/v4/registry/bases/base/blocks/vercel.tsx @@ -264,6 +264,7 @@ function DeploymentFilter() { lucide="CalendarIcon" tabler="IconCalendar" hugeicons="Calendar01Icon" + phosphor="CalendarIcon" data-icon="inline-start" className="text-muted-foreground" /> @@ -296,6 +297,7 @@ function DeploymentFilter() { lucide="Search" tabler="IconSearch" hugeicons="Search01Icon" + phosphor="MagnifyingGlassIcon" /> @@ -304,6 +306,7 @@ function DeploymentFilter() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" className="text-muted-foreground" /> @@ -317,6 +320,7 @@ function DeploymentFilter() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" data-icon="inline-end" className="text-muted-foreground" /> @@ -333,6 +337,7 @@ function DeploymentFilter() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="ml-auto opacity-0 group-data-[active=true]/dropdown-menu-item:opacity-100" /> @@ -362,6 +367,7 @@ function DeploymentFilter() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" data-icon="inline-end" className="text-muted-foreground ml-auto" /> @@ -388,6 +394,7 @@ function DeploymentFilter() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="ml-auto opacity-0 group-data-[active=true]/dropdown-menu-item:opacity-100" /> @@ -464,6 +471,7 @@ function BillingList() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> More options @@ -605,6 +613,7 @@ function ActivateAgentDialog() { lucide="CheckCircle2Icon" tabler="IconCircleCheckFilled" hugeicons="CheckmarkCircle02Icon" + phosphor="CheckCircleIcon" className="fill-primary text-primary-foreground size-5" /> @@ -621,6 +630,7 @@ function ActivateAgentDialog() { lucide="CircleDollarSignIcon" hugeicons="DollarCircleIcon" tabler="IconCoin" + phosphor="CurrencyCircleDollarIcon" /> Pro teams get $100 in Vercel Agent trial credit for 2 weeks. @@ -665,6 +675,7 @@ function ObservabilityCard() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" data-icon="inline-end" /> diff --git a/apps/v4/registry/bases/base/examples/accordion-example.tsx b/apps/v4/registry/bases/base/examples/accordion-example.tsx index a12a88306b4..a90af95037a 100644 --- a/apps/v4/registry/bases/base/examples/accordion-example.tsx +++ b/apps/v4/registry/bases/base/examples/accordion-example.tsx @@ -175,6 +175,7 @@ function AccordionInCard() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRight01Icon" + phosphor="ArrowUpRightIcon" /> diff --git a/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx b/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx index dad5ade15d2..c66b96e8f01 100644 --- a/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx +++ b/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx @@ -100,6 +100,7 @@ function AlertDialogWithMedia() { lucide="BluetoothIcon" tabler="IconBluetooth" hugeicons="BluetoothIcon" + phosphor="BluetoothIcon" /> Are you absolutely sure? @@ -133,6 +134,7 @@ function AlertDialogSmallWithMedia() { lucide="BluetoothIcon" tabler="IconBluetooth" hugeicons="BluetoothIcon" + phosphor="BluetoothIcon" /> Allow accessory to connect? @@ -164,6 +166,7 @@ function AlertDialogDestructive() { lucide="Trash2Icon" tabler="IconTrash" hugeicons="Delete02Icon" + phosphor="TrashIcon" /> Delete chat? diff --git a/apps/v4/registry/bases/base/examples/alert-example.tsx b/apps/v4/registry/bases/base/examples/alert-example.tsx index 58733381a22..3ab82a1a59b 100644 --- a/apps/v4/registry/bases/base/examples/alert-example.tsx +++ b/apps/v4/registry/bases/base/examples/alert-example.tsx @@ -55,6 +55,7 @@ function AlertExample2() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Let's try one with icon, title and a link. @@ -65,6 +66,7 @@ function AlertExample2() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> This one has an icon and a description only. No title.{" "} @@ -77,6 +79,7 @@ function AlertExample2() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Success! Your changes have been saved @@ -88,6 +91,7 @@ function AlertExample2() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> This is a very long alert title that demonstrates how the component @@ -100,6 +104,7 @@ function AlertExample2() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> This is a very long alert description that demonstrates how the @@ -112,6 +117,7 @@ function AlertExample2() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> This is an extremely long alert title that spans multiple lines to @@ -141,6 +147,7 @@ function AlertExample3() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Something went wrong! @@ -152,6 +159,7 @@ function AlertExample3() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Unable to process your payment. @@ -180,6 +188,7 @@ function AlertExample4() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> The selected emails have been marked as spam. @@ -191,6 +200,7 @@ function AlertExample4() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> The selected emails have been marked as spam. diff --git a/apps/v4/registry/bases/base/examples/avatar-example.tsx b/apps/v4/registry/bases/base/examples/avatar-example.tsx index 141044b8d9a..9754ca5422f 100644 --- a/apps/v4/registry/bases/base/examples/avatar-example.tsx +++ b/apps/v4/registry/bases/base/examples/avatar-example.tsx @@ -129,6 +129,7 @@ function AvatarWithBadgeIcon() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -143,6 +144,7 @@ function AvatarWithBadgeIcon() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -157,6 +159,7 @@ function AvatarWithBadgeIcon() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -169,6 +172,7 @@ function AvatarWithBadgeIcon() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -179,6 +183,7 @@ function AvatarWithBadgeIcon() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -189,6 +194,7 @@ function AvatarWithBadgeIcon() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -479,6 +485,7 @@ function AvatarInEmpty() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> Invite Members diff --git a/apps/v4/registry/bases/base/examples/badge-example.tsx b/apps/v4/registry/bases/base/examples/badge-example.tsx index ce822f0c7b3..7dfc9a00c59 100644 --- a/apps/v4/registry/bases/base/examples/badge-example.tsx +++ b/apps/v4/registry/bases/base/examples/badge-example.tsx @@ -44,6 +44,7 @@ function BadgeWithIconLeft() { lucide="BadgeCheck" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadge02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" /> Default @@ -53,6 +54,7 @@ function BadgeWithIconLeft() { lucide="BadgeCheck" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadge02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" /> Secondary @@ -62,6 +64,7 @@ function BadgeWithIconLeft() { lucide="BadgeCheck" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadge02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" /> Destructive @@ -71,6 +74,7 @@ function BadgeWithIconLeft() { lucide="BadgeCheck" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadge02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" /> Outline @@ -80,6 +84,7 @@ function BadgeWithIconLeft() { lucide="BadgeCheck" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadge02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" /> Ghost @@ -89,6 +94,7 @@ function BadgeWithIconLeft() { lucide="BadgeCheck" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadge02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" /> Link @@ -108,6 +114,7 @@ function BadgeWithIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -117,6 +124,7 @@ function BadgeWithIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -126,6 +134,7 @@ function BadgeWithIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -135,6 +144,7 @@ function BadgeWithIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -144,6 +154,7 @@ function BadgeWithIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -153,6 +164,7 @@ function BadgeWithIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -206,6 +218,7 @@ function BadgeAsLink() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRightIcon" + phosphor="ArrowUpRightIcon" data-icon="inline-end" /> @@ -220,6 +233,7 @@ function BadgeAsLink() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRightIcon" + phosphor="ArrowUpRightIcon" data-icon="inline-end" /> @@ -234,6 +248,7 @@ function BadgeAsLink() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRightIcon" + phosphor="ArrowUpRightIcon" data-icon="inline-end" /> @@ -248,6 +263,7 @@ function BadgeAsLink() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowUpRightIcon" data-icon="inline-end" /> diff --git a/apps/v4/registry/bases/base/examples/button-example.tsx b/apps/v4/registry/bases/base/examples/button-example.tsx index ade125c37c0..348ed390f06 100644 --- a/apps/v4/registry/bases/base/examples/button-example.tsx +++ b/apps/v4/registry/bases/base/examples/button-example.tsx @@ -97,6 +97,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -106,6 +107,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -115,6 +117,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -124,6 +127,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -133,6 +137,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -142,6 +147,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -153,6 +159,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -162,6 +169,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -171,6 +179,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" /> @@ -188,6 +198,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -197,6 +208,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -208,6 +220,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -217,6 +230,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -226,6 +240,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -235,6 +250,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -244,6 +260,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -253,6 +270,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -264,6 +282,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -273,6 +292,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -282,6 +302,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -291,6 +312,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -300,6 +322,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -309,6 +332,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -326,6 +350,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Default @@ -335,6 +360,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Secondary @@ -344,6 +370,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Outline @@ -353,6 +380,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Ghost @@ -362,6 +390,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Destructive @@ -371,6 +400,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Link @@ -382,6 +412,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Default @@ -391,6 +422,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Secondary @@ -400,6 +432,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Outline @@ -409,6 +442,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Ghost @@ -418,6 +452,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Destructive @@ -427,6 +462,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Link @@ -438,6 +474,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Default @@ -447,6 +484,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Secondary @@ -456,6 +494,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Outline @@ -465,6 +504,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Ghost @@ -474,6 +514,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Destructive @@ -483,6 +524,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Link @@ -494,6 +536,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Default @@ -503,6 +546,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Secondary @@ -512,6 +556,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Outline @@ -521,6 +566,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Ghost @@ -530,6 +576,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Destructive @@ -539,6 +586,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Link @@ -557,6 +605,7 @@ function ButtonIconOnly() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" /> @@ -601,6 +655,7 @@ function ButtonIconOnly() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" /> @@ -645,6 +705,7 @@ function ButtonIconOnly() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" /> @@ -689,6 +755,7 @@ function ButtonIconOnly() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" /> @@ -743,6 +815,7 @@ function ButtonExamples() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -754,6 +827,7 @@ function ButtonExamples() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> diff --git a/apps/v4/registry/bases/base/examples/button-group-example.tsx b/apps/v4/registry/bases/base/examples/button-group-example.tsx index d880c35612f..9ac803f8a2f 100644 --- a/apps/v4/registry/bases/base/examples/button-group-example.tsx +++ b/apps/v4/registry/bases/base/examples/button-group-example.tsx @@ -127,6 +127,7 @@ function ButtonGroupWithDropdown() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" /> @@ -147,6 +148,7 @@ function ButtonGroupWithDropdown() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" /> @@ -156,6 +158,7 @@ function ButtonGroupWithDropdown() { lucide="VolumeX" tabler="IconVolume" hugeicons="VolumeOffIcon" + phosphor="SpeakerSlashIcon" /> Mute Conversation @@ -164,6 +167,7 @@ function ButtonGroupWithDropdown() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> Mark as Read @@ -172,6 +176,7 @@ function ButtonGroupWithDropdown() { lucide="AlertTriangleIcon" tabler="IconAlertTriangle" hugeicons="AlertCircleIcon" + phosphor="WarningIcon" /> Report Conversation @@ -180,6 +185,7 @@ function ButtonGroupWithDropdown() { lucide="UserRoundXIcon" tabler="IconUserX" hugeicons="UserRemove01Icon" + phosphor="UserMinusIcon" /> Block User @@ -188,6 +194,7 @@ function ButtonGroupWithDropdown() { lucide="ShareIcon" tabler="IconShare" hugeicons="Share03Icon" + phosphor="ShareIcon" /> Share Conversation @@ -196,6 +203,7 @@ function ButtonGroupWithDropdown() { lucide="CopyIcon" tabler="IconCopy" hugeicons="Copy01Icon" + phosphor="CopyIcon" /> Copy Conversation @@ -207,6 +215,7 @@ function ButtonGroupWithDropdown() { lucide="TrashIcon" tabler="IconTrash" hugeicons="Delete02Icon" + phosphor="TrashIcon" /> Delete Conversation @@ -251,6 +260,7 @@ function ButtonGroupWithSelect() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight01Icon" + phosphor="ArrowRightIcon" /> @@ -269,6 +279,7 @@ function ButtonGroupWithIcons() { lucide="FlipHorizontalIcon" tabler="IconFlipHorizontal" hugeicons="FlipHorizontalIcon" + phosphor="ArrowsHorizontalIcon" /> @@ -305,6 +318,7 @@ function ButtonGroupWithInputGroup() { lucide="SearchIcon" tabler="IconSearch" hugeicons="Search01Icon" + phosphor="MagnifyingGlassIcon" /> @@ -337,6 +351,7 @@ function ButtonGroupWithFields() { lucide="MinusIcon" tabler="IconMinus" hugeicons="MinusSignIcon" + phosphor="MinusIcon" /> @@ -362,6 +378,7 @@ function ButtonGroupWithLike() { lucide="HeartIcon" tabler="IconBell" hugeicons="Notification02Icon" + phosphor="HeartIcon" data-icon="inline-start" />{" "} Like @@ -420,6 +437,7 @@ function ButtonGroupNested() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -432,6 +450,7 @@ function ButtonGroupNested() { lucide="AudioLinesIcon" tabler="IconHeadphones" hugeicons="AudioWave01Icon" + phosphor="MicrophoneIcon" /> Voice Mode @@ -452,6 +471,7 @@ function ButtonGroupPagination() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft02Icon" + phosphor="ArrowLeftIcon" data-icon="inline-start" /> Previous @@ -477,6 +497,7 @@ function ButtonGroupPagination() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -512,6 +533,7 @@ function ButtonGroupPaginationSplit() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> @@ -537,6 +560,7 @@ function ButtonGroupNavigation() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> @@ -553,6 +578,7 @@ function ButtonGroupNavigation() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> @@ -599,6 +625,7 @@ function ButtonGroupVertical() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -624,6 +652,7 @@ function ButtonGroupVerticalNested() { lucide="SearchIcon" tabler="IconSearch" hugeicons="Search01Icon" + phosphor="MagnifyingGlassIcon" /> @@ -647,6 +678,7 @@ function ButtonGroupVerticalNested() { lucide="FlipHorizontalIcon" tabler="IconFlipHorizontal" hugeicons="FlipHorizontalIcon" + phosphor="ArrowsHorizontalIcon" /> @@ -670,6 +704,7 @@ function ButtonGroupVerticalNested() { lucide="TrashIcon" tabler="IconTrash" hugeicons="Delete02Icon" + phosphor="TrashIcon" /> diff --git a/apps/v4/registry/bases/base/examples/calendar-example.tsx b/apps/v4/registry/bases/base/examples/calendar-example.tsx index c9e6ac0110d..af1d7462982 100644 --- a/apps/v4/registry/bases/base/examples/calendar-example.tsx +++ b/apps/v4/registry/bases/base/examples/calendar-example.tsx @@ -200,6 +200,7 @@ function CalendarWithTime() { lucide="Clock2Icon" tabler="IconClockHour2" hugeicons="Clock03Icon" + phosphor="ClockIcon" className="text-muted-foreground" /> @@ -220,6 +221,7 @@ function CalendarWithTime() { lucide="Clock2Icon" tabler="IconClockHour2" hugeicons="Clock03Icon" + phosphor="ClockIcon" className="text-muted-foreground" /> @@ -350,6 +352,7 @@ function DatePickerSimple() { lucide="CalendarIcon" tabler="IconCalendar" hugeicons="CalendarIcon" + phosphor="CalendarBlankIcon" data-icon="inline-start" /> {date ? format(date, "PPP") : Pick a date} @@ -387,6 +390,7 @@ function DatePickerWithRange() { lucide="CalendarIcon" tabler="IconCalendar" hugeicons="CalendarIcon" + phosphor="CalendarBlankIcon" data-icon="inline-start" /> {date?.from ? ( @@ -441,6 +445,7 @@ function DataPickerWithDropdowns() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDownIcon" + phosphor="CaretDownIcon" data-icon="inline-start" className="ml-auto" /> diff --git a/apps/v4/registry/bases/base/examples/card-example.tsx b/apps/v4/registry/bases/base/examples/card-example.tsx index 7a53d00388b..220eb87d70f 100644 --- a/apps/v4/registry/bases/base/examples/card-example.tsx +++ b/apps/v4/registry/bases/base/examples/card-example.tsx @@ -113,6 +113,7 @@ function CardMeetingNotes() { lucide="CaptionsIcon" tabler="IconTextCaption" hugeicons="TextCheckIcon" + phosphor="TextTIcon" data-icon="inline-start" /> Transcribe @@ -183,6 +184,7 @@ function CardWithImage() { lucide="PlusIcon" tabler="IconPlus" hugeicons="Add01Icon" + phosphor="PlusIcon" data-icon="inline-start" /> Button @@ -216,6 +218,7 @@ function CardWithImageSmall() { lucide="PlusIcon" tabler="IconPlus" hugeicons="Add01Icon" + phosphor="PlusIcon" data-icon="inline-start" /> Button diff --git a/apps/v4/registry/bases/base/examples/chart-example.tsx b/apps/v4/registry/bases/base/examples/chart-example.tsx index 96e343dcdbc..3212970bc47 100644 --- a/apps/v4/registry/bases/base/examples/chart-example.tsx +++ b/apps/v4/registry/bases/base/examples/chart-example.tsx @@ -121,6 +121,7 @@ function ChartAreaExample() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="ChartUpIcon" + phosphor="TrendUpIcon" className="size-4" /> @@ -275,6 +276,7 @@ function ChartLineExample() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="ChartUpIcon" + phosphor="TrendUpIcon" className="size-4" /> diff --git a/apps/v4/registry/bases/base/examples/collapsible-example.tsx b/apps/v4/registry/bases/base/examples/collapsible-example.tsx index 71493ed94ce..813926b1fea 100644 --- a/apps/v4/registry/bases/base/examples/collapsible-example.tsx +++ b/apps/v4/registry/bases/base/examples/collapsible-example.tsx @@ -105,12 +105,14 @@ function CollapsibleFileTree() { lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" className="transition-transform group-data-[state=open]:rotate-90" /> {fileItem.name} @@ -133,6 +135,7 @@ function CollapsibleFileTree() { lucide="FileIcon" tabler="IconFile" hugeicons="File01Icon" + phosphor="FileIcon" /> {fileItem.name} @@ -214,12 +217,14 @@ function CollapsibleSettings() { lucide="MinimizeIcon" tabler="IconMinimize" hugeicons="MinusSignIcon" + phosphor="MinusIcon" /> ) : ( )} diff --git a/apps/v4/registry/bases/base/examples/combobox-example.tsx b/apps/v4/registry/bases/base/examples/combobox-example.tsx index 2f5801c9177..64f699d7592 100644 --- a/apps/v4/registry/bases/base/examples/combobox-example.tsx +++ b/apps/v4/registry/bases/base/examples/combobox-example.tsx @@ -810,6 +810,7 @@ function ComboxboxInputAddon() { lucide="GlobeIcon" tabler="IconGlobe" hugeicons="Globe02Icon" + phosphor="GlobeIcon" /> @@ -1233,6 +1234,7 @@ function ComboboxWithOtherInputs() { lucide="ChevronDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretDownIcon" /> @@ -1243,6 +1245,7 @@ function ComboboxWithOtherInputs() { lucide="ChevronDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretDownIcon" /> diff --git a/apps/v4/registry/bases/base/examples/command-example.tsx b/apps/v4/registry/bases/base/examples/command-example.tsx index 2d5af01c7ae..f384abbfff6 100644 --- a/apps/v4/registry/bases/base/examples/command-example.tsx +++ b/apps/v4/registry/bases/base/examples/command-example.tsx @@ -86,6 +86,7 @@ function CommandWithShortcuts() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile ⌘P @@ -95,6 +96,7 @@ function CommandWithShortcuts() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing ⌘B @@ -104,6 +106,7 @@ function CommandWithShortcuts() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings ⌘S @@ -141,6 +144,7 @@ function CommandWithGroups() { lucide="CalendarIcon" tabler="IconCalendar" hugeicons="CalendarIcon" + phosphor="CalendarBlankIcon" /> Calendar @@ -149,6 +153,7 @@ function CommandWithGroups() { lucide="SmileIcon" tabler="IconMoodSmile" hugeicons="SmileIcon" + phosphor="SmileyIcon" /> Search Emoji @@ -157,6 +162,7 @@ function CommandWithGroups() { lucide="CalculatorIcon" tabler="IconCalculator" hugeicons="CalculatorIcon" + phosphor="CalculatorIcon" /> Calculator @@ -168,6 +174,7 @@ function CommandWithGroups() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile ⌘P @@ -177,6 +184,7 @@ function CommandWithGroups() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing ⌘B @@ -186,6 +194,7 @@ function CommandWithGroups() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings ⌘S @@ -223,6 +232,7 @@ function CommandManyItems() { lucide="HomeIcon" tabler="IconHome" hugeicons="HomeIcon" + phosphor="HouseIcon" /> Home ⌘H @@ -232,6 +242,7 @@ function CommandManyItems() { lucide="InboxIcon" tabler="IconInbox" hugeicons="InboxIcon" + phosphor="TrayIcon" /> Inbox ⌘I @@ -241,6 +252,7 @@ function CommandManyItems() { lucide="FileTextIcon" tabler="IconFileText" hugeicons="File02Icon" + phosphor="FileTextIcon" /> Documents ⌘D @@ -250,6 +262,7 @@ function CommandManyItems() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> Folders ⌘F @@ -262,6 +275,7 @@ function CommandManyItems() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> New File ⌘N @@ -271,6 +285,7 @@ function CommandManyItems() { lucide="FolderPlusIcon" tabler="IconFolderPlus" hugeicons="FolderAddIcon" + phosphor="FolderPlusIcon" /> New Folder ⇧⌘N @@ -280,6 +295,7 @@ function CommandManyItems() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> Copy ⌘C @@ -289,6 +305,7 @@ function CommandManyItems() { lucide="ScissorsIcon" tabler="IconCut" hugeicons="ScissorIcon" + phosphor="ScissorsIcon" /> Cut ⌘X @@ -298,6 +315,7 @@ function CommandManyItems() { lucide="ClipboardPasteIcon" tabler="IconClipboard" hugeicons="ClipboardIcon" + phosphor="ClipboardIcon" /> Paste ⌘V @@ -307,6 +325,7 @@ function CommandManyItems() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete ⌫ @@ -319,6 +338,7 @@ function CommandManyItems() { lucide="LayoutGridIcon" tabler="IconLayoutGrid" hugeicons="GridIcon" + phosphor="GridFourIcon" /> Grid View @@ -327,6 +347,7 @@ function CommandManyItems() { lucide="ListIcon" tabler="IconList" hugeicons="Menu05Icon" + phosphor="ListIcon" /> List View @@ -335,6 +356,7 @@ function CommandManyItems() { lucide="ZoomInIcon" tabler="IconZoomIn" hugeicons="ZoomInAreaIcon" + phosphor="MagnifyingGlassPlusIcon" /> Zoom In ⌘+ @@ -344,6 +366,7 @@ function CommandManyItems() { lucide="ZoomOutIcon" tabler="IconZoomOut" hugeicons="ZoomOutAreaIcon" + phosphor="MagnifyingGlassMinusIcon" /> Zoom Out ⌘- @@ -356,6 +379,7 @@ function CommandManyItems() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile ⌘P @@ -365,6 +389,7 @@ function CommandManyItems() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing ⌘B @@ -374,6 +399,7 @@ function CommandManyItems() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings ⌘S @@ -383,6 +409,7 @@ function CommandManyItems() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Notifications @@ -391,6 +418,7 @@ function CommandManyItems() { lucide="HelpCircleIcon" tabler="IconHelpCircle" hugeicons="HelpCircleIcon" + phosphor="QuestionIcon" /> Help & Support @@ -402,6 +430,7 @@ function CommandManyItems() { lucide="CalculatorIcon" tabler="IconCalculator" hugeicons="CalculatorIcon" + phosphor="CalculatorIcon" /> Calculator @@ -410,6 +439,7 @@ function CommandManyItems() { lucide="CalendarIcon" tabler="IconCalendar" hugeicons="CalendarIcon" + phosphor="CalendarBlankIcon" /> Calendar @@ -418,6 +448,7 @@ function CommandManyItems() { lucide="ImageIcon" tabler="IconPhoto" hugeicons="ImageIcon" + phosphor="ImageIcon" /> Image Editor @@ -426,6 +457,7 @@ function CommandManyItems() { lucide="CodeIcon" tabler="IconCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Code Editor diff --git a/apps/v4/registry/bases/base/examples/component-example.tsx b/apps/v4/registry/bases/base/examples/component-example.tsx index 58a423c2a14..7fa7d2b353e 100644 --- a/apps/v4/registry/bases/base/examples/component-example.tsx +++ b/apps/v4/registry/bases/base/examples/component-example.tsx @@ -102,6 +102,7 @@ function CardExample() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" data-icon="inline-start" /> Show Dialog @@ -113,6 +114,7 @@ function CardExample() { lucide="BluetoothIcon" tabler="IconBluetooth" hugeicons="BluetoothIcon" + phosphor="BluetoothIcon" /> Allow accessory to connect? @@ -174,6 +176,7 @@ function FormExample() { lucide="MoreVerticalIcon" tabler="IconDotsVertical" hugeicons="MoreVerticalCircle01Icon" + phosphor="DotsThreeVerticalIcon" /> More options @@ -185,6 +188,7 @@ function FormExample() { lucide="FileIcon" tabler="IconFile" hugeicons="FileIcon" + phosphor="FileIcon" /> New File ⌘N @@ -194,6 +198,7 @@ function FormExample() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> New Folder ⇧⌘N @@ -204,6 +209,7 @@ function FormExample() { lucide="FolderOpenIcon" tabler="IconFolderOpen" hugeicons="FolderOpenIcon" + phosphor="FolderOpenIcon" /> Open Recent @@ -216,6 +222,7 @@ function FormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Alpha @@ -224,6 +231,7 @@ function FormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Beta @@ -233,6 +241,7 @@ function FormExample() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> More Projects @@ -265,6 +274,7 @@ function FormExample() { lucide="FolderSearchIcon" tabler="IconFolderSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> Browse... @@ -278,6 +288,7 @@ function FormExample() { lucide="SaveIcon" tabler="IconDeviceFloppy" hugeicons="FloppyDiskIcon" + phosphor="FloppyDiskIcon" /> Save ⌘S @@ -287,6 +298,7 @@ function FormExample() { lucide="DownloadIcon" tabler="IconDownload" hugeicons="DownloadIcon" + phosphor="DownloadIcon" /> Export ⇧⌘E @@ -308,6 +320,7 @@ function FormExample() { lucide="EyeIcon" tabler="IconEye" hugeicons="EyeIcon" + phosphor="EyeIcon" /> Show Sidebar @@ -324,6 +337,7 @@ function FormExample() { lucide="LayoutIcon" tabler="IconLayout" hugeicons="LayoutIcon" + phosphor="LayoutIcon" /> Show Status Bar @@ -333,6 +347,7 @@ function FormExample() { lucide="PaletteIcon" tabler="IconPalette" hugeicons="PaintBoardIcon" + phosphor="PaletteIcon" /> Theme @@ -349,6 +364,7 @@ function FormExample() { lucide="SunIcon" tabler="IconSun" hugeicons="SunIcon" + phosphor="SunIcon" /> Light @@ -357,6 +373,7 @@ function FormExample() { lucide="MoonIcon" tabler="IconMoon" hugeicons="MoonIcon" + phosphor="MoonIcon" /> Dark @@ -365,6 +382,7 @@ function FormExample() { lucide="MonitorIcon" tabler="IconDeviceDesktop" hugeicons="ComputerIcon" + phosphor="MonitorIcon" /> System @@ -382,6 +400,7 @@ function FormExample() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile ⇧⌘P @@ -391,6 +410,7 @@ function FormExample() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing @@ -400,6 +420,7 @@ function FormExample() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings @@ -412,6 +433,7 @@ function FormExample() { lucide="KeyboardIcon" tabler="IconKeyboard" hugeicons="KeyboardIcon" + phosphor="KeyboardIcon" /> Keyboard Shortcuts @@ -420,6 +442,7 @@ function FormExample() { lucide="LanguagesIcon" tabler="IconLanguage" hugeicons="LanguageCircleIcon" + phosphor="TranslateIcon" /> Language @@ -429,6 +452,7 @@ function FormExample() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Notifications @@ -467,6 +491,7 @@ function FormExample() { lucide="MailIcon" tabler="IconMail" hugeicons="MailIcon" + phosphor="EnvelopeIcon" /> Email Notifications @@ -482,6 +507,7 @@ function FormExample() { lucide="ShieldIcon" tabler="IconShield" hugeicons="ShieldIcon" + phosphor="ShieldIcon" /> Privacy & Security @@ -497,6 +523,7 @@ function FormExample() { lucide="HelpCircleIcon" tabler="IconHelpCircle" hugeicons="HelpCircleIcon" + phosphor="QuestionIcon" /> Help & Support @@ -505,6 +532,7 @@ function FormExample() { lucide="FileTextIcon" tabler="IconFileText" hugeicons="File01Icon" + phosphor="FileTextIcon" /> Documentation @@ -516,6 +544,7 @@ function FormExample() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign Out ⇧⌘Q diff --git a/apps/v4/registry/bases/base/examples/context-menu-example.tsx b/apps/v4/registry/bases/base/examples/context-menu-example.tsx index b087612aee7..e5a6a6ef6f9 100644 --- a/apps/v4/registry/bases/base/examples/context-menu-example.tsx +++ b/apps/v4/registry/bases/base/examples/context-menu-example.tsx @@ -83,6 +83,7 @@ function ContextMenuWithIcons() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> Copy @@ -91,6 +92,7 @@ function ContextMenuWithIcons() { lucide="ScissorsIcon" tabler="IconCut" hugeicons="ScissorIcon" + phosphor="ScissorsIcon" /> Cut @@ -99,6 +101,7 @@ function ContextMenuWithIcons() { lucide="ClipboardPasteIcon" tabler="IconClipboard" hugeicons="ClipboardIcon" + phosphor="ClipboardIcon" /> Paste diff --git a/apps/v4/registry/bases/base/examples/dialog-example.tsx b/apps/v4/registry/bases/base/examples/dialog-example.tsx index 33b5093de37..7c2e32202b1 100644 --- a/apps/v4/registry/bases/base/examples/dialog-example.tsx +++ b/apps/v4/registry/bases/base/examples/dialog-example.tsx @@ -501,6 +501,7 @@ function DialogChatSettings() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> diff --git a/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx b/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx index 23fb07e83b0..9daeaf9e768 100644 --- a/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx +++ b/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx @@ -99,6 +99,7 @@ function DropdownMenuWithIcons() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile @@ -107,6 +108,7 @@ function DropdownMenuWithIcons() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing @@ -115,6 +117,7 @@ function DropdownMenuWithIcons() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings @@ -124,6 +127,7 @@ function DropdownMenuWithIcons() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Log out @@ -231,6 +235,7 @@ function DropdownMenuWithCheckboxes() { lucide="LayoutIcon" tabler="IconLayout" hugeicons="LayoutIcon" + phosphor="LayoutIcon" /> Status Bar @@ -243,6 +248,7 @@ function DropdownMenuWithCheckboxes() { lucide="ActivityIcon" tabler="IconActivity" hugeicons="ActivityIcon" + phosphor="ActivityIcon" /> Activity Bar @@ -254,6 +260,7 @@ function DropdownMenuWithCheckboxes() { lucide="PanelLeftIcon" tabler="IconLayoutSidebar" hugeicons="LayoutLeftIcon" + phosphor="SidebarIcon" /> Panel @@ -287,6 +294,7 @@ function DropdownMenuWithRadio() { lucide="ArrowUpIcon" tabler="IconArrowUp" hugeicons="ArrowUp01Icon" + phosphor="ArrowUpIcon" /> Top @@ -295,6 +303,7 @@ function DropdownMenuWithRadio() { lucide="ArrowDownIcon" tabler="IconArrowDown" hugeicons="ArrowDown01Icon" + phosphor="ArrowDownIcon" /> Bottom @@ -303,6 +312,7 @@ function DropdownMenuWithRadio() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight01Icon" + phosphor="ArrowRightIcon" /> Right @@ -342,6 +352,7 @@ function DropdownMenuWithCheckboxesIcons() { lucide="MailIcon" tabler="IconMail" hugeicons="MailIcon" + phosphor="EnvelopeIcon" /> Email notifications @@ -355,6 +366,7 @@ function DropdownMenuWithCheckboxesIcons() { lucide="MessageSquareIcon" tabler="IconMessage" hugeicons="MessageIcon" + phosphor="ChatCircleIcon" /> SMS notifications @@ -368,6 +380,7 @@ function DropdownMenuWithCheckboxesIcons() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Push notifications @@ -409,6 +422,7 @@ function DropdownMenuWithRadioIcons() { lucide="WalletIcon" tabler="IconWallet" hugeicons="WalletIcon" + phosphor="WalletIcon" /> PayPal @@ -417,6 +431,7 @@ function DropdownMenuWithRadioIcons() { lucide="Building2Icon" tabler="IconBuildingBank" hugeicons="BankIcon" + phosphor="BankIcon" /> Bank Transfer @@ -443,6 +458,7 @@ function DropdownMenuWithDestructive() { lucide="PencilIcon" tabler="IconPencil" hugeicons="EditIcon" + phosphor="PencilIcon" /> Edit @@ -451,6 +467,7 @@ function DropdownMenuWithDestructive() { lucide="ShareIcon" tabler="IconShare" hugeicons="ShareIcon" + phosphor="ShareIcon" /> Share @@ -460,6 +477,7 @@ function DropdownMenuWithDestructive() { lucide="ArchiveIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> Archive @@ -468,6 +486,7 @@ function DropdownMenuWithDestructive() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete @@ -486,6 +505,7 @@ function DropdownMenuWithAvatar() { lucide="BadgeCheckIcon" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadgeIcon" + phosphor="CheckCircleIcon" /> Account @@ -544,6 +564,7 @@ function DropdownMenuWithAvatar() { lucide="ChevronsUpDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretUpDownIcon" className="text-muted-foreground ml-auto" /> @@ -597,6 +618,7 @@ function DropdownMenuInDialog() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> Copy @@ -605,6 +627,7 @@ function DropdownMenuInDialog() { lucide="ScissorsIcon" tabler="IconCut" hugeicons="ScissorIcon" + phosphor="ScissorsIcon" /> Cut @@ -613,6 +636,7 @@ function DropdownMenuInDialog() { lucide="ClipboardPasteIcon" tabler="IconClipboard" hugeicons="ClipboardIcon" + phosphor="ClipboardIcon" /> Paste @@ -670,6 +694,7 @@ function DropdownMenuComplex() { lucide="FileIcon" tabler="IconFile" hugeicons="FileIcon" + phosphor="FileIcon" /> New File ⌘N @@ -679,6 +704,7 @@ function DropdownMenuComplex() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> New Folder ⇧⌘N @@ -689,6 +715,7 @@ function DropdownMenuComplex() { lucide="FolderOpenIcon" tabler="IconFolderOpen" hugeicons="FolderOpenIcon" + phosphor="FolderOpenIcon" /> Open Recent @@ -701,6 +728,7 @@ function DropdownMenuComplex() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Alpha @@ -709,6 +737,7 @@ function DropdownMenuComplex() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Beta @@ -718,6 +747,7 @@ function DropdownMenuComplex() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> More Projects @@ -750,6 +780,7 @@ function DropdownMenuComplex() { lucide="FolderSearchIcon" tabler="IconFolderSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> Browse... @@ -763,6 +794,7 @@ function DropdownMenuComplex() { lucide="SaveIcon" tabler="IconDeviceFloppy" hugeicons="FloppyDiskIcon" + phosphor="FloppyDiskIcon" /> Save ⌘S @@ -772,6 +804,7 @@ function DropdownMenuComplex() { lucide="DownloadIcon" tabler="IconDownload" hugeicons="DownloadIcon" + phosphor="DownloadIcon" /> Export ⇧⌘E @@ -790,6 +823,7 @@ function DropdownMenuComplex() { lucide="EyeIcon" tabler="IconEye" hugeicons="EyeIcon" + phosphor="EyeIcon" /> Show Sidebar @@ -803,6 +837,7 @@ function DropdownMenuComplex() { lucide="LayoutIcon" tabler="IconLayout" hugeicons="LayoutIcon" + phosphor="LayoutIcon" /> Show Status Bar @@ -812,6 +847,7 @@ function DropdownMenuComplex() { lucide="PaletteIcon" tabler="IconPalette" hugeicons="PaintBoardIcon" + phosphor="PaletteIcon" /> Theme @@ -828,6 +864,7 @@ function DropdownMenuComplex() { lucide="SunIcon" tabler="IconSun" hugeicons="SunIcon" + phosphor="SunIcon" /> Light @@ -836,6 +873,7 @@ function DropdownMenuComplex() { lucide="MoonIcon" tabler="IconMoon" hugeicons="MoonIcon" + phosphor="MoonIcon" /> Dark @@ -844,6 +882,7 @@ function DropdownMenuComplex() { lucide="MonitorIcon" tabler="IconDeviceDesktop" hugeicons="ComputerIcon" + phosphor="MonitorIcon" /> System @@ -891,6 +930,7 @@ function DropdownMenuComplex() { lucide="KeyboardIcon" tabler="IconKeyboard" hugeicons="KeyboardIcon" + phosphor="KeyboardIcon" /> Keyboard Shortcuts @@ -899,6 +939,7 @@ function DropdownMenuComplex() { lucide="LanguagesIcon" tabler="IconLanguage" hugeicons="LanguageCircleIcon" + phosphor="TranslateIcon" /> Language @@ -957,11 +998,12 @@ function DropdownMenuComplex() { - + Privacy & Security @@ -976,6 +1018,7 @@ function DropdownMenuComplex() { lucide="HelpCircleIcon" tabler="IconHelpCircle" hugeicons="HelpCircleIcon" + phosphor="QuestionIcon" /> Help & Support @@ -984,6 +1027,7 @@ function DropdownMenuComplex() { lucide="FileTextIcon" tabler="IconFileText" hugeicons="File01Icon" + phosphor="FileTextIcon" /> Documentation diff --git a/apps/v4/registry/bases/base/examples/empty-example.tsx b/apps/v4/registry/bases/base/examples/empty-example.tsx index 381e584751f..777214c05be 100644 --- a/apps/v4/registry/bases/base/examples/empty-example.tsx +++ b/apps/v4/registry/bases/base/examples/empty-example.tsx @@ -61,6 +61,7 @@ function EmptyBasic() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRight01Icon" + phosphor="ArrowUpRightIcon" /> @@ -92,6 +93,7 @@ function EmptyWithMutedBackground() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRight01Icon" + phosphor="ArrowUpRightIcon" /> @@ -119,6 +121,7 @@ function EmptyWithBorder() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> @@ -144,6 +147,7 @@ function EmptyWithIcon() { lucide="FolderIcon" tabler="IconFolder" hugeicons="Folder01Icon" + phosphor="FolderIcon" /> Nothing to see here @@ -158,6 +162,7 @@ function EmptyWithIcon() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" data-icon="inline-start" /> New Post @@ -187,6 +192,7 @@ function EmptyWithMutedBackgroundAlt() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> @@ -212,6 +218,7 @@ function EmptyInCard() { lucide="FolderIcon" tabler="IconFolder" hugeicons="Folder01Icon" + phosphor="FolderIcon" /> No projects yet @@ -238,6 +245,7 @@ function EmptyInCard() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRight01Icon" + phosphor="ArrowUpRightIcon" /> diff --git a/apps/v4/registry/bases/base/examples/input-group-example.tsx b/apps/v4/registry/bases/base/examples/input-group-example.tsx index 78db5c54834..9b3f8c5d7a1 100644 --- a/apps/v4/registry/bases/base/examples/input-group-example.tsx +++ b/apps/v4/registry/bases/base/examples/input-group-example.tsx @@ -131,6 +131,7 @@ function InputGroupWithAddons() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" className="text-muted-foreground" /> @@ -147,6 +148,7 @@ function InputGroupWithAddons() { lucide="EyeOffIcon" tabler="IconEyeClosed" hugeicons="ViewOffIcon" + phosphor="EyeSlashIcon" /> @@ -162,6 +164,7 @@ function InputGroupWithAddons() { lucide="MicIcon" tabler="IconMicrophone" hugeicons="VoiceIcon" + phosphor="MicrophoneIcon" className="text-muted-foreground" /> @@ -170,6 +173,7 @@ function InputGroupWithAddons() { lucide="RadioIcon" tabler="IconPlayerRecordFilled" hugeicons="RecordIcon" + phosphor="RecordIcon" className="animate-pulse text-red-500" /> @@ -185,6 +189,7 @@ function InputGroupWithAddons() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" className="text-muted-foreground ml-auto" /> @@ -200,6 +205,7 @@ function InputGroupWithAddons() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" className="text-muted-foreground ml-auto" /> @@ -214,6 +220,7 @@ function InputGroupWithAddons() { lucide="StarIcon" tabler="IconStar" hugeicons="StarIcon" + phosphor="StarIcon" /> @@ -231,6 +239,7 @@ function InputGroupWithAddons() { lucide="RadioIcon" tabler="IconPlayerRecordFilled" hugeicons="RecordIcon" + phosphor="RecordIcon" className="animate-pulse text-red-500" /> @@ -245,6 +254,7 @@ function InputGroupWithAddons() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> @@ -310,6 +320,7 @@ function InputGroupWithButtons() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> @@ -322,6 +333,7 @@ function InputGroupWithButtons() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> @@ -383,6 +395,7 @@ function InputGroupWithTooltip({ lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDownIcon" + phosphor="CaretDownIcon" /> @@ -534,6 +548,7 @@ function InputGroupWithKbd() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="size-3 text-white" /> @@ -553,6 +568,7 @@ function InputGroupWithKbd() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> 12 results @@ -568,6 +584,7 @@ function InputGroupWithKbd() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> Disabled @@ -646,6 +663,7 @@ function InputGroupInCard() { lucide="MailIcon" tabler="IconMail" hugeicons="MailIcon" + phosphor="EnvelopeIcon" /> @@ -662,6 +680,7 @@ function InputGroupInCard() { lucide="ExternalLinkIcon" tabler="IconExternalLink" hugeicons="LinkSquare02Icon" + phosphor="ArrowSquareOutIcon" /> @@ -755,6 +774,7 @@ function InputGroupTextareaExamples() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" className="text-muted-foreground ml-auto" /> @@ -783,6 +803,7 @@ function InputGroupTextareaExamples() { lucide="ArrowUpIcon" tabler="IconArrowUp" hugeicons="ArrowUpIcon" + phosphor="ArrowUpIcon" /> Send @@ -821,6 +842,7 @@ function InputGroupTextareaExamples() { lucide="CodeIcon" tabler="IconBrandJavascript" hugeicons="CodeIcon" + phosphor="CodeIcon" /> script.js @@ -829,6 +851,7 @@ function InputGroupTextareaExamples() { lucide="RefreshCwIcon" tabler="IconRefresh" hugeicons="RefreshIcon" + phosphor="ArrowClockwiseIcon" /> @@ -836,6 +859,7 @@ function InputGroupTextareaExamples() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> diff --git a/apps/v4/registry/bases/base/examples/input-otp-example.tsx b/apps/v4/registry/bases/base/examples/input-otp-example.tsx index a6d7901137f..9ca4d59bc4d 100644 --- a/apps/v4/registry/bases/base/examples/input-otp-example.tsx +++ b/apps/v4/registry/bases/base/examples/input-otp-example.tsx @@ -246,6 +246,7 @@ function InputOTPForm() { lucide="RefreshCwIcon" hugeicons="RefreshIcon" tabler="IconRefresh" + phosphor="ArrowClockwiseIcon" data-icon="inline-start" /> Resend Code diff --git a/apps/v4/registry/bases/base/examples/item-example.tsx b/apps/v4/registry/bases/base/examples/item-example.tsx index 5330efaf6fb..5a89fe2d5c2 100644 --- a/apps/v4/registry/bases/base/examples/item-example.tsx +++ b/apps/v4/registry/bases/base/examples/item-example.tsx @@ -91,6 +91,7 @@ function DefaultVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -103,6 +104,7 @@ function DefaultVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -118,6 +120,7 @@ function DefaultVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -133,6 +136,7 @@ function DefaultVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -205,6 +209,7 @@ function OutlineVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -217,6 +222,7 @@ function OutlineVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -232,6 +238,7 @@ function OutlineVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -247,6 +254,7 @@ function OutlineVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -319,6 +327,7 @@ function MutedVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -331,6 +340,7 @@ function MutedVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -346,6 +356,7 @@ function MutedVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -361,6 +372,7 @@ function MutedVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -437,6 +449,7 @@ function DefaultVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -449,6 +462,7 @@ function DefaultVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -464,6 +478,7 @@ function DefaultVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -479,6 +494,7 @@ function DefaultVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -555,6 +571,7 @@ function OutlineVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -567,6 +584,7 @@ function OutlineVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -582,6 +600,7 @@ function OutlineVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -597,6 +616,7 @@ function OutlineVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -673,6 +693,7 @@ function MutedVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -685,6 +706,7 @@ function MutedVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -700,6 +722,7 @@ function MutedVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -715,6 +738,7 @@ function MutedVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -791,6 +815,7 @@ function DefaultVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -803,6 +828,7 @@ function DefaultVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -818,6 +844,7 @@ function DefaultVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -833,6 +860,7 @@ function DefaultVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -909,6 +937,7 @@ function OutlineVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -921,6 +950,7 @@ function OutlineVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -936,6 +966,7 @@ function OutlineVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -951,6 +982,7 @@ function OutlineVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -1027,6 +1059,7 @@ function MutedVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -1039,6 +1072,7 @@ function MutedVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -1054,6 +1088,7 @@ function MutedVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -1069,6 +1104,7 @@ function MutedVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> diff --git a/apps/v4/registry/bases/base/examples/kbd-example.tsx b/apps/v4/registry/bases/base/examples/kbd-example.tsx index 527b531b02b..9ed6f855000 100644 --- a/apps/v4/registry/bases/base/examples/kbd-example.tsx +++ b/apps/v4/registry/bases/base/examples/kbd-example.tsx @@ -89,6 +89,7 @@ function KbdWithIcons() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> @@ -96,6 +97,7 @@ function KbdWithIcons() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> @@ -103,6 +105,7 @@ function KbdWithIcons() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight01Icon" + phosphor="ArrowRightIcon" /> @@ -119,6 +122,7 @@ function KbdWithIconsAndText() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> Left @@ -127,6 +131,7 @@ function KbdWithIconsAndText() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> Voice Enabled @@ -157,6 +162,7 @@ function KbdInTooltip() { lucide="SaveIcon" tabler="IconDeviceFloppy" hugeicons="FloppyDiskIcon" + phosphor="FloppyDiskIcon" /> diff --git a/apps/v4/registry/bases/base/examples/menubar-example.tsx b/apps/v4/registry/bases/base/examples/menubar-example.tsx index be0957fe030..f2e7111b1c6 100644 --- a/apps/v4/registry/bases/base/examples/menubar-example.tsx +++ b/apps/v4/registry/bases/base/examples/menubar-example.tsx @@ -220,6 +220,7 @@ function MenubarWithIcons() { lucide="FileIcon" tabler="IconFile" hugeicons="FileIcon" + phosphor="FileIcon" /> New File ⌘N @@ -228,6 +229,7 @@ function MenubarWithIcons() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> Open Folder @@ -237,6 +239,7 @@ function MenubarWithIcons() { lucide="SaveIcon" tabler="IconDeviceFloppy" hugeicons="FloppyDiskIcon" + phosphor="FloppyDiskIcon" /> Save ⌘S @@ -251,6 +254,7 @@ function MenubarWithIcons() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> Settings @@ -259,6 +263,7 @@ function MenubarWithIcons() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> Help @@ -268,6 +273,7 @@ function MenubarWithIcons() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> Delete @@ -335,6 +341,7 @@ function MenubarFormat() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="TextBIcon" /> Bold ⌘B @@ -343,6 +350,7 @@ function MenubarFormat() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="TextItalicIcon" /> Italic ⌘I @@ -351,6 +359,7 @@ function MenubarFormat() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" + phosphor="TextUnderlineIcon" /> Underline ⌘U @@ -387,6 +396,7 @@ function MenubarInsert() { lucide="ImageIcon" tabler="IconPhoto" hugeicons="ImageIcon" + phosphor="ImageIcon" /> Media @@ -402,6 +412,7 @@ function MenubarInsert() { lucide="LinkIcon" tabler="IconLink" hugeicons="LinkIcon" + phosphor="LinkIcon" /> Link ⌘K @@ -410,6 +421,7 @@ function MenubarInsert() { lucide="TableIcon" tabler="IconTable" hugeicons="TableIcon" + phosphor="TableIcon" /> Table @@ -423,6 +435,7 @@ function MenubarInsert() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> Find & Replace ⌘F @@ -431,6 +444,7 @@ function MenubarInsert() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> Spell Check @@ -453,6 +467,7 @@ function MenubarDestructive() { lucide="FileIcon" tabler="IconFile" hugeicons="FileIcon" + phosphor="FileIcon" /> New File ⌘N @@ -461,6 +476,7 @@ function MenubarDestructive() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> Open Folder @@ -470,6 +486,7 @@ function MenubarDestructive() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete File ⌘⌫ @@ -483,6 +500,7 @@ function MenubarDestructive() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile @@ -491,6 +509,7 @@ function MenubarDestructive() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings @@ -500,6 +519,7 @@ function MenubarDestructive() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign out @@ -509,6 +529,7 @@ function MenubarDestructive() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete @@ -542,6 +563,7 @@ function MenubarInDialog() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> Copy @@ -550,6 +572,7 @@ function MenubarInDialog() { lucide="ScissorsIcon" tabler="IconCut" hugeicons="ScissorIcon" + phosphor="ScissorsIcon" /> Cut @@ -558,6 +581,7 @@ function MenubarInDialog() { lucide="ClipboardPasteIcon" tabler="IconClipboard" hugeicons="ClipboardIcon" + phosphor="ClipboardIcon" /> Paste diff --git a/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx b/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx index 978e2d59edd..12268b6aa1b 100644 --- a/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx +++ b/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx @@ -115,6 +115,7 @@ function NavigationMenuBasic() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Backlog @@ -127,6 +128,7 @@ function NavigationMenuBasic() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> To Do @@ -139,6 +141,7 @@ function NavigationMenuBasic() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Done diff --git a/apps/v4/registry/bases/base/examples/progress-example.tsx b/apps/v4/registry/bases/base/examples/progress-example.tsx index d16797cfd1a..9706b8cde96 100644 --- a/apps/v4/registry/bases/base/examples/progress-example.tsx +++ b/apps/v4/registry/bases/base/examples/progress-example.tsx @@ -118,6 +118,7 @@ function FileUploadList() { lucide="FileIcon" tabler="IconFile" hugeicons="FileIcon" + phosphor="FileIcon" className="size-5" /> diff --git a/apps/v4/registry/bases/base/examples/select-example.tsx b/apps/v4/registry/bases/base/examples/select-example.tsx index 389eb15e4d6..8a728c91c0a 100644 --- a/apps/v4/registry/bases/base/examples/select-example.tsx +++ b/apps/v4/registry/bases/base/examples/select-example.tsx @@ -101,6 +101,7 @@ function SelectWithIcons() { lucide="ChartLineIcon" tabler="IconChartLine" hugeicons="Chart03Icon" + phosphor="ChartLineIcon" /> Chart Type @@ -114,6 +115,7 @@ function SelectWithIcons() { lucide="ChartLineIcon" tabler="IconChartLine" hugeicons="Chart03Icon" + phosphor="ChartLineIcon" /> Line @@ -127,6 +129,7 @@ function SelectWithIcons() { lucide="ChartBarIcon" tabler="IconChartBar" hugeicons="Chart03Icon" + phosphor="ChartBarIcon" /> Bar @@ -140,6 +143,7 @@ function SelectWithIcons() { lucide="ChartPieIcon" tabler="IconChartPie" hugeicons="Chart03Icon" + phosphor="ChartPieIcon" /> Pie diff --git a/apps/v4/registry/bases/base/examples/sidebar-example.tsx b/apps/v4/registry/bases/base/examples/sidebar-example.tsx index 8d0a2115712..b51265c3134 100644 --- a/apps/v4/registry/bases/base/examples/sidebar-example.tsx +++ b/apps/v4/registry/bases/base/examples/sidebar-example.tsx @@ -193,6 +193,7 @@ export default function SidebarExample() { lucide="ChevronsUpDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretUpDownIcon" /> @@ -209,6 +210,7 @@ export default function SidebarExample() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="ml-auto" /> )} @@ -233,6 +235,7 @@ export default function SidebarExample() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" className="pointer-events-none absolute top-1/2 left-2 size-4 -translate-y-1/2 opacity-50 select-none" /> diff --git a/apps/v4/registry/bases/base/examples/sidebar-floating-example.tsx b/apps/v4/registry/bases/base/examples/sidebar-floating-example.tsx index 1b108eb594b..301ad6e1d6b 100644 --- a/apps/v4/registry/bases/base/examples/sidebar-floating-example.tsx +++ b/apps/v4/registry/bases/base/examples/sidebar-floating-example.tsx @@ -203,6 +203,7 @@ export default function SidebarFloatingExample() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" className="ml-auto" /> diff --git a/apps/v4/registry/bases/base/examples/sidebar-icon-example.tsx b/apps/v4/registry/bases/base/examples/sidebar-icon-example.tsx index 93b2e1d7613..372c44f6c85 100644 --- a/apps/v4/registry/bases/base/examples/sidebar-icon-example.tsx +++ b/apps/v4/registry/bases/base/examples/sidebar-icon-example.tsx @@ -79,6 +79,7 @@ export default function SidebarIconExample() { lucide="TerminalSquareIcon" tabler="IconTerminal2" hugeicons="ComputerTerminalIcon" + phosphor="TerminalIcon" /> ), isActive: true, @@ -105,6 +106,7 @@ export default function SidebarIconExample() { lucide="BotIcon" tabler="IconRobot" hugeicons="RoboticIcon" + phosphor="RobotIcon" /> ), items: [ @@ -130,6 +132,7 @@ export default function SidebarIconExample() { lucide="BookOpen" tabler="IconBook" hugeicons="BookOpen02Icon" + phosphor="BookOpenIcon" /> ), items: [ @@ -159,6 +162,7 @@ export default function SidebarIconExample() { lucide="Settings2Icon" tabler="IconSettings" hugeicons="Settings05Icon" + phosphor="GearIcon" /> ), items: [ @@ -190,6 +194,7 @@ export default function SidebarIconExample() { lucide="FrameIcon" tabler="IconFrame" hugeicons="CropIcon" + phosphor="CropIcon" /> ), }, @@ -201,6 +206,7 @@ export default function SidebarIconExample() { lucide="PieChartIcon" tabler="IconChartPie" hugeicons="PieChartIcon" + phosphor="ChartPieIcon" /> ), }, @@ -212,6 +218,7 @@ export default function SidebarIconExample() { lucide="MapIcon" tabler="IconMap" hugeicons="MapsIcon" + phosphor="MapTrifoldIcon" /> ), }, @@ -280,6 +287,7 @@ export default function SidebarIconExample() { lucide="ChevronsUpDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretUpDownIcon" /> @@ -322,6 +330,7 @@ export default function SidebarIconExample() { lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" className="ml-auto transition-transform duration-100 group-data-open/collapsible:rotate-90" /> @@ -382,6 +391,7 @@ export default function SidebarIconExample() { lucide="ChevronsUpDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretUpDownIcon" /> diff --git a/apps/v4/registry/bases/base/examples/sidebar-inset-example.tsx b/apps/v4/registry/bases/base/examples/sidebar-inset-example.tsx index eba307551f5..2028ee0d073 100644 --- a/apps/v4/registry/bases/base/examples/sidebar-inset-example.tsx +++ b/apps/v4/registry/bases/base/examples/sidebar-inset-example.tsx @@ -38,6 +38,7 @@ export default function SidebarInsetExample() { lucide="HomeIcon" tabler="IconHome" hugeicons="Home01Icon" + phosphor="HouseIcon" /> ), isActive: true, @@ -60,6 +61,7 @@ export default function SidebarInsetExample() { lucide="ChartLineIcon" tabler="IconChartLine" hugeicons="ChartIcon" + phosphor="ChartLineIcon" /> ), items: [ @@ -81,6 +83,7 @@ export default function SidebarInsetExample() { lucide="ShoppingBagIcon" tabler="IconShoppingBag" hugeicons="ShoppingBag01Icon" + phosphor="ShoppingBagIcon" /> ), items: [ @@ -106,6 +109,7 @@ export default function SidebarInsetExample() { lucide="ShoppingCartIcon" tabler="IconShoppingCart" hugeicons="ShoppingCart01Icon" + phosphor="ShoppingCartIcon" /> ), items: [ @@ -127,6 +131,7 @@ export default function SidebarInsetExample() { lucide="FileIcon" tabler="IconFile" hugeicons="File01Icon" + phosphor="FileIcon" /> ), }, @@ -138,6 +143,7 @@ export default function SidebarInsetExample() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> ), }, @@ -149,6 +155,7 @@ export default function SidebarInsetExample() { lucide="Settings2Icon" tabler="IconSettings" hugeicons="Settings05Icon" + phosphor="GearIcon" /> ), }, @@ -162,6 +169,7 @@ export default function SidebarInsetExample() { lucide="LifeBuoy" tabler="IconLifebuoy" hugeicons="ChartRingIcon" + phosphor="LifebuoyIcon" /> ), }, @@ -173,6 +181,7 @@ export default function SidebarInsetExample() { lucide="Send" tabler="IconSend" hugeicons="SentIcon" + phosphor="PaperPlaneTiltIcon" /> ), }, @@ -210,6 +219,7 @@ export default function SidebarInsetExample() { lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" /> Toggle diff --git a/apps/v4/registry/bases/base/examples/spinner-example.tsx b/apps/v4/registry/bases/base/examples/spinner-example.tsx index ca2dc887066..4433c4f5e47 100644 --- a/apps/v4/registry/bases/base/examples/spinner-example.tsx +++ b/apps/v4/registry/bases/base/examples/spinner-example.tsx @@ -139,6 +139,7 @@ function SpinnerInEmpty() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" /> diff --git a/apps/v4/registry/bases/base/examples/table-example.tsx b/apps/v4/registry/bases/base/examples/table-example.tsx index 3f3b5c57d4a..66e4499b658 100644 --- a/apps/v4/registry/bases/base/examples/table-example.tsx +++ b/apps/v4/registry/bases/base/examples/table-example.tsx @@ -274,6 +274,7 @@ function TableWithActions() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> Open menu @@ -302,6 +303,7 @@ function TableWithActions() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> Open menu @@ -330,6 +332,7 @@ function TableWithActions() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> Open menu diff --git a/apps/v4/registry/bases/base/examples/tabs-example.tsx b/apps/v4/registry/bases/base/examples/tabs-example.tsx index ab7bc067e75..bb00a02eb3e 100644 --- a/apps/v4/registry/bases/base/examples/tabs-example.tsx +++ b/apps/v4/registry/bases/base/examples/tabs-example.tsx @@ -112,6 +112,7 @@ function TabsWithIcons() { lucide="AppWindowIcon" tabler="IconAppWindow" hugeicons="CursorInWindowIcon" + phosphor="AppWindowIcon" /> Preview @@ -120,6 +121,7 @@ function TabsWithIcons() { lucide="CodeIcon" tabler="IconCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Code @@ -139,6 +141,7 @@ function TabsIconOnly() { lucide="HomeIcon" tabler="IconHome" hugeicons="HomeIcon" + phosphor="HouseIcon" /> @@ -146,6 +149,7 @@ function TabsIconOnly() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> @@ -153,6 +157,7 @@ function TabsIconOnly() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> @@ -260,6 +265,7 @@ function TabsWithDropdown() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> More options diff --git a/apps/v4/registry/bases/base/examples/toggle-example.tsx b/apps/v4/registry/bases/base/examples/toggle-example.tsx index e9065836a24..37fef87b5c9 100644 --- a/apps/v4/registry/bases/base/examples/toggle-example.tsx +++ b/apps/v4/registry/bases/base/examples/toggle-example.tsx @@ -30,6 +30,7 @@ function ToggleBasic() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="TextBIcon" /> @@ -37,6 +38,7 @@ function ToggleBasic() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="TextItalicIcon" /> @@ -44,6 +46,7 @@ function ToggleBasic() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" + phosphor="TextUnderlineIcon" /> @@ -60,6 +63,7 @@ function ToggleOutline() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="TextItalicIcon" /> Italic @@ -68,6 +72,7 @@ function ToggleOutline() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="TextBIcon" /> Bold @@ -282,6 +287,7 @@ function ToggleWithIcon() { lucide="BookmarkIcon" tabler="IconBookmark" hugeicons="BookmarkIcon" + phosphor="BookmarkIcon" className="group-data-[state=on]/toggle:fill-accent-foreground" /> @@ -290,6 +296,7 @@ function ToggleWithIcon() { lucide="BookmarkIcon" tabler="IconBookmark" hugeicons="BookmarkIcon" + phosphor="BookmarkIcon" className="group-data-[state=on]/toggle:fill-accent-foreground" /> Bookmark diff --git a/apps/v4/registry/bases/base/examples/toggle-group-example.tsx b/apps/v4/registry/bases/base/examples/toggle-group-example.tsx index 6ce71c0e3cb..d7711c031ef 100644 --- a/apps/v4/registry/bases/base/examples/toggle-group-example.tsx +++ b/apps/v4/registry/bases/base/examples/toggle-group-example.tsx @@ -189,6 +189,7 @@ function ToggleGroupWithIcons() { lucide="StarIcon" tabler="IconStar" hugeicons="StarIcon" + phosphor="StarIcon" /> Star @@ -201,6 +202,7 @@ function ToggleGroupWithIcons() { lucide="HeartIcon" tabler="IconHeart" hugeicons="FavouriteIcon" + phosphor="HeartIcon" /> Heart @@ -213,6 +215,7 @@ function ToggleGroupWithIcons() { lucide="BookmarkIcon" tabler="IconBookmark" hugeicons="BookmarkIcon" + phosphor="BookmarkIcon" /> Bookmark @@ -277,6 +280,7 @@ function ToggleGroupSort() { lucide="ArrowDownIcon" tabler="IconArrowDown" hugeicons="ArrowDownIcon" + phosphor="ArrowDownIcon" /> Newest @@ -285,6 +289,7 @@ function ToggleGroupSort() { lucide="ArrowUpIcon" tabler="IconArrowUp" hugeicons="ArrowUpIcon" + phosphor="ArrowUpIcon" /> Oldest @@ -293,6 +298,7 @@ function ToggleGroupSort() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="TradeUpIcon" + phosphor="TrendUpIcon" /> Popular diff --git a/apps/v4/registry/bases/base/examples/tooltip-example.tsx b/apps/v4/registry/bases/base/examples/tooltip-example.tsx index a46309b4240..7b2c8d6d7d7 100644 --- a/apps/v4/registry/bases/base/examples/tooltip-example.tsx +++ b/apps/v4/registry/bases/base/examples/tooltip-example.tsx @@ -73,6 +73,7 @@ function TooltipWithIcon() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> Info @@ -126,6 +127,7 @@ function TooltipWithKeyboard() { lucide="SaveIcon" tabler="IconDeviceFloppy" hugeicons="FloppyDiskIcon" + phosphor="FloppyDiskIcon" /> diff --git a/apps/v4/registry/icons/__phosphor__.ts b/apps/v4/registry/icons/__phosphor__.ts index bc51a8cd8d6..3df8f062961 100644 --- a/apps/v4/registry/icons/__phosphor__.ts +++ b/apps/v4/registry/icons/__phosphor__.ts @@ -1,21 +1,126 @@ // Auto-generated by scripts/build-icons.ts +export { ActivityIcon } from "@phosphor-icons/react" +export { AppWindowIcon } from "@phosphor-icons/react" +export { ArchiveIcon } from "@phosphor-icons/react" +export { ArrowCircleLeftIcon } from "@phosphor-icons/react" +export { ArrowClockwiseIcon } from "@phosphor-icons/react" +export { ArrowDownIcon } from "@phosphor-icons/react" +export { ArrowLeftIcon } from "@phosphor-icons/react" +export { ArrowRightIcon } from "@phosphor-icons/react" +export { ArrowSquareOutIcon } from "@phosphor-icons/react" +export { ArrowUpIcon } from "@phosphor-icons/react" +export { ArrowUpRightIcon } from "@phosphor-icons/react" +export { ArrowsHorizontalIcon } from "@phosphor-icons/react" +export { ArrowsVerticalIcon } from "@phosphor-icons/react" export { BagIcon } from "@phosphor-icons/react" +export { BankIcon } from "@phosphor-icons/react" +export { BellIcon } from "@phosphor-icons/react" +export { BluetoothIcon } from "@phosphor-icons/react" +export { BookOpenIcon } from "@phosphor-icons/react" +export { BookmarkIcon } from "@phosphor-icons/react" +export { CalculatorIcon } from "@phosphor-icons/react" +export { CalendarBlankIcon } from "@phosphor-icons/react" +export { CalendarIcon } from "@phosphor-icons/react" +export { CalendarPlusIcon } from "@phosphor-icons/react" export { CaretDownIcon } from "@phosphor-icons/react" export { CaretLeftIcon } from "@phosphor-icons/react" export { CaretRightIcon } from "@phosphor-icons/react" +export { CaretUpDownIcon } from "@phosphor-icons/react" export { CaretUpIcon } from "@phosphor-icons/react" +export { ChartBarIcon } from "@phosphor-icons/react" +export { ChartLineIcon } from "@phosphor-icons/react" +export { ChartPieIcon } from "@phosphor-icons/react" +export { ChatCircleIcon } from "@phosphor-icons/react" export { CheckCircleIcon } from "@phosphor-icons/react" export { CheckIcon } from "@phosphor-icons/react" +export { CircleDashedIcon } from "@phosphor-icons/react" export { CircleIcon } from "@phosphor-icons/react" +export { ClipboardIcon } from "@phosphor-icons/react" +export { ClockIcon } from "@phosphor-icons/react" +export { CloudArrowUpIcon } from "@phosphor-icons/react" +export { CodeIcon } from "@phosphor-icons/react" +export { CopyIcon } from "@phosphor-icons/react" +export { CreditCardIcon } from "@phosphor-icons/react" +export { CropIcon } from "@phosphor-icons/react" +export { CubeIcon } from "@phosphor-icons/react" +export { CurrencyCircleDollarIcon } from "@phosphor-icons/react" export { DotsThreeIcon } from "@phosphor-icons/react" +export { DotsThreeOutlineIcon } from "@phosphor-icons/react" +export { DotsThreeVerticalIcon } from "@phosphor-icons/react" +export { DownloadIcon } from "@phosphor-icons/react" +export { EnvelopeIcon } from "@phosphor-icons/react" +export { EyeIcon } from "@phosphor-icons/react" +export { EyeSlashIcon } from "@phosphor-icons/react" +export { FileIcon } from "@phosphor-icons/react" +export { FileTextIcon } from "@phosphor-icons/react" +export { FloppyDiskIcon } from "@phosphor-icons/react" +export { FolderIcon } from "@phosphor-icons/react" +export { FolderOpenIcon } from "@phosphor-icons/react" +export { FolderPlusIcon } from "@phosphor-icons/react" +export { GearIcon } from "@phosphor-icons/react" +export { GitBranchIcon } from "@phosphor-icons/react" +export { GlobeIcon } from "@phosphor-icons/react" +export { GridFourIcon } from "@phosphor-icons/react" +export { HandPointingIcon } from "@phosphor-icons/react" +export { HardDrivesIcon } from "@phosphor-icons/react" +export { HeartIcon } from "@phosphor-icons/react" +export { HouseIcon } from "@phosphor-icons/react" +export { ImageIcon } from "@phosphor-icons/react" export { InfoIcon } from "@phosphor-icons/react" +export { KeyboardIcon } from "@phosphor-icons/react" +export { LayoutIcon } from "@phosphor-icons/react" +export { LifebuoyIcon } from "@phosphor-icons/react" +export { LightbulbIcon } from "@phosphor-icons/react" +export { LightningIcon } from "@phosphor-icons/react" +export { LinkIcon } from "@phosphor-icons/react" +export { ListIcon } from "@phosphor-icons/react" +export { ListPlusIcon } from "@phosphor-icons/react" +export { MagicWandIcon } from "@phosphor-icons/react" export { MagnifyingGlassIcon } from "@phosphor-icons/react" +export { MagnifyingGlassMinusIcon } from "@phosphor-icons/react" +export { MagnifyingGlassPlusIcon } from "@phosphor-icons/react" +export { MapTrifoldIcon } from "@phosphor-icons/react" +export { MicrophoneIcon } from "@phosphor-icons/react" export { MinusIcon } from "@phosphor-icons/react" +export { MonitorIcon } from "@phosphor-icons/react" +export { MoonIcon } from "@phosphor-icons/react" +export { PaletteIcon } from "@phosphor-icons/react" +export { PaperPlaneTiltIcon } from "@phosphor-icons/react" export { PaperclipIcon } from "@phosphor-icons/react" +export { PencilIcon } from "@phosphor-icons/react" export { PlusIcon } from "@phosphor-icons/react" +export { QuestionIcon } from "@phosphor-icons/react" +export { RecordIcon } from "@phosphor-icons/react" +export { RobotIcon } from "@phosphor-icons/react" +export { ScissorsIcon } from "@phosphor-icons/react" +export { ShareIcon } from "@phosphor-icons/react" +export { ShieldIcon } from "@phosphor-icons/react" +export { ShoppingBagIcon } from "@phosphor-icons/react" +export { ShoppingCartIcon } from "@phosphor-icons/react" export { SidebarIcon } from "@phosphor-icons/react" +export { SignOutIcon } from "@phosphor-icons/react" +export { SmileyIcon } from "@phosphor-icons/react" export { SparkleIcon } from "@phosphor-icons/react" +export { SpeakerSlashIcon } from "@phosphor-icons/react" export { SpinnerIcon } from "@phosphor-icons/react" +export { StarIcon } from "@phosphor-icons/react" +export { SunIcon } from "@phosphor-icons/react" +export { TableIcon } from "@phosphor-icons/react" +export { TagIcon } from "@phosphor-icons/react" +export { TerminalIcon } from "@phosphor-icons/react" +export { TextBIcon } from "@phosphor-icons/react" +export { TextItalicIcon } from "@phosphor-icons/react" +export { TextTIcon } from "@phosphor-icons/react" +export { TextUnderlineIcon } from "@phosphor-icons/react" +export { TranslateIcon } from "@phosphor-icons/react" +export { TrashIcon } from "@phosphor-icons/react" +export { TrayIcon } from "@phosphor-icons/react" +export { TrendUpIcon } from "@phosphor-icons/react" +export { UploadIcon } from "@phosphor-icons/react" +export { UserIcon } from "@phosphor-icons/react" +export { UserMinusIcon } from "@phosphor-icons/react" +export { WalletIcon } from "@phosphor-icons/react" +export { WarningCircleIcon } from "@phosphor-icons/react" export { WarningIcon } from "@phosphor-icons/react" export { XCircleIcon } from "@phosphor-icons/react" export { XIcon } from "@phosphor-icons/react" From d4ad0cad82955de916329eb1ba55c5329de8180a Mon Sep 17 00:00:00 2001 From: Dominik Koch Date: Sat, 13 Dec 2025 00:01:51 +0100 Subject: [PATCH 3/7] feat: add phosphor to radix blocks --- .../registry/bases/radix/blocks/chatgpt.tsx | 18 +++++++ .../v4/registry/bases/radix/blocks/github.tsx | 38 +++++++++++++ .../registry/bases/radix/blocks/preview.tsx | 53 +++++++++++++++++++ .../v4/registry/bases/radix/blocks/vercel.tsx | 9 ++++ 4 files changed, 118 insertions(+) diff --git a/apps/v4/registry/bases/radix/blocks/chatgpt.tsx b/apps/v4/registry/bases/radix/blocks/chatgpt.tsx index cdde4d8f654..79f2e58a728 100644 --- a/apps/v4/registry/bases/radix/blocks/chatgpt.tsx +++ b/apps/v4/registry/bases/radix/blocks/chatgpt.tsx @@ -110,6 +110,7 @@ function PromptForm() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -127,6 +128,7 @@ function PromptForm() { lucide="PaperclipIcon" tabler="IconPaperclip" hugeicons="AttachmentIcon" + phosphor="PaperclipIcon" /> Add photos & files @@ -135,6 +137,7 @@ function PromptForm() { lucide="SparklesIcon" tabler="IconSparkles" hugeicons="SparklesIcon" + phosphor="SparkleIcon" /> Deep research @@ -143,6 +146,7 @@ function PromptForm() { lucide="ShoppingBagIcon" tabler="IconShoppingBag" hugeicons="ShoppingBag01Icon" + phosphor="BagIcon" /> Shopping research @@ -151,6 +155,7 @@ function PromptForm() { lucide="WandIcon" tabler="IconWand" hugeicons="MagicWand05Icon" + phosphor="MagicWandIcon" /> Create image @@ -161,6 +166,7 @@ function PromptForm() { lucide="MousePointerIcon" tabler="IconPointer" hugeicons="Cursor01Icon" + phosphor="HandPointingIcon" /> Agent mode @@ -178,6 +184,7 @@ function PromptForm() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> More @@ -187,6 +194,7 @@ function PromptForm() { lucide="ShareIcon" tabler="IconShare" hugeicons="Share03Icon" + phosphor="ShareIcon" /> Add sources @@ -195,6 +203,7 @@ function PromptForm() { lucide="BookOpenIcon" tabler="IconBook" hugeicons="BookIcon" + phosphor="BookOpenIcon" /> Study and learn @@ -203,6 +212,7 @@ function PromptForm() { lucide="GlobeIcon" tabler="IconWorld" hugeicons="GlobalIcon" + phosphor="GlobeIcon" /> Web search @@ -211,6 +221,7 @@ function PromptForm() { lucide="PenToolIcon" tabler="IconPencil" hugeicons="PenIcon" + phosphor="PencilIcon" /> Canvas @@ -230,6 +241,7 @@ function PromptForm() { lucide="AudioLinesIcon" tabler="IconMicrophone" hugeicons="AudioWave01Icon" + phosphor="MicrophoneIcon" /> @@ -244,6 +256,7 @@ function PromptForm() { lucide="ArrowUpIcon" tabler="IconArrowUp" hugeicons="ArrowUp02Icon" + phosphor="ArrowUpIcon" /> @@ -267,6 +280,7 @@ function ModelSelector() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" className="text-muted-foreground size-4" /> @@ -412,6 +426,7 @@ function CreateProjectForm() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="Settings01Icon" + phosphor="GearIcon" /> Memory @@ -478,6 +493,7 @@ function CreateProjectForm() { { "--color": selectedColor } as React.CSSProperties } lucide="FolderIcon" + phosphor="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" className="text-(--color)" @@ -539,6 +555,7 @@ function CreateProjectForm() { lucide="CircleCheckIcon" tabler="IconCircleCheck" hugeicons="CheckmarkCircle02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" className="hidden group-data-[checked=true]/badge:inline" /> @@ -554,6 +571,7 @@ function CreateProjectForm() { lucide="LightbulbIcon" tabler="IconBulb" hugeicons="BulbIcon" + phosphor="LightbulbIcon" /> Projects keep chats, files, and custom instructions in one diff --git a/apps/v4/registry/bases/radix/blocks/github.tsx b/apps/v4/registry/bases/radix/blocks/github.tsx index 011f3d13fb1..6c3ef99b00f 100644 --- a/apps/v4/registry/bases/radix/blocks/github.tsx +++ b/apps/v4/registry/bases/radix/blocks/github.tsx @@ -160,6 +160,7 @@ function CodespacesCard() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -176,6 +177,7 @@ function CodespacesCard() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> @@ -194,6 +196,7 @@ function CodespacesCard() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> New with options... @@ -202,6 +205,7 @@ function CodespacesCard() { lucide="ContainerIcon" tabler="IconBox" hugeicons="CubeIcon" + phosphor="CubeIcon" /> Configure dev container @@ -210,6 +214,7 @@ function CodespacesCard() { lucide="ZapIcon" tabler="IconBolt" hugeicons="ZapIcon" + phosphor="LightningIcon" /> Set up prebuilds @@ -219,6 +224,7 @@ function CodespacesCard() { lucide="ServerIcon" tabler="IconServer" hugeicons="ServerStackIcon" + phosphor="HardDrivesIcon" /> Manage codespaces @@ -227,6 +233,7 @@ function CodespacesCard() { lucide="ShareIcon" tabler="IconShare2" hugeicons="Share03Icon" + phosphor="ShareIcon" /> Share deep link @@ -235,6 +242,7 @@ function CodespacesCard() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> What are codespaces? @@ -250,6 +258,7 @@ function CodespacesCard() { lucide="ServerIcon" tabler="IconServer" hugeicons="ServerStackIcon" + phosphor="HardDrivesIcon" /> No codespaces @@ -298,6 +307,7 @@ function CodespacesCard() { lucide="TerminalIcon" tabler="IconTerminal" hugeicons="ComputerTerminal01Icon" + phosphor="TerminalIcon" className="size-4" /> Clone @@ -311,6 +321,7 @@ function CodespacesCard() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> @@ -342,6 +353,7 @@ function CodespacesCard() { lucide="CopyIcon" tabler="IconCopy" hugeicons="Copy01Icon" + phosphor="CopyIcon" /> @@ -368,6 +380,7 @@ function CodespacesCard() { lucide="CopyIcon" tabler="IconCopy" hugeicons="Copy01Icon" + phosphor="CopyIcon" /> @@ -394,6 +407,7 @@ function CodespacesCard() { lucide="CopyIcon" tabler="IconCopy" hugeicons="Copy01Icon" + phosphor="CopyIcon" /> @@ -422,6 +436,7 @@ function CodespacesCard() { lucide="MonitorIcon" tabler="IconDeviceDesktop" hugeicons="ComputerIcon" + phosphor="MonitorIcon" data-icon="inline-start" /> Open with GitHub Desktop @@ -435,6 +450,7 @@ function CodespacesCard() { lucide="DownloadIcon" tabler="IconDownload" hugeicons="DownloadIcon" + phosphor="DownloadIcon" data-icon="inline-start" /> Download ZIP @@ -461,6 +477,7 @@ function RepositoryToolbar() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> @@ -476,6 +493,7 @@ function RepositoryToolbar() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" data-icon="inline-end" /> @@ -494,6 +512,7 @@ function RepositoryToolbar() { lucide="UploadIcon" hugeicons="Upload01Icon" tabler="IconUpload" + phosphor="UploadIcon" /> Upload files @@ -508,6 +527,7 @@ function RepositoryToolbar() { lucide="CloudCogIcon" hugeicons="AiCloud01Icon" tabler="IconCloudCog" + phosphor="CloudArrowUpIcon" /> @@ -532,6 +552,7 @@ function RepositoryToolbar() { lucide="GitBranchIcon" hugeicons="GitBranchIcon" tabler="IconGitBranch" + phosphor="GitBranchIcon" /> @@ -605,6 +626,7 @@ function RepositoryToolbar() { lucide="BotIcon" hugeicons="RoboticIcon" tabler="IconRobot" + phosphor="RobotIcon" /> @@ -641,6 +663,7 @@ function RepositoryToolbar() { lucide="SendIcon" hugeicons="SentIcon" tabler="IconSend" + phosphor="PaperPlaneTiltIcon" /> @@ -669,6 +692,7 @@ function Navbar() { lucide="MenuIcon" hugeicons="Menu09Icon" tabler="IconMenu" + phosphor="ListIcon" /> Open menu @@ -682,6 +706,7 @@ function Navbar() { lucide="XIcon" tabler="IconX" hugeicons="Cancel01Icon" + phosphor="XIcon" /> Close @@ -696,6 +721,7 @@ function Navbar() { lucide="HomeIcon" tabler="IconHome" hugeicons="HomeIcon" + phosphor="HouseIcon" /> @@ -710,6 +736,7 @@ function Navbar() { lucide="CircleIcon" tabler="IconCircle" hugeicons="CircleIcon" + phosphor="CircleIcon" /> @@ -738,6 +765,7 @@ function Navbar() { lucide="LayoutGridIcon" tabler="IconLayoutGrid" hugeicons="GridIcon" + phosphor="GridFourIcon" /> @@ -752,6 +780,7 @@ function Navbar() { lucide="MailIcon" tabler="IconMail" hugeicons="MailIcon" + phosphor="EnvelopeIcon" /> @@ -794,6 +823,7 @@ function Navbar() { lucide="SparklesIcon" tabler="IconSparkles" hugeicons="SparklesIcon" + phosphor="SparkleIcon" /> @@ -823,6 +853,7 @@ function Navbar() { lucide="ShoppingBagIcon" tabler="IconShoppingBag" hugeicons="ShoppingBasket01Icon" + phosphor="ShoppingBagIcon" /> @@ -837,6 +868,7 @@ function Navbar() { lucide="LinkIcon" tabler="IconLink" hugeicons="LinkIcon" + phosphor="LinkIcon" /> @@ -890,6 +922,7 @@ function Navbar() { lucide="SmileIcon" tabler="IconMoodSmile" hugeicons="SmileIcon" + phosphor="SmileyIcon" /> Set status @@ -898,6 +931,7 @@ function Navbar() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Single sign-on @@ -917,6 +951,7 @@ function Navbar() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> Repositories @@ -925,6 +960,7 @@ function Navbar() { lucide="StarIcon" tabler="IconStar" hugeicons="StarIcon" + phosphor="StarIcon" /> Stars @@ -933,6 +969,7 @@ function Navbar() { lucide="CodeIcon" tabler="IconCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Gists @@ -941,6 +978,7 @@ function Navbar() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> Organizations diff --git a/apps/v4/registry/bases/radix/blocks/preview.tsx b/apps/v4/registry/bases/radix/blocks/preview.tsx index 0f38f4d49b4..10b939113eb 100644 --- a/apps/v4/registry/bases/radix/blocks/preview.tsx +++ b/apps/v4/registry/bases/radix/blocks/preview.tsx @@ -250,6 +250,7 @@ function FieldExamples() { lucide="MinusIcon" tabler="IconMinus" hugeicons="MinusSignIcon" + phosphor="MinusIcon" /> @@ -332,6 +334,7 @@ function ButtonGroupExamples() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> @@ -358,6 +361,7 @@ function ButtonGroupExamples() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" /> @@ -368,6 +372,7 @@ function ButtonGroupExamples() { lucide="MailCheckIcon" tabler="IconMailCheck" hugeicons="MailValidation01Icon" + phosphor="EnvelopeIcon" /> Mark as Read @@ -376,6 +381,7 @@ function ButtonGroupExamples() { lucide="ArchiveIcon" tabler="IconArchive" hugeicons="ArchiveIcon" + phosphor="ArchiveIcon" /> Archive @@ -387,6 +393,7 @@ function ButtonGroupExamples() { lucide="ClockIcon" tabler="IconClock" hugeicons="ClockIcon" + phosphor="ClockIcon" /> Snooze @@ -395,6 +402,7 @@ function ButtonGroupExamples() { lucide="CalendarPlusIcon" tabler="IconCalendarPlus" hugeicons="CalendarAdd01Icon" + phosphor="CalendarPlusIcon" /> Add to Calendar @@ -403,6 +411,7 @@ function ButtonGroupExamples() { lucide="ListFilterIcon" tabler="IconFilterPlus" hugeicons="AddToListIcon" + phosphor="ListPlusIcon" /> Add to List @@ -412,6 +421,7 @@ function ButtonGroupExamples() { lucide="TagIcon" tabler="IconTag" hugeicons="TagIcon" + phosphor="TagIcon" /> Label As... @@ -440,6 +450,7 @@ function ButtonGroupExamples() { lucide="Trash2Icon" tabler="IconTrash" hugeicons="Delete02Icon" + phosphor="TrashIcon" /> Trash @@ -453,6 +464,7 @@ function ButtonGroupExamples() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> @@ -482,6 +495,7 @@ function ButtonGroupExamples() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" /> @@ -493,6 +507,7 @@ function ButtonGroupExamples() { lucide="VolumeX" tabler="IconVolume" hugeicons="VolumeOffIcon" + phosphor="SpeakerSlashIcon" /> Mute Conversation @@ -501,6 +516,7 @@ function ButtonGroupExamples() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> Mark as Read @@ -509,6 +525,7 @@ function ButtonGroupExamples() { lucide="UserRoundXIcon" tabler="IconUserX" hugeicons="UserRemove01Icon" + phosphor="UserMinusIcon" /> Block User @@ -521,6 +538,7 @@ function ButtonGroupExamples() { lucide="ShareIcon" tabler="IconShare" hugeicons="Share03Icon" + phosphor="ShareIcon" /> Share Conversation @@ -529,6 +547,7 @@ function ButtonGroupExamples() { lucide="CopyIcon" tabler="IconCopy" hugeicons="Copy01Icon" + phosphor="CopyIcon" /> Copy Conversation @@ -537,6 +556,7 @@ function ButtonGroupExamples() { lucide="AlertTriangleIcon" tabler="IconAlertTriangle" hugeicons="AlertCircleIcon" + phosphor="WarningIcon" /> Report Conversation @@ -548,6 +568,7 @@ function ButtonGroupExamples() { lucide="TrashIcon" tabler="IconTrash" hugeicons="Delete02Icon" + phosphor="TrashIcon" /> Delete Conversation @@ -561,6 +582,7 @@ function ButtonGroupExamples() { lucide="BotIcon" tabler="IconRobot" hugeicons="BotIcon" + phosphor="RobotIcon" />{" "} Copilot @@ -575,6 +597,7 @@ function ButtonGroupExamples() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" /> @@ -616,6 +639,7 @@ function InputGroupExamples() { lucide="SearchIcon" tabler="IconSearch" hugeicons="Search01Icon" + phosphor="MagnifyingGlassIcon" /> 12 results @@ -637,6 +661,7 @@ function InputGroupExamples() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> @@ -662,6 +687,7 @@ function InputGroupExamples() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> @@ -690,6 +716,7 @@ function InputGroupExamples() { lucide="StarIcon" tabler="IconStar" hugeicons="StarIcon" + phosphor="StarIcon" data-favorite={isFavorite} className="data-[favorite=true]:fill-primary data-[favorite=true]:stroke-primary" /> @@ -704,6 +731,7 @@ function InputGroupExamples() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -732,6 +760,7 @@ function InputGroupExamples() { lucide="AudioLinesIcon" tabler="IconWaveSine" hugeicons="AudioWave01Icon" + phosphor="MicrophoneIcon" /> @@ -754,6 +783,7 @@ function InputGroupExamples() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -781,6 +811,7 @@ function InputGroupExamples() { lucide="ArrowUpIcon" tabler="IconArrowUp" hugeicons="ArrowUp01Icon" + phosphor="ArrowUpIcon" /> Send @@ -857,6 +888,7 @@ function EmptyAvatarGroup() { lucide="BluetoothIcon" tabler="IconBluetooth" hugeicons="BluetoothIcon" + phosphor="BluetoothIcon" /> @@ -1053,6 +1085,7 @@ function SmallFormExample() { lucide="MoreVerticalIcon" tabler="IconDotsVertical" hugeicons="MoreVerticalCircle01Icon" + phosphor="DotsThreeVerticalIcon" /> More options @@ -1068,6 +1101,7 @@ function SmallFormExample() { lucide="FileIcon" tabler="IconFile" hugeicons="FileIcon" + phosphor="FileIcon" /> New File ⌘N @@ -1077,6 +1111,7 @@ function SmallFormExample() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> New Folder ⇧⌘N @@ -1087,6 +1122,7 @@ function SmallFormExample() { lucide="FolderOpenIcon" tabler="IconFolderOpen" hugeicons="FolderOpenIcon" + phosphor="FolderOpenIcon" /> Open Recent @@ -1099,6 +1135,7 @@ function SmallFormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Alpha @@ -1107,6 +1144,7 @@ function SmallFormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Beta @@ -1116,6 +1154,7 @@ function SmallFormExample() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> More Projects @@ -1126,6 +1165,7 @@ function SmallFormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Gamma @@ -1134,6 +1174,7 @@ function SmallFormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Delta @@ -1148,6 +1189,7 @@ function SmallFormExample() { lucide="FolderSearchIcon" tabler="IconFolderSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> Browse... @@ -1161,6 +1203,7 @@ function SmallFormExample() { lucide="SaveIcon" tabler="IconDeviceFloppy" hugeicons="FloppyDiskIcon" + phosphor="FloppyDiskIcon" /> Save ⌘S @@ -1170,6 +1213,7 @@ function SmallFormExample() { lucide="DownloadIcon" tabler="IconDownload" hugeicons="DownloadIcon" + phosphor="DownloadIcon" /> Export ⇧⌘E @@ -1191,6 +1235,7 @@ function SmallFormExample() { lucide="EyeIcon" tabler="IconEye" hugeicons="EyeIcon" + phosphor="EyeIcon" /> Show Sidebar @@ -1207,6 +1252,7 @@ function SmallFormExample() { lucide="LayoutIcon" tabler="IconLayout" hugeicons="LayoutIcon" + phosphor="LayoutIcon" /> Show Status Bar @@ -1216,6 +1262,7 @@ function SmallFormExample() { lucide="PaletteIcon" tabler="IconPalette" hugeicons="PaintBoardIcon" + phosphor="PaletteIcon" /> Theme @@ -1232,6 +1279,7 @@ function SmallFormExample() { lucide="SunIcon" tabler="IconSun" hugeicons="SunIcon" + phosphor="SunIcon" /> Light @@ -1240,6 +1288,7 @@ function SmallFormExample() { lucide="MoonIcon" tabler="IconMoon" hugeicons="MoonIcon" + phosphor="MoonIcon" /> Dark @@ -1248,6 +1297,7 @@ function SmallFormExample() { lucide="MonitorIcon" tabler="IconDeviceDesktop" hugeicons="ComputerIcon" + phosphor="MonitorIcon" /> System @@ -1264,6 +1314,7 @@ function SmallFormExample() { lucide="HelpCircleIcon" tabler="IconHelpCircle" hugeicons="HelpCircleIcon" + phosphor="QuestionIcon" /> Help & Support @@ -1272,6 +1323,7 @@ function SmallFormExample() { lucide="FileTextIcon" tabler="IconFileText" hugeicons="File01Icon" + phosphor="FileTextIcon" /> Documentation @@ -1283,6 +1335,7 @@ function SmallFormExample() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign Out ⇧⌘Q diff --git a/apps/v4/registry/bases/radix/blocks/vercel.tsx b/apps/v4/registry/bases/radix/blocks/vercel.tsx index 18e0b1223c2..21f73fdbecc 100644 --- a/apps/v4/registry/bases/radix/blocks/vercel.tsx +++ b/apps/v4/registry/bases/radix/blocks/vercel.tsx @@ -262,6 +262,7 @@ function DeploymentFilter() { lucide="CalendarIcon" tabler="IconCalendar" hugeicons="Calendar01Icon" + phosphor="CalendarIcon" data-icon="inline-start" className="text-muted-foreground" /> @@ -295,6 +296,7 @@ function DeploymentFilter() { lucide="Search" tabler="IconSearch" hugeicons="Search01Icon" + phosphor="MagnifyingGlassIcon" /> @@ -303,6 +305,7 @@ function DeploymentFilter() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" className="text-muted-foreground" /> @@ -315,6 +318,7 @@ function DeploymentFilter() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" data-icon="inline-end" className="text-muted-foreground" /> @@ -332,6 +336,7 @@ function DeploymentFilter() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="ml-auto opacity-0 group-data-[active=true]/dropdown-menu-item:opacity-100" /> @@ -462,6 +467,7 @@ function BillingList() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> More options @@ -604,6 +610,7 @@ function ActivateAgentDialog() { lucide="CheckCircle2Icon" tabler="IconCircleCheckFilled" hugeicons="CheckmarkCircle02Icon" + phosphor="CheckCircleIcon" className="fill-primary text-primary-foreground size-5" /> @@ -620,6 +627,7 @@ function ActivateAgentDialog() { lucide="CircleDollarSignIcon" hugeicons="DollarCircleIcon" tabler="IconCoin" + phosphor="CurrencyCircleDollarIcon" /> Pro teams get $100 in Vercel Agent trial credit for 2 weeks. @@ -664,6 +672,7 @@ function ObservabilityCard() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" data-icon="inline-end" /> From 053692beca181d36773a2026b69b733323953c29 Mon Sep 17 00:00:00 2001 From: Dominik Koch Date: Sat, 13 Dec 2025 00:04:06 +0100 Subject: [PATCH 4/7] feat: add phosphor to radix ui --- .../(create)/components/icon-placeholder.tsx | 9 ++++ .../radix/examples/accordion-example.tsx | 1 + .../bases/radix/examples/button-example.tsx | 47 +++++++++++++++++++ apps/v4/registry/bases/radix/ui/accordion.tsx | 2 + .../v4/registry/bases/radix/ui/breadcrumb.tsx | 2 + apps/v4/registry/bases/radix/ui/calendar.tsx | 3 ++ apps/v4/registry/bases/radix/ui/carousel.tsx | 2 + apps/v4/registry/bases/radix/ui/checkbox.tsx | 1 + apps/v4/registry/bases/radix/ui/combobox.tsx | 4 ++ apps/v4/registry/bases/radix/ui/command.tsx | 2 + .../registry/bases/radix/ui/context-menu.tsx | 3 ++ apps/v4/registry/bases/radix/ui/dialog.tsx | 1 + .../registry/bases/radix/ui/dropdown-menu.tsx | 3 ++ apps/v4/registry/bases/radix/ui/input-otp.tsx | 1 + apps/v4/registry/bases/radix/ui/menubar.tsx | 3 ++ .../registry/bases/radix/ui/native-select.tsx | 1 + .../bases/radix/ui/navigation-menu.tsx | 1 + .../v4/registry/bases/radix/ui/pagination.tsx | 3 ++ .../registry/bases/radix/ui/radio-group.tsx | 1 + apps/v4/registry/bases/radix/ui/select.tsx | 4 ++ apps/v4/registry/bases/radix/ui/sheet.tsx | 1 + apps/v4/registry/bases/radix/ui/sidebar.tsx | 1 + apps/v4/registry/bases/radix/ui/sonner.tsx | 5 ++ apps/v4/registry/bases/radix/ui/spinner.tsx | 1 + 24 files changed, 102 insertions(+) diff --git a/apps/v4/app/(create)/components/icon-placeholder.tsx b/apps/v4/app/(create)/components/icon-placeholder.tsx index c4c7ba300c9..9da00650774 100644 --- a/apps/v4/app/(create)/components/icon-placeholder.tsx +++ b/apps/v4/app/(create)/components/icon-placeholder.tsx @@ -24,6 +24,12 @@ const IconHugeicons = lazy(() => })) ) +const IconPhosphor = lazy(() => + import("@/registry/icons/icon-phosphor").then((mod) => ({ + default: mod.IconPhosphor, + })) +) + export function IconPlaceholder({ ...props }: { @@ -43,6 +49,9 @@ export function IconPlaceholder({ {iconLibrary === "hugeicons" && ( )} + {iconLibrary === "phosphor" && ( + + )} ) } diff --git a/apps/v4/registry/bases/radix/examples/accordion-example.tsx b/apps/v4/registry/bases/radix/examples/accordion-example.tsx index b803d6b7ae6..7a4d733898f 100644 --- a/apps/v4/registry/bases/radix/examples/accordion-example.tsx +++ b/apps/v4/registry/bases/radix/examples/accordion-example.tsx @@ -179,6 +179,7 @@ function AccordionInCard() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRight01Icon" + phosphor="ArrowUpIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/button-example.tsx b/apps/v4/registry/bases/radix/examples/button-example.tsx index 97650e4fbf6..6afc454710c 100644 --- a/apps/v4/registry/bases/radix/examples/button-example.tsx +++ b/apps/v4/registry/bases/radix/examples/button-example.tsx @@ -97,6 +97,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -106,6 +107,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -115,6 +117,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -124,6 +127,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -133,6 +137,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -142,6 +147,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -153,6 +159,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -162,6 +169,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -179,6 +187,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -188,6 +197,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -197,6 +207,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -208,6 +219,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -217,6 +229,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -226,6 +239,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -235,6 +249,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -244,6 +259,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -253,6 +269,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -264,6 +281,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -273,6 +291,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -282,6 +301,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -291,6 +311,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -300,6 +321,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -309,6 +331,7 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -326,6 +349,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Default @@ -335,6 +359,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Secondary @@ -344,6 +369,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Outline @@ -353,6 +379,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Ghost @@ -362,6 +389,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Destructive @@ -371,6 +399,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Link @@ -382,6 +411,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Default @@ -391,6 +421,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Secondary @@ -400,6 +431,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Outline @@ -409,6 +441,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Ghost @@ -418,6 +451,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Destructive @@ -427,6 +461,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Link @@ -438,6 +473,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Default @@ -447,6 +483,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Secondary @@ -456,6 +493,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Outline @@ -465,6 +503,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Ghost @@ -474,6 +513,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Destructive @@ -483,6 +523,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Link @@ -494,6 +535,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Default @@ -503,6 +545,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Secondary @@ -512,6 +555,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Outline @@ -521,6 +565,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Ghost @@ -530,6 +575,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Destructive @@ -539,6 +585,7 @@ function ButtonIconLeft() { lucide="ArrowLeftCircleIcon" hugeicons="CircleArrowLeft02Icon" tabler="IconCircleArrowLeft" + phosphor="ArrowCircleLeftIcon" data-icon="inline-start" />{" "} Link diff --git a/apps/v4/registry/bases/radix/ui/accordion.tsx b/apps/v4/registry/bases/radix/ui/accordion.tsx index f2a2c7bbadf..d5800b535df 100644 --- a/apps/v4/registry/bases/radix/ui/accordion.tsx +++ b/apps/v4/registry/bases/radix/ui/accordion.tsx @@ -53,6 +53,7 @@ function AccordionTrigger({ tabler="IconChevronDown" data-slot="accordion-trigger-icon" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" className="cn-accordion-trigger-icon pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" /> diff --git a/apps/v4/registry/bases/radix/ui/breadcrumb.tsx b/apps/v4/registry/bases/radix/ui/breadcrumb.tsx index 0610205836b..b0de30ad266 100644 --- a/apps/v4/registry/bases/radix/ui/breadcrumb.tsx +++ b/apps/v4/registry/bases/radix/ui/breadcrumb.tsx @@ -87,6 +87,7 @@ function BreadcrumbSeparator({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" /> )} @@ -112,6 +113,7 @@ function BreadcrumbEllipsis({ lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeIcon" /> More diff --git a/apps/v4/registry/bases/radix/ui/calendar.tsx b/apps/v4/registry/bases/radix/ui/calendar.tsx index 1fc4fac691e..a91c19ce7ea 100644 --- a/apps/v4/registry/bases/radix/ui/calendar.tsx +++ b/apps/v4/registry/bases/radix/ui/calendar.tsx @@ -148,6 +148,7 @@ function Calendar({ lucide="ChevronLeftIcon" tabler="IconChevronLeft" hugeicons="ArrowLeftIcon" + phosphor="CaretLeftIcon" className={cn("size-4", className)} {...props} /> @@ -160,6 +161,7 @@ function Calendar({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRightIcon" + phosphor="CaretRightIcon" className={cn("size-4", className)} {...props} /> @@ -171,6 +173,7 @@ function Calendar({ lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDownIcon" + phosphor="CaretDownIcon" className={cn("size-4", className)} {...props} /> diff --git a/apps/v4/registry/bases/radix/ui/carousel.tsx b/apps/v4/registry/bases/radix/ui/carousel.tsx index c29050b10b5..0423976a952 100644 --- a/apps/v4/registry/bases/radix/ui/carousel.tsx +++ b/apps/v4/registry/bases/radix/ui/carousel.tsx @@ -199,6 +199,7 @@ function CarouselPrevious({ lucide="ChevronLeftIcon" tabler="IconChevronLeft" hugeicons="ArrowLeft01Icon" + phosphor="CaretLeftIcon" /> Previous slide @@ -233,6 +234,7 @@ function CarouselNext({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" /> Next slide diff --git a/apps/v4/registry/bases/radix/ui/checkbox.tsx b/apps/v4/registry/bases/radix/ui/checkbox.tsx index 4c61c5030bc..c782452eacd 100644 --- a/apps/v4/registry/bases/radix/ui/checkbox.tsx +++ b/apps/v4/registry/bases/radix/ui/checkbox.tsx @@ -27,6 +27,7 @@ function Checkbox({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> diff --git a/apps/v4/registry/bases/radix/ui/combobox.tsx b/apps/v4/registry/bases/radix/ui/combobox.tsx index a100d68bfb6..3dfd5f537d9 100644 --- a/apps/v4/registry/bases/radix/ui/combobox.tsx +++ b/apps/v4/registry/bases/radix/ui/combobox.tsx @@ -35,6 +35,7 @@ function ComboboxTrigger({ lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" className="cn-combobox-trigger-icon pointer-events-none" /> @@ -53,6 +54,7 @@ function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) { lucide="XIcon" tabler="IconX" hugeicons="Cancel01Icon" + phosphor="XIcon" className="cn-combobox-clear-icon pointer-events-none" /> @@ -168,6 +170,7 @@ function ComboboxItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="cn-combobox-item-indicator-icon pointer-events-none" /> @@ -269,6 +272,7 @@ function ComboboxChip({ lucide="XIcon" tabler="IconX" hugeicons="Cancel01Icon" + phosphor="XIcon" className="cn-combobox-chip-indicator-icon pointer-events-none" /> diff --git a/apps/v4/registry/bases/radix/ui/command.tsx b/apps/v4/registry/bases/radix/ui/command.tsx index c2beec6cdeb..51d0ff3c037 100644 --- a/apps/v4/registry/bases/radix/ui/command.tsx +++ b/apps/v4/registry/bases/radix/ui/command.tsx @@ -82,6 +82,7 @@ function CommandInput({ lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" className="cn-command-input-icon" /> @@ -164,6 +165,7 @@ function CommandItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="cn-command-item-indicator ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" /> diff --git a/apps/v4/registry/bases/radix/ui/context-menu.tsx b/apps/v4/registry/bases/radix/ui/context-menu.tsx index 5c7667543e4..2ed5eea9257 100644 --- a/apps/v4/registry/bases/radix/ui/context-menu.tsx +++ b/apps/v4/registry/bases/radix/ui/context-menu.tsx @@ -124,6 +124,7 @@ function ContextMenuSubTrigger({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" className="ml-auto" /> @@ -168,6 +169,7 @@ function ContextMenuCheckboxItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -196,6 +198,7 @@ function ContextMenuRadioItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> diff --git a/apps/v4/registry/bases/radix/ui/dialog.tsx b/apps/v4/registry/bases/radix/ui/dialog.tsx index 370562d43b8..f2be4d91b14 100644 --- a/apps/v4/registry/bases/radix/ui/dialog.tsx +++ b/apps/v4/registry/bases/radix/ui/dialog.tsx @@ -71,6 +71,7 @@ function DialogContent({ lucide="XIcon" tabler="IconX" hugeicons="Cancel01Icon" + phosphor="XIcon" /> Close diff --git a/apps/v4/registry/bases/radix/ui/dropdown-menu.tsx b/apps/v4/registry/bases/radix/ui/dropdown-menu.tsx index 91f74d555ef..77866e3b4ce 100644 --- a/apps/v4/registry/bases/radix/ui/dropdown-menu.tsx +++ b/apps/v4/registry/bases/radix/ui/dropdown-menu.tsx @@ -109,6 +109,7 @@ function DropdownMenuCheckboxItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -151,6 +152,7 @@ function DropdownMenuRadioItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -231,6 +233,7 @@ function DropdownMenuSubTrigger({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" className="ml-auto" /> diff --git a/apps/v4/registry/bases/radix/ui/input-otp.tsx b/apps/v4/registry/bases/radix/ui/input-otp.tsx index 39f3fe5f539..f6a38cbd1cc 100644 --- a/apps/v4/registry/bases/radix/ui/input-otp.tsx +++ b/apps/v4/registry/bases/radix/ui/input-otp.tsx @@ -82,6 +82,7 @@ function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) { lucide="MinusIcon" tabler="IconMinus" hugeicons="MinusSignIcon" + phosphor="MinusIcon" /> ) diff --git a/apps/v4/registry/bases/radix/ui/menubar.tsx b/apps/v4/registry/bases/radix/ui/menubar.tsx index 3d397f8c3e5..04d1e4defea 100644 --- a/apps/v4/registry/bases/radix/ui/menubar.tsx +++ b/apps/v4/registry/bases/radix/ui/menubar.tsx @@ -130,6 +130,7 @@ function MenubarCheckboxItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -158,6 +159,7 @@ function MenubarRadioItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -238,6 +240,7 @@ function MenubarSubTrigger({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" className="ml-auto size-4" /> diff --git a/apps/v4/registry/bases/radix/ui/native-select.tsx b/apps/v4/registry/bases/radix/ui/native-select.tsx index b4f02108b3e..9d8f5b83475 100644 --- a/apps/v4/registry/bases/radix/ui/native-select.tsx +++ b/apps/v4/registry/bases/radix/ui/native-select.tsx @@ -31,6 +31,7 @@ function NativeSelect({ lucide="ChevronDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretDownIcon" className="cn-native-select-icon pointer-events-none absolute select-none" aria-hidden="true" data-slot="native-select-icon" diff --git a/apps/v4/registry/bases/radix/ui/navigation-menu.tsx b/apps/v4/registry/bases/radix/ui/navigation-menu.tsx index 2eda2f0c9f4..707c9407c12 100644 --- a/apps/v4/registry/bases/radix/ui/navigation-menu.tsx +++ b/apps/v4/registry/bases/radix/ui/navigation-menu.tsx @@ -78,6 +78,7 @@ function NavigationMenuTrigger({ lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" className="cn-navigation-menu-trigger-icon" aria-hidden="true" /> diff --git a/apps/v4/registry/bases/radix/ui/pagination.tsx b/apps/v4/registry/bases/radix/ui/pagination.tsx index 74eb8c58155..df06a1e2fc3 100644 --- a/apps/v4/registry/bases/radix/ui/pagination.tsx +++ b/apps/v4/registry/bases/radix/ui/pagination.tsx @@ -79,6 +79,7 @@ function PaginationPrevious({ lucide="ChevronLeftIcon" tabler="IconChevronLeft" hugeicons="ArrowLeft01Icon" + phosphor="CaretLeftIcon" data-icon="inline-start" /> @@ -104,6 +105,7 @@ function PaginationNext({ lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" data-icon="inline-end" /> @@ -128,6 +130,7 @@ function PaginationEllipsis({ lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeIcon" /> More pages diff --git a/apps/v4/registry/bases/radix/ui/radio-group.tsx b/apps/v4/registry/bases/radix/ui/radio-group.tsx index efa4d8e1728..ff66a4518d2 100644 --- a/apps/v4/registry/bases/radix/ui/radio-group.tsx +++ b/apps/v4/registry/bases/radix/ui/radio-group.tsx @@ -40,6 +40,7 @@ function RadioGroupItem({ lucide="CircleIcon" tabler="IconCircle" hugeicons="CircleIcon" + phosphor="CircleIcon" className="cn-radio-group-indicator-icon" /> diff --git a/apps/v4/registry/bases/radix/ui/select.tsx b/apps/v4/registry/bases/radix/ui/select.tsx index e8e5530e689..002361b095b 100644 --- a/apps/v4/registry/bases/radix/ui/select.tsx +++ b/apps/v4/registry/bases/radix/ui/select.tsx @@ -55,6 +55,7 @@ function SelectTrigger({ lucide="ChevronDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretDownIcon" className="cn-select-trigger-icon pointer-events-none" /> @@ -132,6 +133,7 @@ function SelectItem({ lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="cn-select-item-indicator-icon pointer-events-none" /> @@ -168,6 +170,7 @@ function SelectScrollUpButton({ lucide="ChevronUpIcon" tabler="IconChevronUp" hugeicons="ArrowUp01Icon" + phosphor="CaretUpIcon" /> ) @@ -187,6 +190,7 @@ function SelectScrollDownButton({ lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" /> ) diff --git a/apps/v4/registry/bases/radix/ui/sheet.tsx b/apps/v4/registry/bases/radix/ui/sheet.tsx index 3a0f3b1014d..8a9734c0486 100644 --- a/apps/v4/registry/bases/radix/ui/sheet.tsx +++ b/apps/v4/registry/bases/radix/ui/sheet.tsx @@ -69,6 +69,7 @@ function SheetContent({ lucide="XIcon" tabler="IconX" hugeicons="Cancel01Icon" + phosphor="XIcon" /> Close diff --git a/apps/v4/registry/bases/radix/ui/sidebar.tsx b/apps/v4/registry/bases/radix/ui/sidebar.tsx index 1cce57184bd..6fca7c93eaf 100644 --- a/apps/v4/registry/bases/radix/ui/sidebar.tsx +++ b/apps/v4/registry/bases/radix/ui/sidebar.tsx @@ -274,6 +274,7 @@ function SidebarTrigger({ lucide="PanelLeftIcon" tabler="IconLayoutSidebar" hugeicons="SidebarLeftIcon" + phosphor="SidebarIcon" /> Toggle Sidebar diff --git a/apps/v4/registry/bases/radix/ui/sonner.tsx b/apps/v4/registry/bases/radix/ui/sonner.tsx index 40709d42313..897bd01cd74 100644 --- a/apps/v4/registry/bases/radix/ui/sonner.tsx +++ b/apps/v4/registry/bases/radix/ui/sonner.tsx @@ -18,6 +18,7 @@ const Toaster = ({ ...props }: ToasterProps) => { lucide="CircleCheckIcon" tabler="IconCircleCheck" hugeicons="CheckmarkCircle02Icon" + phosphor="CheckCircleIcon" className="size-4" /> ), @@ -26,6 +27,7 @@ const Toaster = ({ ...props }: ToasterProps) => { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="InformationCircleIcon" + phosphor="InfoIcon" className="size-4" /> ), @@ -34,6 +36,7 @@ const Toaster = ({ ...props }: ToasterProps) => { lucide="TriangleAlertIcon" tabler="IconAlertTriangle" hugeicons="Alert02Icon" + phosphor="WarningIcon" className="size-4" /> ), @@ -42,6 +45,7 @@ const Toaster = ({ ...props }: ToasterProps) => { lucide="OctagonXIcon" tabler="IconAlertOctagon" hugeicons="MultiplicationSignCircleIcon" + phosphor="XCircleIcon" className="size-4" /> ), @@ -50,6 +54,7 @@ const Toaster = ({ ...props }: ToasterProps) => { lucide="Loader2Icon" tabler="IconLoader" hugeicons="Loading03Icon" + phosphor="SpinnerIcon" className="size-4 animate-spin" /> ), diff --git a/apps/v4/registry/bases/radix/ui/spinner.tsx b/apps/v4/registry/bases/radix/ui/spinner.tsx index 75b7fd9711c..d49902980f0 100644 --- a/apps/v4/registry/bases/radix/ui/spinner.tsx +++ b/apps/v4/registry/bases/radix/ui/spinner.tsx @@ -7,6 +7,7 @@ function Spinner({ className, ...props }: React.ComponentProps<"svg">) { lucide="Loader2Icon" tabler="IconLoader" hugeicons="Loading03Icon" + phosphor="SpinnerIcon" role="status" aria-label="Loading" className={cn("size-4 animate-spin", className)} From 8814447920a56e50aa7c8218899cb72b0a99d52e Mon Sep 17 00:00:00 2001 From: Dominik Koch Date: Sat, 13 Dec 2025 11:49:54 +0100 Subject: [PATCH 5/7] feat: add phosphor to radix example --- apps/v4/registry/bases/base/blocks/github.tsx | 2 +- .../v4/registry/bases/base/blocks/preview.tsx | 2 +- .../base/examples/sidebar-inset-example.tsx | 2 +- .../v4/registry/bases/radix/blocks/github.tsx | 2 +- .../registry/bases/radix/blocks/preview.tsx | 2 + .../radix/examples/accordion-example.tsx | 2 +- .../radix/examples/alert-dialog-example.tsx | 3 + .../bases/radix/examples/alert-example.tsx | 10 ++ .../bases/radix/examples/avatar-example.tsx | 11 +++ .../bases/radix/examples/badge-example.tsx | 18 ++++ .../bases/radix/examples/button-example.tsx | 28 ++++++ .../radix/examples/button-group-example.tsx | 35 +++++++ .../bases/radix/examples/calendar-example.tsx | 5 + .../bases/radix/examples/card-example.tsx | 3 + .../bases/radix/examples/chart-example.tsx | 6 ++ .../radix/examples/collapsible-example.tsx | 5 + .../bases/radix/examples/combobox-example.tsx | 3 + .../bases/radix/examples/command-example.tsx | 32 +++++++ .../radix/examples/component-example.tsx | 42 ++++++++- .../radix/examples/context-menu-example.tsx | 12 +++ .../bases/radix/examples/dialog-example.tsx | 1 + .../radix/examples/dropdown-menu-example.tsx | 94 +++++++++++++++---- .../bases/radix/examples/empty-example.tsx | 8 ++ .../radix/examples/input-group-example.tsx | 30 ++++++ .../radix/examples/input-otp-example.tsx | 1 + .../bases/radix/examples/item-example.tsx | 49 ++++++++++ .../bases/radix/examples/kbd-example.tsx | 6 ++ .../bases/radix/examples/menubar-example.tsx | 25 +++++ .../examples/navigation-menu-example.tsx | 3 + .../bases/radix/examples/progress-example.tsx | 1 + .../bases/radix/examples/select-example.tsx | 8 ++ .../bases/radix/examples/sidebar-example.tsx | 3 + .../examples/sidebar-floating-example.tsx | 1 + .../radix/examples/sidebar-icon-example.tsx | 10 ++ .../radix/examples/sidebar-inset-example.tsx | 10 ++ .../bases/radix/examples/spinner-example.tsx | 1 + .../bases/radix/examples/table-example.tsx | 3 + .../bases/radix/examples/tabs-example.tsx | 6 ++ .../bases/radix/examples/toggle-example.tsx | 19 ++++ .../radix/examples/toggle-group-example.tsx | 18 ++++ .../bases/radix/examples/tooltip-example.tsx | 2 + apps/v4/registry/icons/__phosphor__.ts | 3 + 42 files changed, 499 insertions(+), 28 deletions(-) diff --git a/apps/v4/registry/bases/base/blocks/github.tsx b/apps/v4/registry/bases/base/blocks/github.tsx index 43205d94b1f..d8db184cf62 100644 --- a/apps/v4/registry/bases/base/blocks/github.tsx +++ b/apps/v4/registry/bases/base/blocks/github.tsx @@ -854,7 +854,7 @@ function Navbar() { lucide="ShoppingBagIcon" tabler="IconShoppingBag" hugeicons="ShoppingBasket01Icon" - phosphor="ShoppingBagIcon" + phosphor="BagIcon" /> diff --git a/apps/v4/registry/bases/base/blocks/preview.tsx b/apps/v4/registry/bases/base/blocks/preview.tsx index 7cdb3d09e5e..caddeae3a23 100644 --- a/apps/v4/registry/bases/base/blocks/preview.tsx +++ b/apps/v4/registry/bases/base/blocks/preview.tsx @@ -1523,7 +1523,7 @@ function ItemExample() { lucide="ShoppingBagIcon" tabler="IconShoppingBag" hugeicons="ShoppingBasket01Icon" - phosphor="ShoppingBagIcon" + phosphor="BagIcon" /> diff --git a/apps/v4/registry/bases/base/examples/sidebar-inset-example.tsx b/apps/v4/registry/bases/base/examples/sidebar-inset-example.tsx index 2028ee0d073..b00e3947483 100644 --- a/apps/v4/registry/bases/base/examples/sidebar-inset-example.tsx +++ b/apps/v4/registry/bases/base/examples/sidebar-inset-example.tsx @@ -83,7 +83,7 @@ export default function SidebarInsetExample() { lucide="ShoppingBagIcon" tabler="IconShoppingBag" hugeicons="ShoppingBag01Icon" - phosphor="ShoppingBagIcon" + phosphor="BagIcon" /> ), items: [ diff --git a/apps/v4/registry/bases/radix/blocks/github.tsx b/apps/v4/registry/bases/radix/blocks/github.tsx index 6c3ef99b00f..8a6fd09c512 100644 --- a/apps/v4/registry/bases/radix/blocks/github.tsx +++ b/apps/v4/registry/bases/radix/blocks/github.tsx @@ -853,7 +853,7 @@ function Navbar() { lucide="ShoppingBagIcon" tabler="IconShoppingBag" hugeicons="ShoppingBasket01Icon" - phosphor="ShoppingBagIcon" + phosphor="BagIcon" /> diff --git a/apps/v4/registry/bases/radix/blocks/preview.tsx b/apps/v4/registry/bases/radix/blocks/preview.tsx index 10b939113eb..19e925bfcda 100644 --- a/apps/v4/registry/bases/radix/blocks/preview.tsx +++ b/apps/v4/registry/bases/radix/blocks/preview.tsx @@ -1443,6 +1443,7 @@ function ObservabilityCard() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" data-icon="inline-end" /> @@ -1506,6 +1507,7 @@ function ItemExample() { lucide="ShoppingBagIcon" tabler="IconShoppingBag" hugeicons="ShoppingBasket01Icon" + phosphor="BagIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/accordion-example.tsx b/apps/v4/registry/bases/radix/examples/accordion-example.tsx index 7a4d733898f..e16af723770 100644 --- a/apps/v4/registry/bases/radix/examples/accordion-example.tsx +++ b/apps/v4/registry/bases/radix/examples/accordion-example.tsx @@ -179,7 +179,7 @@ function AccordionInCard() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRight01Icon" - phosphor="ArrowUpIcon" + phosphor="ArrowUpRightIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx b/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx index 75b962be572..905528121ae 100644 --- a/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx +++ b/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx @@ -102,6 +102,7 @@ function AlertDialogWithMedia() { lucide="BluetoothIcon" tabler="IconBluetooth" hugeicons="BluetoothIcon" + phosphor="BluetoothIcon" /> Are you absolutely sure? @@ -134,6 +135,7 @@ function AlertDialogSmallWithMedia() { lucide="BluetoothIcon" tabler="IconBluetooth" hugeicons="BluetoothIcon" + phosphor="BluetoothIcon" /> Allow accessory to connect? @@ -165,6 +167,7 @@ function AlertDialogDestructive() { lucide="Trash2Icon" tabler="IconTrash" hugeicons="Delete02Icon" + phosphor="TrashIcon" /> Delete chat? diff --git a/apps/v4/registry/bases/radix/examples/alert-example.tsx b/apps/v4/registry/bases/radix/examples/alert-example.tsx index a04098c5448..4549b07ce08 100644 --- a/apps/v4/registry/bases/radix/examples/alert-example.tsx +++ b/apps/v4/registry/bases/radix/examples/alert-example.tsx @@ -55,6 +55,7 @@ function AlertExample2() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Let's try one with icon, title and a link. @@ -65,6 +66,7 @@ function AlertExample2() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> This one has an icon and a description only. No title.{" "} @@ -77,6 +79,7 @@ function AlertExample2() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Success! Your changes have been saved @@ -88,6 +91,7 @@ function AlertExample2() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> This is a very long alert title that demonstrates how the component @@ -100,6 +104,7 @@ function AlertExample2() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> This is a very long alert description that demonstrates how the @@ -112,6 +117,7 @@ function AlertExample2() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> This is an extremely long alert title that spans multiple lines to @@ -141,6 +147,7 @@ function AlertExample3() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Something went wrong! @@ -152,6 +159,7 @@ function AlertExample3() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Unable to process your payment. @@ -180,6 +188,7 @@ function AlertExample4() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> The selected emails have been marked as spam. @@ -191,6 +200,7 @@ function AlertExample4() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> The selected emails have been marked as spam. diff --git a/apps/v4/registry/bases/radix/examples/avatar-example.tsx b/apps/v4/registry/bases/radix/examples/avatar-example.tsx index c1073a4aa10..c96ef628001 100644 --- a/apps/v4/registry/bases/radix/examples/avatar-example.tsx +++ b/apps/v4/registry/bases/radix/examples/avatar-example.tsx @@ -129,6 +129,7 @@ function AvatarWithBadgeIcon() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -143,6 +144,7 @@ function AvatarWithBadgeIcon() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -157,6 +159,7 @@ function AvatarWithBadgeIcon() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -169,6 +172,7 @@ function AvatarWithBadgeIcon() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -179,6 +183,7 @@ function AvatarWithBadgeIcon() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -189,6 +194,7 @@ function AvatarWithBadgeIcon() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> @@ -361,6 +367,7 @@ function AvatarGroupWithIconCount() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -388,6 +395,7 @@ function AvatarGroupWithIconCount() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -421,6 +429,7 @@ function AvatarGroupWithIconCount() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -464,6 +473,7 @@ function AvatarInEmpty() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -479,6 +489,7 @@ function AvatarInEmpty() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> Invite Members diff --git a/apps/v4/registry/bases/radix/examples/badge-example.tsx b/apps/v4/registry/bases/radix/examples/badge-example.tsx index e30a85896d3..b499da089eb 100644 --- a/apps/v4/registry/bases/radix/examples/badge-example.tsx +++ b/apps/v4/registry/bases/radix/examples/badge-example.tsx @@ -44,6 +44,7 @@ function BadgeWithIconLeft() { lucide="BadgeCheck" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadge02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" /> Default @@ -53,6 +54,7 @@ function BadgeWithIconLeft() { lucide="BadgeCheck" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadge02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" /> Secondary @@ -62,6 +64,7 @@ function BadgeWithIconLeft() { lucide="BadgeCheck" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadge02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" /> Destructive @@ -71,6 +74,7 @@ function BadgeWithIconLeft() { lucide="BadgeCheck" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadge02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" /> Outline @@ -80,6 +84,7 @@ function BadgeWithIconLeft() { lucide="BadgeCheck" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadge02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" /> Ghost @@ -89,6 +94,7 @@ function BadgeWithIconLeft() { lucide="BadgeCheck" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadge02Icon" + phosphor="CheckCircleIcon" data-icon="inline-start" /> Link @@ -108,6 +114,7 @@ function BadgeWithIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -117,6 +124,7 @@ function BadgeWithIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -126,6 +134,7 @@ function BadgeWithIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -135,6 +144,7 @@ function BadgeWithIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -144,6 +154,7 @@ function BadgeWithIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -153,6 +164,7 @@ function BadgeWithIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -205,6 +217,7 @@ function BadgeAsLink() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRightIcon" + phosphor="ArrowUpRightIcon" data-icon="inline-end" /> @@ -216,6 +229,7 @@ function BadgeAsLink() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRightIcon" + phosphor="ArrowUpRightIcon" data-icon="inline-end" /> @@ -227,6 +241,7 @@ function BadgeAsLink() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRightIcon" + phosphor="ArrowUpRightIcon" data-icon="inline-end" /> @@ -238,6 +253,7 @@ function BadgeAsLink() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRightIcon" + phosphor="ArrowUpRightIcon" data-icon="inline-end" /> @@ -249,6 +265,7 @@ function BadgeAsLink() { lucide="ArrowUpRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowUpRightIcon" data-icon="inline-end" /> @@ -260,6 +277,7 @@ function BadgeAsLink() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowUpRightIcon" data-icon="inline-end" /> diff --git a/apps/v4/registry/bases/radix/examples/button-example.tsx b/apps/v4/registry/bases/radix/examples/button-example.tsx index 6afc454710c..d228fb8b5cb 100644 --- a/apps/v4/registry/bases/radix/examples/button-example.tsx +++ b/apps/v4/registry/bases/radix/examples/button-example.tsx @@ -179,6 +179,8 @@ function ButtonIconRight() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" + data-icon="inline-end" /> @@ -648,6 +656,7 @@ function ButtonIconOnly() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" /> @@ -692,6 +706,7 @@ function ButtonIconOnly() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" /> @@ -736,6 +756,7 @@ function ButtonIconOnly() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" /> @@ -790,6 +816,7 @@ function ButtonExamples() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -801,6 +828,7 @@ function ButtonExamples() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> diff --git a/apps/v4/registry/bases/radix/examples/button-group-example.tsx b/apps/v4/registry/bases/radix/examples/button-group-example.tsx index 6fd27c1441d..f94ba1e10f4 100644 --- a/apps/v4/registry/bases/radix/examples/button-group-example.tsx +++ b/apps/v4/registry/bases/radix/examples/button-group-example.tsx @@ -127,6 +127,7 @@ function ButtonGroupWithDropdown() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" /> @@ -147,6 +148,7 @@ function ButtonGroupWithDropdown() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDown01Icon" + phosphor="CaretDownIcon" /> @@ -157,6 +159,7 @@ function ButtonGroupWithDropdown() { lucide="VolumeOffIcon" tabler="IconVolume" hugeicons="VolumeOffIcon" + phosphor="SpeakerSlashIcon" /> Mute Conversation @@ -165,6 +168,7 @@ function ButtonGroupWithDropdown() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> Mark as Read @@ -173,6 +177,7 @@ function ButtonGroupWithDropdown() { lucide="AlertTriangleIcon" tabler="IconAlertTriangle" hugeicons="AlertCircleIcon" + phosphor="WarningIcon" /> Report Conversation @@ -181,6 +186,7 @@ function ButtonGroupWithDropdown() { lucide="UserRoundXIcon" tabler="IconUserX" hugeicons="UserRemove01Icon" + phosphor="UserMinusIcon" /> Block User @@ -189,6 +195,7 @@ function ButtonGroupWithDropdown() { lucide="ShareIcon" tabler="IconShare" hugeicons="Share03Icon" + phosphor="ShareIcon" /> Share Conversation @@ -197,6 +204,7 @@ function ButtonGroupWithDropdown() { lucide="CopyIcon" tabler="IconCopy" hugeicons="Copy01Icon" + phosphor="CopyIcon" /> Copy Conversation @@ -208,6 +216,7 @@ function ButtonGroupWithDropdown() { lucide="TrashIcon" tabler="IconTrash" hugeicons="Delete02Icon" + phosphor="TrashIcon" /> Delete Conversation @@ -244,6 +253,7 @@ function ButtonGroupWithSelect() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight01Icon" + phosphor="ArrowRightIcon" /> @@ -262,6 +272,7 @@ function ButtonGroupWithIcons() { lucide="FlipHorizontalIcon" tabler="IconFlipHorizontal" hugeicons="FlipHorizontalIcon" + phosphor="ArrowsHorizontalIcon" /> @@ -298,6 +311,7 @@ function ButtonGroupWithInputGroup() { lucide="SearchIcon" tabler="IconSearch" hugeicons="Search01Icon" + phosphor="MagnifyingGlassIcon" /> @@ -330,6 +344,7 @@ function ButtonGroupWithFields() { lucide="MinusIcon" tabler="IconMinus" hugeicons="MinusSignIcon" + phosphor="MinusIcon" /> @@ -355,6 +371,7 @@ function ButtonGroupWithLike() { lucide="HeartIcon" tabler="IconBell" hugeicons="Notification02Icon" + phosphor="HeartIcon" data-icon="inline-start" />{" "} Like @@ -397,6 +414,7 @@ function ButtonGroupNested() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -410,6 +428,7 @@ function ButtonGroupNested() { lucide="AudioLinesIcon" tabler="IconHeadphones" hugeicons="AudioWave01Icon" + phosphor="MicrophoneIcon" /> @@ -431,6 +450,7 @@ function ButtonGroupPagination() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" data-icon="inline-start" /> Previous @@ -456,6 +476,7 @@ function ButtonGroupPagination() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight01Icon" + phosphor="ArrowRightIcon" data-icon="inline-end" /> @@ -491,6 +512,7 @@ function ButtonGroupPaginationSplit() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> @@ -516,6 +539,7 @@ function ButtonGroupNavigation() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> @@ -532,6 +557,7 @@ function ButtonGroupNavigation() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> @@ -578,6 +604,7 @@ function ButtonGroupVertical() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -603,6 +631,7 @@ function ButtonGroupVerticalNested() { lucide="SearchIcon" tabler="IconSearch" hugeicons="Search01Icon" + phosphor="MagnifyingGlassIcon" /> @@ -626,6 +657,7 @@ function ButtonGroupVerticalNested() { lucide="FlipHorizontalIcon" tabler="IconFlipHorizontal" hugeicons="FlipHorizontalIcon" + phosphor="ArrowsHorizontalIcon" /> @@ -649,6 +683,7 @@ function ButtonGroupVerticalNested() { lucide="TrashIcon" tabler="IconTrash" hugeicons="Delete02Icon" + phosphor="TrashIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/calendar-example.tsx b/apps/v4/registry/bases/radix/examples/calendar-example.tsx index 73c1136f006..78572a00e1c 100644 --- a/apps/v4/registry/bases/radix/examples/calendar-example.tsx +++ b/apps/v4/registry/bases/radix/examples/calendar-example.tsx @@ -200,6 +200,7 @@ function CalendarWithTime() { lucide="Clock2Icon" tabler="IconClockHour2" hugeicons="Clock03Icon" + phosphor="ClockIcon" className="text-muted-foreground" /> @@ -220,6 +221,7 @@ function CalendarWithTime() { lucide="Clock2Icon" tabler="IconClockHour2" hugeicons="Clock03Icon" + phosphor="ClockIcon" className="text-muted-foreground" /> @@ -347,6 +349,7 @@ function DatePickerSimple() { lucide="CalendarIcon" tabler="IconCalendar" hugeicons="CalendarIcon" + phosphor="CalendarBlankIcon" data-icon="inline-start" /> {date ? format(date, "PPP") : Pick a date} @@ -382,6 +385,7 @@ function DatePickerWithRange() { lucide="CalendarIcon" tabler="IconCalendar" hugeicons="CalendarIcon" + phosphor="CalendarBlankIcon" data-icon="inline-start" /> {date?.from ? ( @@ -435,6 +439,7 @@ function DataPickerWithDropdowns() { lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDownIcon" + phosphor="CaretDownIcon" data-icon="inline-start" className="ml-auto" /> diff --git a/apps/v4/registry/bases/radix/examples/card-example.tsx b/apps/v4/registry/bases/radix/examples/card-example.tsx index 5186f1d3835..84fdd66c416 100644 --- a/apps/v4/registry/bases/radix/examples/card-example.tsx +++ b/apps/v4/registry/bases/radix/examples/card-example.tsx @@ -113,6 +113,7 @@ function CardMeetingNotes() { lucide="CaptionsIcon" tabler="IconTextCaption" hugeicons="TextCheckIcon" + phosphor="TextTIcon" data-icon="inline-start" /> Transcribe @@ -183,6 +184,7 @@ function CardWithImage() { lucide="PlusIcon" tabler="IconPlus" hugeicons="Add01Icon" + phosphor="PlusIcon" data-icon="inline-start" /> Button @@ -216,6 +218,7 @@ function CardWithImageSmall() { lucide="PlusIcon" tabler="IconPlus" hugeicons="Add01Icon" + phosphor="PlusIcon" data-icon="inline-start" /> Button diff --git a/apps/v4/registry/bases/radix/examples/chart-example.tsx b/apps/v4/registry/bases/radix/examples/chart-example.tsx index ecb1ea51981..5d889fb4b41 100644 --- a/apps/v4/registry/bases/radix/examples/chart-example.tsx +++ b/apps/v4/registry/bases/radix/examples/chart-example.tsx @@ -121,6 +121,7 @@ function ChartAreaExample() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="ChartUpIcon" + phosphor="TrendUpIcon" className="size-4" /> @@ -190,6 +191,7 @@ function ChartBarExample() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="ChartUpIcon" + phosphor="TrendUpIcon" className="size-4" /> @@ -275,6 +277,7 @@ function ChartLineExample() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="ChartUpIcon" + phosphor="TrendUpIcon" className="size-4" /> @@ -392,6 +395,7 @@ function ChartPieExample() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="ChartUpIcon" + phosphor="TrendUpIcon" className="size-4" /> @@ -462,6 +466,7 @@ function ChartRadarExample() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="ChartUpIcon" + phosphor="TrendUpIcon" className="size-4" /> @@ -556,6 +561,7 @@ function ChartRadialExample() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="ChartUpIcon" + phosphor="TrendUpIcon" className="size-4" /> diff --git a/apps/v4/registry/bases/radix/examples/collapsible-example.tsx b/apps/v4/registry/bases/radix/examples/collapsible-example.tsx index 17e7c0d1f61..2f03716dd81 100644 --- a/apps/v4/registry/bases/radix/examples/collapsible-example.tsx +++ b/apps/v4/registry/bases/radix/examples/collapsible-example.tsx @@ -102,12 +102,14 @@ function CollapsibleFileTree() { lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" className="transition-transform group-data-[state=open]:rotate-90" /> {fileItem.name} @@ -131,6 +133,7 @@ function CollapsibleFileTree() { lucide="FileIcon" tabler="IconFile" hugeicons="File01Icon" + phosphor="FileIcon" /> {fileItem.name} @@ -211,12 +214,14 @@ function CollapsibleSettings() { lucide="MinimizeIcon" tabler="IconMinimize" hugeicons="MinusSignIcon" + phosphor="MinusIcon" /> ) : ( )} diff --git a/apps/v4/registry/bases/radix/examples/combobox-example.tsx b/apps/v4/registry/bases/radix/examples/combobox-example.tsx index bd7de12fabc..d077e5c3758 100644 --- a/apps/v4/registry/bases/radix/examples/combobox-example.tsx +++ b/apps/v4/registry/bases/radix/examples/combobox-example.tsx @@ -810,6 +810,7 @@ function ComboxboxInputAddon() { lucide="GlobeIcon" tabler="IconGlobe" hugeicons="Globe02Icon" + phosphor="GlobeIcon" /> @@ -1198,6 +1199,7 @@ function ComboboxWithOtherInputs() { lucide="ChevronDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretDownIcon" /> @@ -1208,6 +1210,7 @@ function ComboboxWithOtherInputs() { lucide="ChevronDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretDownIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/command-example.tsx b/apps/v4/registry/bases/radix/examples/command-example.tsx index 97b5cc09c74..bdc8bae0cfa 100644 --- a/apps/v4/registry/bases/radix/examples/command-example.tsx +++ b/apps/v4/registry/bases/radix/examples/command-example.tsx @@ -86,6 +86,7 @@ function CommandWithShortcuts() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile ⌘P @@ -95,6 +96,7 @@ function CommandWithShortcuts() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing ⌘B @@ -104,6 +106,7 @@ function CommandWithShortcuts() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings ⌘S @@ -141,6 +144,7 @@ function CommandWithGroups() { lucide="CalendarIcon" tabler="IconCalendar" hugeicons="CalendarIcon" + phosphor="CalendarBlankIcon" /> Calendar @@ -149,6 +153,7 @@ function CommandWithGroups() { lucide="SmileIcon" tabler="IconMoodSmile" hugeicons="SmileIcon" + phosphor="SmileyIcon" /> Search Emoji @@ -157,6 +162,7 @@ function CommandWithGroups() { lucide="CalculatorIcon" tabler="IconCalculator" hugeicons="CalculatorIcon" + phosphor="CalculatorIcon" /> Calculator @@ -168,6 +174,7 @@ function CommandWithGroups() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile ⌘P @@ -177,6 +184,7 @@ function CommandWithGroups() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing ⌘B @@ -186,6 +194,7 @@ function CommandWithGroups() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings ⌘S @@ -223,6 +232,7 @@ function CommandManyItems() { lucide="HomeIcon" tabler="IconHome" hugeicons="HomeIcon" + phosphor="HouseIcon" /> Home ⌘H @@ -232,6 +242,7 @@ function CommandManyItems() { lucide="InboxIcon" tabler="IconInbox" hugeicons="InboxIcon" + phosphor="TrayIcon" /> Inbox ⌘I @@ -241,6 +252,7 @@ function CommandManyItems() { lucide="FileTextIcon" tabler="IconFileText" hugeicons="File02Icon" + phosphor="FileTextIcon" /> Documents ⌘D @@ -250,6 +262,7 @@ function CommandManyItems() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> Folders ⌘F @@ -262,6 +275,7 @@ function CommandManyItems() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> New File ⌘N @@ -271,6 +285,7 @@ function CommandManyItems() { lucide="FolderPlusIcon" tabler="IconFolderPlus" hugeicons="FolderAddIcon" + phosphor="FolderPlusIcon" /> New Folder ⇧⌘N @@ -280,6 +295,7 @@ function CommandManyItems() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> Copy ⌘C @@ -289,6 +305,7 @@ function CommandManyItems() { lucide="ScissorsIcon" tabler="IconCut" hugeicons="ScissorIcon" + phosphor="ScissorsIcon" /> Cut ⌘X @@ -298,6 +315,7 @@ function CommandManyItems() { lucide="ClipboardPasteIcon" tabler="IconClipboard" hugeicons="ClipboardIcon" + phosphor="ClipboardIcon" /> Paste ⌘V @@ -307,6 +325,7 @@ function CommandManyItems() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete ⌫ @@ -319,6 +338,7 @@ function CommandManyItems() { lucide="LayoutGridIcon" tabler="IconLayoutGrid" hugeicons="GridIcon" + phosphor="GridFourIcon" /> Grid View @@ -327,6 +347,7 @@ function CommandManyItems() { lucide="ListIcon" tabler="IconList" hugeicons="Menu05Icon" + phosphor="ListIcon" /> List View @@ -335,6 +356,7 @@ function CommandManyItems() { lucide="ZoomInIcon" tabler="IconZoomIn" hugeicons="ZoomInAreaIcon" + phosphor="MagnifyingGlassMinusIcon" /> Zoom In ⌘+ @@ -344,6 +366,7 @@ function CommandManyItems() { lucide="ZoomOutIcon" tabler="IconZoomOut" hugeicons="ZoomOutAreaIcon" + phosphor="MagnifyingGlassPlusIcon" /> Zoom Out ⌘- @@ -356,6 +379,7 @@ function CommandManyItems() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile ⌘P @@ -365,6 +389,7 @@ function CommandManyItems() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing ⌘B @@ -374,6 +399,7 @@ function CommandManyItems() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings ⌘S @@ -383,6 +409,7 @@ function CommandManyItems() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Notifications @@ -391,6 +418,7 @@ function CommandManyItems() { lucide="HelpCircleIcon" tabler="IconHelpCircle" hugeicons="HelpCircleIcon" + phosphor="QuestionIcon" /> Help & Support @@ -402,6 +430,7 @@ function CommandManyItems() { lucide="CalculatorIcon" tabler="IconCalculator" hugeicons="CalculatorIcon" + phosphor="CalculatorIcon" /> Calculator @@ -410,6 +439,7 @@ function CommandManyItems() { lucide="CalendarIcon" tabler="IconCalendar" hugeicons="CalendarIcon" + phosphor="CalendarBlankIcon" /> Calendar @@ -418,6 +448,7 @@ function CommandManyItems() { lucide="ImageIcon" tabler="IconPhoto" hugeicons="ImageIcon" + phosphor="ImageIcon" /> Image Editor @@ -426,6 +457,7 @@ function CommandManyItems() { lucide="CodeIcon" tabler="IconCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Code Editor diff --git a/apps/v4/registry/bases/radix/examples/component-example.tsx b/apps/v4/registry/bases/radix/examples/component-example.tsx index ea0b820296c..29c3979fc21 100644 --- a/apps/v4/registry/bases/radix/examples/component-example.tsx +++ b/apps/v4/registry/bases/radix/examples/component-example.tsx @@ -103,6 +103,7 @@ function CardExample() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" data-icon="inline-start" /> Show Dialog @@ -115,6 +116,7 @@ function CardExample() { lucide="BluetoothIcon" tabler="IconBluetooth" hugeicons="BluetoothIcon" + phosphor="BluetoothIcon" /> Allow accessory to connect? @@ -164,11 +166,12 @@ function FormExample() { @@ -180,6 +183,7 @@ function FormExample() { lucide="FileIcon" tabler="IconFile" hugeicons="FileIcon" + phosphor="FileIcon" /> New File ⌘N @@ -189,6 +193,7 @@ function FormExample() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> New Folder ⇧⌘N @@ -199,6 +204,7 @@ function FormExample() { lucide="FolderOpenIcon" tabler="IconFolderOpen" hugeicons="FolderOpenIcon" + phosphor="FolderOpenIcon" /> Open Recent @@ -211,6 +217,7 @@ function FormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Alpha @@ -219,6 +226,7 @@ function FormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Beta @@ -228,6 +236,7 @@ function FormExample() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> More Projects @@ -238,6 +247,7 @@ function FormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Gamma @@ -246,6 +256,7 @@ function FormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Delta @@ -260,6 +271,7 @@ function FormExample() { lucide="FolderSearchIcon" tabler="IconFolderSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> Browse... @@ -273,6 +285,7 @@ function FormExample() { lucide="SaveIcon" tabler="IconDeviceFloppy" hugeicons="FloppyDiskIcon" + phosphor="FloppyDiskIcon" /> Save ⌘S @@ -282,6 +295,7 @@ function FormExample() { lucide="DownloadIcon" tabler="IconDownload" hugeicons="DownloadIcon" + phosphor="DownloadIcon" /> Export ⇧⌘E @@ -303,6 +317,7 @@ function FormExample() { lucide="EyeIcon" tabler="IconEye" hugeicons="EyeIcon" + phosphor="EyeIcon" /> Show Sidebar @@ -319,6 +334,7 @@ function FormExample() { lucide="LayoutIcon" tabler="IconLayout" hugeicons="LayoutIcon" + phosphor="LayoutIcon" /> Show Status Bar @@ -328,6 +344,7 @@ function FormExample() { lucide="PaletteIcon" tabler="IconPalette" hugeicons="PaintBoardIcon" + phosphor="PaletteIcon" /> Theme @@ -344,6 +361,7 @@ function FormExample() { lucide="SunIcon" tabler="IconSun" hugeicons="SunIcon" + phosphor="SunIcon" /> Light @@ -352,6 +370,7 @@ function FormExample() { lucide="MoonIcon" tabler="IconMoon" hugeicons="MoonIcon" + phosphor="MoonIcon" /> Dark @@ -360,6 +379,7 @@ function FormExample() { lucide="MonitorIcon" tabler="IconDeviceDesktop" hugeicons="ComputerIcon" + phosphor="MonitorIcon" /> System @@ -377,6 +397,7 @@ function FormExample() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile ⇧⌘P @@ -386,6 +407,7 @@ function FormExample() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing @@ -395,6 +417,7 @@ function FormExample() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings @@ -407,6 +430,7 @@ function FormExample() { lucide="KeyboardIcon" tabler="IconKeyboard" hugeicons="KeyboardIcon" + phosphor="KeyboardIcon" /> Keyboard Shortcuts @@ -415,6 +439,7 @@ function FormExample() { lucide="LanguagesIcon" tabler="IconLanguage" hugeicons="LanguageCircleIcon" + phosphor="TranslateIcon" /> Language @@ -424,6 +449,7 @@ function FormExample() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Notifications @@ -446,6 +472,7 @@ function FormExample() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Push Notifications @@ -462,6 +489,7 @@ function FormExample() { lucide="MailIcon" tabler="IconMail" hugeicons="MailIcon" + phosphor="EnvelopeIcon" /> Email Notifications @@ -477,6 +505,7 @@ function FormExample() { lucide="ShieldIcon" tabler="IconShield" hugeicons="ShieldIcon" + phosphor="ShieldIcon" /> Privacy & Security @@ -492,6 +521,7 @@ function FormExample() { lucide="HelpCircleIcon" tabler="IconHelpCircle" hugeicons="HelpCircleIcon" + phosphor="QuestionIcon" /> Help & Support @@ -500,6 +530,7 @@ function FormExample() { lucide="FileTextIcon" tabler="IconFileText" hugeicons="File01Icon" + phosphor="FileTextIcon" /> Documentation @@ -511,6 +542,7 @@ function FormExample() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign Out ⇧⌘Q diff --git a/apps/v4/registry/bases/radix/examples/context-menu-example.tsx b/apps/v4/registry/bases/radix/examples/context-menu-example.tsx index 99a569e6029..c61333ce79e 100644 --- a/apps/v4/registry/bases/radix/examples/context-menu-example.tsx +++ b/apps/v4/registry/bases/radix/examples/context-menu-example.tsx @@ -83,6 +83,7 @@ function ContextMenuWithIcons() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> Copy @@ -91,6 +92,7 @@ function ContextMenuWithIcons() { lucide="ScissorsIcon" tabler="IconCut" hugeicons="ScissorIcon" + phosphor="ScissorsIcon" /> Cut @@ -99,6 +101,7 @@ function ContextMenuWithIcons() { lucide="ClipboardPasteIcon" tabler="IconClipboard" hugeicons="ClipboardIcon" + phosphor="ClipboardIcon" /> Paste @@ -110,6 +113,7 @@ function ContextMenuWithIcons() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete @@ -351,6 +355,7 @@ function ContextMenuWithDestructive() { lucide="PencilIcon" tabler="IconPencil" hugeicons="EditIcon" + phosphor="PencilIcon" /> Edit @@ -359,6 +364,7 @@ function ContextMenuWithDestructive() { lucide="ShareIcon" tabler="IconShare" hugeicons="ShareIcon" + phosphor="ShareIcon" /> Share @@ -370,6 +376,7 @@ function ContextMenuWithDestructive() { lucide="ArchiveIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> Archive @@ -378,6 +385,7 @@ function ContextMenuWithDestructive() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete @@ -470,6 +478,7 @@ function ContextMenuInDialog() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> Copy @@ -478,6 +487,7 @@ function ContextMenuInDialog() { lucide="ScissorsIcon" tabler="IconCut" hugeicons="ScissorIcon" + phosphor="ScissorsIcon" /> Cut @@ -486,6 +496,7 @@ function ContextMenuInDialog() { lucide="ClipboardPasteIcon" tabler="IconClipboard" hugeicons="ClipboardIcon" + phosphor="ClipboardIcon" /> Paste @@ -512,6 +523,7 @@ function ContextMenuInDialog() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete diff --git a/apps/v4/registry/bases/radix/examples/dialog-example.tsx b/apps/v4/registry/bases/radix/examples/dialog-example.tsx index bf17b4cced3..f414c96196b 100644 --- a/apps/v4/registry/bases/radix/examples/dialog-example.tsx +++ b/apps/v4/registry/bases/radix/examples/dialog-example.tsx @@ -471,6 +471,7 @@ function DialogChatSettings() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx b/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx index 6495a0bceff..ef1956058aa 100644 --- a/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx +++ b/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx @@ -102,6 +102,7 @@ function DropdownMenuWithIcons() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile @@ -110,6 +111,7 @@ function DropdownMenuWithIcons() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing @@ -118,6 +120,7 @@ function DropdownMenuWithIcons() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings @@ -129,6 +132,7 @@ function DropdownMenuWithIcons() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Log out @@ -243,6 +247,7 @@ function DropdownMenuWithCheckboxes() { lucide="LayoutIcon" tabler="IconLayout" hugeicons="LayoutIcon" + phosphor="LayoutIcon" /> Status Bar @@ -255,6 +260,7 @@ function DropdownMenuWithCheckboxes() { lucide="ActivityIcon" tabler="IconActivity" hugeicons="ActivityIcon" + phosphor="ActivityIcon" /> Activity Bar @@ -266,6 +272,7 @@ function DropdownMenuWithCheckboxes() { lucide="PanelLeftIcon" tabler="IconLayoutSidebar" hugeicons="LayoutLeftIcon" + phosphor="SidebarIcon" /> Panel @@ -299,6 +306,7 @@ function DropdownMenuWithRadio() { lucide="ArrowUpIcon" tabler="IconArrowUp" hugeicons="ArrowUp01Icon" + phosphor="ArrowUpIcon" /> Top @@ -307,6 +315,7 @@ function DropdownMenuWithRadio() { lucide="ArrowDownIcon" tabler="IconArrowDown" hugeicons="ArrowDown01Icon" + phosphor="ArrowDownIcon" /> Bottom @@ -315,6 +324,7 @@ function DropdownMenuWithRadio() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight01Icon" + phosphor="ArrowRightIcon" /> Right @@ -354,6 +364,7 @@ function DropdownMenuWithCheckboxesIcons() { lucide="MailIcon" tabler="IconMail" hugeicons="MailIcon" + phosphor="EnvelopeIcon" /> Email notifications @@ -367,6 +378,7 @@ function DropdownMenuWithCheckboxesIcons() { lucide="MessageSquareIcon" tabler="IconMessage" hugeicons="MessageIcon" + phosphor="ChatCircleIcon" /> SMS notifications @@ -380,6 +392,7 @@ function DropdownMenuWithCheckboxesIcons() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Push notifications @@ -411,6 +424,7 @@ function DropdownMenuWithRadioIcons() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Credit Card @@ -419,6 +433,7 @@ function DropdownMenuWithRadioIcons() { lucide="WalletIcon" tabler="IconWallet" hugeicons="WalletIcon" + phosphor="WalletIcon" /> PayPal @@ -427,6 +442,7 @@ function DropdownMenuWithRadioIcons() { lucide="Building2Icon" tabler="IconBuildingBank" hugeicons="BankIcon" + phosphor="BankIcon" /> Bank Transfer @@ -454,6 +470,7 @@ function DropdownMenuWithDestructive() { lucide="PencilIcon" tabler="IconPencil" hugeicons="EditIcon" + phosphor="PencilIcon" /> Edit @@ -462,6 +479,7 @@ function DropdownMenuWithDestructive() { lucide="ShareIcon" tabler="IconShare" hugeicons="ShareIcon" + phosphor="ShareIcon" /> Share @@ -473,6 +491,7 @@ function DropdownMenuWithDestructive() { lucide="ArchiveIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> Archive @@ -481,6 +500,7 @@ function DropdownMenuWithDestructive() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete @@ -500,6 +520,7 @@ function DropdownMenuWithAvatar() { lucide="BadgeCheckIcon" tabler="IconRosetteDiscountCheck" hugeicons="CheckmarkBadgeIcon" + phosphor="CheckCircleIcon" /> Account @@ -508,6 +529,7 @@ function DropdownMenuWithAvatar() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing @@ -516,6 +538,7 @@ function DropdownMenuWithAvatar() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Notifications @@ -523,12 +546,13 @@ function DropdownMenuWithAvatar() { - - Sign Out + + Sign Out @@ -553,12 +577,13 @@ function DropdownMenuWithAvatar() { shadcn@example.com - + @@ -610,6 +635,7 @@ function DropdownMenuInDialog() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> Copy @@ -618,6 +644,7 @@ function DropdownMenuInDialog() { lucide="ScissorsIcon" tabler="IconCut" hugeicons="ScissorIcon" + phosphor="ScissorsIcon" /> Cut @@ -626,6 +653,7 @@ function DropdownMenuInDialog() { lucide="ClipboardPasteIcon" tabler="IconClipboard" hugeicons="ClipboardIcon" + phosphor="ClipboardIcon" /> Paste @@ -654,6 +682,7 @@ function DropdownMenuInDialog() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete @@ -690,6 +719,7 @@ function DropdownMenuComplex() { lucide="FileIcon" tabler="IconFile" hugeicons="FileIcon" + phosphor="FileIcon" /> New File ⌘N @@ -699,6 +729,7 @@ function DropdownMenuComplex() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> New Folder ⇧⌘N @@ -709,6 +740,7 @@ function DropdownMenuComplex() { lucide="FolderOpenIcon" tabler="IconFolderOpen" hugeicons="FolderOpenIcon" + phosphor="FolderOpenIcon" /> Open Recent @@ -721,6 +753,7 @@ function DropdownMenuComplex() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Alpha @@ -729,6 +762,7 @@ function DropdownMenuComplex() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Beta @@ -738,6 +772,7 @@ function DropdownMenuComplex() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> More Projects @@ -748,6 +783,7 @@ function DropdownMenuComplex() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Gamma @@ -756,6 +792,7 @@ function DropdownMenuComplex() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Delta @@ -770,6 +807,7 @@ function DropdownMenuComplex() { lucide="FolderSearchIcon" tabler="IconFolderSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> Browse... @@ -783,6 +821,7 @@ function DropdownMenuComplex() { lucide="SaveIcon" tabler="IconDeviceFloppy" hugeicons="FloppyDiskIcon" + phosphor="FloppyDiskIcon" /> Save ⌘S @@ -792,6 +831,7 @@ function DropdownMenuComplex() { lucide="DownloadIcon" tabler="IconDownload" hugeicons="DownloadIcon" + phosphor="DownloadIcon" /> Export ⇧⌘E @@ -810,6 +850,7 @@ function DropdownMenuComplex() { lucide="EyeIcon" tabler="IconEye" hugeicons="EyeIcon" + phosphor="EyeIcon" /> Show Sidebar @@ -823,6 +864,7 @@ function DropdownMenuComplex() { lucide="LayoutIcon" tabler="IconLayout" hugeicons="LayoutIcon" + phosphor="LayoutIcon" /> Show Status Bar @@ -832,6 +874,7 @@ function DropdownMenuComplex() { lucide="PaletteIcon" tabler="IconPalette" hugeicons="PaintBoardIcon" + phosphor="PaletteIcon" /> Theme @@ -848,6 +891,7 @@ function DropdownMenuComplex() { lucide="SunIcon" tabler="IconSun" hugeicons="SunIcon" + phosphor="SunIcon" /> Light @@ -856,6 +900,7 @@ function DropdownMenuComplex() { lucide="MoonIcon" tabler="IconMoon" hugeicons="MoonIcon" + phosphor="MoonIcon" /> Dark @@ -864,6 +909,7 @@ function DropdownMenuComplex() { lucide="MonitorIcon" tabler="IconDeviceDesktop" hugeicons="ComputerIcon" + phosphor="MonitorIcon" /> System @@ -881,6 +927,7 @@ function DropdownMenuComplex() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile ⇧⌘P @@ -890,17 +937,19 @@ function DropdownMenuComplex() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing - - Settings + + Settings @@ -911,6 +960,7 @@ function DropdownMenuComplex() { lucide="KeyboardIcon" tabler="IconKeyboard" hugeicons="KeyboardIcon" + phosphor="KeyboardIcon" /> Keyboard Shortcuts @@ -919,6 +969,7 @@ function DropdownMenuComplex() { lucide="LanguagesIcon" tabler="IconLanguage" hugeicons="LanguageCircleIcon" + phosphor="TranslateIcon" /> Language @@ -928,6 +979,7 @@ function DropdownMenuComplex() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Notifications @@ -950,6 +1002,7 @@ function DropdownMenuComplex() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Push Notifications @@ -966,6 +1019,7 @@ function DropdownMenuComplex() { lucide="MailIcon" tabler="IconMail" hugeicons="MailIcon" + phosphor="EnvelopeIcon" /> Email Notifications @@ -981,6 +1035,7 @@ function DropdownMenuComplex() { lucide="ShieldIcon" tabler="IconShield" hugeicons="ShieldIcon" + phosphor="ShieldIcon" /> Privacy & Security @@ -996,6 +1051,7 @@ function DropdownMenuComplex() { lucide="HelpCircleIcon" tabler="IconHelpCircle" hugeicons="HelpCircleIcon" + phosphor="QuestionIcon" /> Help & Support @@ -1004,6 +1060,7 @@ function DropdownMenuComplex() { lucide="FileTextIcon" tabler="IconFileText" hugeicons="File01Icon" + phosphor="FileTextIcon" /> Documentation @@ -1015,6 +1072,7 @@ function DropdownMenuComplex() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign Out ⇧⌘Q diff --git a/apps/v4/registry/bases/radix/examples/empty-example.tsx b/apps/v4/registry/bases/radix/examples/empty-example.tsx index 3c3f82cd323..b3aceb7c64e 100644 --- a/apps/v4/registry/bases/radix/examples/empty-example.tsx +++ b/apps/v4/registry/bases/radix/examples/empty-example.tsx @@ -57,6 +57,7 @@ function EmptyBasic() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRight01Icon" + phosphor="ArrowUpRightIcon" /> @@ -85,6 +86,7 @@ function EmptyWithMutedBackground() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRight01Icon" + phosphor="ArrowUpRightIcon" /> @@ -113,6 +115,7 @@ function EmptyWithBorder() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> @@ -138,6 +141,7 @@ function EmptyWithIcon() { lucide="FolderIcon" tabler="IconFolder" hugeicons="Folder01Icon" + phosphor="FolderIcon" /> Nothing to see here @@ -152,6 +156,7 @@ function EmptyWithIcon() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" data-icon="inline-start" /> New Post @@ -181,6 +186,7 @@ function EmptyWithMutedBackgroundAlt() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> @@ -206,6 +212,7 @@ function EmptyInCard() { lucide="FolderIcon" tabler="IconFolder" hugeicons="Folder01Icon" + phosphor="FolderIcon" /> No projects yet @@ -228,6 +235,7 @@ function EmptyInCard() { lucide="ArrowUpRightIcon" tabler="IconArrowUpRight" hugeicons="ArrowUpRight01Icon" + phosphor="ArrowUpRightIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/input-group-example.tsx b/apps/v4/registry/bases/radix/examples/input-group-example.tsx index 8a5cc162983..b706ae83ea1 100644 --- a/apps/v4/registry/bases/radix/examples/input-group-example.tsx +++ b/apps/v4/registry/bases/radix/examples/input-group-example.tsx @@ -131,6 +131,7 @@ function InputGroupWithAddons() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" className="text-muted-foreground" /> @@ -147,6 +148,7 @@ function InputGroupWithAddons() { lucide="EyeOffIcon" tabler="IconEyeClosed" hugeicons="ViewOffIcon" + phosphor="EyeSlashIcon" /> @@ -162,6 +164,7 @@ function InputGroupWithAddons() { lucide="MicIcon" tabler="IconMicrophone" hugeicons="VoiceIcon" + phosphor="MicrophoneIcon" className="text-muted-foreground" /> @@ -170,6 +173,7 @@ function InputGroupWithAddons() { lucide="RadioIcon" tabler="IconPlayerRecordFilled" hugeicons="RecordIcon" + phosphor="RecordIcon" className="animate-pulse text-red-500" /> @@ -185,6 +189,7 @@ function InputGroupWithAddons() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" className="text-muted-foreground ml-auto" /> @@ -200,6 +205,7 @@ function InputGroupWithAddons() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" className="text-muted-foreground ml-auto" /> @@ -214,6 +220,7 @@ function InputGroupWithAddons() { lucide="StarIcon" tabler="IconStar" hugeicons="StarIcon" + phosphor="StarIcon" /> @@ -231,6 +239,7 @@ function InputGroupWithAddons() { lucide="RadioIcon" tabler="IconPlayerRecordFilled" hugeicons="RecordIcon" + phosphor="RecordIcon" className="animate-pulse text-red-500" /> @@ -245,6 +254,7 @@ function InputGroupWithAddons() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> @@ -310,6 +320,7 @@ function InputGroupWithButtons() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> @@ -322,6 +333,7 @@ function InputGroupWithButtons() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> @@ -354,6 +366,7 @@ function InputGroupWithTooltip({ lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> @@ -378,6 +391,7 @@ function InputGroupWithTooltip({ lucide="ChevronDownIcon" tabler="IconChevronDown" hugeicons="ArrowDownIcon" + phosphor="CaretDownIcon" /> @@ -415,6 +429,7 @@ function InputGroupWithTooltip({ lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> @@ -441,6 +456,7 @@ function InputGroupWithTooltip({ lucide="StarIcon" tabler="IconStar" hugeicons="StarIcon" + phosphor="StarIcon" /> @@ -460,6 +476,7 @@ function InputGroupWithTooltip({ lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> @@ -512,6 +529,7 @@ function InputGroupWithKbd() { lucide="SparklesIcon" tabler="IconServerSpark" hugeicons="SparklesIcon" + phosphor="SparkleIcon" /> @@ -532,6 +550,7 @@ function InputGroupWithKbd() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="size-3 text-white" /> @@ -551,6 +570,7 @@ function InputGroupWithKbd() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> 12 results @@ -566,6 +586,7 @@ function InputGroupWithKbd() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> Disabled @@ -580,6 +601,7 @@ function InputGroupWithKbd() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> @@ -593,6 +615,7 @@ function InputGroupWithKbd() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> @@ -644,6 +667,7 @@ function InputGroupInCard() { lucide="MailIcon" tabler="IconMail" hugeicons="MailIcon" + phosphor="EnvelopeIcon" /> @@ -660,6 +684,7 @@ function InputGroupInCard() { lucide="ExternalLinkIcon" tabler="IconExternalLink" hugeicons="LinkSquare02Icon" + phosphor="ArrowSquareOutIcon" /> @@ -753,6 +778,7 @@ function InputGroupTextareaExamples() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" className="text-muted-foreground ml-auto" /> @@ -781,6 +807,7 @@ function InputGroupTextareaExamples() { lucide="ArrowUpIcon" tabler="IconArrowUp" hugeicons="ArrowUpIcon" + phosphor="ArrowUpIcon" /> Send @@ -819,6 +846,7 @@ function InputGroupTextareaExamples() { lucide="CodeIcon" tabler="IconBrandJavascript" hugeicons="CodeIcon" + phosphor="CodeIcon" /> script.js @@ -827,6 +855,7 @@ function InputGroupTextareaExamples() { lucide="RefreshCwIcon" tabler="IconRefresh" hugeicons="RefreshIcon" + phosphor="ArrowClockwiseIcon" /> @@ -834,6 +863,7 @@ function InputGroupTextareaExamples() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/input-otp-example.tsx b/apps/v4/registry/bases/radix/examples/input-otp-example.tsx index bebdcbebd25..0c9baabf9fc 100644 --- a/apps/v4/registry/bases/radix/examples/input-otp-example.tsx +++ b/apps/v4/registry/bases/radix/examples/input-otp-example.tsx @@ -246,6 +246,7 @@ function InputOTPForm() { lucide="RefreshCwIcon" hugeicons="RefreshIcon" tabler="IconRefresh" + phosphor="ArrowClockwiseIcon" data-icon="inline-start" /> Resend Code diff --git a/apps/v4/registry/bases/radix/examples/item-example.tsx b/apps/v4/registry/bases/radix/examples/item-example.tsx index aea932e364c..0858dc4adf1 100644 --- a/apps/v4/registry/bases/radix/examples/item-example.tsx +++ b/apps/v4/registry/bases/radix/examples/item-example.tsx @@ -91,6 +91,7 @@ function DefaultVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -103,6 +104,7 @@ function DefaultVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -118,6 +120,7 @@ function DefaultVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -133,6 +136,7 @@ function DefaultVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -205,6 +209,7 @@ function OutlineVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -217,6 +222,7 @@ function OutlineVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -232,6 +238,7 @@ function OutlineVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -247,6 +254,7 @@ function OutlineVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -319,6 +327,7 @@ function MutedVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -331,6 +340,7 @@ function MutedVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -346,6 +356,7 @@ function MutedVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -361,6 +372,7 @@ function MutedVariantItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -437,6 +449,7 @@ function DefaultVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -449,6 +462,7 @@ function DefaultVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -464,6 +478,7 @@ function DefaultVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -479,6 +494,7 @@ function DefaultVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -555,6 +571,7 @@ function OutlineVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -567,6 +584,7 @@ function OutlineVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -582,6 +600,7 @@ function OutlineVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -597,6 +616,7 @@ function OutlineVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -673,6 +693,7 @@ function MutedVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -685,6 +706,7 @@ function MutedVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -700,6 +722,7 @@ function MutedVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -715,6 +738,7 @@ function MutedVariantItemsSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -785,6 +809,7 @@ function DefaultVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -797,6 +822,7 @@ function DefaultVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -812,6 +838,7 @@ function DefaultVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -824,6 +851,7 @@ function DefaultVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -887,6 +915,7 @@ function OutlineVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -899,6 +928,7 @@ function OutlineVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -914,6 +944,7 @@ function OutlineVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -926,6 +957,7 @@ function OutlineVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -989,6 +1021,7 @@ function MutedVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -1001,6 +1034,7 @@ function MutedVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -1016,6 +1050,7 @@ function MutedVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -1028,6 +1063,7 @@ function MutedVariantItemsExtraSmall() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> @@ -1080,6 +1116,7 @@ function DefaultLinkItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> @@ -1094,6 +1131,7 @@ function DefaultLinkItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> @@ -1152,6 +1190,7 @@ function OutlineLinkItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> @@ -1166,6 +1205,7 @@ function OutlineLinkItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> @@ -1224,6 +1264,7 @@ function MutedLinkItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> @@ -1238,6 +1279,7 @@ function MutedLinkItems() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> @@ -1305,6 +1347,7 @@ function OutlineItemGroup() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> @@ -1318,6 +1361,7 @@ function OutlineItemGroup() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> @@ -1331,6 +1375,7 @@ function OutlineItemGroup() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> @@ -1395,6 +1440,7 @@ function ItemSeparatorExample() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> @@ -1409,6 +1455,7 @@ function ItemSeparatorExample() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> @@ -1423,6 +1470,7 @@ function ItemSeparatorExample() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> @@ -1437,6 +1485,7 @@ function ItemSeparatorExample() { lucide="InboxIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="TrayIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/kbd-example.tsx b/apps/v4/registry/bases/radix/examples/kbd-example.tsx index 04523a08dcd..b01f48a302e 100644 --- a/apps/v4/registry/bases/radix/examples/kbd-example.tsx +++ b/apps/v4/registry/bases/radix/examples/kbd-example.tsx @@ -89,6 +89,7 @@ function KbdWithIcons() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> @@ -96,6 +97,7 @@ function KbdWithIcons() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> @@ -103,6 +105,7 @@ function KbdWithIcons() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight01Icon" + phosphor="ArrowRightIcon" /> @@ -119,6 +122,7 @@ function KbdWithIconsAndText() { lucide="ArrowLeftIcon" tabler="IconArrowLeft" hugeicons="ArrowLeft01Icon" + phosphor="ArrowLeftIcon" /> Left @@ -127,6 +131,7 @@ function KbdWithIconsAndText() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> Voice Enabled @@ -158,6 +163,7 @@ function KbdInTooltip() { lucide="SaveIcon" tabler="IconDeviceFloppy" hugeicons="FloppyDiskIcon" + phosphor="FloppyDiskIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/menubar-example.tsx b/apps/v4/registry/bases/radix/examples/menubar-example.tsx index 398e0389156..feec990ebe7 100644 --- a/apps/v4/registry/bases/radix/examples/menubar-example.tsx +++ b/apps/v4/registry/bases/radix/examples/menubar-example.tsx @@ -247,6 +247,7 @@ function MenubarWithIcons() { lucide="FileIcon" tabler="IconFile" hugeicons="FileIcon" + phosphor="FileIcon" /> New File ⌘N @@ -255,6 +256,7 @@ function MenubarWithIcons() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> Open Folder @@ -266,6 +268,7 @@ function MenubarWithIcons() { lucide="SaveIcon" tabler="IconDeviceFloppy" hugeicons="FloppyDiskIcon" + phosphor="FloppyDiskIcon" /> Save ⌘S @@ -281,6 +284,7 @@ function MenubarWithIcons() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> Settings @@ -289,6 +293,7 @@ function MenubarWithIcons() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> Help @@ -298,6 +303,7 @@ function MenubarWithIcons() { lucide="CircleDashedIcon" tabler="IconCircleDashed" hugeicons="DashedLineCircleIcon" + phosphor="CircleDashedIcon" /> Delete @@ -372,6 +378,7 @@ function MenubarFormat() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="BoldIcon" /> Bold ⌘B @@ -380,6 +387,7 @@ function MenubarFormat() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="ItalicIcon" /> Italic ⌘I @@ -388,6 +396,7 @@ function MenubarFormat() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" + phosphor="UnderlineIcon" /> Underline ⌘U @@ -429,6 +438,7 @@ function MenubarInsert() { lucide="ImageIcon" tabler="IconPhoto" hugeicons="ImageIcon" + phosphor="ImageIcon" /> Media @@ -447,6 +457,7 @@ function MenubarInsert() { lucide="LinkIcon" tabler="IconLink" hugeicons="LinkIcon" + phosphor="LinkIcon" /> Link ⌘K @@ -455,6 +466,7 @@ function MenubarInsert() { lucide="TableIcon" tabler="IconTable" hugeicons="TableIcon" + phosphor="TableIcon" /> Table @@ -470,6 +482,7 @@ function MenubarInsert() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> Find & Replace ⌘F @@ -478,6 +491,7 @@ function MenubarInsert() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" /> Spell Check @@ -502,6 +516,7 @@ function MenubarDestructive() { lucide="FileIcon" tabler="IconFile" hugeicons="FileIcon" + phosphor="FileIcon" /> New File ⌘N @@ -510,6 +525,7 @@ function MenubarDestructive() { lucide="FolderIcon" tabler="IconFolder" hugeicons="FolderIcon" + phosphor="FolderIcon" /> Open Folder @@ -521,6 +537,7 @@ function MenubarDestructive() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete File ⌘⌫ @@ -536,6 +553,7 @@ function MenubarDestructive() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile @@ -544,6 +562,7 @@ function MenubarDestructive() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings @@ -555,6 +574,7 @@ function MenubarDestructive() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign out @@ -566,6 +586,7 @@ function MenubarDestructive() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete @@ -601,6 +622,7 @@ function MenubarInDialog() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> Copy @@ -609,6 +631,7 @@ function MenubarInDialog() { lucide="ScissorsIcon" tabler="IconCut" hugeicons="ScissorIcon" + phosphor="ScissorsIcon" /> Cut @@ -617,6 +640,7 @@ function MenubarInDialog() { lucide="ClipboardPasteIcon" tabler="IconClipboard" hugeicons="ClipboardIcon" + phosphor="ClipboardIcon" /> Paste @@ -643,6 +667,7 @@ function MenubarInDialog() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete diff --git a/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx b/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx index dec68c8719c..0983ec45dca 100644 --- a/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx +++ b/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx @@ -197,6 +197,7 @@ function NavigationMenuWithoutViewport() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Backlog @@ -207,6 +208,7 @@ function NavigationMenuWithoutViewport() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> To Do @@ -217,6 +219,7 @@ function NavigationMenuWithoutViewport() { lucide="CircleAlertIcon" tabler="IconExclamationCircle" hugeicons="AlertCircleIcon" + phosphor="WarningCircleIcon" /> Done diff --git a/apps/v4/registry/bases/radix/examples/progress-example.tsx b/apps/v4/registry/bases/radix/examples/progress-example.tsx index b8cf1c63373..de7cbd5c0c9 100644 --- a/apps/v4/registry/bases/radix/examples/progress-example.tsx +++ b/apps/v4/registry/bases/radix/examples/progress-example.tsx @@ -118,6 +118,7 @@ function FileUploadList() { lucide="FileIcon" tabler="IconFile" hugeicons="FileIcon" + phosphor="FileIcon" className="size-5" /> diff --git a/apps/v4/registry/bases/radix/examples/select-example.tsx b/apps/v4/registry/bases/radix/examples/select-example.tsx index aa3b3d189a2..5c861420431 100644 --- a/apps/v4/registry/bases/radix/examples/select-example.tsx +++ b/apps/v4/registry/bases/radix/examples/select-example.tsx @@ -100,6 +100,7 @@ function SelectWithIcons() { lucide="ChartLineIcon" tabler="IconChartLine" hugeicons="Chart03Icon" + phosphor="ChartLineIcon" /> Chart Type @@ -113,6 +114,7 @@ function SelectWithIcons() { lucide="ChartLineIcon" tabler="IconChartLine" hugeicons="Chart03Icon" + phosphor="ChartBarIcon" /> Line @@ -121,6 +123,7 @@ function SelectWithIcons() { lucide="ChartBarIcon" tabler="IconChartBar" hugeicons="Chart03Icon" + phosphor="ChartBarIcon" /> Bar @@ -129,6 +132,7 @@ function SelectWithIcons() { lucide="ChartPieIcon" tabler="IconChartPie" hugeicons="Chart03Icon" + phosphor="ChartPieIcon" /> Pie @@ -144,6 +148,7 @@ function SelectWithIcons() { lucide="ChartLineIcon" tabler="IconChartLine" hugeicons="Chart03Icon" + phosphor="ChartLineIcon" /> Chart Type @@ -157,6 +162,7 @@ function SelectWithIcons() { lucide="ChartLineIcon" tabler="IconChartLine" hugeicons="Chart03Icon" + phosphor="ChartLineIcon" /> Line @@ -165,6 +171,7 @@ function SelectWithIcons() { lucide="ChartBarIcon" tabler="IconChartBar" hugeicons="Chart03Icon" + phosphor="ChartBarIcon" /> Bar @@ -173,6 +180,7 @@ function SelectWithIcons() { lucide="ChartPieIcon" tabler="IconChartPie" hugeicons="Chart03Icon" + phosphor="ChartPieIcon" /> Pie diff --git a/apps/v4/registry/bases/radix/examples/sidebar-example.tsx b/apps/v4/registry/bases/radix/examples/sidebar-example.tsx index 6ea3d5de7f0..c16b0d82168 100644 --- a/apps/v4/registry/bases/radix/examples/sidebar-example.tsx +++ b/apps/v4/registry/bases/radix/examples/sidebar-example.tsx @@ -193,6 +193,7 @@ export default function SidebarExample() { lucide="ChevronsUpDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretUpDownIcon" /> @@ -211,6 +212,7 @@ export default function SidebarExample() { lucide="CheckIcon" tabler="IconCheck" hugeicons="Tick02Icon" + phosphor="CheckIcon" className="ml-auto" /> )} @@ -236,6 +238,7 @@ export default function SidebarExample() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" className="pointer-events-none absolute top-1/2 left-2 size-4 -translate-y-1/2 opacity-50 select-none" /> diff --git a/apps/v4/registry/bases/radix/examples/sidebar-floating-example.tsx b/apps/v4/registry/bases/radix/examples/sidebar-floating-example.tsx index 559811a5dab..4e3a773c424 100644 --- a/apps/v4/registry/bases/radix/examples/sidebar-floating-example.tsx +++ b/apps/v4/registry/bases/radix/examples/sidebar-floating-example.tsx @@ -205,6 +205,7 @@ export default function SidebarFloatingExample() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" className="ml-auto" /> diff --git a/apps/v4/registry/bases/radix/examples/sidebar-icon-example.tsx b/apps/v4/registry/bases/radix/examples/sidebar-icon-example.tsx index 49fda8025ee..3e6e488368f 100644 --- a/apps/v4/registry/bases/radix/examples/sidebar-icon-example.tsx +++ b/apps/v4/registry/bases/radix/examples/sidebar-icon-example.tsx @@ -80,6 +80,7 @@ export default function SidebarIconExample() { lucide="TerminalSquareIcon" tabler="IconTerminal2" hugeicons="ComputerTerminalIcon" + phosphor="TerminalIcon" /> ), isActive: true, @@ -106,6 +107,7 @@ export default function SidebarIconExample() { lucide="BotIcon" tabler="IconRobot" hugeicons="RoboticIcon" + phosphor="RobotIcon" /> ), items: [ @@ -131,6 +133,7 @@ export default function SidebarIconExample() { lucide="BookOpen" tabler="IconBook" hugeicons="BookOpen02Icon" + phosphor="BookOpenIcon" /> ), items: [ @@ -160,6 +163,7 @@ export default function SidebarIconExample() { lucide="Settings2Icon" tabler="IconSettings" hugeicons="Settings05Icon" + phosphor="GearIcon" /> ), items: [ @@ -191,6 +195,7 @@ export default function SidebarIconExample() { lucide="FrameIcon" tabler="IconFrame" hugeicons="CropIcon" + phosphor="CropIcon" /> ), }, @@ -202,6 +207,7 @@ export default function SidebarIconExample() { lucide="PieChartIcon" tabler="IconChartPie" hugeicons="PieChartIcon" + phosphor="ChartPieIcon" /> ), }, @@ -213,6 +219,7 @@ export default function SidebarIconExample() { lucide="MapIcon" tabler="IconMap" hugeicons="MapsIcon" + phosphor="MapTrifoldIcon" /> ), }, @@ -277,6 +284,7 @@ export default function SidebarIconExample() { lucide="ChevronsUpDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretUpDownIcon" /> @@ -317,6 +325,7 @@ export default function SidebarIconExample() { lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" className="ml-auto transition-transform duration-100 group-data-open/collapsible:rotate-90" /> @@ -381,6 +390,7 @@ export default function SidebarIconExample() { lucide="ChevronsUpDownIcon" tabler="IconSelector" hugeicons="UnfoldMoreIcon" + phosphor="CaretUpDownIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/sidebar-inset-example.tsx b/apps/v4/registry/bases/radix/examples/sidebar-inset-example.tsx index 82169f7a0ce..a0c269eda39 100644 --- a/apps/v4/registry/bases/radix/examples/sidebar-inset-example.tsx +++ b/apps/v4/registry/bases/radix/examples/sidebar-inset-example.tsx @@ -38,6 +38,7 @@ export default function SidebarInsetExample() { lucide="HomeIcon" tabler="IconHome" hugeicons="Home01Icon" + phosphor="HouseIcon" /> ), isActive: true, @@ -60,6 +61,7 @@ export default function SidebarInsetExample() { lucide="ChartLineIcon" tabler="IconChartLine" hugeicons="ChartIcon" + phosphor="ChartLineIcon" /> ), items: [ @@ -81,6 +83,7 @@ export default function SidebarInsetExample() { lucide="ShoppingBagIcon" tabler="IconShoppingBag" hugeicons="ShoppingBag01Icon" + phosphor="BagIcon" /> ), items: [ @@ -106,6 +109,7 @@ export default function SidebarInsetExample() { lucide="ShoppingCartIcon" tabler="IconShoppingCart" hugeicons="ShoppingCart01Icon" + phosphor="ShoppingCartIcon" /> ), items: [ @@ -127,6 +131,7 @@ export default function SidebarInsetExample() { lucide="FileIcon" tabler="IconFile" hugeicons="File01Icon" + phosphor="FileIcon" /> ), }, @@ -138,6 +143,7 @@ export default function SidebarInsetExample() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> ), }, @@ -149,6 +155,7 @@ export default function SidebarInsetExample() { lucide="Settings2Icon" tabler="IconSettings" hugeicons="Settings05Icon" + phosphor="GearIcon" /> ), }, @@ -162,6 +169,7 @@ export default function SidebarInsetExample() { lucide="LifeBuoy" tabler="IconLifebuoy" hugeicons="ChartRingIcon" + phosphor="LifebuoyIcon" /> ), }, @@ -173,6 +181,7 @@ export default function SidebarInsetExample() { lucide="Send" tabler="IconSend" hugeicons="SentIcon" + phosphor="PaperPlaneTiltIcon" /> ), }, @@ -211,6 +220,7 @@ export default function SidebarInsetExample() { lucide="ChevronRightIcon" tabler="IconChevronRight" hugeicons="ArrowRight01Icon" + phosphor="CaretRightIcon" /> Toggle diff --git a/apps/v4/registry/bases/radix/examples/spinner-example.tsx b/apps/v4/registry/bases/radix/examples/spinner-example.tsx index 75cebffa1ba..7585ed851cc 100644 --- a/apps/v4/registry/bases/radix/examples/spinner-example.tsx +++ b/apps/v4/registry/bases/radix/examples/spinner-example.tsx @@ -135,6 +135,7 @@ function SpinnerInEmpty() { lucide="ArrowRightIcon" tabler="IconArrowRight" hugeicons="ArrowRight02Icon" + phosphor="ArrowRightIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/table-example.tsx b/apps/v4/registry/bases/radix/examples/table-example.tsx index 1b09ba30e1d..ce25e380b88 100644 --- a/apps/v4/registry/bases/radix/examples/table-example.tsx +++ b/apps/v4/registry/bases/radix/examples/table-example.tsx @@ -269,6 +269,7 @@ function TableWithActions() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> Open menu @@ -295,6 +296,7 @@ function TableWithActions() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> Open menu @@ -321,6 +323,7 @@ function TableWithActions() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> Open menu diff --git a/apps/v4/registry/bases/radix/examples/tabs-example.tsx b/apps/v4/registry/bases/radix/examples/tabs-example.tsx index 7776874f521..be60503f01f 100644 --- a/apps/v4/registry/bases/radix/examples/tabs-example.tsx +++ b/apps/v4/registry/bases/radix/examples/tabs-example.tsx @@ -112,6 +112,7 @@ function TabsWithIcons() { lucide="AppWindowIcon" tabler="IconAppWindow" hugeicons="CursorInWindowIcon" + phosphor="AppWindowIcon" /> Preview @@ -120,6 +121,7 @@ function TabsWithIcons() { lucide="CodeIcon" tabler="IconCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Code @@ -139,6 +141,7 @@ function TabsIconOnly() { lucide="HomeIcon" tabler="IconHome" hugeicons="HomeIcon" + phosphor="HouseIcon" /> @@ -146,6 +149,7 @@ function TabsIconOnly() { lucide="SearchIcon" tabler="IconSearch" hugeicons="SearchIcon" + phosphor="MagnifyingGlassIcon" /> @@ -153,6 +157,7 @@ function TabsIconOnly() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> @@ -259,6 +264,7 @@ function TabsWithDropdown() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeIcon" /> More options diff --git a/apps/v4/registry/bases/radix/examples/toggle-example.tsx b/apps/v4/registry/bases/radix/examples/toggle-example.tsx index d2867009859..ea701557db0 100644 --- a/apps/v4/registry/bases/radix/examples/toggle-example.tsx +++ b/apps/v4/registry/bases/radix/examples/toggle-example.tsx @@ -30,6 +30,7 @@ function ToggleBasic() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="TextBIcon" /> @@ -37,6 +38,7 @@ function ToggleBasic() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="TextItalicIcon" /> @@ -44,6 +46,7 @@ function ToggleBasic() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" + phosphor="TextUnderlineIcon" /> @@ -60,6 +63,7 @@ function ToggleOutline() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="TextItalicIcon" /> Italic @@ -68,6 +72,7 @@ function ToggleOutline() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="TextBIcon" /> Bold @@ -137,6 +142,7 @@ function ToggleWithButtonIcon() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="TextBIcon" /> @@ -144,6 +150,7 @@ function ToggleWithButtonIcon() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="TextBIcon" /> @@ -153,6 +160,7 @@ function ToggleWithButtonIcon() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="TextItalicIcon" /> @@ -173,6 +182,7 @@ function ToggleWithButtonIcon() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" + phosphor="TextUnderlineIcon" /> @@ -180,6 +190,7 @@ function ToggleWithButtonIcon() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" + phosphor="TextUnderlineIcon" /> @@ -199,6 +210,7 @@ function ToggleWithButtonIconText() { tabler="IconBold" hugeicons="TextBoldIcon" data-icon="inline-start" + phosphor="TextBIcon" /> Button @@ -207,6 +219,7 @@ function ToggleWithButtonIconText() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="TextBIcon" /> Toggle @@ -217,6 +230,7 @@ function ToggleWithButtonIconText() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="TextItalicIcon" data-icon="inline-start" /> Button @@ -230,6 +244,7 @@ function ToggleWithButtonIconText() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="TextItalicIcon" /> Toggle @@ -240,6 +255,7 @@ function ToggleWithButtonIconText() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" + phosphor="TextUnderlineIcon" data-icon="inline-start" /> Button @@ -249,6 +265,7 @@ function ToggleWithButtonIconText() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" + phosphor="TextUnderlineIcon" /> Toggle @@ -282,6 +299,7 @@ function ToggleWithIcon() { lucide="BookmarkIcon" tabler="IconBookmark" hugeicons="BookmarkIcon" + phosphor="BookmarkIcon" className="group-data-[state=on]/toggle:fill-accent-foreground" /> @@ -290,6 +308,7 @@ function ToggleWithIcon() { lucide="BookmarkIcon" tabler="IconBookmark" hugeicons="BookmarkIcon" + phosphor="BookmarkIcon" className="group-data-[state=on]/toggle:fill-accent-foreground" /> Bookmark diff --git a/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx b/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx index 286f996cd35..1283ca655a0 100644 --- a/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx +++ b/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx @@ -47,6 +47,7 @@ function ToggleGroupBasic() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="TextBIcon" /> @@ -54,6 +55,7 @@ function ToggleGroupBasic() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="TextItalicIcon" /> @@ -61,6 +63,7 @@ function ToggleGroupBasic() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" + phosphor="TextUnderlineIcon" /> @@ -92,6 +95,7 @@ function ToggleGroupOutlineWithIcons() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="TextBIcon" /> @@ -99,6 +103,7 @@ function ToggleGroupOutlineWithIcons() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="TextItalicIcon" /> @@ -106,6 +111,7 @@ function ToggleGroupOutlineWithIcons() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" + phosphor="TextUnderlineIcon" /> @@ -195,6 +201,7 @@ function ToggleGroupWithIcons() { lucide="StarIcon" tabler="IconStar" hugeicons="StarIcon" + phosphor="StarIcon" /> Star @@ -207,6 +214,7 @@ function ToggleGroupWithIcons() { lucide="HeartIcon" tabler="IconHeart" hugeicons="FavouriteIcon" + phosphor="HeartIcon" /> Heart @@ -219,6 +227,7 @@ function ToggleGroupWithIcons() { lucide="BookmarkIcon" tabler="IconBookmark" hugeicons="BookmarkIcon" + phosphor="BookmarkIcon" /> Bookmark @@ -289,6 +298,7 @@ function ToggleGroupSort() { lucide="ArrowDownIcon" tabler="IconArrowDown" hugeicons="ArrowDownIcon" + phosphor="ArrowDownIcon" /> Newest @@ -297,6 +307,7 @@ function ToggleGroupSort() { lucide="ArrowUpIcon" tabler="IconArrowUp" hugeicons="ArrowUpIcon" + phosphor="ArrowUpIcon" /> Oldest @@ -305,6 +316,7 @@ function ToggleGroupSort() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="TradeUpIcon" + phosphor="TrendUpIcon" /> Popular @@ -352,6 +364,7 @@ function ToggleGroupVertical() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="TextBIcon" /> @@ -359,6 +372,7 @@ function ToggleGroupVertical() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="TextItalicIcon" /> @@ -366,6 +380,7 @@ function ToggleGroupVertical() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" + phosphor="TextUnderlineIcon" /> @@ -414,6 +429,7 @@ function ToggleGroupVerticalOutlineWithIcons() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" + phosphor="TextBIcon" /> @@ -421,6 +437,7 @@ function ToggleGroupVerticalOutlineWithIcons() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" + phosphor="TextItalicIcon" /> @@ -428,6 +445,7 @@ function ToggleGroupVerticalOutlineWithIcons() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" + phosphor="TextUnderlineIcon" /> diff --git a/apps/v4/registry/bases/radix/examples/tooltip-example.tsx b/apps/v4/registry/bases/radix/examples/tooltip-example.tsx index d1669008a35..448fb31ba34 100644 --- a/apps/v4/registry/bases/radix/examples/tooltip-example.tsx +++ b/apps/v4/registry/bases/radix/examples/tooltip-example.tsx @@ -76,6 +76,7 @@ function TooltipWithIcon() { lucide="InfoIcon" tabler="IconInfoCircle" hugeicons="AlertCircleIcon" + phosphor="InfoIcon" /> Info @@ -135,6 +136,7 @@ function TooltipWithKeyboard() { lucide="SaveIcon" tabler="IconDeviceFloppy" hugeicons="FloppyDiskIcon" + phosphor="FloppyDiskIcon" /> diff --git a/apps/v4/registry/icons/__phosphor__.ts b/apps/v4/registry/icons/__phosphor__.ts index 3df8f062961..fd9752fd224 100644 --- a/apps/v4/registry/icons/__phosphor__.ts +++ b/apps/v4/registry/icons/__phosphor__.ts @@ -16,6 +16,7 @@ export { BagIcon } from "@phosphor-icons/react" export { BankIcon } from "@phosphor-icons/react" export { BellIcon } from "@phosphor-icons/react" export { BluetoothIcon } from "@phosphor-icons/react" +export { BoldIcon } from "@phosphor-icons/react" export { BookOpenIcon } from "@phosphor-icons/react" export { BookmarkIcon } from "@phosphor-icons/react" export { CalculatorIcon } from "@phosphor-icons/react" @@ -67,6 +68,7 @@ export { HeartIcon } from "@phosphor-icons/react" export { HouseIcon } from "@phosphor-icons/react" export { ImageIcon } from "@phosphor-icons/react" export { InfoIcon } from "@phosphor-icons/react" +export { ItalicIcon } from "@phosphor-icons/react" export { KeyboardIcon } from "@phosphor-icons/react" export { LayoutIcon } from "@phosphor-icons/react" export { LifebuoyIcon } from "@phosphor-icons/react" @@ -116,6 +118,7 @@ export { TranslateIcon } from "@phosphor-icons/react" export { TrashIcon } from "@phosphor-icons/react" export { TrayIcon } from "@phosphor-icons/react" export { TrendUpIcon } from "@phosphor-icons/react" +export { UnderlineIcon } from "@phosphor-icons/react" export { UploadIcon } from "@phosphor-icons/react" export { UserIcon } from "@phosphor-icons/react" export { UserMinusIcon } from "@phosphor-icons/react" From 6ddf2ec9d5bbbc7997f7ab067df7f46c16f3a873 Mon Sep 17 00:00:00 2001 From: Dominik Koch Date: Sat, 13 Dec 2025 12:20:50 +0100 Subject: [PATCH 6/7] feat: add missing phosphor icons --- .../sink/components/dropdown-menu-demo.tsx | 19 +++++++++++++++++++ .../bases/base/examples/avatar-example.tsx | 4 ++++ .../bases/base/examples/chart-example.tsx | 4 ++++ .../bases/base/examples/component-example.tsx | 3 +++ .../base/examples/context-menu-example.tsx | 9 +++++++++ .../base/examples/dropdown-menu-example.tsx | 14 ++++++++++++++ .../bases/base/examples/menubar-example.tsx | 1 + apps/v4/registry/icons/__phosphor__.ts | 2 +- 8 files changed, 55 insertions(+), 1 deletion(-) diff --git a/apps/v4/app/(internal)/sink/components/dropdown-menu-demo.tsx b/apps/v4/app/(internal)/sink/components/dropdown-menu-demo.tsx index ca922b654aa..0aa2250e40d 100644 --- a/apps/v4/app/(internal)/sink/components/dropdown-menu-demo.tsx +++ b/apps/v4/app/(internal)/sink/components/dropdown-menu-demo.tsx @@ -117,6 +117,7 @@ function DropdownMenuCheckboxes() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile @@ -125,6 +126,7 @@ function DropdownMenuCheckboxes() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing @@ -133,6 +135,7 @@ function DropdownMenuCheckboxes() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings @@ -167,6 +170,7 @@ function DropdownMenuCheckboxes() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign Out @@ -222,6 +226,7 @@ function DropdownMenuWithAvatar() { lucide="ChevronsUpDownIcon" tabler="IconChevronsUpDown" hugeicons="ChevronUpDownIcon" + phosphor="CaretUpDownIcon" className="text-muted-foreground ml-auto" /> @@ -251,6 +256,7 @@ function DropdownMenuWithAvatar() { lucide="SparklesIcon" tabler="IconSparkles" hugeicons="SparklesIcon" + phosphor="SparklesIcon" /> Upgrade to Pro @@ -262,6 +268,7 @@ function DropdownMenuWithAvatar() { lucide="BadgeCheckIcon" tabler="IconBadgeCheck" hugeicons="BadgeCheckIcon" + phosphor="CheckCircleIcon" /> Account @@ -270,6 +277,7 @@ function DropdownMenuWithAvatar() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing @@ -278,6 +286,7 @@ function DropdownMenuWithAvatar() { lucide="BellIcon" tabler="IconBell" hugeicons="BellIcon" + phosphor="BellIcon" /> Notifications @@ -288,6 +297,7 @@ function DropdownMenuWithAvatar() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign Out @@ -341,6 +351,7 @@ function DropdownMenuAvatarOnly() { lucide="SparklesIcon" tabler="IconSparkles" hugeicons="SparklesIcon" + phosphor="SparklesIcon" /> Upgrade to Pro @@ -352,6 +363,7 @@ function DropdownMenuAvatarOnly() { lucide="BadgeCheckIcon" tabler="IconBadgeCheck" hugeicons="BadgeCheckIcon" + phosphor="CheckCircleIcon" /> Account @@ -360,6 +372,7 @@ function DropdownMenuAvatarOnly() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing @@ -368,6 +381,7 @@ function DropdownMenuAvatarOnly() { lucide="BellIcon" tabler="IconBell" hugeicons="BellIcon" + phosphor="BellIcon" /> Notifications @@ -378,6 +392,7 @@ function DropdownMenuAvatarOnly() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign Out @@ -395,6 +410,7 @@ function DropdownMenuIconColor() { lucide="MoreHorizontalIcon" tabler="IconDots" hugeicons="MoreHorizontalCircle01Icon" + phosphor="DotsThreeOutlineIcon" /> Toggle menu @@ -406,6 +422,7 @@ function DropdownMenuIconColor() { lucide="PencilIcon" tabler="IconPencil" hugeicons="EditIcon" + phosphor="PencilIcon" /> Edit @@ -414,6 +431,7 @@ function DropdownMenuIconColor() { lucide="ShareIcon" tabler="IconShare" hugeicons="ShareIcon" + phosphor="ShareIcon" /> Share @@ -423,6 +441,7 @@ function DropdownMenuIconColor() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete diff --git a/apps/v4/registry/bases/base/examples/avatar-example.tsx b/apps/v4/registry/bases/base/examples/avatar-example.tsx index 9754ca5422f..f854f173fdc 100644 --- a/apps/v4/registry/bases/base/examples/avatar-example.tsx +++ b/apps/v4/registry/bases/base/examples/avatar-example.tsx @@ -367,6 +367,7 @@ function AvatarGroupWithIconCount() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -394,6 +395,7 @@ function AvatarGroupWithIconCount() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -427,6 +429,7 @@ function AvatarGroupWithIconCount() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> @@ -470,6 +473,7 @@ function AvatarInEmpty() { lucide="PlusIcon" tabler="IconPlus" hugeicons="PlusSignIcon" + phosphor="PlusIcon" /> diff --git a/apps/v4/registry/bases/base/examples/chart-example.tsx b/apps/v4/registry/bases/base/examples/chart-example.tsx index 3212970bc47..b6a077a2be7 100644 --- a/apps/v4/registry/bases/base/examples/chart-example.tsx +++ b/apps/v4/registry/bases/base/examples/chart-example.tsx @@ -191,6 +191,7 @@ function ChartBarExample() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="ChartUpIcon" + phosphor="TrendUpIcon" className="size-4" /> @@ -394,6 +395,7 @@ function ChartPieExample() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="ChartUpIcon" + phosphor="TrendUpIcon" className="size-4" /> @@ -464,6 +466,7 @@ function ChartRadarExample() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="ChartUpIcon" + phosphor="TrendUpIcon" className="size-4" /> @@ -558,6 +561,7 @@ function ChartRadialExample() { lucide="TrendingUpIcon" tabler="IconTrendingUp" hugeicons="ChartUpIcon" + phosphor="TrendUpIcon" className="size-4" /> diff --git a/apps/v4/registry/bases/base/examples/component-example.tsx b/apps/v4/registry/bases/base/examples/component-example.tsx index 7fa7d2b353e..468defc7aa7 100644 --- a/apps/v4/registry/bases/base/examples/component-example.tsx +++ b/apps/v4/registry/bases/base/examples/component-example.tsx @@ -252,6 +252,7 @@ function FormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Gamma @@ -260,6 +261,7 @@ function FormExample() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="CodeIcon" /> Project Delta @@ -475,6 +477,7 @@ function FormExample() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Push Notifications diff --git a/apps/v4/registry/bases/base/examples/context-menu-example.tsx b/apps/v4/registry/bases/base/examples/context-menu-example.tsx index e5a6a6ef6f9..96001aae31a 100644 --- a/apps/v4/registry/bases/base/examples/context-menu-example.tsx +++ b/apps/v4/registry/bases/base/examples/context-menu-example.tsx @@ -113,6 +113,7 @@ function ContextMenuWithIcons() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete @@ -341,6 +342,7 @@ function ContextMenuWithDestructive() { lucide="PencilIcon" tabler="IconPencil" hugeicons="EditIcon" + phosphor="PencilIcon" /> Edit @@ -349,6 +351,7 @@ function ContextMenuWithDestructive() { lucide="ShareIcon" tabler="IconShare" hugeicons="ShareIcon" + phosphor="ShareIcon" /> Share @@ -360,6 +363,7 @@ function ContextMenuWithDestructive() { lucide="ArchiveIcon" tabler="IconArchive" hugeicons="Archive02Icon" + phosphor="ArchiveIcon" /> Archive @@ -368,6 +372,7 @@ function ContextMenuWithDestructive() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete @@ -460,6 +465,7 @@ function ContextMenuInDialog() { lucide="CopyIcon" tabler="IconCopy" hugeicons="CopyIcon" + phosphor="CopyIcon" /> Copy @@ -468,6 +474,7 @@ function ContextMenuInDialog() { lucide="ScissorsIcon" tabler="IconCut" hugeicons="ScissorIcon" + phosphor="ScissorsIcon" /> Cut @@ -476,6 +483,7 @@ function ContextMenuInDialog() { lucide="ClipboardPasteIcon" tabler="IconClipboard" hugeicons="ClipboardIcon" + phosphor="ClipboardIcon" /> Paste @@ -502,6 +510,7 @@ function ContextMenuInDialog() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete diff --git a/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx b/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx index 9daeaf9e768..8a1800bddfd 100644 --- a/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx +++ b/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx @@ -414,6 +414,7 @@ function DropdownMenuWithRadioIcons() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Credit Card @@ -514,6 +515,7 @@ function DropdownMenuWithAvatar() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing @@ -522,6 +524,7 @@ function DropdownMenuWithAvatar() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Notifications @@ -532,6 +535,7 @@ function DropdownMenuWithAvatar() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign Out @@ -659,6 +663,7 @@ function DropdownMenuInDialog() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete @@ -758,6 +763,7 @@ function DropdownMenuComplex() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="FileCodeIcon" /> Project Gamma @@ -766,6 +772,7 @@ function DropdownMenuComplex() { lucide="FileCodeIcon" tabler="IconFileCode" hugeicons="CodeIcon" + phosphor="FileCodeIcon" /> Project Delta @@ -900,6 +907,7 @@ function DropdownMenuComplex() { lucide="UserIcon" tabler="IconUser" hugeicons="UserIcon" + phosphor="UserIcon" /> Profile ⇧⌘P @@ -909,6 +917,7 @@ function DropdownMenuComplex() { lucide="CreditCardIcon" tabler="IconCreditCard" hugeicons="CreditCardIcon" + phosphor="CreditCardIcon" /> Billing @@ -918,6 +927,7 @@ function DropdownMenuComplex() { lucide="SettingsIcon" tabler="IconSettings" hugeicons="SettingsIcon" + phosphor="GearIcon" /> Settings @@ -949,6 +959,7 @@ function DropdownMenuComplex() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Notifications @@ -971,6 +982,7 @@ function DropdownMenuComplex() { lucide="BellIcon" tabler="IconBell" hugeicons="NotificationIcon" + phosphor="BellIcon" /> Push Notifications @@ -987,6 +999,7 @@ function DropdownMenuComplex() { lucide="MailIcon" tabler="IconMail" hugeicons="MailIcon" + phosphor="EnvelopeIcon" /> Email Notifications @@ -1039,6 +1052,7 @@ function DropdownMenuComplex() { lucide="LogOutIcon" tabler="IconLogout" hugeicons="LogoutIcon" + phosphor="SignOutIcon" /> Sign Out ⇧⌘Q diff --git a/apps/v4/registry/bases/base/examples/menubar-example.tsx b/apps/v4/registry/bases/base/examples/menubar-example.tsx index f2e7111b1c6..902422b0a77 100644 --- a/apps/v4/registry/bases/base/examples/menubar-example.tsx +++ b/apps/v4/registry/bases/base/examples/menubar-example.tsx @@ -602,6 +602,7 @@ function MenubarInDialog() { lucide="TrashIcon" tabler="IconTrash" hugeicons="DeleteIcon" + phosphor="TrashIcon" /> Delete diff --git a/apps/v4/registry/icons/__phosphor__.ts b/apps/v4/registry/icons/__phosphor__.ts index fd9752fd224..815561ac38a 100644 --- a/apps/v4/registry/icons/__phosphor__.ts +++ b/apps/v4/registry/icons/__phosphor__.ts @@ -52,6 +52,7 @@ export { DownloadIcon } from "@phosphor-icons/react" export { EnvelopeIcon } from "@phosphor-icons/react" export { EyeIcon } from "@phosphor-icons/react" export { EyeSlashIcon } from "@phosphor-icons/react" +export { FileCodeIcon } from "@phosphor-icons/react" export { FileIcon } from "@phosphor-icons/react" export { FileTextIcon } from "@phosphor-icons/react" export { FloppyDiskIcon } from "@phosphor-icons/react" @@ -97,7 +98,6 @@ export { RobotIcon } from "@phosphor-icons/react" export { ScissorsIcon } from "@phosphor-icons/react" export { ShareIcon } from "@phosphor-icons/react" export { ShieldIcon } from "@phosphor-icons/react" -export { ShoppingBagIcon } from "@phosphor-icons/react" export { ShoppingCartIcon } from "@phosphor-icons/react" export { SidebarIcon } from "@phosphor-icons/react" export { SignOutIcon } from "@phosphor-icons/react" From 65403cb00f1fcb517ae0ce063bb74651cadaecea Mon Sep 17 00:00:00 2001 From: Dominik Koch Date: Sat, 13 Dec 2025 12:22:56 +0100 Subject: [PATCH 7/7] fix: rename broken icons --- apps/v4/registry/bases/radix/examples/menubar-example.tsx | 6 +++--- apps/v4/registry/icons/__phosphor__.ts | 3 --- 2 files changed, 3 insertions(+), 6 deletions(-) diff --git a/apps/v4/registry/bases/radix/examples/menubar-example.tsx b/apps/v4/registry/bases/radix/examples/menubar-example.tsx index feec990ebe7..b763e4ed59b 100644 --- a/apps/v4/registry/bases/radix/examples/menubar-example.tsx +++ b/apps/v4/registry/bases/radix/examples/menubar-example.tsx @@ -378,7 +378,7 @@ function MenubarFormat() { lucide="BoldIcon" tabler="IconBold" hugeicons="TextBoldIcon" - phosphor="BoldIcon" + phosphor="TextBIcon" /> Bold ⌘B @@ -387,7 +387,7 @@ function MenubarFormat() { lucide="ItalicIcon" tabler="IconItalic" hugeicons="TextItalicIcon" - phosphor="ItalicIcon" + phosphor="TextItalicIcon" /> Italic ⌘I @@ -396,7 +396,7 @@ function MenubarFormat() { lucide="UnderlineIcon" tabler="IconUnderline" hugeicons="TextUnderlineIcon" - phosphor="UnderlineIcon" + phosphor="TextUnderlineIcon" /> Underline ⌘U diff --git a/apps/v4/registry/icons/__phosphor__.ts b/apps/v4/registry/icons/__phosphor__.ts index 815561ac38a..43e1debb4a5 100644 --- a/apps/v4/registry/icons/__phosphor__.ts +++ b/apps/v4/registry/icons/__phosphor__.ts @@ -16,7 +16,6 @@ export { BagIcon } from "@phosphor-icons/react" export { BankIcon } from "@phosphor-icons/react" export { BellIcon } from "@phosphor-icons/react" export { BluetoothIcon } from "@phosphor-icons/react" -export { BoldIcon } from "@phosphor-icons/react" export { BookOpenIcon } from "@phosphor-icons/react" export { BookmarkIcon } from "@phosphor-icons/react" export { CalculatorIcon } from "@phosphor-icons/react" @@ -69,7 +68,6 @@ export { HeartIcon } from "@phosphor-icons/react" export { HouseIcon } from "@phosphor-icons/react" export { ImageIcon } from "@phosphor-icons/react" export { InfoIcon } from "@phosphor-icons/react" -export { ItalicIcon } from "@phosphor-icons/react" export { KeyboardIcon } from "@phosphor-icons/react" export { LayoutIcon } from "@phosphor-icons/react" export { LifebuoyIcon } from "@phosphor-icons/react" @@ -118,7 +116,6 @@ export { TranslateIcon } from "@phosphor-icons/react" export { TrashIcon } from "@phosphor-icons/react" export { TrayIcon } from "@phosphor-icons/react" export { TrendUpIcon } from "@phosphor-icons/react" -export { UnderlineIcon } from "@phosphor-icons/react" export { UploadIcon } from "@phosphor-icons/react" export { UserIcon } from "@phosphor-icons/react" export { UserMinusIcon } from "@phosphor-icons/react"