{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "quick-actions",
  "title": "Quick Actions",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-vue/blocks/quick-actions/QuickActions.vue",
      "content": "<script setup lang=\"ts\">\nimport type { Component } from 'vue'\nimport { ArrowUpRight } from 'lucide-vue-next'\nimport { SectionCard } from '@/components/ui/section-card'\nimport { IconBox } from '@/components/ui/icon-box'\n\ninterface QuickAction {\n  id: string | number\n  label: string\n  icon?: Component\n  route: string\n}\n\nwithDefaults(\n  defineProps<{\n    title?: string\n    description?: string\n    actions: QuickAction[]\n    linkComponent?: string | Component\n    class?: string\n  }>(),\n  { linkComponent: 'a' },\n)\n</script>\n\n<template>\n  <SectionCard\n    :title=\"title ?? 'Quick Actions'\"\n    :description=\"description\"\n    content-class=\"flex flex-col gap-2\"\n    :class=\"$props.class\"\n  >\n    <component\n      :is=\"linkComponent\"\n      v-for=\"action in actions\"\n      :key=\"action.id\"\n      :to=\"action.route\"\n      :href=\"action.route\"\n      class=\"hover:border-border hover:bg-muted/50 group flex cursor-pointer items-center gap-3 rounded-lg border border-transparent p-3 transition-all duration-200\"\n    >\n      <IconBox v-if=\"action.icon\" :icon=\"action.icon\" />\n      <span class=\"flex-1 text-sm font-medium\">{{ action.label }}</span>\n      <ArrowUpRight\n        class=\"text-muted-foreground size-4 opacity-0 transition-all duration-200 group-hover:opacity-100\"\n      />\n    </component>\n  </SectionCard>\n</template>\n",
      "type": "registry:block",
      "target": "~/app/components/blocks/QuickActions.vue"
    }
  ],
  "dependencies": [
    "lucide-vue-next"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/vue/section-card.json",
    "https://uipkge.dev/r/vue/icon-box.json"
  ],
  "description": "Vertical list of clickable shortcuts in a SectionCard. Pass linkComponent (NuxtLink or RouterLink) for SPA routing.",
  "categories": [
    "dashboard"
  ]
}