diff --git a/apps/www/src/lib/registry/new-york/ui/accordion/Accordion.vue b/apps/www/src/lib/registry/new-york/ui/accordion/Accordion.vue
new file mode 100644
index 00000000..f20aecb5
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/accordion/Accordion.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import {
+  AccordionRoot,
+  type AccordionRootEmits,
+  type AccordionRootProps,
+} from 'radix-vue'
+import { useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<AccordionRootProps>()
+const emits = defineEmits<AccordionRootEmits>()
+</script>
+
+<template>
+  <AccordionRoot v-bind="{ ...props, ...useEmitAsProps(emits) }" class="accordion">
+    <slot />
+  </AccordionRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/accordion/AccordionContent.vue b/apps/www/src/lib/registry/new-york/ui/accordion/AccordionContent.vue
new file mode 100644
index 00000000..10703dec
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/accordion/AccordionContent.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { AccordionContent, type AccordionContentProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<AccordionContentProps & { class?: string }>()
+</script>
+
+<template>
+  <AccordionContent
+    v-bind="props"
+    :class="
+      cn(
+        'overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down',
+        props.class,
+      )
+    "
+  >
+    <div class="pb-4 pt-0">
+      <slot />
+    </div>
+  </AccordionContent>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/accordion/AccordionItem.vue b/apps/www/src/lib/registry/new-york/ui/accordion/AccordionItem.vue
new file mode 100644
index 00000000..c78bf5aa
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/accordion/AccordionItem.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { AccordionItem, type AccordionItemProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<AccordionItemProps & { class?: string }>()
+</script>
+
+<template>
+  <AccordionItem
+    v-bind="props"
+    :class="cn('border-b', props.class ?? '')"
+  >
+    <slot />
+  </AccordionItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/accordion/AccordionTrigger.vue b/apps/www/src/lib/registry/new-york/ui/accordion/AccordionTrigger.vue
new file mode 100644
index 00000000..c9bf4816
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/accordion/AccordionTrigger.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import {
+  AccordionHeader,
+  AccordionTrigger,
+  type AccordionTriggerProps,
+} from 'radix-vue'
+import RadixIconsChevronDown from '~icons/radix-icons/chevron-down'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<AccordionTriggerProps & { class?: string }>()
+</script>
+
+<template>
+  <AccordionHeader class="flex" as="div">
+    <AccordionTrigger
+      v-bind="props"
+      :class="
+        cn(
+          'flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',
+          props.class,
+        )
+      "
+    >
+      <slot />
+      <RadixIconsChevronDown
+        class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
+      />
+    </AccordionTrigger>
+  </AccordionHeader>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/accordion/index.ts b/apps/www/src/lib/registry/new-york/ui/accordion/index.ts
new file mode 100644
index 00000000..9340ac06
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/accordion/index.ts
@@ -0,0 +1,4 @@
+export { default as Accordion } from './Accordion.vue'
+export { default as AccordionContent } from './AccordionContent.vue'
+export { default as AccordionItem } from './AccordionItem.vue'
+export { default as AccordionTrigger } from './AccordionTrigger.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialog.vue b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialog.vue
new file mode 100644
index 00000000..b7eda12b
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialog.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { type AlertDialogEmits, type AlertDialogProps, AlertDialogRoot } from 'radix-vue'
+import { useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<AlertDialogProps>()
+
+const emits = defineEmits<AlertDialogEmits>()
+
+const emitsAsProps = useEmitAsProps(emits)
+</script>
+
+<template>
+  <AlertDialogRoot v-bind="{ ...props, ...emitsAsProps }">
+    <slot />
+  </AlertDialogRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogAction.vue b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogAction.vue
new file mode 100644
index 00000000..8ebf7157
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogAction.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { AlertDialogAction, type AlertDialogActionProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+import { buttonVariants } from '@/lib/registry/default/ui/button'
+
+const props = defineProps<AlertDialogActionProps>()
+</script>
+
+<template>
+  <AlertDialogAction v-bind="props" :class="cn(buttonVariants(), $attrs.class ?? '')">
+    <slot />
+  </AlertDialogAction>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogCancel.vue b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogCancel.vue
new file mode 100644
index 00000000..fe3531b3
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogCancel.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { AlertDialogCancel, type AlertDialogCancelProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+import { buttonVariants } from '@/lib/registry/default/ui/button'
+
+const props = defineProps<AlertDialogCancelProps>()
+</script>
+
+<template>
+  <AlertDialogCancel v-bind="props" :class="cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', $attrs.class ?? '')">
+    <slot />
+  </AlertDialogCancel>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogContent.vue b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogContent.vue
new file mode 100644
index 00000000..fde4167f
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogContent.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import {
+  AlertDialogContent,
+  type AlertDialogContentEmits,
+  type AlertDialogContentProps,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+} from 'radix-vue'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<AlertDialogContentProps & { class?: string }>()
+
+const emits = defineEmits<AlertDialogContentEmits>()
+
+const emitsAsProps = useEmitAsProps(emits)
+</script>
+
+<template>
+  <AlertDialogPortal>
+    <AlertDialogOverlay
+      class="fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+    />
+    <AlertDialogContent
+      v-bind="{ ...props, ...emitsAsProps }"
+      :class="
+        cn(
+          'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',
+          props.class,
+        )
+      "
+    >
+      <slot />
+    </AlertDialogContent>
+  </AlertDialogPortal>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogDescription.vue b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogDescription.vue
new file mode 100644
index 00000000..7ff155e6
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogDescription.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import {
+  AlertDialogDescription,
+  type AlertDialogDescriptionProps,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<AlertDialogDescriptionProps & { class?: string }>()
+</script>
+
+<template>
+  <AlertDialogDescription
+    :class="cn('text-muted-foreground text-sm', props.class)"
+    :as-child="props.asChild"
+  >
+    <slot />
+  </AlertDialogDescription>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogFooter.vue b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogFooter.vue
new file mode 100644
index 00000000..de4af93b
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogFooter.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps({
+  class: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div
+    :class="
+      cn(
+        'flex flex-col space-y-2 sm:space-y-0 mt-3.5 sm:flex-row sm:justify-end sm:space-x-2',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogHeader.vue b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogHeader.vue
new file mode 100644
index 00000000..a350b718
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogHeader.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps({
+  class: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div
+    :class="cn('flex flex-col space-y-2 text-center sm:text-left', props.class)"
+  >
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogTitle.vue b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogTitle.vue
new file mode 100644
index 00000000..9b6491f2
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogTitle.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { AlertDialogTitle, type AlertDialogTitleProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<AlertDialogTitleProps & { class?: string }>()
+</script>
+
+<template>
+  <AlertDialogTitle
+    :as-child="props.asChild"
+    :class="cn('text-lg text-foreground font-semibold', props.class)"
+  >
+    <slot />
+  </AlertDialogTitle>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogTrigger.vue b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogTrigger.vue
new file mode 100644
index 00000000..4f5e2fd0
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert-dialog/AlertDialogTrigger.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { AlertDialogTrigger, type AlertDialogTriggerProps } from 'radix-vue'
+
+const props = defineProps<AlertDialogTriggerProps>()
+</script>
+
+<template>
+  <AlertDialogTrigger v-bind="props">
+    <slot />
+  </AlertDialogTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/alert-dialog/index.ts b/apps/www/src/lib/registry/new-york/ui/alert-dialog/index.ts
new file mode 100644
index 00000000..91d138ae
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert-dialog/index.ts
@@ -0,0 +1,9 @@
+export { default as AlertDialog } from './AlertDialog.vue'
+export { default as AlertDialogTrigger } from './AlertDialogTrigger.vue'
+export { default as AlertDialogContent } from './AlertDialogContent.vue'
+export { default as AlertDialogHeader } from './AlertDialogHeader.vue'
+export { default as AlertDialogTitle } from './AlertDialogTitle.vue'
+export { default as AlertDialogDescription } from './AlertDialogDescription.vue'
+export { default as AlertDialogFooter } from './AlertDialogFooter.vue'
+export { default as AlertDialogAction } from './AlertDialogAction.vue'
+export { default as AlertDialogCancel } from './AlertDialogCancel.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/alert/Alert.vue b/apps/www/src/lib/registry/new-york/ui/alert/Alert.vue
new file mode 100644
index 00000000..b95d5c89
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert/Alert.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { alertVariants } from '.'
+import { cn } from '@/lib/utils'
+
+interface Props {
+  variant?: NonNullable<Parameters<typeof alertVariants>[0]>['variant']
+  class?: string
+}
+
+const props = defineProps<Props>()
+</script>
+
+<template>
+  <div :class="cn(alertVariants({ variant }), props.class ?? '')">
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/alert/AlertDescription.vue b/apps/www/src/lib/registry/new-york/ui/alert/AlertDescription.vue
new file mode 100644
index 00000000..a539b631
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert/AlertDescription.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps({
+  class: String,
+})
+</script>
+
+<template>
+  <div :class="cn('text-sm [&_p]:leading-relaxed', props.class)">
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/alert/AlertTitle.vue b/apps/www/src/lib/registry/new-york/ui/alert/AlertTitle.vue
new file mode 100644
index 00000000..c5dd22c2
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert/AlertTitle.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+</script>
+
+<template>
+  <h5 :class="cn('mb-1 font-medium leading-none tracking-tight', $attrs.class ?? '')">
+    <slot />
+  </h5>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/alert/index.ts b/apps/www/src/lib/registry/new-york/ui/alert/index.ts
new file mode 100644
index 00000000..499ee68a
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/alert/index.ts
@@ -0,0 +1,21 @@
+import { cva } from 'class-variance-authority'
+
+export { default as Alert } from './Alert.vue'
+export { default as AlertTitle } from './AlertTitle.vue'
+export { default as AlertDescription } from './AlertDescription.vue'
+
+export const alertVariants = cva(
+  'relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7',
+  {
+    variants: {
+      variant: {
+        default: 'bg-background text-foreground',
+        destructive:
+          'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  },
+)
diff --git a/apps/www/src/lib/registry/new-york/ui/aspect-ratio/AspectRatio.vue b/apps/www/src/lib/registry/new-york/ui/aspect-ratio/AspectRatio.vue
new file mode 100644
index 00000000..65291818
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/aspect-ratio/AspectRatio.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { AspectRatio, type AspectRatioProps } from 'radix-vue'
+
+const props = defineProps<AspectRatioProps>()
+</script>
+
+<template>
+  <AspectRatio v-bind="props">
+    <slot />
+  </AspectRatio>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/aspect-ratio/index.ts b/apps/www/src/lib/registry/new-york/ui/aspect-ratio/index.ts
new file mode 100644
index 00000000..3faf121c
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/aspect-ratio/index.ts
@@ -0,0 +1 @@
+export { default as AspectRatio } from './AspectRatio.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/avatar/Avatar.vue b/apps/www/src/lib/registry/new-york/ui/avatar/Avatar.vue
new file mode 100644
index 00000000..39f71b65
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/avatar/Avatar.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { AvatarRoot } from 'radix-vue'
+import { avatarVariant } from '.'
+import { cn } from '@/lib/utils'
+
+interface Props {
+  size?: NonNullable<Parameters<typeof avatarVariant>[0]>['size']
+  shape?: NonNullable<Parameters<typeof avatarVariant>[0]>['shape']
+  class?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  size: 'sm',
+  shape: 'circle',
+})
+</script>
+
+<template>
+  <AvatarRoot :class="cn(avatarVariant({ size, shape }), props.class)">
+    <slot />
+  </AvatarRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/avatar/AvatarFallback.vue b/apps/www/src/lib/registry/new-york/ui/avatar/AvatarFallback.vue
new file mode 100644
index 00000000..a671a219
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/avatar/AvatarFallback.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { AvatarFallback, type AvatarFallbackProps } from 'radix-vue'
+
+const props = defineProps<AvatarFallbackProps>()
+</script>
+
+<template>
+  <AvatarFallback v-bind="props">
+    <slot />
+  </AvatarFallback>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/avatar/AvatarImage.vue b/apps/www/src/lib/registry/new-york/ui/avatar/AvatarImage.vue
new file mode 100644
index 00000000..28861feb
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/avatar/AvatarImage.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { AvatarImage, type AvatarImageProps } from 'radix-vue'
+
+const props = defineProps<AvatarImageProps>()
+</script>
+
+<template>
+  <AvatarImage v-bind="props" class="h-full w-full aspect-square" />
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/avatar/index.ts b/apps/www/src/lib/registry/new-york/ui/avatar/index.ts
new file mode 100644
index 00000000..df30260e
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/avatar/index.ts
@@ -0,0 +1,22 @@
+import { cva } from 'class-variance-authority'
+
+export { default as Avatar } from './Avatar.vue'
+export { default as AvatarImage } from './AvatarImage.vue'
+export { default as AvatarFallback } from './AvatarFallback.vue'
+
+export const avatarVariant = cva(
+  'inline-flex items-center justify-center font-normal text-foregorund select-none shrink-0 bg-muted overflow-hidden',
+  {
+    variants: {
+      size: {
+        sm: 'h-10 w-10 text-xs',
+        base: 'h-16 w-16 text-2xl',
+        lg: 'h-32 w-32 text-5xl',
+      },
+      shape: {
+        circle: 'rounded-full',
+        square: 'rounded-md',
+      },
+    },
+  },
+)
diff --git a/apps/www/src/lib/registry/new-york/ui/badge/Badge.vue b/apps/www/src/lib/registry/new-york/ui/badge/Badge.vue
new file mode 100644
index 00000000..b459c145
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/badge/Badge.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import type { VariantProps } from 'class-variance-authority'
+import { badgeVariants } from '.'
+import { cn } from '@/lib/utils'
+
+interface BadgeVariantProps extends VariantProps<typeof badgeVariants> {}
+
+interface Props {
+  variant?: BadgeVariantProps['variant']
+}
+defineProps<Props>()
+</script>
+
+<template>
+  <div :class="cn(badgeVariants({ variant }), $attrs.class ?? '')">
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/badge/index.ts b/apps/www/src/lib/registry/new-york/ui/badge/index.ts
new file mode 100644
index 00000000..6bcca9b1
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/badge/index.ts
@@ -0,0 +1,23 @@
+import { cva } from 'class-variance-authority'
+
+export { default as Badge } from './Badge.vue'
+
+export const badgeVariants = cva(
+  'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
+  {
+    variants: {
+      variant: {
+        default:
+          'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',
+        secondary:
+          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        destructive:
+          'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',
+        outline: 'text-foreground',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  },
+)
diff --git a/apps/www/src/lib/registry/new-york/ui/button/Button.vue b/apps/www/src/lib/registry/new-york/ui/button/Button.vue
new file mode 100644
index 00000000..d721b1ab
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/button/Button.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { buttonVariants } from '.'
+import { cn } from '@/lib/utils'
+
+interface Props {
+  variant?: NonNullable<Parameters<typeof buttonVariants>[0]>['variant']
+  size?: NonNullable<Parameters<typeof buttonVariants>[0]>['size']
+  as?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  as: 'button',
+})
+</script>
+
+<template>
+  <component
+    :is="as"
+    :class="cn(buttonVariants({ variant, size }), $attrs.class ?? '')"
+  >
+    <slot />
+  </component>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/button/index.ts b/apps/www/src/lib/registry/new-york/ui/button/index.ts
new file mode 100644
index 00000000..aa543186
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/button/index.ts
@@ -0,0 +1,33 @@
+import { cva } from 'class-variance-authority'
+
+export { default as Button } from './Button.vue'
+
+export const buttonVariants = cva(
+  'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',
+  {
+    variants: {
+      variant: {
+        default:
+            'bg-primary text-primary-foreground shadow hover:bg-primary/90',
+        destructive:
+            'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
+        outline:
+            'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',
+        secondary:
+            'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+        link: 'text-primary underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-9 px-4 py-2',
+        sm: 'h-8 rounded-md px-3 text-xs',
+        lg: 'h-10 rounded-md px-8',
+        icon: 'h-9 w-9',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+)
diff --git a/apps/www/src/lib/registry/new-york/ui/calendar/Calendar.vue b/apps/www/src/lib/registry/new-york/ui/calendar/Calendar.vue
new file mode 100644
index 00000000..7ca169ad
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/calendar/Calendar.vue
@@ -0,0 +1,110 @@
+<script setup lang="ts">
+import { useVModel } from '@vueuse/core'
+import type { Calendar } from 'v-calendar'
+import { DatePicker } from 'v-calendar'
+import { ChevronLeft, ChevronRight } from 'lucide-vue-next'
+import { computed, nextTick, onMounted, ref } from 'vue'
+import { buttonVariants } from '../button'
+import { cn } from '@/lib/utils'
+
+const props = withDefaults(defineProps< {
+  modelValue?: string | number | Date | Partial<{
+    start: Date
+    end: Date
+  }>
+  modelModifiers?: object
+  columns?: number
+  type?: 'single' | 'range'
+}>(), {
+  type: 'single',
+  columns: 1,
+})
+const emits = defineEmits<{
+  (e: 'update:modelValue', payload: typeof props.modelValue): void
+}>()
+
+const modelValue = useVModel(props, 'modelValue', emits, {
+  passive: true,
+})
+
+const datePicker = ref<InstanceType<typeof DatePicker>>()
+// @ts-expect-error in this current version of v-calendar has the calendaRef instance, which is required to handle arrow nav.
+const calendarRef = computed<InstanceType<typeof Calendar>>(() => datePicker.value.calendarRef)
+
+function handleNav(direction: 'prev' | 'next') {
+  if (!calendarRef.value)
+    return
+
+  if (direction === 'prev')
+    calendarRef.value.movePrev()
+  else calendarRef.value.moveNext()
+}
+
+onMounted(async () => {
+  await nextTick()
+  await nextTick()
+  if (modelValue.value instanceof Date && calendarRef.value)
+    calendarRef.value.focusDate(modelValue.value)
+})
+</script>
+
+<template>
+  <div class="relative">
+    <div class="absolute top-3 flex justify-between w-full px-4">
+      <button :class="cn(buttonVariants({ variant: 'outline' }), 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100')" @click="handleNav('prev')">
+        <ChevronLeft class="w-4 h-4" />
+      </button>
+      <button :class="cn(buttonVariants({ variant: 'outline' }), 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100')" @click="handleNav('next')">
+        <ChevronRight class="w-4 h-4" />
+      </button>
+    </div>
+
+    <DatePicker ref="datePicker" v-model="modelValue" :model-modifiers="modelModifiers" class="calendar" trim-weeks :transition="'none'" :columns="columns" />
+  </div>
+</template>
+
+<style lang="postcss">
+.calendar {
+  @apply p-3 text-center;
+}
+.calendar .vc-pane-layout {
+  @apply grid gap-4;
+}
+.calendar .vc-title {
+  @apply text-sm font-medium pointer-events-none;
+}
+.calendar .vc-pane-header-wrapper {
+  @apply hidden;
+}
+.calendar .vc-weeks {
+  @apply mt-4;
+}
+.calendar .vc-weekdays {
+  @apply flex;
+}
+.calendar .vc-weekday {
+  @apply text-muted-foreground rounded-md w-8 font-normal text-[0.8rem];
+}
+.calendar .vc-weeks {
+  @apply w-full space-y-2 flex flex-col [&>_div]:grid [&>_div]:grid-cols-7;
+}
+.calendar .vc-day:has(.vc-highlights) {
+  @apply bg-accent first:rounded-l-md last:rounded-r-md overflow-hidden;
+}
+.calendar .vc-day-content  {
+  @apply text-center text-sm p-0 relative focus-within:relative focus-within:z-20 inline-flex items-center justify-center ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hover:bg-accent hover:text-accent-foreground h-8 w-8 font-normal aria-selected:opacity-100 select-none;
+}
+.calendar .vc-day-content:not(.vc-highlight-content-light) {
+  @apply rounded-md;
+}
+.calendar .is-not-in-month:not(:has(.vc-highlight-content-solid)):not(:has(.vc-highlight-content-light)):not(:has(.vc-highlight-content-outline)),
+.calendar .vc-disabled {
+  @apply text-muted-foreground opacity-50;
+}
+.calendar .vc-highlight-content-solid, .calendar .vc-highlight-content-outline {
+  @apply bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground;
+}
+.calendar .vc-highlight-content-light {
+  @apply bg-accent text-accent-foreground;
+}
+</style>
diff --git a/apps/www/src/lib/registry/new-york/ui/calendar/index.ts b/apps/www/src/lib/registry/new-york/ui/calendar/index.ts
new file mode 100644
index 00000000..50f21114
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/calendar/index.ts
@@ -0,0 +1 @@
+export { default as Calendar } from './Calendar.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/card/Card.vue b/apps/www/src/lib/registry/new-york/ui/card/Card.vue
new file mode 100644
index 00000000..f8b4ef1f
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/card/Card.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps({
+  class: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div
+    :class="
+      cn(
+        'rounded-xl border bg-card text-card-foreground shadow',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/card/CardContent.vue b/apps/www/src/lib/registry/new-york/ui/card/CardContent.vue
new file mode 100644
index 00000000..9dc5a661
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/card/CardContent.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps({
+  class: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div :class="cn('p-6 pt-0', props.class)">
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/card/CardDescription.vue b/apps/www/src/lib/registry/new-york/ui/card/CardDescription.vue
new file mode 100644
index 00000000..6f1fc0ee
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/card/CardDescription.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps({
+  class: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <p :class="cn('text-sm text-muted-foreground', props.class)">
+    <slot />
+  </p>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/card/CardFooter.vue b/apps/www/src/lib/registry/new-york/ui/card/CardFooter.vue
new file mode 100644
index 00000000..fb1205b9
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/card/CardFooter.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps({
+  class: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div :class="cn('flex items-center p-6 pt-0', props.class)">
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/card/CardHeader.vue b/apps/www/src/lib/registry/new-york/ui/card/CardHeader.vue
new file mode 100644
index 00000000..7422a5ad
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/card/CardHeader.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps({
+  class: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <div :class="cn('flex flex-col space-y-1.5 p-6', props.class)">
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/card/CardTitle.vue b/apps/www/src/lib/registry/new-york/ui/card/CardTitle.vue
new file mode 100644
index 00000000..b5c27b34
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/card/CardTitle.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps({
+  class: {
+    type: String,
+    default: '',
+  },
+})
+</script>
+
+<template>
+  <h3
+    :class="
+      cn('font-semibold leading-none tracking-tight', props.class)
+    "
+  >
+    <slot />
+  </h3>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/card/index.ts b/apps/www/src/lib/registry/new-york/ui/card/index.ts
new file mode 100644
index 00000000..8170483c
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/card/index.ts
@@ -0,0 +1,6 @@
+export { default as Card } from './Card.vue'
+export { default as CardHeader } from './CardHeader.vue'
+export { default as CardTitle } from './CardTitle.vue'
+export { default as CardDescription } from './CardDescription.vue'
+export { default as CardContent } from './CardContent.vue'
+export { default as CardFooter } from './CardFooter.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/checkbox/Checkbox.vue b/apps/www/src/lib/registry/new-york/ui/checkbox/Checkbox.vue
new file mode 100644
index 00000000..321b3c88
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/checkbox/Checkbox.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import type { CheckboxRootEmits, CheckboxRootProps } from 'radix-vue'
+import { CheckboxIndicator, CheckboxRoot } from 'radix-vue'
+import RadixIconsCheck from '~icons/radix-icons/check'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<CheckboxRootProps>()
+const emits = defineEmits<CheckboxRootEmits>()
+
+const emitsAsProps = useEmitAsProps(emits)
+</script>
+
+<template>
+  <CheckboxRoot
+    v-bind="{ ...props, ...emitsAsProps }"
+    :class="
+      cn('peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',
+         $attrs.class ?? '')"
+  >
+    <CheckboxIndicator class="flex items-center justify-center text-current">
+      <RadixIconsCheck class="h-4 w-4" />
+    </CheckboxIndicator>
+  </CheckboxRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/checkbox/index.ts b/apps/www/src/lib/registry/new-york/ui/checkbox/index.ts
new file mode 100644
index 00000000..8c28c286
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/checkbox/index.ts
@@ -0,0 +1 @@
+export { default as Checkbox } from './Checkbox.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/collapsible/Collapsible.vue b/apps/www/src/lib/registry/new-york/ui/collapsible/Collapsible.vue
new file mode 100644
index 00000000..495d2a50
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/collapsible/Collapsible.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import { CollapsibleRoot } from 'radix-vue'
+import type { CollapsibleRootEmits, CollapsibleRootProps } from 'radix-vue'
+import { useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<CollapsibleRootProps>()
+const emits = defineEmits<CollapsibleRootEmits>()
+</script>
+
+<template>
+  <CollapsibleRoot v-slot="{ open }" v-bind="{ ...props, ...useEmitAsProps(emits) }">
+    <slot :open="open" />
+  </CollapsibleRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/collapsible/CollapsibleContent.vue b/apps/www/src/lib/registry/new-york/ui/collapsible/CollapsibleContent.vue
new file mode 100644
index 00000000..c4827a9e
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/collapsible/CollapsibleContent.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { CollapsibleContent, type CollapsibleContentProps } from 'radix-vue'
+
+const props = defineProps<CollapsibleContentProps>()
+</script>
+
+<template>
+  <CollapsibleContent v-bind="props">
+    <slot />
+  </CollapsibleContent>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/collapsible/CollapsibleTrigger.vue b/apps/www/src/lib/registry/new-york/ui/collapsible/CollapsibleTrigger.vue
new file mode 100644
index 00000000..4a434639
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/collapsible/CollapsibleTrigger.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { CollapsibleTrigger, type CollapsibleTriggerProps } from 'radix-vue'
+
+const props = defineProps<CollapsibleTriggerProps>()
+</script>
+
+<template>
+  <CollapsibleTrigger v-bind="props">
+    <slot />
+  </CollapsibleTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/collapsible/index.ts b/apps/www/src/lib/registry/new-york/ui/collapsible/index.ts
new file mode 100644
index 00000000..4930f4c6
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/collapsible/index.ts
@@ -0,0 +1,3 @@
+export { default as Collapsible } from './Collapsible.vue'
+export { default as CollapsibleTrigger } from './CollapsibleTrigger.vue'
+export { default as CollapsibleContent } from './CollapsibleContent.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenu.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenu.vue
new file mode 100644
index 00000000..f042c306
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenu.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import { ContextMenuRoot } from 'radix-vue'
+import type { ContextMenuRootEmits, ContextMenuRootProps } from 'radix-vue'
+import { useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<ContextMenuRootProps>()
+const emits = defineEmits<ContextMenuRootEmits>()
+</script>
+
+<template>
+  <ContextMenuRoot v-bind="{ ...props, ...useEmitAsProps(emits) }">
+    <slot />
+  </ContextMenuRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuCheckboxItem.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuCheckboxItem.vue
new file mode 100644
index 00000000..e3abb007
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuCheckboxItem.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import {
+  ContextMenuCheckboxItem,
+  type ContextMenuCheckboxItemEmits,
+  type ContextMenuCheckboxItemProps,
+  ContextMenuItemIndicator,
+} from 'radix-vue'
+import RadixIconsCheck from '~icons/radix-icons/check'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<ContextMenuCheckboxItemProps & { class?: string }>()
+const emits = defineEmits<ContextMenuCheckboxItemEmits>()
+</script>
+
+<template>
+  <ContextMenuCheckboxItem
+    v-bind="{ ...props, ...useEmitAsProps(emits) }"
+    :class="[
+      cn(
+        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+        props.class,
+      ),
+    ]"
+  >
+    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuItemIndicator
+        class="absolute left-1.5 inline-flex w-4 h-4 items-center justify-center"
+      >
+        <RadixIconsCheck class="h-4 w-4" />
+      </ContextMenuItemIndicator>
+    </span>
+    <slot />
+  </ContextMenuCheckboxItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuContent.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuContent.vue
new file mode 100644
index 00000000..67dcff43
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuContent.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import {
+  ContextMenuContent,
+  type ContextMenuContentEmits,
+  type ContextMenuContentProps,
+  ContextMenuPortal,
+} from 'radix-vue'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<ContextMenuContentProps & { class?: string }>()
+const emits = defineEmits<ContextMenuContentEmits>()
+</script>
+
+<template>
+  <ContextMenuPortal>
+    <ContextMenuContent
+      :align-offset="props.alignOffset"
+      :class="[
+        cn(
+          'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+          props.class,
+        ),
+      ]"
+      v-bind="{ ...props, ...useEmitAsProps(emits) }"
+    >
+      <slot />
+    </ContextMenuContent>
+  </ContextMenuPortal>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuGroup.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuGroup.vue
new file mode 100644
index 00000000..b7458d77
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuGroup.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { ContextMenuGroup, type ContextMenuGroupProps } from 'radix-vue'
+
+const props = defineProps<ContextMenuGroupProps>()
+</script>
+
+<template>
+  <ContextMenuGroup v-bind="props">
+    <slot />
+  </ContextMenuGroup>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuItem.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuItem.vue
new file mode 100644
index 00000000..19b3765d
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuItem.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import {
+  ContextMenuItem,
+  type ContextMenuItemEmits,
+  type ContextMenuItemProps,
+} from 'radix-vue'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<ContextMenuItemProps & { class?: string; inset?: boolean }>()
+const emits = defineEmits<ContextMenuItemEmits>()
+</script>
+
+<template>
+  <ContextMenuItem
+    v-bind="{ ...props, ...useEmitAsProps(emits) }"
+    :class="[
+      cn(
+        'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+        inset && 'pl-8',
+        props.class,
+      ),
+    ]"
+  >
+    <slot />
+  </ContextMenuItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuLabel.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuLabel.vue
new file mode 100644
index 00000000..3702f395
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuLabel.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { ContextMenuLabel, type ContextMenuLabelProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<ContextMenuLabelProps & { class?: string; inset?: boolean }>()
+</script>
+
+<template>
+  <ContextMenuLabel
+    v-bind="props"
+    :class="
+      cn('px-2 py-1.5 text-sm font-semibold text-foreground',
+         inset && 'pl-8', props.class ?? '',
+      )"
+  >
+    <slot />
+  </ContextMenuLabel>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuPortal.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuPortal.vue
new file mode 100644
index 00000000..73dc714b
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuPortal.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { ContextMenuPortal, type ContextMenuPortalProps } from 'radix-vue'
+
+const props = defineProps<ContextMenuPortalProps>()
+</script>
+
+<template>
+  <ContextMenuPortal v-bind="props">
+    <slot />
+  </ContextMenuPortal>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuRadioGroup.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuRadioGroup.vue
new file mode 100644
index 00000000..bb0b173d
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuRadioGroup.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import {
+  ContextMenuRadioGroup,
+  type ContextMenuRadioGroupEmits,
+  type ContextMenuRadioGroupProps,
+} from 'radix-vue'
+
+const props = defineProps<ContextMenuRadioGroupProps>()
+
+const emits = defineEmits<ContextMenuRadioGroupEmits>()
+</script>
+
+<template>
+  <ContextMenuRadioGroup
+    v-bind="props"
+    @update:model-value="emits('update:modelValue', $event)"
+  >
+    <slot />
+  </ContextMenuRadioGroup>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuRadioItem.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuRadioItem.vue
new file mode 100644
index 00000000..ea9aa8aa
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuRadioItem.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import {
+  ContextMenuItemIndicator,
+  ContextMenuRadioItem,
+  type ContextMenuRadioItemEmits,
+  type ContextMenuRadioItemProps,
+} from 'radix-vue'
+import RadixIconsDotFilled from '~icons/radix-icons/dot-filled'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<ContextMenuRadioItemProps & { class?: string }>()
+const emits = defineEmits<ContextMenuRadioItemEmits>()
+</script>
+
+<template>
+  <ContextMenuRadioItem
+    v-bind="{ ...props, ...useEmitAsProps(emits) }"
+    :class="[
+      cn(
+        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+        props.class,
+      ),
+    ]"
+  >
+    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuItemIndicator>
+        <RadixIconsDotFilled class="h-4 w-4 fill-current" />
+      </ContextMenuItemIndicator>
+    </span>
+    <slot />
+  </ContextMenuRadioItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuSeparator.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuSeparator.vue
new file mode 100644
index 00000000..bf1eca8b
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuSeparator.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import {
+  ContextMenuSeparator,
+  type ContextMenuSeparatorProps,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<ContextMenuSeparatorProps>()
+</script>
+
+<template>
+  <ContextMenuSeparator v-bind="props" :class="cn('-mx-1 my-1 h-px bg-border', $attrs.class ?? '')" />
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuShortcut.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuShortcut.vue
new file mode 100644
index 00000000..e97f3c2b
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuShortcut.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+</script>
+
+<template>
+  <span :class="cn('ml-auto text-xs tracking-widest text-muted-foreground', $attrs.class ?? '')">
+    <slot />
+  </span>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuSub.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuSub.vue
new file mode 100644
index 00000000..80471807
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuSub.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import {
+  ContextMenuSub,
+  type ContextMenuSubEmits,
+  type ContextMenuSubProps,
+} from 'radix-vue'
+
+const props = defineProps<ContextMenuSubProps>()
+
+const emits = defineEmits<ContextMenuSubEmits>()
+</script>
+
+<template>
+  <ContextMenuSub v-bind="props" @update:open="emits('update:open', $event)">
+    <slot />
+  </ContextMenuSub>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuSubContent.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuSubContent.vue
new file mode 100644
index 00000000..ebeb363e
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuSubContent.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import {
+  ContextMenuSubContent,
+  type DropdownMenuSubContentEmits,
+  type DropdownMenuSubContentProps,
+} from 'radix-vue'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<DropdownMenuSubContentProps & { class?: string }>()
+const emits = defineEmits<DropdownMenuSubContentEmits>()
+</script>
+
+<template>
+  <ContextMenuSubContent
+    v-bind="{ ...props, ...useEmitAsProps(emits) }"
+    :class="
+      cn(
+        'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </ContextMenuSubContent>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuSubTrigger.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuSubTrigger.vue
new file mode 100644
index 00000000..258a6df7
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuSubTrigger.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import {
+  ContextMenuSubTrigger,
+  type ContextMenuSubTriggerProps,
+} from 'radix-vue'
+import { ChevronRight } from 'lucide-vue-next'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<ContextMenuSubTriggerProps & { class?: string; inset?: boolean }>()
+</script>
+
+<template>
+  <ContextMenuSubTrigger
+    v-bind="props"
+    :class="[
+      cn(
+        'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
+        inset && 'pl-8',
+        props.class,
+      ),
+    ]"
+  >
+    <slot />
+    <ChevronRight class="ml-auto h-4 w-4" />
+  </ContextMenuSubTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuTrigger.vue b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuTrigger.vue
new file mode 100644
index 00000000..9747cc1a
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/ContextMenuTrigger.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { ContextMenuTrigger, type ContextMenuTriggerProps } from 'radix-vue'
+
+const props = defineProps<ContextMenuTriggerProps>()
+</script>
+
+<template>
+  <ContextMenuTrigger v-bind="props">
+    <slot />
+  </ContextMenuTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/context-menu/index.ts b/apps/www/src/lib/registry/new-york/ui/context-menu/index.ts
new file mode 100644
index 00000000..157f7b1d
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/context-menu/index.ts
@@ -0,0 +1,14 @@
+export { default as ContextMenu } from './ContextMenu.vue'
+export { default as ContextMenuTrigger } from './ContextMenuTrigger.vue'
+export { default as ContextMenuContent } from './ContextMenuContent.vue'
+export { default as ContextMenuGroup } from './ContextMenuGroup.vue'
+export { default as ContextMenuRadioGroup } from './ContextMenuRadioGroup.vue'
+export { default as ContextMenuItem } from './ContextMenuItem.vue'
+export { default as ContextMenuCheckboxItem } from './ContextMenuCheckboxItem.vue'
+export { default as ContextMenuRadioItem } from './ContextMenuRadioItem.vue'
+export { default as ContextMenuShortcut } from './ContextMenuShortcut.vue'
+export { default as ContextMenuSeparator } from './ContextMenuSeparator.vue'
+export { default as ContextMenuLabel } from './ContextMenuLabel.vue'
+export { default as ContextMenuSub } from './ContextMenuSub.vue'
+export { default as ContextMenuSubTrigger } from './ContextMenuSubTrigger.vue'
+export { default as ContextMenuSubContent } from './ContextMenuSubContent.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/dialog/Dialog.vue b/apps/www/src/lib/registry/new-york/ui/dialog/Dialog.vue
new file mode 100644
index 00000000..65d92c86
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dialog/Dialog.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { DialogRoot } from 'radix-vue'
+</script>
+
+<template>
+  <DialogRoot>
+    <slot />
+  </DialogRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dialog/DialogContent.vue b/apps/www/src/lib/registry/new-york/ui/dialog/DialogContent.vue
new file mode 100644
index 00000000..82d2a911
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dialog/DialogContent.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import {
+  DialogClose,
+  DialogContent,
+  type DialogContentEmits,
+  type DialogContentProps,
+  DialogOverlay,
+  DialogPortal,
+} from 'radix-vue'
+import RadixIconsCross2 from '~icons/radix-icons/cross-2'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<DialogContentProps & { class?: string }>()
+const emits = defineEmits<DialogContentEmits>()
+
+const emitsAsProps = useEmitAsProps(emits)
+</script>
+
+<template>
+  <DialogPortal>
+    <DialogOverlay
+      class="fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+    />
+    <DialogContent
+      :class="
+        cn(
+          'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',
+          props.class,
+        )
+      "
+      v-bind="{ ...props, ...emitsAsProps }"
+    >
+      <slot />
+
+      <DialogClose
+        class="absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary"
+      >
+        <RadixIconsCross2 class="w-4 h-4" />
+        <span className="sr-only">Close</span>
+      </DialogClose>
+    </DialogContent>
+  </DialogPortal>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dialog/DialogDescription.vue b/apps/www/src/lib/registry/new-york/ui/dialog/DialogDescription.vue
new file mode 100644
index 00000000..05018228
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dialog/DialogDescription.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { DialogDescription, type DialogDescriptionProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<DialogDescriptionProps & { class?: string }>()
+</script>
+
+<template>
+  <DialogDescription
+    v-bind="props"
+    :class="cn('text-muted-foreground text-sm', props.class)"
+  >
+    <slot />
+  </DialogDescription>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dialog/DialogFooter.vue b/apps/www/src/lib/registry/new-york/ui/dialog/DialogFooter.vue
new file mode 100644
index 00000000..734623f2
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dialog/DialogFooter.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+interface DialogFooterProps {
+  class?: string
+}
+
+const props = defineProps<DialogFooterProps>()
+</script>
+
+<template>
+  <div
+    :class="
+      cn(
+        'flex flex-col space-y-2 sm:space-y-0 mt-1.5 sm:flex-row sm:justify-end sm:space-x-2',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dialog/DialogHeader.vue b/apps/www/src/lib/registry/new-york/ui/dialog/DialogHeader.vue
new file mode 100644
index 00000000..ad3340bd
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dialog/DialogHeader.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+interface DialogHeaderProps {
+  class?: string
+}
+
+const props = defineProps<DialogHeaderProps>()
+</script>
+
+<template>
+  <div
+    :class="cn('flex flex-col space-y-2 text-center sm:text-left', props.class)"
+  >
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dialog/DialogTitle.vue b/apps/www/src/lib/registry/new-york/ui/dialog/DialogTitle.vue
new file mode 100644
index 00000000..5e748aae
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dialog/DialogTitle.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { DialogTitle, type DialogTitleProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<DialogTitleProps & { class?: string }>()
+</script>
+
+<template>
+  <DialogTitle
+    v-bind="props"
+    :class="
+      cn(
+        'text-lg text-foreground font-semibold leading-none tracking-tight',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </DialogTitle>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dialog/DialogTrigger.vue b/apps/www/src/lib/registry/new-york/ui/dialog/DialogTrigger.vue
new file mode 100644
index 00000000..ee0c12ff
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dialog/DialogTrigger.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { DialogTrigger, type DialogTriggerProps } from 'radix-vue'
+
+const props = defineProps<DialogTriggerProps>()
+</script>
+
+<template>
+  <DialogTrigger v-bind="props">
+    <slot />
+  </DialogTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dialog/index.ts b/apps/www/src/lib/registry/new-york/ui/dialog/index.ts
new file mode 100644
index 00000000..5cffe9e9
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dialog/index.ts
@@ -0,0 +1,7 @@
+export { default as Dialog } from './Dialog.vue'
+export { default as DialogTrigger } from './DialogTrigger.vue'
+export { default as DialogHeader } from './DialogHeader.vue'
+export { default as DialogTitle } from './DialogTitle.vue'
+export { default as DialogDescription } from './DialogDescription.vue'
+export { default as DialogContent } from './DialogContent.vue'
+export { default as DialogFooter } from './DialogFooter.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenu.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenu.vue
new file mode 100644
index 00000000..703c640d
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenu.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { DropdownMenuRoot, type DropdownMenuRootEmits, type DropdownMenuRootProps } from 'radix-vue'
+import { useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<DropdownMenuRootProps>()
+const emits = defineEmits<DropdownMenuRootEmits>()
+</script>
+
+<template>
+  <DropdownMenuRoot v-bind="{ ...props, ...useEmitAsProps(emits) }">
+    <slot />
+  </DropdownMenuRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
new file mode 100644
index 00000000..10490662
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import {
+  DropdownMenuCheckboxItem,
+  type DropdownMenuCheckboxItemEmits,
+  type DropdownMenuCheckboxItemProps,
+  DropdownMenuItemIndicator,
+} from 'radix-vue'
+import RadixIconsCheck from '~icons/radix-icons/check'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<DropdownMenuCheckboxItemProps & { class?: string }>()
+const emits = defineEmits<DropdownMenuCheckboxItemEmits>()
+</script>
+
+<template>
+  <DropdownMenuCheckboxItem
+    v-bind="{ ...props, ...useEmitAsProps(emits) }"
+    :class=" cn(
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      props.class,
+    )"
+  >
+    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuItemIndicator>
+        <RadixIconsCheck class="w-4 h-4" />
+      </DropdownMenuItemIndicator>
+    </span>
+    <slot />
+  </DropdownMenuCheckboxItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuContent.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuContent.vue
new file mode 100644
index 00000000..69c96685
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuContent.vue
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import {
+  DropdownMenuContent,
+  type DropdownMenuContentProps,
+  DropdownMenuPortal,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = withDefaults(
+  defineProps<DropdownMenuContentProps & { class?: string }>(),
+  {
+    sideOffset: 4,
+  },
+)
+</script>
+
+<template>
+  <DropdownMenuPortal>
+    <DropdownMenuContent
+      :loop="props.loop"
+      :as-child="props.asChild"
+      :side-offset="props.sideOffset"
+      :side="props.side"
+      :align="props.align"
+      :align-offset="props.alignOffset"
+      :class="[
+        cn(
+          'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+          props.class,
+        ),
+      ]"
+    >
+      <slot />
+    </DropdownMenuContent>
+  </DropdownMenuPortal>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuGroup.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuGroup.vue
new file mode 100644
index 00000000..3f201352
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuGroup.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { DropdownMenuGroup, type DropdownMenuGroupProps } from 'radix-vue'
+
+const props = defineProps<DropdownMenuGroupProps>()
+</script>
+
+<template>
+  <DropdownMenuGroup v-bind="props">
+    <slot />
+  </DropdownMenuGroup>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuItem.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuItem.vue
new file mode 100644
index 00000000..b632e09f
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuItem.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { DropdownMenuItem, type DropdownMenuItemProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<DropdownMenuItemProps & { inset?: boolean; class?: string }>()
+</script>
+
+<template>
+  <DropdownMenuItem
+    v-bind="props"
+    :class="[
+      cn(
+        'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+        inset && 'pl-8',
+        props.class,
+      ),
+    ]"
+  >
+    <slot />
+  </DropdownMenuItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuLabel.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuLabel.vue
new file mode 100644
index 00000000..c94782d7
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuLabel.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { DropdownMenuLabel, type DropdownMenuLabelProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<DropdownMenuLabelProps & {
+  inset?: boolean
+  class?: string
+}>()
+</script>
+
+<template>
+  <DropdownMenuLabel
+    v-bind="props"
+    :class="
+      cn('px-2 py-1.5 text-sm font-semibold',
+         inset && 'pl-8', props.class)"
+  >
+    <slot />
+  </DropdownMenuLabel>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuRadioGroup.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuRadioGroup.vue
new file mode 100644
index 00000000..5bdc41f7
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuRadioGroup.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import {
+  DropdownMenuRadioGroup,
+  type DropdownMenuRadioGroupEmits,
+  type DropdownMenuRadioGroupProps,
+} from 'radix-vue'
+
+const props = defineProps<DropdownMenuRadioGroupProps>()
+
+const emits = defineEmits<DropdownMenuRadioGroupEmits>()
+</script>
+
+<template>
+  <DropdownMenuRadioGroup
+    v-bind="props"
+    @update:model-value="emits('update:modelValue', $event)"
+  >
+    <slot />
+  </DropdownMenuRadioGroup>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuRadioItem.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuRadioItem.vue
new file mode 100644
index 00000000..20cb34c7
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuRadioItem.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import {
+  DropdownMenuItemIndicator,
+  DropdownMenuRadioItem,
+  type DropdownMenuRadioItemEmits,
+  type DropdownMenuRadioItemProps,
+} from 'radix-vue'
+import RadixIconsDotFilled from '~icons/radix-icons/dot-filled'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<DropdownMenuRadioItemProps & { class?: string }>()
+
+const emits = defineEmits<DropdownMenuRadioItemEmits>()
+</script>
+
+<template>
+  <DropdownMenuRadioItem
+    v-bind="{ ...props, ...useEmitAsProps(emits) }"
+    :class="cn(
+      'flex relative items-center rounded-md transition-colors data-[disabled]:opacity-50 data-[disabled]:pointer-events-none data-[highlighted]:bg-outline-hover pl-7 py-1.5 text-sm outline-none select-none cursor-default',
+      props.class,
+    )"
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+
+      <DropdownMenuItemIndicator>
+        <RadixIconsDotFilled class="h-4 w-4 fill-current" />
+      </DropdownMenuItemIndicator>
+    </span>
+    <slot />
+  </DropdownMenuRadioItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuSeparator.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuSeparator.vue
new file mode 100644
index 00000000..9cb171be
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuSeparator.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import {
+  DropdownMenuSeparator,
+  type DropdownMenuSeparatorProps,
+} from 'radix-vue'
+
+const props = defineProps<DropdownMenuSeparatorProps>()
+</script>
+
+<template>
+  <DropdownMenuSeparator v-bind="props" class="-mx-1 my-1 h-px bg-muted" />
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuShortcut.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuShortcut.vue
new file mode 100644
index 00000000..008520cb
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuShortcut.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+</script>
+
+<template>
+  <span :class="cn('ml-auto text-xs tracking-widest opacity-60', $attrs.class ?? '')">
+    <slot />
+  </span>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuSub.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuSub.vue
new file mode 100644
index 00000000..7589389f
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuSub.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import {
+  DropdownMenuSub,
+  type DropdownMenuSubEmits,
+  type DropdownMenuSubProps,
+} from 'radix-vue'
+
+const props = defineProps<DropdownMenuSubProps>()
+
+const emits = defineEmits<DropdownMenuSubEmits>()
+</script>
+
+<template>
+  <DropdownMenuSub v-bind="props" @update:open="emits('update:open', $event)">
+    <slot />
+  </DropdownMenuSub>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuSubContent.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuSubContent.vue
new file mode 100644
index 00000000..293a2fab
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuSubContent.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import {
+  DropdownMenuSubContent,
+  type DropdownMenuSubContentEmits,
+  type DropdownMenuSubContentProps,
+} from 'radix-vue'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<DropdownMenuSubContentProps>()
+const emits = defineEmits<DropdownMenuSubContentEmits>()
+</script>
+
+<template>
+  <DropdownMenuSubContent
+    v-bind="{ ...props, ...useEmitAsProps(emits) }"
+    :class="cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', $attrs.class ?? '')"
+  >
+    <slot />
+  </DropdownMenuSubContent>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuSubTrigger.vue
new file mode 100644
index 00000000..e4a77f47
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuSubTrigger.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import {
+  DropdownMenuSubTrigger,
+  type DropdownMenuSubTriggerProps,
+} from 'radix-vue'
+import { ChevronRight } from 'lucide-vue-next'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<DropdownMenuSubTriggerProps & { class?: string }>()
+</script>
+
+<template>
+  <DropdownMenuSubTrigger
+    v-bind="props"
+    :class="[
+      cn(
+        'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
+        props.class,
+      ),
+    ]"
+  >
+    <slot />
+    <ChevronRight class="ml-auto h-4 w-4" />
+  </DropdownMenuSubTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuTrigger.vue b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuTrigger.vue
new file mode 100644
index 00000000..73d88670
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/DropdownMenuTrigger.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { DropdownMenuTrigger, type DropdownMenuTriggerProps } from 'radix-vue'
+
+const props = defineProps<DropdownMenuTriggerProps>()
+</script>
+
+<template>
+  <DropdownMenuTrigger class="outline-none" v-bind="props">
+    <slot />
+  </DropdownMenuTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/dropdown-menu/index.ts b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/index.ts
new file mode 100644
index 00000000..6f9446c3
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/dropdown-menu/index.ts
@@ -0,0 +1,16 @@
+export { DropdownMenuPortal } from 'radix-vue'
+
+export { default as DropdownMenu } from './DropdownMenu.vue'
+export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue'
+export { default as DropdownMenuContent } from './DropdownMenuContent.vue'
+export { default as DropdownMenuGroup } from './DropdownMenuGroup.vue'
+export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue'
+export { default as DropdownMenuItem } from './DropdownMenuItem.vue'
+export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue'
+export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue'
+export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue'
+export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue'
+export { default as DropdownMenuLabel } from './DropdownMenuLabel.vue'
+export { default as DropdownMenuSub } from './DropdownMenuSub.vue'
+export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue'
+export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/hover-card/HoverCard.vue b/apps/www/src/lib/registry/new-york/ui/hover-card/HoverCard.vue
new file mode 100644
index 00000000..00fb9c04
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/hover-card/HoverCard.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { HoverCardRoot, type HoverCardRootProps } from 'radix-vue'
+
+const props = defineProps<HoverCardRootProps>()
+</script>
+
+<template>
+  <HoverCardRoot v-bind="props">
+    <slot />
+  </HoverCardRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/hover-card/HoverCardContent.vue b/apps/www/src/lib/registry/new-york/ui/hover-card/HoverCardContent.vue
new file mode 100644
index 00000000..eef7d526
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/hover-card/HoverCardContent.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import {
+  HoverCardContent,
+  type HoverCardContentProps,
+  HoverCardPortal,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = withDefaults(
+  defineProps<HoverCardContentProps & { class?: string }>(),
+  {
+    sideOffset: 4,
+  },
+)
+</script>
+
+<template>
+  <HoverCardPortal>
+    <HoverCardContent
+      v-bind="props"
+      :class="
+        cn(
+          'z-50 w-64 rounded-md bg-background border border-border p-4 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+          props.class,
+        )
+      "
+    >
+      <slot />
+    </HoverCardContent>
+  </HoverCardPortal>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/hover-card/HoverCardTrigger.vue b/apps/www/src/lib/registry/new-york/ui/hover-card/HoverCardTrigger.vue
new file mode 100644
index 00000000..3e300b95
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/hover-card/HoverCardTrigger.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { HoverCardTrigger, type HoverCardTriggerProps } from 'radix-vue'
+
+const props = defineProps<HoverCardTriggerProps>()
+</script>
+
+<template>
+  <HoverCardTrigger v-bind="props">
+    <slot />
+  </HoverCardTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/hover-card/index.ts b/apps/www/src/lib/registry/new-york/ui/hover-card/index.ts
new file mode 100644
index 00000000..c7bfd32d
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/hover-card/index.ts
@@ -0,0 +1,3 @@
+export { default as HoverCard } from './HoverCard.vue'
+export { default as HoverCardTrigger } from './HoverCardTrigger.vue'
+export { default as HoverCardContent } from './HoverCardContent.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/input/Input.vue b/apps/www/src/lib/registry/new-york/ui/input/Input.vue
new file mode 100644
index 00000000..7a7fbd07
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/input/Input.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { useVModel } from '@vueuse/core'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<{
+  defaultValue?: string | number
+  modelValue?: string | number
+}>()
+
+const emits = defineEmits<{
+  (e: 'update:modelValue', payload: string | number): void
+}>()
+
+const modelValue = useVModel(props, 'modelValue', emits, {
+  passive: true,
+  defaultValue: props.defaultValue,
+})
+</script>
+
+<template>
+  <input v-model="modelValue" type="text" :class="cn(cn('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', $attrs.class ?? ''))">
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/input/index.ts b/apps/www/src/lib/registry/new-york/ui/input/index.ts
new file mode 100644
index 00000000..a691dd6c
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/input/index.ts
@@ -0,0 +1 @@
+export { default as Input } from './Input.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/label/Label.vue b/apps/www/src/lib/registry/new-york/ui/label/Label.vue
new file mode 100644
index 00000000..e44d139e
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/label/Label.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { Label, type LabelProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<LabelProps & { class?: string }>()
+</script>
+
+<template>
+  <Label
+    v-bind="props"
+    :class="
+      cn(
+        'block text-sm tracking-tight font-medium text-foreground text-left',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </Label>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/label/index.ts b/apps/www/src/lib/registry/new-york/ui/label/index.ts
new file mode 100644
index 00000000..572c2f01
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/label/index.ts
@@ -0,0 +1 @@
+export { default as Label } from './Label.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/Menubar.vue b/apps/www/src/lib/registry/new-york/ui/menubar/Menubar.vue
new file mode 100644
index 00000000..515cad4c
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/Menubar.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import {
+  MenubarRoot,
+  type MenubarRootEmits,
+  type MenubarRootProps,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<MenubarRootProps & { class?: string }>()
+
+const emits = defineEmits<MenubarRootEmits>()
+</script>
+
+<template>
+  <MenubarRoot
+    v-bind="props"
+    :class="
+      cn(
+        'flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm',
+        props.class,
+      )
+    "
+    @update:model-value="emits('update:modelValue', $event)"
+  >
+    <slot />
+  </MenubarRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarCheckboxItem.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarCheckboxItem.vue
new file mode 100644
index 00000000..fe9002a2
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarCheckboxItem.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import {
+  MenubarCheckboxItem,
+  type MenubarCheckboxItemEmits,
+  type MenubarCheckboxItemProps,
+  MenubarItemIndicator,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+import RadixIconsCheck from '~icons/radix-icons/check'
+
+const props = defineProps<MenubarCheckboxItemProps & { class?: string }>()
+
+const emit = defineEmits<MenubarCheckboxItemEmits>()
+</script>
+
+<template>
+  <MenubarCheckboxItem
+    v-bind="props"
+    :class="[
+      cn(
+        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+        props.class,
+      ),
+    ]"
+    @update:checked="emit('update:checked', $event)"
+    @select="emit('select', $event)"
+  >
+    <MenubarItemIndicator
+      class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
+    >
+      <RadixIconsCheck class="w-4 h-4" />
+    </MenubarItemIndicator>
+    <slot />
+  </MenubarCheckboxItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarContent.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarContent.vue
new file mode 100644
index 00000000..8b0dab3c
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarContent.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import {
+  MenubarContent,
+  type MenubarContentProps,
+  MenubarPortal,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = withDefaults(
+  defineProps<MenubarContentProps & { class?: string }>(),
+  {
+    align: 'start',
+    alignOffset: -4,
+    sideOffset: 8,
+  },
+)
+</script>
+
+<template>
+  <MenubarPortal>
+    <MenubarContent
+      :loop="props.loop"
+      :as-child="props.asChild"
+      :side-offset="props.sideOffset"
+      :side="props.side"
+      :align="props.align"
+      :align-offset="props.alignOffset"
+      :class="
+        cn(
+          'z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+          props.class,
+        )
+      "
+    >
+      <slot />
+    </MenubarContent>
+  </MenubarPortal>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarGroup.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarGroup.vue
new file mode 100644
index 00000000..853976b5
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarGroup.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { MenubarGroup, type MenubarGroupProps } from 'radix-vue'
+
+const props = defineProps<MenubarGroupProps>()
+</script>
+
+<template>
+  <MenubarGroup v-bind="props">
+    <slot />
+  </MenubarGroup>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarItem.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarItem.vue
new file mode 100644
index 00000000..279dd243
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarItem.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import {
+  MenubarItem,
+  type MenubarItemEmits,
+  type MenubarItemProps,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<MenubarItemProps & { inset?: boolean; class?: string }>()
+
+const emits = defineEmits<MenubarItemEmits>()
+</script>
+
+<template>
+  <MenubarItem
+    v-bind="props"
+    :class="[
+      cn(
+        'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+        inset && 'pl-8',
+        props.class,
+      ),
+    ]"
+    @select="emits('select', $event)"
+  >
+    <slot />
+  </MenubarItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarLabel.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarLabel.vue
new file mode 100644
index 00000000..04296b44
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarLabel.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { MenubarLabel, type MenubarLabelProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<MenubarLabelProps & { inset?: boolean; class?: string }>()
+</script>
+
+<template>
+  <MenubarLabel :class="cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', props.class)">
+    <slot />
+  </MenubarLabel>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarMenu.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarMenu.vue
new file mode 100644
index 00000000..fec5ee55
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarMenu.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { MenubarMenu, type MenubarMenuProps } from 'radix-vue'
+
+const props = defineProps<MenubarMenuProps>()
+</script>
+
+<template>
+  <MenubarMenu v-bind="props">
+    <slot />
+  </MenubarMenu>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarRadioGroup.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarRadioGroup.vue
new file mode 100644
index 00000000..29ec574a
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarRadioGroup.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import {
+  MenubarRadioGroup,
+  type MenubarRadioGroupEmits,
+  type MenubarRadioGroupProps,
+} from 'radix-vue'
+
+const props = defineProps<MenubarRadioGroupProps>()
+
+const emits = defineEmits<MenubarRadioGroupEmits>()
+</script>
+
+<template>
+  <MenubarRadioGroup
+    v-bind="props"
+    @update:model-value="emits('update:modelValue', $event)"
+  >
+    <slot />
+  </MenubarRadioGroup>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarRadioItem.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarRadioItem.vue
new file mode 100644
index 00000000..4a1f5961
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarRadioItem.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import {
+  MenubarItemIndicator,
+  MenubarRadioItem,
+  type MenubarRadioItemEmits,
+  type MenubarRadioItemProps,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+import RadixIconsDotFilled from '~icons/radix-icons/dot-filled'
+
+const props = defineProps<MenubarRadioItemProps & { class?: string }>()
+
+const emits = defineEmits<MenubarRadioItemEmits>()
+</script>
+
+<template>
+  <MenubarRadioItem
+    v-bind="props"
+    :class="[
+      cn(
+        'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+        props.class,
+      ),
+    ]"
+    @select="emits('select', $event)"
+  >
+    <MenubarItemIndicator
+      class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
+    >
+      <RadixIconsDotFilled class="h-4 w-4 fill-current" />
+    </MenubarItemIndicator>
+
+    <slot />
+  </MenubarRadioItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarSeparator.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarSeparator.vue
new file mode 100644
index 00000000..1198dd94
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarSeparator.vue
@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import { MenubarSeparator, type MenubarSeparatorProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<MenubarSeparatorProps>()
+</script>
+
+<template>
+  <MenubarSeparator :class=" cn('-mx-1 my-1 h-px bg-secondary', $attrs.class ?? '')" v-bind="props" />
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarShortcut.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarShortcut.vue
new file mode 100644
index 00000000..31bc729b
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarShortcut.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+</script>
+
+<template>
+  <span :class="cn('text-xs ml-auto tracking-widest opacity-50', $attrs.class ?? '')">
+    <slot />
+  </span>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarSub.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarSub.vue
new file mode 100644
index 00000000..4adcc356
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarSub.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import {
+  MenubarSub,
+  type MenubarSubEmits,
+} from 'radix-vue'
+
+interface MenubarSubRootProps {
+  defaultOpen?: boolean
+  open?: boolean
+}
+
+const props = defineProps<MenubarSubRootProps>()
+
+const emits = defineEmits<MenubarSubEmits>()
+</script>
+
+<template>
+  <MenubarSub v-bind="props" @update:open="emits('update:open', $event)">
+    <slot />
+  </MenubarSub>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarSubContent.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarSubContent.vue
new file mode 100644
index 00000000..cd52f2f0
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarSubContent.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import {
+  MenubarPortal,
+  MenubarSubContent,
+  type MenubarSubContentEmits,
+  type MenubarSubContentProps,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = withDefaults(
+  defineProps<MenubarSubContentProps & { class?: string }>(),
+  {
+    sideOffset: 2,
+    alignOffset: 0,
+  },
+)
+
+const emits = defineEmits<MenubarSubContentEmits>()
+</script>
+
+<template>
+  <MenubarPortal>
+    <MenubarSubContent
+      :loop="props.loop"
+      :as-child="props.asChild"
+      :side-offset="props.sideOffset"
+      :side="props.side"
+      :align="props.align"
+      :align-offset="props.alignOffset"
+      :class="
+        cn(
+          'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+          props.class,
+        )
+      "
+    >
+      <slot />
+    </MenubarSubContent>
+  </MenubarPortal>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarSubTrigger.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarSubTrigger.vue
new file mode 100644
index 00000000..e7292188
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarSubTrigger.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { MenubarSubTrigger, type MenubarSubTriggerProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<MenubarSubTriggerProps & { inset?: boolean; class?: string }>()
+</script>
+
+<template>
+  <MenubarSubTrigger
+    v-bind="props"
+    :class="[
+      cn(
+        'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
+        inset && 'pl-8',
+        props.class,
+      ),
+    ]"
+  >
+    <slot />
+  </MenubarSubTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/MenubarTrigger.vue b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarTrigger.vue
new file mode 100644
index 00000000..824e0a6b
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/MenubarTrigger.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { MenubarTrigger, type MenubarTriggerProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<MenubarTriggerProps & { class?: string }>()
+</script>
+
+<template>
+  <MenubarTrigger
+    v-bind="props"
+    :class="
+      cn(
+        'flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </MenubarTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/menubar/index.ts b/apps/www/src/lib/registry/new-york/ui/menubar/index.ts
new file mode 100644
index 00000000..808ec4d3
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/menubar/index.ts
@@ -0,0 +1,15 @@
+export { default as Menubar } from './Menubar.vue'
+export { default as MenubarItem } from './MenubarItem.vue'
+export { default as MenubarContent } from './MenubarContent.vue'
+export { default as MenubarGroup } from './MenubarGroup.vue'
+export { default as MenubarMenu } from './MenubarMenu.vue'
+export { default as MenubarRadioGroup } from './MenubarRadioGroup.vue'
+export { default as MenubarRadioItem } from './MenubarRadioItem.vue'
+export { default as MenubarCheckboxItem } from './MenubarCheckboxItem.vue'
+export { default as MenubarSeparator } from './MenubarSeparator.vue'
+export { default as MenubarSub } from './MenubarSub.vue'
+export { default as MenubarSubContent } from './MenubarSubContent.vue'
+export { default as MenubarSubTrigger } from './MenubarSubTrigger.vue'
+export { default as MenubarTrigger } from './MenubarTrigger.vue'
+export { default as MenubarShortcut } from './MenubarShortcut.vue'
+export { default as MenubarLabel } from './MenubarLabel.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenu.vue b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenu.vue
new file mode 100644
index 00000000..39d79fb2
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenu.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import {
+  NavigationMenuRoot,
+  type NavigationMenuRootEmits,
+  type NavigationMenuRootProps,
+} from 'radix-vue'
+import NavigationMenuViewport from './NavigationMenuViewport.vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<NavigationMenuRootProps & { class?: string }>()
+
+const emits = defineEmits<NavigationMenuRootEmits>()
+</script>
+
+<template>
+  <NavigationMenuRoot
+    v-bind="props"
+    :class="cn('relative z-10 flex max-w-max flex-1 items-center justify-center', props.class)"
+    @update:model-value="emits('update:modelValue', $event)"
+  >
+    <slot />
+    <NavigationMenuViewport />
+  </NavigationMenuRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuContent.vue b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuContent.vue
new file mode 100644
index 00000000..6e981811
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuContent.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import {
+  NavigationMenuContent,
+  type NavigationMenuContentEmits,
+  type NavigationMenuContentProps,
+} from 'radix-vue'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<NavigationMenuContentProps & { class?: string }>()
+
+const emits = defineEmits<NavigationMenuContentEmits>()
+</script>
+
+<template>
+  <NavigationMenuContent
+    v-bind="{ ...props, ...useEmitAsProps(emits) }"
+    :class="
+      cn(
+        'left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </NavigationMenuContent>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuIndicator.vue b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuIndicator.vue
new file mode 100644
index 00000000..1a64e069
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuIndicator.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { NavigationMenuIndicator, type NavigationMenuIndicatorProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<NavigationMenuIndicatorProps>()
+</script>
+
+<template>
+  <NavigationMenuIndicator
+    v-bind="props"
+    :class="cn('top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in', $attrs.class ?? '')"
+  >
+    <div class="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
+  </NavigationMenuIndicator>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuItem.vue b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuItem.vue
new file mode 100644
index 00000000..50e1565f
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuItem.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { NavigationMenuItem, type NavigationMenuItemProps } from 'radix-vue'
+
+const props = defineProps<NavigationMenuItemProps>()
+</script>
+
+<template>
+  <NavigationMenuItem v-bind="props">
+    <slot />
+  </NavigationMenuItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuLink.vue b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuLink.vue
new file mode 100644
index 00000000..d2d83e2b
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuLink.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import {
+  NavigationMenuLink,
+  type NavigationMenuLinkEmits,
+  type NavigationMenuLinkProps,
+} from 'radix-vue'
+import { useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<NavigationMenuLinkProps>()
+const emits = defineEmits<NavigationMenuLinkEmits>()
+</script>
+
+<template>
+  <NavigationMenuLink v-bind="{ ...props, ...useEmitAsProps(emits) }">
+    <slot />
+  </NavigationMenuLink>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuList.vue b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuList.vue
new file mode 100644
index 00000000..c30dcde3
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuList.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { NavigationMenuList, type NavigationMenuListProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<NavigationMenuListProps & { class?: string }>()
+</script>
+
+<template>
+  <NavigationMenuList
+    v-bind="props"
+    :class="
+      cn(
+        'group flex flex-1 list-none items-center justify-center space-x-1',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </NavigationMenuList>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuTrigger.vue b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuTrigger.vue
new file mode 100644
index 00000000..a9ffee31
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuTrigger.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import {
+  NavigationMenuTrigger,
+  type NavigationMenuTriggerProps,
+} from 'radix-vue'
+import { navigationMenuTriggerStyle } from '.'
+import RadixIconsChevronDown from '~icons/radix-icons/chevron-down'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<NavigationMenuTriggerProps & { class?: string }>()
+</script>
+
+<template>
+  <NavigationMenuTrigger
+    :class="cn(navigationMenuTriggerStyle(), 'group', props.class)"
+    v-bind="props"
+  >
+    <slot />
+    <RadixIconsChevronDown
+      class="relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180"
+      aria-hidden="true"
+    />
+  </NavigationMenuTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuViewport.vue b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuViewport.vue
new file mode 100644
index 00000000..40f1f7b0
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/navigation-menu/NavigationMenuViewport.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import {
+  NavigationMenuViewport,
+  type NavigationMenuViewportProps,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<NavigationMenuViewportProps>()
+</script>
+
+<template>
+  <div class="absolute left-0 top-full flex justify-center">
+    <NavigationMenuViewport
+      v-bind="props"
+      :class="
+        cn(
+          'origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]',
+          $attrs.class ?? '',
+        )
+      "
+    />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/navigation-menu/index.ts b/apps/www/src/lib/registry/new-york/ui/navigation-menu/index.ts
new file mode 100644
index 00000000..70d4443b
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/navigation-menu/index.ts
@@ -0,0 +1,12 @@
+import { cva } from 'class-variance-authority'
+
+export { default as NavigationMenu } from './NavigationMenu.vue'
+export { default as NavigationMenuList } from './NavigationMenuList.vue'
+export { default as NavigationMenuItem } from './NavigationMenuItem.vue'
+export { default as NavigationMenuTrigger } from './NavigationMenuTrigger.vue'
+export { default as NavigationMenuContent } from './NavigationMenuContent.vue'
+export { default as NavigationMenuLink } from './NavigationMenuLink.vue'
+
+export const navigationMenuTriggerStyle = cva(
+  'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50',
+)
diff --git a/apps/www/src/lib/registry/new-york/ui/popover/Popover.vue b/apps/www/src/lib/registry/new-york/ui/popover/Popover.vue
new file mode 100644
index 00000000..76b0071f
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/popover/Popover.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { PopoverRoot, type PopoverRootProps } from 'radix-vue'
+
+const props = defineProps<PopoverRootProps>()
+</script>
+
+<template>
+  <PopoverRoot v-bind="props">
+    <slot />
+  </PopoverRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/popover/PopoverContent.vue b/apps/www/src/lib/registry/new-york/ui/popover/PopoverContent.vue
new file mode 100644
index 00000000..c0b4b8b6
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/popover/PopoverContent.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import {
+  PopoverContent,
+  type PopoverContentEmits,
+  type PopoverContentProps,
+  PopoverPortal,
+} from 'radix-vue'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = withDefaults(
+  defineProps<PopoverContentProps & { class?: string }>(),
+  {
+    sideOffset: 4,
+  },
+)
+const emits = defineEmits<PopoverContentEmits>()
+const emitsAsProps = useEmitAsProps(emits)
+</script>
+
+<template>
+  <PopoverPortal>
+    <PopoverContent
+      v-bind="{ ...props, ...emitsAsProps, $attrs }"
+      :class="
+        cn(
+          'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+          props.class,
+        )
+      "
+    >
+      <slot />
+    </PopoverContent>
+  </PopoverPortal>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/popover/PopoverTrigger.vue b/apps/www/src/lib/registry/new-york/ui/popover/PopoverTrigger.vue
new file mode 100644
index 00000000..22f4772a
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/popover/PopoverTrigger.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { PopoverTrigger, type PopoverTriggerProps } from 'radix-vue'
+
+const props = defineProps<PopoverTriggerProps>()
+</script>
+
+<template>
+  <PopoverTrigger v-bind="props">
+    <slot />
+  </PopoverTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/popover/index.ts b/apps/www/src/lib/registry/new-york/ui/popover/index.ts
new file mode 100644
index 00000000..495d55a8
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/popover/index.ts
@@ -0,0 +1,3 @@
+export { default as Popover } from './Popover.vue'
+export { default as PopoverTrigger } from './PopoverTrigger.vue'
+export { default as PopoverContent } from './PopoverContent.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/progress/Progress.vue b/apps/www/src/lib/registry/new-york/ui/progress/Progress.vue
new file mode 100644
index 00000000..947f1b36
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/progress/Progress.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import {
+  ProgressIndicator,
+  ProgressRoot,
+  type ProgressRootProps,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = withDefaults(
+  defineProps<ProgressRootProps & { class?: string }>(),
+  {
+    class: '',
+    modelValue: 0,
+  },
+)
+</script>
+
+<template>
+  <ProgressRoot
+    :class="
+      cn(
+        'relative h-2 w-full overflow-hidden rounded-full bg-primary/20',
+        props.class,
+      )
+    "
+    v-bind="props"
+  >
+    <ProgressIndicator
+      :class="
+        cn(
+          'h-full w-full flex-1 bg-primary transition-all',
+          props.class,
+        )
+      "
+      :style="`transform: translateX(-${100 - (props.modelValue ?? 0)}%);`"
+    />
+  </ProgressRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/progress/index.ts b/apps/www/src/lib/registry/new-york/ui/progress/index.ts
new file mode 100644
index 00000000..eace9893
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/progress/index.ts
@@ -0,0 +1 @@
+export { default as Progress } from './Progress.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/radio-group/RadioGroup.vue b/apps/www/src/lib/registry/new-york/ui/radio-group/RadioGroup.vue
new file mode 100644
index 00000000..1eff3f58
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/radio-group/RadioGroup.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { RadioGroupRoot, type RadioGroupRootProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<RadioGroupRootProps & { class?: string }>()
+</script>
+
+<template>
+  <RadioGroupRoot :class="cn('grid gap-2', props.class)">
+    <slot />
+  </RadioGroupRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/radio-group/RadioGroupItem.vue b/apps/www/src/lib/registry/new-york/ui/radio-group/RadioGroupItem.vue
new file mode 100644
index 00000000..153d720e
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/radio-group/RadioGroupItem.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import {
+  RadioGroupIndicator,
+  RadioGroupItem,
+  type RadioGroupItemProps,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+import RadixIconsCheck from '~icons/radix-icons/check'
+
+const props = defineProps<RadioGroupItemProps & { class?: string }>()
+</script>
+
+<template>
+  <RadioGroupItem
+    v-bind="props"
+    :class="
+      cn(
+        'aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
+        props.class,
+      )
+    "
+  >
+    <RadioGroupIndicator
+      :class="cn('flex items-center justify-center', props.class)"
+    >
+      <RadixIconsCheck class="h-3.5 w-3.5 fill-primary" />
+    </RadioGroupIndicator>
+  </RadioGroupItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/radio-group/index.ts b/apps/www/src/lib/registry/new-york/ui/radio-group/index.ts
new file mode 100644
index 00000000..fa1da9c2
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/radio-group/index.ts
@@ -0,0 +1,2 @@
+export { default as RadioGroup } from './RadioGroup.vue'
+export { default as RadioGroupItem } from './RadioGroupItem.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/scroll-area/ScrollArea.vue b/apps/www/src/lib/registry/new-york/ui/scroll-area/ScrollArea.vue
new file mode 100644
index 00000000..c56cf87d
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/scroll-area/ScrollArea.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import {
+  ScrollAreaCorner,
+  ScrollAreaRoot,
+  type ScrollAreaRootProps,
+  ScrollAreaViewport,
+} from 'radix-vue'
+import ScrollBar from './ScrollBar.vue'
+import { cn } from '@/lib/utils'
+
+const props = withDefaults(
+  defineProps<
+    ScrollAreaRootProps & { class?: string }
+  >(),
+  {
+    class: '',
+    orientation: 'vertical',
+  },
+)
+</script>
+
+<template>
+  <ScrollAreaRoot :type="type" :class="cn('relative overflow-hidden', props.class)">
+    <ScrollAreaViewport class="h-full w-full  rounded-[inherit]">
+      <slot />
+    </ScrollAreaViewport>
+    <ScrollBar />
+    <ScrollAreaCorner />
+  </ScrollAreaRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/scroll-area/ScrollBar.vue b/apps/www/src/lib/registry/new-york/ui/scroll-area/ScrollBar.vue
new file mode 100644
index 00000000..9ba2cb09
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/scroll-area/ScrollBar.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = withDefaults(defineProps<ScrollAreaScrollbarProps>(), {
+  orientation: 'vertical',
+})
+</script>
+
+<template>
+  <ScrollAreaScrollbar
+    v-bind="props"
+    :class="
+      cn('flex touch-none select-none transition-colors',
+         orientation === 'vertical'
+           && 'h-full w-2.5 border-l border-l-transparent p-[1px]',
+         orientation === 'horizontal'
+           && 'h-2.5 border-t border-t-transparent p-[1px]',
+         $attrs.class ?? '')"
+  >
+    <ScrollAreaThumb class="relative flex-1 rounded-full bg-border" />
+  </ScrollAreaScrollbar>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/scroll-area/index.ts b/apps/www/src/lib/registry/new-york/ui/scroll-area/index.ts
new file mode 100644
index 00000000..2bd4fae5
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/scroll-area/index.ts
@@ -0,0 +1,2 @@
+export { default as ScrollArea } from './ScrollArea.vue'
+export { default as ScrollBar } from './ScrollBar.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/select/Select.vue b/apps/www/src/lib/registry/new-york/ui/select/Select.vue
new file mode 100644
index 00000000..9ea04703
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/select/Select.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import type { SelectRootEmits, SelectRootProps } from 'radix-vue'
+import { SelectRoot } from 'radix-vue'
+import { useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<SelectRootProps>()
+const emits = defineEmits<SelectRootEmits>()
+</script>
+
+<template>
+  <SelectRoot v-bind="{ ...props, ...useEmitAsProps(emits) }">
+    <slot />
+  </SelectRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/select/SelectContent.vue b/apps/www/src/lib/registry/new-york/ui/select/SelectContent.vue
new file mode 100644
index 00000000..1f2610c8
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/select/SelectContent.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import {
+  SelectContent,
+  type SelectContentEmits,
+  type SelectContentProps,
+  SelectPortal,
+  SelectViewport,
+} from 'radix-vue'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = withDefaults(
+  defineProps<SelectContentProps & { class?: string }>(), {
+    position: 'popper',
+    sideOffset: 4,
+  },
+)
+const emits = defineEmits<SelectContentEmits>()
+const emitsAsProps = useEmitAsProps(emits)
+</script>
+
+<template>
+  <SelectPortal>
+    <SelectContent
+      v-bind="{ ...props, ...emitsAsProps, ...$attrs }"
+      :class="
+        cn(
+          'relative z-50 min-w-[10rem] overflow-hidden rounded-md bg-background border border-border text-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+          position === 'popper'
+            && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+          props.class,
+        )
+      "
+    >
+      <SelectViewport
+        :class="
+          cn('p-1',
+             position === 'popper'
+               && 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]')"
+      >
+        <slot />
+      </SelectViewport>
+    </SelectContent>
+  </SelectPortal>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/select/SelectGroup.vue b/apps/www/src/lib/registry/new-york/ui/select/SelectGroup.vue
new file mode 100644
index 00000000..e31301c7
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/select/SelectGroup.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { SelectGroup, type SelectGroupProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<SelectGroupProps & { class?: string }>()
+</script>
+
+<template>
+  <SelectGroup :class="cn('p-1 w-full', props.class)" v-bind="props">
+    <slot />
+  </SelectGroup>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/select/SelectItem.vue b/apps/www/src/lib/registry/new-york/ui/select/SelectItem.vue
new file mode 100644
index 00000000..5ebbd0be
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/select/SelectItem.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import {
+  SelectItem,
+  SelectItemIndicator,
+  type SelectItemProps,
+  SelectItemText,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+import RadixIconsCheck from '~icons/radix-icons/check'
+
+const props = defineProps<SelectItemProps & { class?: string }>()
+</script>
+
+<template>
+  <SelectItem
+    v-bind="props"
+    :class="
+      cn(
+        'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+        props.class,
+      )
+    "
+  >
+    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectItemIndicator>
+        <RadixIconsCheck class="h-4 w-4" />
+      </SelectItemIndicator>
+    </span>
+
+    <SelectItemText>
+      <slot />
+    </SelectItemText>
+  </SelectItem>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/select/SelectItemText.vue b/apps/www/src/lib/registry/new-york/ui/select/SelectItemText.vue
new file mode 100644
index 00000000..a0bb5c24
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/select/SelectItemText.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { SelectItemText, type SelectItemTextProps } from 'radix-vue'
+
+const props = defineProps<SelectItemTextProps>()
+</script>
+
+<template>
+  <SelectItemText v-bind="props">
+    <slot />
+  </SelectItemText>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/select/SelectLabel.vue b/apps/www/src/lib/registry/new-york/ui/select/SelectLabel.vue
new file mode 100644
index 00000000..9674ccb1
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/select/SelectLabel.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { SelectLabel, type SelectLabelProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<SelectLabelProps & { class?: string }>()
+</script>
+
+<template>
+  <SelectLabel :class="cn('py-1.5 pl-8 pr-2 text-sm font-semibold', props.class)">
+    <slot />
+  </SelectLabel>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/select/SelectSeparator.vue b/apps/www/src/lib/registry/new-york/ui/select/SelectSeparator.vue
new file mode 100644
index 00000000..b1473cb4
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/select/SelectSeparator.vue
@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import { SelectSeparator, type SelectSeparatorProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<SelectSeparatorProps & { class?: string }>()
+</script>
+
+<template>
+  <SelectSeparator :class="cn('-mx-1 my-1 h-px bg-muted', props.class)" />
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/select/SelectTrigger.vue b/apps/www/src/lib/registry/new-york/ui/select/SelectTrigger.vue
new file mode 100644
index 00000000..c7ad6747
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/select/SelectTrigger.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { SelectIcon, SelectTrigger, type SelectTriggerProps } from 'radix-vue'
+import { ChevronDown } from 'lucide-vue-next'
+import { cn } from '@/lib/utils'
+
+const props = withDefaults(
+  defineProps<SelectTriggerProps & { class?: string; invalid?: boolean }>(),
+  {
+    class: '',
+    invalid: false,
+  },
+)
+</script>
+
+<template>
+  <SelectTrigger
+    v-bind="props"
+    :class="[
+      cn(
+        'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+        props.class,
+      ),
+      props.invalid
+        ? '!ring-destructive ring-2 placeholder:!text-destructive'
+        : '',
+    ]"
+  >
+    <slot />
+    <SelectIcon as-child>
+      <ChevronDown class="w-4 h-4 opacity-50" />
+    </SelectIcon>
+  </SelectTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/select/SelectValue.vue b/apps/www/src/lib/registry/new-york/ui/select/SelectValue.vue
new file mode 100644
index 00000000..4bc37dd8
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/select/SelectValue.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { SelectValue, type SelectValueProps } from 'radix-vue'
+
+const props = defineProps<SelectValueProps>()
+</script>
+
+<template>
+  <SelectValue v-bind="props">
+    <slot />
+  </SelectValue>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/select/index.ts b/apps/www/src/lib/registry/new-york/ui/select/index.ts
new file mode 100644
index 00000000..f188cc49
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/select/index.ts
@@ -0,0 +1,9 @@
+export { default as Select } from './Select.vue'
+export { default as SelectValue } from './SelectValue.vue'
+export { default as SelectTrigger } from './SelectTrigger.vue'
+export { default as SelectContent } from './SelectContent.vue'
+export { default as SelectGroup } from './SelectGroup.vue'
+export { default as SelectItem } from './SelectItem.vue'
+export { default as SelectItemText } from './SelectItemText.vue'
+export { default as SelectLabel } from './SelectLabel.vue'
+export { default as SelectSeparator } from './SelectSeparator.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/separator/Separator.vue b/apps/www/src/lib/registry/new-york/ui/separator/Separator.vue
new file mode 100644
index 00000000..1e6b3f3f
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/separator/Separator.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { Separator, type SeparatorProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<SeparatorProps & { class?: string }>()
+</script>
+
+<template>
+  <Separator
+    :class="[
+      cn('shrink-0 bg-secondary', props.class),
+      props.orientation === 'vertical' ? 'w-px h-full' : 'h-px w-full',
+    ]"
+  />
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/separator/index.ts b/apps/www/src/lib/registry/new-york/ui/separator/index.ts
new file mode 100644
index 00000000..2287bcb9
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/separator/index.ts
@@ -0,0 +1 @@
+export { default as Separator } from './Separator.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/sheet/Sheet.vue b/apps/www/src/lib/registry/new-york/ui/sheet/Sheet.vue
new file mode 100644
index 00000000..65d92c86
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/sheet/Sheet.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { DialogRoot } from 'radix-vue'
+</script>
+
+<template>
+  <DialogRoot>
+    <slot />
+  </DialogRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/sheet/SheetClose.vue b/apps/www/src/lib/registry/new-york/ui/sheet/SheetClose.vue
new file mode 100644
index 00000000..a64703e5
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/sheet/SheetClose.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { DialogClose, type DialogCloseProps } from 'radix-vue'
+
+const props = defineProps<DialogCloseProps>()
+</script>
+
+<template>
+  <DialogClose v-bind="props">
+    <slot />
+  </DialogClose>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/sheet/SheetContent.vue b/apps/www/src/lib/registry/new-york/ui/sheet/SheetContent.vue
new file mode 100644
index 00000000..d8aa1e5b
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/sheet/SheetContent.vue
@@ -0,0 +1,63 @@
+<script setup lang="ts">
+import {
+  DialogClose,
+  DialogContent,
+  type DialogContentEmits,
+  type DialogContentProps,
+  DialogOverlay,
+  DialogPortal,
+} from 'radix-vue'
+import { cva } from 'class-variance-authority'
+import RadixIconsCross2 from '~icons/radix-icons/cross-2'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+interface SheetContentProps extends DialogContentProps {
+  side?: 'left' | 'right' | 'top' | 'bottom'
+  class?: string
+}
+
+const props = defineProps<SheetContentProps>()
+
+const emits = defineEmits<DialogContentEmits>()
+
+const emitsAsProps = useEmitAsProps(emits)
+
+const sheetVariants = cva(
+  'fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
+  {
+    variants: {
+      side: {
+        top: 'inset-x-0 top-0 border-b border-border data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
+        bottom:
+          'inset-x-0 bottom-0 border-t border-border data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
+        left: 'inset-y-0 left-0 h-full w-3/4 border-r border-border data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
+        right:
+          'inset-y-0 right-0 h-full w-3/4  border-l border-border data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',
+      },
+    },
+    defaultVariants: {
+      side: 'right',
+    },
+  },
+)
+</script>
+
+<template>
+  <DialogPortal>
+    <DialogOverlay
+      class="fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+    />
+    <DialogContent
+      :class="cn(sheetVariants({ side: props.side }), props.class)"
+      v-bind="{ ...props, ...emitsAsProps }"
+    >
+      <slot />
+
+      <DialogClose
+        class="absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary"
+      >
+        <RadixIconsCross2 class="w-4 h-4 text-muted-foreground" />
+      </DialogClose>
+    </DialogContent>
+  </DialogPortal>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/sheet/SheetDescription.vue b/apps/www/src/lib/registry/new-york/ui/sheet/SheetDescription.vue
new file mode 100644
index 00000000..9f166647
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/sheet/SheetDescription.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { DialogDescription, type DialogDescriptionProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<DialogDescriptionProps & { class?: string }>()
+</script>
+
+<template>
+  <DialogDescription
+    :class="cn('text-sm text-muted-foreground', props.class)"
+    v-bind="props"
+  >
+    <slot />
+  </DialogDescription>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/sheet/SheetFooter.vue b/apps/www/src/lib/registry/new-york/ui/sheet/SheetFooter.vue
new file mode 100644
index 00000000..72e1e2e7
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/sheet/SheetFooter.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps<{ class?: string }>()
+</script>
+
+<template>
+  <div
+    :class="
+      cn(
+        'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/sheet/SheetHeader.vue b/apps/www/src/lib/registry/new-york/ui/sheet/SheetHeader.vue
new file mode 100644
index 00000000..d2eb9b23
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/sheet/SheetHeader.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps<{ class?: string }>()
+</script>
+
+<template>
+  <div
+    :class="
+      cn('flex flex-col space-y-2 text-center sm:text-left', props.class)
+    "
+  >
+    <slot />
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/sheet/SheetTitle.vue b/apps/www/src/lib/registry/new-york/ui/sheet/SheetTitle.vue
new file mode 100644
index 00000000..9a47c633
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/sheet/SheetTitle.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { DialogTitle, type DialogTitleProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<DialogTitleProps & { class?: string }>()
+</script>
+
+<template>
+  <DialogTitle
+    :class="cn('text-lg font-semibold text-foreground', props.class)"
+    v-bind="props"
+  >
+    <slot />
+  </DialogTitle>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/sheet/SheetTrigger.vue b/apps/www/src/lib/registry/new-york/ui/sheet/SheetTrigger.vue
new file mode 100644
index 00000000..ee0c12ff
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/sheet/SheetTrigger.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { DialogTrigger, type DialogTriggerProps } from 'radix-vue'
+
+const props = defineProps<DialogTriggerProps>()
+</script>
+
+<template>
+  <DialogTrigger v-bind="props">
+    <slot />
+  </DialogTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/sheet/index.ts b/apps/www/src/lib/registry/new-york/ui/sheet/index.ts
new file mode 100644
index 00000000..51c631e3
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/sheet/index.ts
@@ -0,0 +1,8 @@
+export { default as Sheet } from './Sheet.vue'
+export { default as SheetTrigger } from './SheetTrigger.vue'
+export { default as SheetClose } from './SheetClose.vue'
+export { default as SheetContent } from './SheetContent.vue'
+export { default as SheetHeader } from './SheetHeader.vue'
+export { default as SheetTitle } from './SheetTitle.vue'
+export { default as SheetDescription } from './SheetDescription.vue'
+export { default as SheetFooter } from './SheetFooter.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/skeleton/Skeleton.vue b/apps/www/src/lib/registry/new-york/ui/skeleton/Skeleton.vue
new file mode 100644
index 00000000..bf3b943a
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/skeleton/Skeleton.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+interface SkeletonProps {
+  class?: string
+}
+
+const props = defineProps<SkeletonProps>()
+</script>
+
+<template>
+  <div :class="cn('animate-pulse rounded-md bg-secondary', props.class)" />
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/skeleton/index.ts b/apps/www/src/lib/registry/new-york/ui/skeleton/index.ts
new file mode 100644
index 00000000..be21fad3
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/skeleton/index.ts
@@ -0,0 +1 @@
+export { default as Skeleton } from './Skeleton.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/slider/Slider.vue b/apps/www/src/lib/registry/new-york/ui/slider/Slider.vue
new file mode 100644
index 00000000..e82f0fb9
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/slider/Slider.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import type { SliderRootEmits, SliderRootProps } from 'radix-vue'
+import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from 'radix-vue'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<SliderRootProps>()
+const emits = defineEmits<SliderRootEmits>()
+</script>
+
+<template>
+  <SliderRoot
+    :class="cn(
+      'relative flex w-full touch-none select-none items-center',
+      $attrs.class ?? '',
+    )"
+    v-bind="{ ...props, ...useEmitAsProps(emits) }"
+  >
+    <SliderTrack class="relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20">
+      <SliderRange class="absolute h-full bg-primary" />
+    </SliderTrack>
+    <SliderThumb class="block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" />
+  </SliderRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/slider/index.ts b/apps/www/src/lib/registry/new-york/ui/slider/index.ts
new file mode 100644
index 00000000..1c945deb
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/slider/index.ts
@@ -0,0 +1 @@
+export { default as Slider } from './Slider.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/switch/Switch.vue b/apps/www/src/lib/registry/new-york/ui/switch/Switch.vue
new file mode 100644
index 00000000..57cbf64c
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/switch/Switch.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import {
+  SwitchRoot,
+  type SwitchRootEmits,
+  type SwitchRootProps,
+  SwitchThumb,
+} from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<SwitchRootProps & { class?: string }>()
+
+const emits = defineEmits<SwitchRootEmits>()
+</script>
+
+<template>
+  <SwitchRoot
+    v-bind="props"
+    :class="
+      cn(
+        'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
+        props.class,
+      )
+    "
+    @update:checked="emits('update:checked', $event)"
+  >
+    <SwitchThumb
+      :class="
+        cn(
+          'pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',
+        )
+      "
+    />
+  </SwitchRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/switch/index.ts b/apps/www/src/lib/registry/new-york/ui/switch/index.ts
new file mode 100644
index 00000000..87b4b17d
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/switch/index.ts
@@ -0,0 +1 @@
+export { default as Switch } from './Switch.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/table/Table.vue b/apps/www/src/lib/registry/new-york/ui/table/Table.vue
new file mode 100644
index 00000000..e64c4516
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/table/Table.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps<{ class?: string }>()
+</script>
+
+<template>
+  <div class="w-full overflow-auto">
+    <table :class="cn('w-full caption-bottom text-sm', props.class)">
+      <slot />
+    </table>
+  </div>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/table/TableBody.vue b/apps/www/src/lib/registry/new-york/ui/table/TableBody.vue
new file mode 100644
index 00000000..eb0f663a
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/table/TableBody.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps<{ class?: string }>()
+</script>
+
+<template>
+  <tbody :class="cn('[&_tr:last-child]:border-0', props.class)">
+    <slot />
+  </tbody>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/table/TableCaption.vue b/apps/www/src/lib/registry/new-york/ui/table/TableCaption.vue
new file mode 100644
index 00000000..513caa7e
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/table/TableCaption.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps<{ class?: string }>()
+</script>
+
+<template>
+  <caption :class="cn('mt-4 text-sm text-muted-foreground', props.class)">
+    <slot />
+  </caption>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/table/TableCell.vue b/apps/www/src/lib/registry/new-york/ui/table/TableCell.vue
new file mode 100644
index 00000000..eb2e18fb
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/table/TableCell.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps<{ class?: string }>()
+</script>
+
+<template>
+  <td
+    :class="
+      cn(
+        'p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </td>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/table/TableEmpty.vue b/apps/www/src/lib/registry/new-york/ui/table/TableEmpty.vue
new file mode 100644
index 00000000..7e60756f
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/table/TableEmpty.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import TableRow from './TableRow.vue'
+import TableCell from './TableCell.vue'
+import { cn } from '@/lib/utils'
+
+interface Props {
+  class?: string
+  colspan?: number
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  class: '',
+  colspan: 1,
+})
+</script>
+
+<template>
+  <TableRow>
+    <TableCell
+      :class="
+        cn(
+          'p-4 whitespace-nowrap align-middle text-sm text-foreground',
+          props.class,
+        )
+      "
+      :colspan="props.colspan"
+    >
+      <div class="flex items-center justify-center py-10">
+        <slot />
+      </div>
+    </TableCell>
+  </TableRow>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/table/TableFooter.vue b/apps/www/src/lib/registry/new-york/ui/table/TableFooter.vue
new file mode 100644
index 00000000..6e34e4c6
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/table/TableFooter.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps<{ class?: string }>()
+</script>
+
+<template>
+  <tfoot :class="cn('bg-primary font-medium text-primary-foreground', props.class)">
+    <slot />
+  </tfoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/table/TableHead.vue b/apps/www/src/lib/registry/new-york/ui/table/TableHead.vue
new file mode 100644
index 00000000..c5528062
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/table/TableHead.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps<{ class?: string }>()
+</script>
+
+<template>
+  <th :class="cn('h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', props.class)">
+    <slot />
+  </th>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/table/TableHeader.vue b/apps/www/src/lib/registry/new-york/ui/table/TableHeader.vue
new file mode 100644
index 00000000..3af2117f
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/table/TableHeader.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps<{ class?: string }>()
+</script>
+
+<template>
+  <thead :class="cn('[&_tr]:border-b', props.class)">
+    <slot />
+  </thead>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/table/TableRow.vue b/apps/www/src/lib/registry/new-york/ui/table/TableRow.vue
new file mode 100644
index 00000000..f752f46f
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/table/TableRow.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils'
+
+const props = defineProps<{ class?: string }>()
+</script>
+
+<template>
+  <tr :class="cn('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', props.class)">
+    <slot />
+  </tr>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/table/index.ts b/apps/www/src/lib/registry/new-york/ui/table/index.ts
new file mode 100644
index 00000000..44582d35
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/table/index.ts
@@ -0,0 +1,8 @@
+export { default as Table } from './Table.vue'
+export { default as TableBody } from './TableBody.vue'
+export { default as TableCell } from './TableCell.vue'
+export { default as TableHead } from './TableHead.vue'
+export { default as TableHeader } from './TableHeader.vue'
+export { default as TableRow } from './TableRow.vue'
+export { default as TableCaption } from './TableCaption.vue'
+export { default as TableEmpty } from './TableEmpty.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/tabs/Tabs.vue b/apps/www/src/lib/registry/new-york/ui/tabs/Tabs.vue
new file mode 100644
index 00000000..808fe019
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/tabs/Tabs.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { TabsRoot, type TabsRootProps } from 'radix-vue'
+
+const props = defineProps<TabsRootProps>()
+</script>
+
+<template>
+  <TabsRoot v-bind="props">
+    <slot />
+  </TabsRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/tabs/TabsContent.vue b/apps/www/src/lib/registry/new-york/ui/tabs/TabsContent.vue
new file mode 100644
index 00000000..a39a666b
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/tabs/TabsContent.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { TabsContent, type TabsContentProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<TabsContentProps & { class?: string }>()
+</script>
+
+<template>
+  <TabsContent
+    :class="cn('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', props.class)"
+    v-bind="props"
+  >
+    <slot />
+  </TabsContent>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/tabs/TabsList.vue b/apps/www/src/lib/registry/new-york/ui/tabs/TabsList.vue
new file mode 100644
index 00000000..0486a244
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/tabs/TabsList.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { TabsList, type TabsListProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<TabsListProps & { class?: string }>()
+</script>
+
+<template>
+  <TabsList
+    v-bind="props"
+    :class="
+      cn(
+        'inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </TabsList>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/tabs/TabsTrigger.vue b/apps/www/src/lib/registry/new-york/ui/tabs/TabsTrigger.vue
new file mode 100644
index 00000000..2be5601d
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/tabs/TabsTrigger.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { TabsTrigger, type TabsTriggerProps } from 'radix-vue'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<TabsTriggerProps & { class?: string }>()
+</script>
+
+<template>
+  <TabsTrigger
+    v-bind="props"
+    :class="
+      cn(
+        'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow',
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </TabsTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/tabs/index.ts b/apps/www/src/lib/registry/new-york/ui/tabs/index.ts
new file mode 100644
index 00000000..fbea0c68
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/tabs/index.ts
@@ -0,0 +1,4 @@
+export { default as Tabs } from './Tabs.vue'
+export { default as TabsTrigger } from './TabsTrigger.vue'
+export { default as TabsList } from './TabsList.vue'
+export { default as TabsContent } from './TabsContent.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/textarea/Textarea.vue b/apps/www/src/lib/registry/new-york/ui/textarea/Textarea.vue
new file mode 100644
index 00000000..326d2509
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/textarea/Textarea.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { useVModel } from '@vueuse/core'
+import { cn } from '@/lib/utils'
+
+const props = defineProps<{
+  defaultValue?: string | number
+  modelValue?: string | number
+}>()
+
+const emits = defineEmits<{
+  (e: 'update:modelValue', payload: string | number): void
+}>()
+
+const modelValue = useVModel(props, 'modelValue', emits, {
+  passive: true,
+  defaultValue: props.defaultValue,
+})
+</script>
+
+<template>
+  <textarea v-model="modelValue" :class="cn('flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', $attrs.class ?? '')" />
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/textarea/index.ts b/apps/www/src/lib/registry/new-york/ui/textarea/index.ts
new file mode 100644
index 00000000..6a7ab2a7
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/textarea/index.ts
@@ -0,0 +1 @@
+export { default as Textarea } from './Textarea.vue'
diff --git a/apps/www/src/lib/registry/new-york/ui/toggle/Toggle.vue b/apps/www/src/lib/registry/new-york/ui/toggle/Toggle.vue
new file mode 100644
index 00000000..64aa4dbb
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/toggle/Toggle.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import type { ToggleEmits, ToggleProps } from 'radix-vue'
+import { Toggle } from 'radix-vue'
+import type { VariantProps } from 'class-variance-authority'
+import { computed } from 'vue'
+import { toggleVariants } from '.'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+interface ToggleVariantProps extends VariantProps<typeof toggleVariants> {}
+
+interface Props extends ToggleProps {
+  variant?: ToggleVariantProps['variant']
+  size?: ToggleVariantProps['size']
+}
+const props = withDefaults(defineProps<Props>(), {
+  variant: 'default',
+  size: 'default',
+})
+const emits = defineEmits<ToggleEmits>()
+
+const toggleProps = computed(() => {
+  // eslint-disable-next-line unused-imports/no-unused-vars
+  const { variant, size, ...otherProps } = props
+  return otherProps
+})
+</script>
+
+<template>
+  <Toggle
+    v-bind="{ ...toggleProps, ...useEmitAsProps(emits) }"
+    :class="cn(toggleVariants({ variant, size, class: $attrs.class ?? '' }))"
+  >
+    <slot />
+  </Toggle>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/toggle/index.ts b/apps/www/src/lib/registry/new-york/ui/toggle/index.ts
new file mode 100644
index 00000000..f3093fac
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/toggle/index.ts
@@ -0,0 +1,25 @@
+import { cva } from 'class-variance-authority'
+
+export { default as Toggle } from './Toggle.vue'
+
+export const toggleVariants = cva(
+  'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
+  {
+    variants: {
+      variant: {
+        default: 'bg-transparent',
+        outline:
+          'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',
+      },
+      size: {
+        default: 'h-9 px-3',
+        sm: 'h-8 px-2',
+        lg: 'h-10 px-3',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+)
diff --git a/apps/www/src/lib/registry/new-york/ui/tooltip/Tooltip.vue b/apps/www/src/lib/registry/new-york/ui/tooltip/Tooltip.vue
new file mode 100644
index 00000000..10a1ba93
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/tooltip/Tooltip.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { TooltipRoot, type TooltipRootEmits, type TooltipRootProps } from 'radix-vue'
+import { useEmitAsProps } from '@/lib/utils'
+
+const props = defineProps<TooltipRootProps>()
+const emits = defineEmits<TooltipRootEmits>()
+</script>
+
+<template>
+  <TooltipRoot v-bind="{ ...props, ...useEmitAsProps(emits) }">
+    <slot />
+  </TooltipRoot>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/tooltip/TooltipContent.vue b/apps/www/src/lib/registry/new-york/ui/tooltip/TooltipContent.vue
new file mode 100644
index 00000000..179e225f
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/tooltip/TooltipContent.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { TooltipContent, type TooltipContentEmits, type TooltipContentProps } from 'radix-vue'
+import { cn, useEmitAsProps } from '@/lib/utils'
+
+const props = withDefaults(defineProps<TooltipContentProps>(), {
+  sideOffset: 4,
+})
+const emits = defineEmits<TooltipContentEmits>()
+</script>
+
+<template>
+  <TooltipContent v-bind="{ ...props, ...useEmitAsProps(emits) }" :class="cn('z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', $attrs.class ?? '')">
+    <slot />
+  </TooltipContent>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/tooltip/TooltipProvider.vue b/apps/www/src/lib/registry/new-york/ui/tooltip/TooltipProvider.vue
new file mode 100644
index 00000000..816505d6
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/tooltip/TooltipProvider.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { TooltipProvider, type TooltipProviderProps } from 'radix-vue'
+
+const props = defineProps<TooltipProviderProps>()
+</script>
+
+<template>
+  <TooltipProvider v-bind="props">
+    <slot />
+  </TooltipProvider>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/tooltip/TooltipTrigger.vue b/apps/www/src/lib/registry/new-york/ui/tooltip/TooltipTrigger.vue
new file mode 100644
index 00000000..f5b0e57f
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/tooltip/TooltipTrigger.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { TooltipTrigger, type TooltipTriggerProps } from 'radix-vue'
+
+const props = defineProps<TooltipTriggerProps>()
+</script>
+
+<template>
+  <TooltipTrigger v-bind="props">
+    <slot />
+  </TooltipTrigger>
+</template>
diff --git a/apps/www/src/lib/registry/new-york/ui/tooltip/index.ts b/apps/www/src/lib/registry/new-york/ui/tooltip/index.ts
new file mode 100644
index 00000000..82049b48
--- /dev/null
+++ b/apps/www/src/lib/registry/new-york/ui/tooltip/index.ts
@@ -0,0 +1,4 @@
+export { default as Tooltip } from './Tooltip.vue'
+export { default as TooltipContent } from './TooltipContent.vue'
+export { default as TooltipTrigger } from './TooltipTrigger.vue'
+export { default as TooltipProvider } from './TooltipProvider.vue'