@orvui/vue 0.0.0-stage → 0.1.0

package/dist/file-upload-BePH_y0O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-BePH_y0O.js","names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_createElementVNode","_resolveDynamicComponent","_toDisplayString","_createVNode","_createElementBlock","_createCommentVNode","_normalizeStyle","_sfc_main","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","_withCtx","_toDisplayString","_Fragment","_renderList","_createBlock","FileUploadRow","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_openBlock","_createElementBlock","_createBlock","_unref","Tooltip","_withCtx","_createVNode","_createElementVNode","_normalizeClass","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_createElementVNode","_createElementBlock","_createCommentVNode","_Fragment","Tooltip","_createVNode","_toDisplayString","_renderList","_normalizeStyle","AttachmentAction","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_openBlock","_createBlock","_Teleport","_createElementVNode","_createVNode","_unref","_withCtx","_createElementBlock","_createCommentVNode","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_normalizeClass","_createVNode","_toDisplayString","_createElementBlock","_Fragment","_renderList","AttachmentRow","_createCommentVNode","AttachmentPreview","_sfc_main","useOverlay","useReducedMotion","SPRING_PRESS","SPRING_LAYOUT","EASE_OUT","cn","Tooltip_default","createFileUploadItem","file","index","name","useUploadList","local","ref","initial","items","computed","model","legacy","commit","next","changed","acceptsUpload","accept","mime","token","rule","useFileDrop","dragging","depth","drag","disabled","full","event","action","receive","useFileQueue","options","emit","maxReached","add","files","available","limit","accepted","rejected","added","remove","entry","item","retry","formatBytes","bytes","units","value","clampProgress","status","fileKind","getFileIcon","extension","FileImage","FileVideo","FileAudio","FileArchive","FileSpreadsheet","FileText","FileCode2","FileIcon","STATUS_LABEL","STATUS_TONE","_hoisted_1$5","_hoisted_2$5","_hoisted_3$4","_hoisted_4$2","_hoisted_5$2","_hoisted_6$1","_hoisted_7$1","_hoisted_8$1","actionClass","FileUploadRow_default","defineComponent","__emit","props","__props","reduce","progress","statusIcon","CheckCircle2","AlertCircle","Loader2","openBlock","createBlock","unref","motion","normalizeClass","withCtx","createElementVNode","resolveDynamicComponent","toDisplayString","createVNode","AnimatePresence","createElementBlock","_cache","RotateCcw","createCommentVNode","X","normalizeStyle","_hoisted_1$4","_hoisted_2$4","FileUpload_default","input","id","useId","centered","field","$event","UploadCloud","Fragment","renderList","useAttachmentQueue","preview","uploading","complete","removing","owned","jobs","uploadOrder","schedule","timer","callback","delay","release","url","selected","oversized","kind","ids","reduced","watch","retained","previous","onBeforeUnmount","AUDIO_BARS","audioClock","seconds","_hoisted_1$3","_hoisted_2$3","_hoisted_3$3","AttachmentAction_default","Check","LoaderCircle","_hoisted_1$2","_hoisted_2$2","_hoisted_3$2","_hoisted_4$1","_hoisted_5$1","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","AttachmentRow_default","source","state","transition","thumbnail","h","Link","Mic","Paperclip","height","Pause","Play","ExternalLink","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","AttachmentPreview_default","panel","open","Teleport","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","AttachmentUpload_default","maxSize","size","LayoutGroup","Upload"],"sources":["../src/blocks/file-upload/src/types.ts","../src/blocks/file-upload/src/queue-state.ts","../src/blocks/file-upload/src/use-file-queue.ts","../src/blocks/file-upload/src/file-utils.ts","../src/blocks/file-upload/src/FileUploadRow.vue","../src/blocks/file-upload/src/FileUploadRow.vue","../src/blocks/file-upload/src/FileUpload.vue","../src/blocks/file-upload/src/FileUpload.vue","../src/blocks/file-upload/src/use-attachment-queue.ts","../src/blocks/file-upload/src/attachment-geometry.ts","../src/blocks/file-upload/src/AttachmentAction.vue","../src/blocks/file-upload/src/AttachmentAction.vue","../src/blocks/file-upload/src/AttachmentRow.vue","../src/blocks/file-upload/src/AttachmentRow.vue","../src/blocks/file-upload/src/AttachmentPreview.vue","../src/blocks/file-upload/src/AttachmentPreview.vue","../src/blocks/file-upload/src/AttachmentUpload.vue","../src/blocks/file-upload/src/AttachmentUpload.vue"],"sourcesContent":["export type FileUploadStatus = \"queued\" | \"uploading\" | \"success\" | \"error\";\nexport type FileUploadVariant = \"default\" | \"centered\";\nexport interface FileUploadItem {\n  id: string;\n  name: string;\n  size: number;\n  type?: string;\n  progress?: number;\n  status?: FileUploadStatus;\n  error?: string;\n  file?: File;\n}\nexport function createFileUploadItem(file: File, index = 0): FileUploadItem {\n  const { name, size, type } = file;\n  return {\n    id: `${Date.now()}-${index}-${name}`,\n    name,\n    size,\n    type,\n    status: \"uploading\",\n    progress: 0,\n    file,\n  };\n}\n","import { computed, ref, type Ref } from \"vue\";\nexport function useUploadList<T>(\n  model: () => T[] | undefined,\n  legacy: () => T[] | undefined,\n  initial: T[],\n  changed: (items: T[]) => void,\n) {\n  const local = ref(initial) as Ref<T[]>;\n  const items = computed(() => model() ?? legacy() ?? local.value);\n  function commit(next: T[]) {\n    if (model() === undefined && legacy() === undefined) local.value = next;\n    changed(next);\n  }\n  return { items, commit };\n}\nexport function acceptsUpload(file: File, accept?: string) {\n  if (!accept) return true;\n  const name = file.name.toLowerCase(),\n    mime = file.type.toLowerCase();\n  for (const token of accept.split(\",\")) {\n    const rule = token.trim().toLowerCase();\n    if (\n      rule.startsWith(\".\")\n        ? name.endsWith(rule)\n        : rule.endsWith(\"/*\")\n          ? mime.startsWith(rule.slice(0, -1))\n          : mime === rule\n    )\n      return true;\n  }\n  return false;\n}\nexport function useFileDrop(\n  disabled: () => boolean,\n  full: () => boolean,\n  receive: (files: File[]) => void,\n) {\n  const dragging = ref(false);\n  let depth = 0;\n  function drag(event: DragEvent, action: \"enter\" | \"over\" | \"leave\" | \"drop\") {\n    if (disabled() || full()) return;\n    event.preventDefault();\n    if (action === \"enter\") {\n      depth++;\n      dragging.value = true;\n    } else if (action === \"over\") {\n      if (event.dataTransfer) event.dataTransfer.dropEffect = \"copy\";\n      dragging.value = true;\n    } else if (action === \"leave\") {\n      depth = Math.max(0, depth - 1);\n      if (!depth) dragging.value = false;\n    } else {\n      depth = 0;\n      dragging.value = false;\n      receive(Array.from(event.dataTransfer?.files ?? []));\n    }\n  }\n  return { dragging, drag };\n}\n","import { computed } from \"vue\";\nimport { createFileUploadItem, type FileUploadItem } from \"./types\";\nimport { acceptsUpload, useFileDrop, useUploadList } from \"./queue-state\";\ntype Options = {\n  modelValue?: FileUploadItem[];\n  value?: FileUploadItem[];\n  defaultValue: FileUploadItem[];\n  accept?: string;\n  multiple: boolean;\n  maxFiles?: number;\n  disabled: boolean;\n};\nexport function useFileQueue(\n  options: Options,\n  emit: (event: any, ...args: any[]) => void,\n) {\n  const { items, commit } = useUploadList(\n    () => options.modelValue,\n    () => options.value,\n    options.defaultValue,\n    (next) => {\n      emit(\"update:modelValue\", next);\n      emit(\"valueChange\", next);\n    },\n  );\n  const maxReached = computed(\n    () =>\n      options.maxFiles !== undefined && items.value.length >= options.maxFiles,\n  );\n  function add(files: File[]) {\n    if (options.disabled || !files.length) return;\n    const available =\n      options.maxFiles === undefined\n        ? files.length\n        : options.maxFiles - items.value.length;\n    const limit = Math.max(\n      0,\n      options.multiple ? available : Math.min(1, available),\n    );\n    const accepted = files\n        .filter((file) => acceptsUpload(file, options.accept))\n        .slice(0, limit),\n      rejected = files.filter((file) => !accepted.includes(file));\n    if (rejected.length) emit(\"reject\", rejected);\n    const added = accepted.map(createFileUploadItem);\n    if (added.length) {\n      commit([...items.value, ...added]);\n      emit(\"filesAdded\", added, accepted);\n    }\n  }\n  function remove(item: FileUploadItem) {\n    commit(items.value.filter((entry) => entry.id !== item.id));\n    emit(\"remove\", item);\n  }\n  function retry(item: FileUploadItem) {\n    const next: FileUploadItem = {\n      ...item,\n      error: undefined,\n      progress: 0,\n      status: \"uploading\",\n    };\n    commit(items.value.map((entry) => (entry.id === item.id ? next : entry)));\n    emit(\"retry\", next);\n  }\n  return {\n    items,\n    maxReached,\n    add,\n    remove,\n    retry,\n    ...useFileDrop(\n      () => options.disabled,\n      () => maxReached.value,\n      add,\n    ),\n  };\n}\n","import {\n  FileArchive,\n  FileAudio,\n  FileCode2,\n  FileIcon,\n  FileImage,\n  FileSpreadsheet,\n  FileText,\n  FileVideo,\n} from \"lucide-vue-next\";\nimport type { FileUploadItem, FileUploadStatus } from \"./types\";\nexport function formatBytes(bytes: number) {\n  if (!Number.isFinite(bytes) || bytes <= 0) return \"0 B\";\n  const units = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"],\n    index = Math.min(\n      Math.floor(Math.log(bytes) / Math.log(1024)),\n      units.length - 1,\n    ),\n    value = bytes / 1024 ** index;\n  return `${value.toFixed(value >= 10 || index === 0 ? 0 : 1)} ${units[index]}`;\n}\nexport function clampProgress(\n  value: number | undefined,\n  status: FileUploadStatus,\n) {\n  if (status === \"success\") return 100;\n  return value === undefined || Number.isNaN(value)\n    ? 0\n    : Math.max(0, Math.min(100, value));\n}\nexport function fileKind(item: FileUploadItem) {\n  const value = item.name.includes(\".\")\n    ? item.name.split(\".\").at(-1)\n    : item.type?.split(\"/\").at(-1);\n  return value?.toUpperCase() ?? \"FILE\";\n}\nexport function getFileIcon(item: FileUploadItem) {\n  const extension = item.name.split(\".\").at(-1)?.toLowerCase() ?? \"\",\n    mime = item.type ?? \"\";\n  if (mime.startsWith(\"image/\")) return FileImage;\n  if (mime.startsWith(\"video/\")) return FileVideo;\n  if (mime.startsWith(\"audio/\")) return FileAudio;\n  if (\n    mime.includes(\"zip\") ||\n    mime.includes(\"compressed\") ||\n    [\"zip\", \"rar\", \"7z\", \"tar\", \"gz\"].includes(extension)\n  )\n    return FileArchive;\n  if (\n    mime.includes(\"spreadsheet\") ||\n    mime.includes(\"excel\") ||\n    [\"csv\", \"xls\", \"xlsx\"].includes(extension)\n  )\n    return FileSpreadsheet;\n  if (\n    mime.includes(\"pdf\") ||\n    mime.startsWith(\"text/\") ||\n    [\"pdf\", \"doc\", \"docx\", \"md\", \"txt\"].includes(extension)\n  )\n    return FileText;\n  if (\n    [\n      \"css\",\n      \"html\",\n      \"js\",\n      \"jsx\",\n      \"json\",\n      \"mdx\",\n      \"ts\",\n      \"tsx\",\n      \"xml\",\n      \"yaml\",\n      \"yml\",\n    ].includes(extension)\n  )\n    return FileCode2;\n  return FileIcon;\n}\nexport const STATUS_LABEL = {\n  queued: \"Queued\",\n  uploading: \"Uploading\",\n  success: \"Uploaded\",\n  error: \"Failed\",\n};\nexport const STATUS_TONE = {\n  queued: \"text-muted-foreground\",\n  uploading: \"text-foreground\",\n  success: \"text-emerald-600 dark:text-emerald-400\",\n  error: \"text-destructive\",\n};\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport {\n  AlertCircle,\n  CheckCircle2,\n  FileIcon,\n  Loader2,\n  RotateCcw,\n  X,\n} from \"lucide-vue-next\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport type { FileUploadItem } from \"./types\";\nimport type { FileUploadClassNames } from \"./source-types\";\nimport {\n  clampProgress,\n  fileKind,\n  getFileIcon,\n  formatBytes,\n  STATUS_LABEL,\n  STATUS_TONE,\n} from \"./file-utils\";\nconst props = defineProps<{\n  item: FileUploadItem;\n  classNames?: FileUploadClassNames;\n}>();\nconst emit = defineEmits<{\n  remove: [item: FileUploadItem];\n  retry: [item: FileUploadItem];\n}>();\nconst reduce = useReducedMotion(),\n  status = computed(() => props.item.status ?? \"queued\"),\n  progress = computed(() => clampProgress(props.item.progress, status.value));\nconst statusIcon = computed(\n  () =>\n    ({\n      success: CheckCircle2,\n      error: AlertCircle,\n      uploading: Loader2,\n      queued: FileIcon,\n    })[status.value],\n);\nconst actionClass =\n  \"grid h-7 w-7 place-items-center rounded-full text-muted-foreground transition-colors duration-150 hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring active:scale-95\";\n</script>\n<template>\n  <motion.li\n    :layout=\"!reduce\"\n    :initial=\"\n      reduce ? { opacity: 0 } : { opacity: 0, transform: 'translateY(8px)' }\n    \"\n    :animate=\"{ opacity: 1, transform: 'translateY(0px)' }\"\n    :exit=\"\n      reduce ? { opacity: 0 } : { opacity: 0, transform: 'translateY(-6px)' }\n    \"\n    :transition=\"{ duration: 0.22, ease: EASE_OUT }\"\n    :class=\"\n      cn(\n        'relative overflow-hidden rounded-2xl border border-border bg-background p-3',\n        classNames?.item,\n      )\n    \"\n    ><div class=\"flex items-center gap-3\">\n      <div\n        :class=\"\n          cn(\n            'grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-muted text-muted-foreground',\n            classNames?.leading,\n          )\n        \"\n      >\n        <component :is=\"getFileIcon(item)\" class=\"h-5 w-5\" />\n      </div>\n      <div :class=\"cn('min-w-0 flex-1', classNames?.content)\">\n        <div class=\"flex items-start justify-between gap-3\">\n          <div class=\"min-w-0\">\n            <p\n              :class=\"\n                cn(\n                  'truncate text-sm font-medium text-foreground',\n                  classNames?.name,\n                )\n              \"\n            >\n              {{ item.name }}\n            </p>\n            <p\n              :class=\"\n                cn('mt-0.5 text-xs text-muted-foreground', classNames?.meta)\n              \"\n            >\n              {{ fileKind(item) }} · {{ formatBytes(item.size)\n              }}{{ status === \"error\" && item.error ? \" · \" + item.error : \"\" }}\n            </p>\n          </div>\n          <div class=\"flex shrink-0 items-center gap-1\">\n            <AnimatePresence mode=\"wait\" :initial=\"false\"\n              ><motion.span\n                :key=\"status\"\n                :initial=\"\n                  reduce\n                    ? { opacity: 0 }\n                    : { opacity: 0, transform: 'translateY(4px)' }\n                \"\n                :animate=\"{ opacity: 1, transform: 'translateY(0px)' }\"\n                :exit=\"\n                  reduce\n                    ? { opacity: 0 }\n                    : { opacity: 0, transform: 'translateY(-4px)' }\n                \"\n                :transition=\"{ duration: 0.16, ease: EASE_OUT }\"\n                :class=\"\n                  cn('grid h-6 w-6 place-items-center', STATUS_TONE[status])\n                \"\n                ><component\n                  :is=\"statusIcon\"\n                  :class=\"\n                    cn(\n                      'h-4 w-4',\n                      status === 'uploading' && 'animate-spin',\n                      status === 'uploading' && reduce && 'animate-none',\n                    )\n                  \"\n                /><span class=\"sr-only\">{{\n                  STATUS_LABEL[status]\n                }}</span></motion.span\n              ></AnimatePresence\n            ><button\n              v-if=\"status === 'error'\"\n              type=\"button\"\n              @click=\"emit('retry', item)\"\n              :aria-label=\"'Retry ' + item.name\"\n              :class=\"cn(actionClass, classNames?.action)\"\n            >\n              <RotateCcw class=\"h-3.5 w-3.5\" /></button\n            ><button\n              type=\"button\"\n              @click=\"emit('remove', item)\"\n              :aria-label=\"'Remove ' + item.name\"\n              :class=\"cn(actionClass, classNames?.action)\"\n            >\n              <X class=\"h-3.5 w-3.5\" />\n            </button>\n          </div>\n        </div>\n        <div\n          v-if=\"status === 'uploading' || status === 'success'\"\n          role=\"progressbar\"\n          :aria-valuemin=\"0\"\n          :aria-valuemax=\"100\"\n          :aria-valuenow=\"Math.round(progress)\"\n          :aria-label=\"item.name + ' upload progress'\"\n          :class=\"\n            cn(\n              'mt-3 h-1.5 overflow-hidden rounded-full bg-muted',\n              classNames?.progress,\n            )\n          \"\n        >\n          <motion.div\n            :class=\"\n              cn(\n                'h-full rounded-full',\n                status === 'success' ? 'bg-emerald-500' : 'bg-foreground',\n              )\n            \"\n            :style=\"{\n              transformOrigin: 'left',\n              transform: reduce ? `scaleX(${progress / 100})` : undefined,\n            }\"\n            :initial=\"false\"\n            :animate=\"\n              reduce ? undefined : { transform: `scaleX(${progress / 100})` }\n            \"\n            :transition=\"{ duration: 0.28, ease: EASE_OUT }\"\n          />\n        </div>\n      </div></div\n  ></motion.li>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport {\n  AlertCircle,\n  CheckCircle2,\n  FileIcon,\n  Loader2,\n  RotateCcw,\n  X,\n} from \"lucide-vue-next\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport type { FileUploadItem } from \"./types\";\nimport type { FileUploadClassNames } from \"./source-types\";\nimport {\n  clampProgress,\n  fileKind,\n  getFileIcon,\n  formatBytes,\n  STATUS_LABEL,\n  STATUS_TONE,\n} from \"./file-utils\";\nconst props = defineProps<{\n  item: FileUploadItem;\n  classNames?: FileUploadClassNames;\n}>();\nconst emit = defineEmits<{\n  remove: [item: FileUploadItem];\n  retry: [item: FileUploadItem];\n}>();\nconst reduce = useReducedMotion(),\n  status = computed(() => props.item.status ?? \"queued\"),\n  progress = computed(() => clampProgress(props.item.progress, status.value));\nconst statusIcon = computed(\n  () =>\n    ({\n      success: CheckCircle2,\n      error: AlertCircle,\n      uploading: Loader2,\n      queued: FileIcon,\n    })[status.value],\n);\nconst actionClass =\n  \"grid h-7 w-7 place-items-center rounded-full text-muted-foreground transition-colors duration-150 hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring active:scale-95\";\n</script>\n<template>\n  <motion.li\n    :layout=\"!reduce\"\n    :initial=\"\n      reduce ? { opacity: 0 } : { opacity: 0, transform: 'translateY(8px)' }\n    \"\n    :animate=\"{ opacity: 1, transform: 'translateY(0px)' }\"\n    :exit=\"\n      reduce ? { opacity: 0 } : { opacity: 0, transform: 'translateY(-6px)' }\n    \"\n    :transition=\"{ duration: 0.22, ease: EASE_OUT }\"\n    :class=\"\n      cn(\n        'relative overflow-hidden rounded-2xl border border-border bg-background p-3',\n        classNames?.item,\n      )\n    \"\n    ><div class=\"flex items-center gap-3\">\n      <div\n        :class=\"\n          cn(\n            'grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-muted text-muted-foreground',\n            classNames?.leading,\n          )\n        \"\n      >\n        <component :is=\"getFileIcon(item)\" class=\"h-5 w-5\" />\n      </div>\n      <div :class=\"cn('min-w-0 flex-1', classNames?.content)\">\n        <div class=\"flex items-start justify-between gap-3\">\n          <div class=\"min-w-0\">\n            <p\n              :class=\"\n                cn(\n                  'truncate text-sm font-medium text-foreground',\n                  classNames?.name,\n                )\n              \"\n            >\n              {{ item.name }}\n            </p>\n            <p\n              :class=\"\n                cn('mt-0.5 text-xs text-muted-foreground', classNames?.meta)\n              \"\n            >\n              {{ fileKind(item) }} · {{ formatBytes(item.size)\n              }}{{ status === \"error\" && item.error ? \" · \" + item.error : \"\" }}\n            </p>\n          </div>\n          <div class=\"flex shrink-0 items-center gap-1\">\n            <AnimatePresence mode=\"wait\" :initial=\"false\"\n              ><motion.span\n                :key=\"status\"\n                :initial=\"\n                  reduce\n                    ? { opacity: 0 }\n                    : { opacity: 0, transform: 'translateY(4px)' }\n                \"\n                :animate=\"{ opacity: 1, transform: 'translateY(0px)' }\"\n                :exit=\"\n                  reduce\n                    ? { opacity: 0 }\n                    : { opacity: 0, transform: 'translateY(-4px)' }\n                \"\n                :transition=\"{ duration: 0.16, ease: EASE_OUT }\"\n                :class=\"\n                  cn('grid h-6 w-6 place-items-center', STATUS_TONE[status])\n                \"\n                ><component\n                  :is=\"statusIcon\"\n                  :class=\"\n                    cn(\n                      'h-4 w-4',\n                      status === 'uploading' && 'animate-spin',\n                      status === 'uploading' && reduce && 'animate-none',\n                    )\n                  \"\n                /><span class=\"sr-only\">{{\n                  STATUS_LABEL[status]\n                }}</span></motion.span\n              ></AnimatePresence\n            ><button\n              v-if=\"status === 'error'\"\n              type=\"button\"\n              @click=\"emit('retry', item)\"\n              :aria-label=\"'Retry ' + item.name\"\n              :class=\"cn(actionClass, classNames?.action)\"\n            >\n              <RotateCcw class=\"h-3.5 w-3.5\" /></button\n            ><button\n              type=\"button\"\n              @click=\"emit('remove', item)\"\n              :aria-label=\"'Remove ' + item.name\"\n              :class=\"cn(actionClass, classNames?.action)\"\n            >\n              <X class=\"h-3.5 w-3.5\" />\n            </button>\n          </div>\n        </div>\n        <div\n          v-if=\"status === 'uploading' || status === 'success'\"\n          role=\"progressbar\"\n          :aria-valuemin=\"0\"\n          :aria-valuemax=\"100\"\n          :aria-valuenow=\"Math.round(progress)\"\n          :aria-label=\"item.name + ' upload progress'\"\n          :class=\"\n            cn(\n              'mt-3 h-1.5 overflow-hidden rounded-full bg-muted',\n              classNames?.progress,\n            )\n          \"\n        >\n          <motion.div\n            :class=\"\n              cn(\n                'h-full rounded-full',\n                status === 'success' ? 'bg-emerald-500' : 'bg-foreground',\n              )\n            \"\n            :style=\"{\n              transformOrigin: 'left',\n              transform: reduce ? `scaleX(${progress / 100})` : undefined,\n            }\"\n            :initial=\"false\"\n            :animate=\"\n              reduce ? undefined : { transform: `scaleX(${progress / 100})` }\n            \"\n            :transition=\"{ duration: 0.28, ease: EASE_OUT }\"\n          />\n        </div>\n      </div></div\n  ></motion.li>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { UploadCloud } from \"lucide-vue-next\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport type { FileUploadItem, FileUploadVariant } from \"./types\";\nimport type { FileUploadClassNames } from \"./source-types\";\nimport { useFileQueue } from \"./use-file-queue\";\nimport FileUploadRow from \"./FileUploadRow.vue\";\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: FileUploadItem[];\n    value?: FileUploadItem[];\n    defaultValue?: FileUploadItem[];\n    accept?: string;\n    multiple?: boolean;\n    maxFiles?: number;\n    disabled?: boolean;\n    variant?: FileUploadVariant;\n    title?: string;\n    description?: string;\n    browseLabel?: string;\n    className?: string;\n    classNames?: FileUploadClassNames;\n  }>(),\n  {\n    defaultValue: () => [],\n    multiple: true,\n    disabled: false,\n    variant: \"default\",\n    title: \"Drop files here\",\n    description: \"Add files to the upload queue\",\n    browseLabel: \"Browse\",\n  },\n);\nconst emit = defineEmits<{\n  \"update:modelValue\": [items: FileUploadItem[]];\n  valueChange: [items: FileUploadItem[]];\n  filesAdded: [items: FileUploadItem[], files: File[]];\n  remove: [item: FileUploadItem];\n  retry: [item: FileUploadItem];\n  reject: [files: File[]];\n}>();\nconst input = ref<HTMLInputElement>(),\n  reduce = useReducedMotion(),\n  id = useId();\nconst { items, maxReached, add, remove, retry, dragging, drag } = useFileQueue(\n  props,\n  emit,\n);\nconst centered = computed(() => props.variant === \"centered\");\nfunction changed(event: Event) {\n  const field = event.target as HTMLInputElement;\n  add(Array.from(field.files ?? []));\n  field.value = \"\";\n}\n</script>\n<template>\n  <div :class=\"cn('w-full space-y-3', className, classNames?.root)\">\n    <input\n      ref=\"input\"\n      :id=\"id\"\n      type=\"file\"\n      aria-label=\"Upload files\"\n      :accept=\"accept\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled || maxReached\"\n      :tabindex=\"-1\"\n      class=\"sr-only\"\n      @change=\"changed\"\n    /><button\n      type=\"button\"\n      :disabled=\"disabled || maxReached\"\n      :data-dragging=\"dragging\"\n      @click=\"input?.click()\"\n      @dragenter=\"drag($event, 'enter')\"\n      @dragover=\"drag($event, 'over')\"\n      @dragleave=\"drag($event, 'leave')\"\n      @drop=\"drag($event, 'drop')\"\n      :class=\"\n        cn(\n          'group relative flex w-full overflow-hidden rounded-3xl border border-dashed border-border bg-background outline-none',\n          'transition-[border-color,transform] duration-200 active:scale-[0.99]',\n          'hover:border-foreground/40 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n          'data-[dragging=true]:border-foreground',\n          'disabled:pointer-events-none disabled:opacity-55',\n          centered\n            ? 'min-h-56 flex-col items-center justify-center gap-3 p-7 text-center'\n            : 'items-center gap-4 p-5 text-left',\n          classNames?.dropzone,\n        )\n      \"\n    >\n      <motion.span\n        aria-hidden=\"true\"\n        :class=\"\n          cn(\n            'grid shrink-0 place-items-center bg-muted text-foreground',\n            centered\n              ? 'h-16 w-16 rounded-[1.35rem] border border-border'\n              : 'h-14 w-14 rounded-[1.25rem]',\n          )\n        \"\n        :animate=\"\n          reduce\n            ? undefined\n            : { transform: dragging ? 'translateY(-2px)' : 'translateY(0px)' }\n        \"\n        :transition=\"{ duration: 0.16, ease: EASE_OUT }\"\n        ><UploadCloud :class=\"centered ? 'h-7 w-7' : 'h-6 w-6'\" /></motion.span\n      ><span :class=\"cn('min-w-0', centered ? 'max-w-xs' : 'flex-1')\"\n        ><span\n          :class=\"\n            cn(\n              'block font-semibold text-foreground',\n              centered ? 'text-base' : 'text-sm',\n            )\n          \"\n          >{{ maxReached ? \"Upload limit reached\" : title }}</span\n        ><span\n          :class=\"\n            cn(\n              'block text-xs text-muted-foreground',\n              centered ? 'mt-1 leading-5' : 'mt-0.5',\n            )\n          \"\n          >{{\n            maxReached\n              ? items.length + \" of \" + maxFiles + \" files added\"\n              : description\n          }}</span\n        ></span\n      ><span\n        :class=\"\n          cn(\n            'shrink-0 rounded-full border border-border text-xs font-medium text-foreground transition-colors duration-150 group-hover:bg-muted',\n            centered ? 'mt-1 px-4 py-2' : 'px-3.5 py-2',\n          )\n        \"\n        >{{ browseLabel }}</span\n      >\n    </button>\n    <ul :class=\"cn('space-y-2', classNames?.queue)\">\n      <AnimatePresence :initial=\"false\"\n        ><FileUploadRow\n          v-for=\"item in items\"\n          :key=\"item.id\"\n          :item=\"item\"\n          :class-names=\"classNames\"\n          @remove=\"remove\"\n          @retry=\"retry\"\n      /></AnimatePresence>\n    </ul>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { UploadCloud } from \"lucide-vue-next\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport type { FileUploadItem, FileUploadVariant } from \"./types\";\nimport type { FileUploadClassNames } from \"./source-types\";\nimport { useFileQueue } from \"./use-file-queue\";\nimport FileUploadRow from \"./FileUploadRow.vue\";\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: FileUploadItem[];\n    value?: FileUploadItem[];\n    defaultValue?: FileUploadItem[];\n    accept?: string;\n    multiple?: boolean;\n    maxFiles?: number;\n    disabled?: boolean;\n    variant?: FileUploadVariant;\n    title?: string;\n    description?: string;\n    browseLabel?: string;\n    className?: string;\n    classNames?: FileUploadClassNames;\n  }>(),\n  {\n    defaultValue: () => [],\n    multiple: true,\n    disabled: false,\n    variant: \"default\",\n    title: \"Drop files here\",\n    description: \"Add files to the upload queue\",\n    browseLabel: \"Browse\",\n  },\n);\nconst emit = defineEmits<{\n  \"update:modelValue\": [items: FileUploadItem[]];\n  valueChange: [items: FileUploadItem[]];\n  filesAdded: [items: FileUploadItem[], files: File[]];\n  remove: [item: FileUploadItem];\n  retry: [item: FileUploadItem];\n  reject: [files: File[]];\n}>();\nconst input = ref<HTMLInputElement>(),\n  reduce = useReducedMotion(),\n  id = useId();\nconst { items, maxReached, add, remove, retry, dragging, drag } = useFileQueue(\n  props,\n  emit,\n);\nconst centered = computed(() => props.variant === \"centered\");\nfunction changed(event: Event) {\n  const field = event.target as HTMLInputElement;\n  add(Array.from(field.files ?? []));\n  field.value = \"\";\n}\n</script>\n<template>\n  <div :class=\"cn('w-full space-y-3', className, classNames?.root)\">\n    <input\n      ref=\"input\"\n      :id=\"id\"\n      type=\"file\"\n      aria-label=\"Upload files\"\n      :accept=\"accept\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled || maxReached\"\n      :tabindex=\"-1\"\n      class=\"sr-only\"\n      @change=\"changed\"\n    /><button\n      type=\"button\"\n      :disabled=\"disabled || maxReached\"\n      :data-dragging=\"dragging\"\n      @click=\"input?.click()\"\n      @dragenter=\"drag($event, 'enter')\"\n      @dragover=\"drag($event, 'over')\"\n      @dragleave=\"drag($event, 'leave')\"\n      @drop=\"drag($event, 'drop')\"\n      :class=\"\n        cn(\n          'group relative flex w-full overflow-hidden rounded-3xl border border-dashed border-border bg-background outline-none',\n          'transition-[border-color,transform] duration-200 active:scale-[0.99]',\n          'hover:border-foreground/40 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n          'data-[dragging=true]:border-foreground',\n          'disabled:pointer-events-none disabled:opacity-55',\n          centered\n            ? 'min-h-56 flex-col items-center justify-center gap-3 p-7 text-center'\n            : 'items-center gap-4 p-5 text-left',\n          classNames?.dropzone,\n        )\n      \"\n    >\n      <motion.span\n        aria-hidden=\"true\"\n        :class=\"\n          cn(\n            'grid shrink-0 place-items-center bg-muted text-foreground',\n            centered\n              ? 'h-16 w-16 rounded-[1.35rem] border border-border'\n              : 'h-14 w-14 rounded-[1.25rem]',\n          )\n        \"\n        :animate=\"\n          reduce\n            ? undefined\n            : { transform: dragging ? 'translateY(-2px)' : 'translateY(0px)' }\n        \"\n        :transition=\"{ duration: 0.16, ease: EASE_OUT }\"\n        ><UploadCloud :class=\"centered ? 'h-7 w-7' : 'h-6 w-6'\" /></motion.span\n      ><span :class=\"cn('min-w-0', centered ? 'max-w-xs' : 'flex-1')\"\n        ><span\n          :class=\"\n            cn(\n              'block font-semibold text-foreground',\n              centered ? 'text-base' : 'text-sm',\n            )\n          \"\n          >{{ maxReached ? \"Upload limit reached\" : title }}</span\n        ><span\n          :class=\"\n            cn(\n              'block text-xs text-muted-foreground',\n              centered ? 'mt-1 leading-5' : 'mt-0.5',\n            )\n          \"\n          >{{\n            maxReached\n              ? items.length + \" of \" + maxFiles + \" files added\"\n              : description\n          }}</span\n        ></span\n      ><span\n        :class=\"\n          cn(\n            'shrink-0 rounded-full border border-border text-xs font-medium text-foreground transition-colors duration-150 group-hover:bg-muted',\n            centered ? 'mt-1 px-4 py-2' : 'px-3.5 py-2',\n          )\n        \"\n        >{{ browseLabel }}</span\n      >\n    </button>\n    <ul :class=\"cn('space-y-2', classNames?.queue)\">\n      <AnimatePresence :initial=\"false\"\n        ><FileUploadRow\n          v-for=\"item in items\"\n          :key=\"item.id\"\n          :item=\"item\"\n          :class-names=\"classNames\"\n          @remove=\"remove\"\n          @retry=\"retry\"\n      /></AnimatePresence>\n    </ul>\n  </div>\n</template>\n","import { computed, onBeforeUnmount, ref, watch } from \"vue\";\nimport { useUploadList, useFileDrop } from \"./queue-state\";\nimport type { AttachmentUploadItem } from \"./attachment-types\";\ntype Options = {\n  modelValue?: AttachmentUploadItem[];\n  value?: AttachmentUploadItem[];\n  defaultValue: AttachmentUploadItem[];\n  maxFiles: number;\n  multiple: boolean;\n  maxFileSize: number;\n  disabled: boolean;\n};\nexport function useAttachmentQueue(\n  options: Options,\n  reduced: () => boolean,\n  emit: (event: any, ...args: any[]) => void,\n) {\n  const { items, commit } = useUploadList(\n    () => options.modelValue,\n    () => options.value,\n    options.defaultValue,\n    (next) => {\n      emit(\"update:modelValue\", next);\n      emit(\"valueChange\", next);\n    },\n  );\n  const preview = ref<AttachmentUploadItem | null>(null),\n    uploading = ref(new Set<string>()),\n    complete = ref(new Set<string>()),\n    removing = ref(new Set<string>());\n  const owned = new Set<string>(),\n    jobs = new Set<ReturnType<typeof setTimeout>>();\n  const maxReached = computed(() => items.value.length >= options.maxFiles),\n    uploadOrder = computed(() => [...uploading.value]);\n  function schedule(callback: () => void, delay: number) {\n    const timer = setTimeout(() => {\n      jobs.delete(timer);\n      callback();\n    }, delay);\n    jobs.add(timer);\n  }\n  function release(item: AttachmentUploadItem) {\n    for (const url of new Set([item.previewUrl, item.href]))\n      if (url && owned.delete(url)) URL.revokeObjectURL(url);\n  }\n  function add(files: File[]) {\n    if (options.disabled || !files.length) return;\n    const available = Math.max(0, options.maxFiles - items.value.length);\n    if (!available) {\n      emit(\"filesRejected\", files, \"max-files\");\n      return;\n    }\n    const selected = files.slice(\n      0,\n      options.multiple ? available : Math.min(1, available),\n    );\n    const oversized = selected.filter(\n        (file) => file.size > options.maxFileSize,\n      ),\n      accepted = selected.filter((file) => file.size <= options.maxFileSize);\n    if (oversized.length) emit(\"filesRejected\", oversized, \"too-large\");\n    if (selected.length < files.length)\n      emit(\"filesRejected\", files.slice(selected.length), \"max-files\");\n    const added = accepted.map<AttachmentUploadItem>((file, index) => {\n      const kind = file.type.startsWith(\"image/\")\n          ? \"image\"\n          : file.type.startsWith(\"audio/\")\n            ? \"audio\"\n            : \"file\",\n        url = URL.createObjectURL(file);\n      owned.add(url);\n      return {\n        id: `${Date.now()}-${index}-${file.name}`,\n        name: file.name,\n        kind,\n        size: file.size,\n        previewUrl: kind === \"image\" ? url : undefined,\n        href: url,\n        currentTime: kind === \"audio\" ? 0 : undefined,\n        duration: kind === \"audio\" ? 0 : undefined,\n        file,\n      };\n    });\n    if (!added.length) return;\n    commit([...items.value, ...added]);\n    const ids = added.map((item) => item.id);\n    ids.forEach((id) => uploading.value.add(id));\n    schedule(\n      () => {\n        ids.forEach((id) => {\n          uploading.value.delete(id);\n          complete.value.add(id);\n        });\n        schedule(() => ids.forEach((id) => complete.value.delete(id)), 1000);\n      },\n      reduced() ? 140 : 900,\n    );\n    emit(\"filesAdded\", added, accepted);\n  }\n  function remove(item: AttachmentUploadItem) {\n    if (removing.value.has(item.id)) return;\n    removing.value.add(item.id);\n    schedule(\n      () => {\n        release(item);\n        if (preview.value?.id === item.id) preview.value = null;\n        uploading.value.delete(item.id);\n        complete.value.delete(item.id);\n        commit(items.value.filter((entry) => entry.id !== item.id));\n        emit(\"remove\", item);\n        removing.value.delete(item.id);\n      },\n      reduced() ? 140 : 420,\n    );\n  }\n  watch(items, (next, previous) => {\n    const retained = new Set(next.map((item) => item.id));\n    if (preview.value && !retained.has(preview.value.id)) preview.value = null;\n    for (const item of previous) if (!retained.has(item.id)) release(item);\n  });\n  onBeforeUnmount(() => {\n    for (const url of owned) URL.revokeObjectURL(url);\n    owned.clear();\n    for (const timer of jobs) clearTimeout(timer);\n    jobs.clear();\n  });\n  return {\n    items,\n    preview,\n    uploading,\n    complete,\n    removing,\n    maxReached,\n    uploadOrder,\n    add,\n    remove,\n    ...useFileDrop(\n      () => options.disabled,\n      () => maxReached.value,\n      add,\n    ),\n  };\n}\n","export const AUDIO_BARS = [\n  18, 31, 24, 39, 30, 43, 27, 18, 9, 29, 38, 24, 34, 18, 26, 37, 21, 14, 7, 11,\n  22, 35, 18, 26, 41, 29, 17, 33,\n];\nexport function audioClock(value?: number) {\n  const seconds = Math.max(0, Math.round(value ?? 0));\n  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, \"0\")}`;\n}\n","<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport {\n  AlertCircle,\n  Check,\n  LoaderCircle,\n  RotateCcw,\n  X,\n} from \"lucide-vue-next\";\nimport { Tooltip } from \"../../../motion/tooltip\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\ndefineProps<{\n  label: string;\n  state: \"idle\" | \"uploading\" | \"complete\" | \"failed\" | \"removing\";\n  retryable: boolean;\n  reduce: boolean;\n}>();\nconst emit = defineEmits<{ action: [] }>();\n</script>\n<template>\n  <span\n    v-if=\"state === 'uploading'\"\n    aria-hidden=\"true\"\n    class=\"size-9 shrink-0\"\n  /><Tooltip\n    v-else-if=\"state === 'complete'\"\n    content=\"Upload complete\"\n    side=\"top\"\n    :delay=\"100\"\n    ><motion.span\n      role=\"status\"\n      :aria-label=\"'Upload complete for ' + label\"\n      :initial=\"reduce ? { opacity: 0 } : { opacity: 0, scale: 0.75 }\"\n      :animate=\"{ opacity: 1, scale: 1 }\"\n      :transition=\"{ duration: 0.2, ease: EASE_OUT }\"\n      class=\"grid size-9 shrink-0 place-items-center rounded-xl text-emerald-600 dark:text-emerald-400\"\n      ><Check class=\"size-4\" /></motion.span></Tooltip\n  ><Tooltip\n    v-else-if=\"state === 'removing'\"\n    content=\"Removing attachment\"\n    side=\"top\"\n    :delay=\"100\"\n    ><span\n      role=\"status\"\n      :aria-label=\"'Removing ' + label\"\n      class=\"grid size-9 shrink-0 place-items-center rounded-xl text-muted-foreground\"\n      ><motion.span\n        :animate=\"reduce ? undefined : { rotate: 360 }\"\n        :transition=\"{ duration: 0.7, ease: 'linear', repeat: Infinity }\"\n        class=\"grid place-items-center\"\n        ><LoaderCircle class=\"size-4\" /></motion.span></span></Tooltip\n  ><Tooltip\n    v-else-if=\"state === 'failed' && !retryable\"\n    content=\"Upload failed\"\n    side=\"top\"\n    :delay=\"100\"\n    ><span\n      role=\"status\"\n      :aria-label=\"'Upload failed for ' + label\"\n      class=\"grid size-9 shrink-0 place-items-center rounded-xl text-destructive\"\n      ><AlertCircle class=\"size-4\" /></span></Tooltip\n  ><Tooltip\n    v-else\n    :content=\"state === 'failed' ? 'Retry upload' : 'Remove attachment'\"\n    side=\"top\"\n    :delay=\"100\"\n    ><motion.button\n      type=\"button\"\n      :aria-label=\"(state === 'failed' ? 'Retry ' : 'Remove ') + label\"\n      @click=\"emit('action')\"\n      :while-press=\"reduce ? undefined : { scale: 0.92 }\"\n      :transition=\"SPRING_PRESS\"\n      :class=\"[\n        'grid size-9 shrink-0 place-items-center rounded-xl outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring',\n        state === 'failed'\n          ? 'text-destructive hover:bg-destructive/10'\n          : 'text-muted-foreground hover:bg-muted hover:text-foreground',\n      ]\"\n      ><RotateCcw v-if=\"state === 'failed'\" class=\"size-4\" /><X\n        v-else\n        class=\"size-4\" /></motion.button\n  ></Tooltip>\n</template>\n","<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport {\n  AlertCircle,\n  Check,\n  LoaderCircle,\n  RotateCcw,\n  X,\n} from \"lucide-vue-next\";\nimport { Tooltip } from \"../../../motion/tooltip\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\ndefineProps<{\n  label: string;\n  state: \"idle\" | \"uploading\" | \"complete\" | \"failed\" | \"removing\";\n  retryable: boolean;\n  reduce: boolean;\n}>();\nconst emit = defineEmits<{ action: [] }>();\n</script>\n<template>\n  <span\n    v-if=\"state === 'uploading'\"\n    aria-hidden=\"true\"\n    class=\"size-9 shrink-0\"\n  /><Tooltip\n    v-else-if=\"state === 'complete'\"\n    content=\"Upload complete\"\n    side=\"top\"\n    :delay=\"100\"\n    ><motion.span\n      role=\"status\"\n      :aria-label=\"'Upload complete for ' + label\"\n      :initial=\"reduce ? { opacity: 0 } : { opacity: 0, scale: 0.75 }\"\n      :animate=\"{ opacity: 1, scale: 1 }\"\n      :transition=\"{ duration: 0.2, ease: EASE_OUT }\"\n      class=\"grid size-9 shrink-0 place-items-center rounded-xl text-emerald-600 dark:text-emerald-400\"\n      ><Check class=\"size-4\" /></motion.span></Tooltip\n  ><Tooltip\n    v-else-if=\"state === 'removing'\"\n    content=\"Removing attachment\"\n    side=\"top\"\n    :delay=\"100\"\n    ><span\n      role=\"status\"\n      :aria-label=\"'Removing ' + label\"\n      class=\"grid size-9 shrink-0 place-items-center rounded-xl text-muted-foreground\"\n      ><motion.span\n        :animate=\"reduce ? undefined : { rotate: 360 }\"\n        :transition=\"{ duration: 0.7, ease: 'linear', repeat: Infinity }\"\n        class=\"grid place-items-center\"\n        ><LoaderCircle class=\"size-4\" /></motion.span></span></Tooltip\n  ><Tooltip\n    v-else-if=\"state === 'failed' && !retryable\"\n    content=\"Upload failed\"\n    side=\"top\"\n    :delay=\"100\"\n    ><span\n      role=\"status\"\n      :aria-label=\"'Upload failed for ' + label\"\n      class=\"grid size-9 shrink-0 place-items-center rounded-xl text-destructive\"\n      ><AlertCircle class=\"size-4\" /></span></Tooltip\n  ><Tooltip\n    v-else\n    :content=\"state === 'failed' ? 'Retry upload' : 'Remove attachment'\"\n    side=\"top\"\n    :delay=\"100\"\n    ><motion.button\n      type=\"button\"\n      :aria-label=\"(state === 'failed' ? 'Retry ' : 'Remove ') + label\"\n      @click=\"emit('action')\"\n      :while-press=\"reduce ? undefined : { scale: 0.92 }\"\n      :transition=\"SPRING_PRESS\"\n      :class=\"[\n        'grid size-9 shrink-0 place-items-center rounded-xl outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring',\n        state === 'failed'\n          ? 'text-destructive hover:bg-destructive/10'\n          : 'text-muted-foreground hover:bg-muted hover:text-foreground',\n      ]\"\n      ><RotateCcw v-if=\"state === 'failed'\" class=\"size-4\" /><X\n        v-else\n        class=\"size-4\" /></motion.button\n  ></Tooltip>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, h } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport {\n  ExternalLink,\n  FileImage,\n  Link,\n  Mic,\n  Paperclip,\n  Pause,\n  Play,\n} from \"lucide-vue-next\";\nimport { Tooltip } from \"../../../motion/tooltip\";\nimport { EASE_OUT, SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { formatBytes } from \"./file-utils\";\nimport { AUDIO_BARS, audioClock } from \"./attachment-geometry\";\nimport type { AttachmentUploadItem } from \"./attachment-types\";\nimport AttachmentAction from \"./AttachmentAction.vue\";\nconst props = defineProps<{\n  item: AttachmentUploadItem;\n  playing: boolean;\n  uploading: boolean;\n  uploadComplete: boolean;\n  failed: boolean;\n  removing: boolean;\n  arrivalIndex: number;\n  imageLayoutId?: string;\n  retryable: boolean;\n  reduce: boolean;\n  className?: string;\n}>();\nconst emit = defineEmits<{\n  audioToggle: [item: AttachmentUploadItem];\n  preview: [item: AttachmentUploadItem];\n  remove: [item: AttachmentUploadItem];\n  retry: [item: AttachmentUploadItem];\n}>();\nconst source = computed(() =>\n  props.item.kind === \"image\"\n    ? (props.item.previewUrl ?? props.item.href)\n    : undefined,\n);\nconst progress = computed(() =>\n  props.item.duration && props.item.duration > 0\n    ? Math.min(\n        1,\n        Math.max(0, (props.item.currentTime ?? 0) / props.item.duration),\n      )\n    : 0,\n);\nconst state = computed(() =>\n  props.removing\n    ? \"removing\"\n    : props.uploading\n      ? \"uploading\"\n      : props.uploadComplete\n        ? \"complete\"\n        : props.failed\n          ? \"failed\"\n          : \"idle\",\n);\nconst transition = computed(() => {\n  const delay = Math.min(Math.max(props.arrivalIndex, 0), 5) * 0.055;\n  return !props.reduce && props.arrivalIndex >= 0\n    ? {\n        ...SPRING_LAYOUT,\n        delay,\n        opacity: { duration: 0.16, ease: EASE_OUT, delay },\n      }\n    : { duration: 0.2, ease: EASE_OUT };\n});\nconst thumbnail = computed(() =>\n  h(\"span\", { class: \"block w-32\" }, [\n    h(\"img\", {\n      src: source.value,\n      alt: \"\",\n      class: \"h-20 w-full rounded-lg object-cover\",\n    }),\n    h(\n      \"span\",\n      {\n        class:\n          \"block px-1 pb-0.5 pt-1 text-center text-[10px] font-medium text-muted-foreground\",\n      },\n      \"Click to preview\",\n    ),\n  ]),\n);\nfunction action() {\n  if (state.value === \"failed\") emit(\"retry\", props.item);\n  else emit(\"remove\", props.item);\n}\n</script>\n<template>\n  <motion.li\n    :layout=\"!reduce\"\n    :initial=\"\n      reduce\n        ? { opacity: 0 }\n        : arrivalIndex >= 0\n          ? { opacity: 0, y: -16, scale: 0.985 }\n          : { opacity: 0, y: 6 }\n    \"\n    :animate=\"{ opacity: 1, y: 0, scale: 1 }\"\n    :exit=\"reduce ? undefined : { opacity: 0, y: -4 }\"\n    :transition=\"transition\"\n    :class=\"\n      cn(\n        'flex min-h-14 items-center gap-1 rounded-2xl bg-muted/70 p-1',\n        className,\n      )\n    \"\n    ><div\n      class=\"relative isolate flex min-w-0 flex-1 items-center gap-3 self-stretch overflow-hidden rounded-xl bg-background px-2 py-1\"\n    >\n      <span\n        v-if=\"failed\"\n        aria-hidden=\"true\"\n        class=\"pointer-events-none absolute inset-0 -z-10 bg-destructive/10\"\n      /><template v-if=\"item.kind === 'image'\"\n        ><Tooltip\n          v-if=\"source\"\n          side=\"top\"\n          :delay=\"160\"\n          class=\"rounded-xl p-1 shadow-xl\"\n          :content=\"thumbnail\"\n          ><motion.button\n            type=\"button\"\n            :aria-label=\"'Preview ' + item.name\"\n            @click=\"emit('preview', item)\"\n            :while-press=\"reduce ? undefined : { scale: 0.94 }\"\n            :transition=\"SPRING_PRESS\"\n            class=\"group/image relative size-9 shrink-0 overflow-hidden rounded-[10px] bg-muted outline-none ring-1 ring-border/70 focus-visible:ring-2 focus-visible:ring-ring\"\n            ><motion.img\n              :layout-id=\"imageLayoutId\"\n              :src=\"source\"\n              alt=\"\"\n              class=\"size-full object-cover\"\n              :transition=\"{\n                layout: SPRING_LAYOUT,\n              }\" /></motion.button></Tooltip\n        ><span\n          v-else\n          aria-hidden=\"true\"\n          class=\"grid size-8 shrink-0 place-items-center rounded-lg bg-muted text-muted-foreground\"\n          ><FileImage class=\"size-4\" /></span></template\n      ><span\n        v-else\n        aria-hidden=\"true\"\n        class=\"grid size-7 shrink-0 place-items-center text-muted-foreground\"\n        ><Link v-if=\"item.kind === 'link'\" class=\"size-4\" /><Mic\n          v-else-if=\"item.kind === 'audio'\"\n          class=\"size-4\" /><Paperclip v-else class=\"size-4\" /></span\n      ><template v-if=\"item.kind === 'audio'\"\n        ><span\n          class=\"w-9 shrink-0 text-xs tabular-nums text-muted-foreground\"\n          >{{ audioClock(item.currentTime) }}</span\n        ><span\n          aria-hidden=\"true\"\n          class=\"flex h-11 min-w-0 flex-1 items-center gap-[3px] overflow-hidden\"\n          ><motion.span\n            v-for=\"(height, index) in AUDIO_BARS\"\n            :key=\"index\"\n            :class=\"\n              cn(\n                'w-[3px] shrink-0 rounded-full',\n                index / AUDIO_BARS.length <= progress\n                  ? 'bg-foreground'\n                  : 'bg-muted-foreground/35',\n              )\n            \"\n            :style=\"{ height: height + 'px' }\"\n            :animate=\"\n              reduce || !playing ? undefined : { scaleY: [0.72, 1, 0.78] }\n            \"\n            :transition=\"{\n              duration: 0.55,\n              ease: EASE_OUT,\n              repeat: Infinity,\n              delay: index * 0.018,\n            }\" /></span\n        ><span\n          class=\"w-9 shrink-0 text-right text-xs tabular-nums text-muted-foreground\"\n          >{{ audioClock(item.duration) }}</span\n        ><motion.button\n          type=\"button\"\n          :aria-label=\"(playing ? 'Pause ' : 'Play ') + item.name\"\n          @click=\"emit('audioToggle', item)\"\n          :while-press=\"reduce ? undefined : { scale: 0.94 }\"\n          :transition=\"SPRING_PRESS\"\n          class=\"grid size-9 shrink-0 place-items-center rounded-full bg-foreground text-background outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n          ><AnimatePresence mode=\"wait\" :initial=\"false\"\n            ><motion.span\n              :key=\"playing ? 'pause' : 'play'\"\n              :initial=\"reduce ? { opacity: 0 } : { opacity: 0, scale: 0.8 }\"\n              :animate=\"{ opacity: 1, scale: 1 }\"\n              :exit=\"reduce ? { opacity: 0 } : { opacity: 0, scale: 0.8 }\"\n              :transition=\"{ duration: 0.2, ease: EASE_OUT }\"\n              ><Pause v-if=\"playing\" class=\"size-4 fill-current\" /><Play\n                v-else\n                class=\"size-4 translate-x-px fill-current\" /></motion.span></AnimatePresence></motion.button></template\n      ><template v-else\n        ><span class=\"min-w-0 flex-1\"\n          ><span class=\"block truncate text-sm font-medium text-foreground\">{{\n            item.name\n          }}</span\n          ><span\n            v-if=\"failed\"\n            class=\"block truncate text-[11px] text-destructive\"\n            >{{ item.error ?? \"Upload failed\" }}</span\n          ></span\n        ><span class=\"shrink-0 text-xs text-muted-foreground\">{{\n          item.kind === \"link\"\n            ? \"Web\"\n            : item.size && item.size > 0\n              ? formatBytes(item.size)\n              : \"\"\n        }}</span\n        ><a\n          v-if=\"item.kind === 'link' && item.href\"\n          :href=\"item.href\"\n          target=\"_blank\"\n          rel=\"noreferrer noopener\"\n          :aria-label=\"'Open ' + item.name\"\n          class=\"grid size-8 shrink-0 place-items-center rounded-lg text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n          ><ExternalLink class=\"size-4\" /></a></template\n      ><AnimatePresence\n        ><motion.span\n          v-if=\"uploading || uploadComplete\"\n          role=\"progressbar\"\n          :aria-label=\"'Uploading ' + item.name\"\n          class=\"pointer-events-none absolute inset-0 -z-10 origin-left bg-emerald-400/25 dark:bg-emerald-500/20\"\n          :initial=\"{ opacity: 1, scaleX: 0 }\"\n          :animate=\"{ opacity: 1, scaleX: 1 }\"\n          :exit=\"reduce ? undefined : { opacity: 0 }\"\n          :transition=\"{ duration: reduce ? 0.1 : 0.9, ease: EASE_OUT }\"\n      /></AnimatePresence>\n    </div>\n    <AttachmentAction\n      :label=\"item.name\"\n      :state=\"state\"\n      :retryable=\"retryable\"\n      :reduce=\"reduce\"\n      @action=\"action\"\n  /></motion.li>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, h } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport {\n  ExternalLink,\n  FileImage,\n  Link,\n  Mic,\n  Paperclip,\n  Pause,\n  Play,\n} from \"lucide-vue-next\";\nimport { Tooltip } from \"../../../motion/tooltip\";\nimport { EASE_OUT, SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { formatBytes } from \"./file-utils\";\nimport { AUDIO_BARS, audioClock } from \"./attachment-geometry\";\nimport type { AttachmentUploadItem } from \"./attachment-types\";\nimport AttachmentAction from \"./AttachmentAction.vue\";\nconst props = defineProps<{\n  item: AttachmentUploadItem;\n  playing: boolean;\n  uploading: boolean;\n  uploadComplete: boolean;\n  failed: boolean;\n  removing: boolean;\n  arrivalIndex: number;\n  imageLayoutId?: string;\n  retryable: boolean;\n  reduce: boolean;\n  className?: string;\n}>();\nconst emit = defineEmits<{\n  audioToggle: [item: AttachmentUploadItem];\n  preview: [item: AttachmentUploadItem];\n  remove: [item: AttachmentUploadItem];\n  retry: [item: AttachmentUploadItem];\n}>();\nconst source = computed(() =>\n  props.item.kind === \"image\"\n    ? (props.item.previewUrl ?? props.item.href)\n    : undefined,\n);\nconst progress = computed(() =>\n  props.item.duration && props.item.duration > 0\n    ? Math.min(\n        1,\n        Math.max(0, (props.item.currentTime ?? 0) / props.item.duration),\n      )\n    : 0,\n);\nconst state = computed(() =>\n  props.removing\n    ? \"removing\"\n    : props.uploading\n      ? \"uploading\"\n      : props.uploadComplete\n        ? \"complete\"\n        : props.failed\n          ? \"failed\"\n          : \"idle\",\n);\nconst transition = computed(() => {\n  const delay = Math.min(Math.max(props.arrivalIndex, 0), 5) * 0.055;\n  return !props.reduce && props.arrivalIndex >= 0\n    ? {\n        ...SPRING_LAYOUT,\n        delay,\n        opacity: { duration: 0.16, ease: EASE_OUT, delay },\n      }\n    : { duration: 0.2, ease: EASE_OUT };\n});\nconst thumbnail = computed(() =>\n  h(\"span\", { class: \"block w-32\" }, [\n    h(\"img\", {\n      src: source.value,\n      alt: \"\",\n      class: \"h-20 w-full rounded-lg object-cover\",\n    }),\n    h(\n      \"span\",\n      {\n        class:\n          \"block px-1 pb-0.5 pt-1 text-center text-[10px] font-medium text-muted-foreground\",\n      },\n      \"Click to preview\",\n    ),\n  ]),\n);\nfunction action() {\n  if (state.value === \"failed\") emit(\"retry\", props.item);\n  else emit(\"remove\", props.item);\n}\n</script>\n<template>\n  <motion.li\n    :layout=\"!reduce\"\n    :initial=\"\n      reduce\n        ? { opacity: 0 }\n        : arrivalIndex >= 0\n          ? { opacity: 0, y: -16, scale: 0.985 }\n          : { opacity: 0, y: 6 }\n    \"\n    :animate=\"{ opacity: 1, y: 0, scale: 1 }\"\n    :exit=\"reduce ? undefined : { opacity: 0, y: -4 }\"\n    :transition=\"transition\"\n    :class=\"\n      cn(\n        'flex min-h-14 items-center gap-1 rounded-2xl bg-muted/70 p-1',\n        className,\n      )\n    \"\n    ><div\n      class=\"relative isolate flex min-w-0 flex-1 items-center gap-3 self-stretch overflow-hidden rounded-xl bg-background px-2 py-1\"\n    >\n      <span\n        v-if=\"failed\"\n        aria-hidden=\"true\"\n        class=\"pointer-events-none absolute inset-0 -z-10 bg-destructive/10\"\n      /><template v-if=\"item.kind === 'image'\"\n        ><Tooltip\n          v-if=\"source\"\n          side=\"top\"\n          :delay=\"160\"\n          class=\"rounded-xl p-1 shadow-xl\"\n          :content=\"thumbnail\"\n          ><motion.button\n            type=\"button\"\n            :aria-label=\"'Preview ' + item.name\"\n            @click=\"emit('preview', item)\"\n            :while-press=\"reduce ? undefined : { scale: 0.94 }\"\n            :transition=\"SPRING_PRESS\"\n            class=\"group/image relative size-9 shrink-0 overflow-hidden rounded-[10px] bg-muted outline-none ring-1 ring-border/70 focus-visible:ring-2 focus-visible:ring-ring\"\n            ><motion.img\n              :layout-id=\"imageLayoutId\"\n              :src=\"source\"\n              alt=\"\"\n              class=\"size-full object-cover\"\n              :transition=\"{\n                layout: SPRING_LAYOUT,\n              }\" /></motion.button></Tooltip\n        ><span\n          v-else\n          aria-hidden=\"true\"\n          class=\"grid size-8 shrink-0 place-items-center rounded-lg bg-muted text-muted-foreground\"\n          ><FileImage class=\"size-4\" /></span></template\n      ><span\n        v-else\n        aria-hidden=\"true\"\n        class=\"grid size-7 shrink-0 place-items-center text-muted-foreground\"\n        ><Link v-if=\"item.kind === 'link'\" class=\"size-4\" /><Mic\n          v-else-if=\"item.kind === 'audio'\"\n          class=\"size-4\" /><Paperclip v-else class=\"size-4\" /></span\n      ><template v-if=\"item.kind === 'audio'\"\n        ><span\n          class=\"w-9 shrink-0 text-xs tabular-nums text-muted-foreground\"\n          >{{ audioClock(item.currentTime) }}</span\n        ><span\n          aria-hidden=\"true\"\n          class=\"flex h-11 min-w-0 flex-1 items-center gap-[3px] overflow-hidden\"\n          ><motion.span\n            v-for=\"(height, index) in AUDIO_BARS\"\n            :key=\"index\"\n            :class=\"\n              cn(\n                'w-[3px] shrink-0 rounded-full',\n                index / AUDIO_BARS.length <= progress\n                  ? 'bg-foreground'\n                  : 'bg-muted-foreground/35',\n              )\n            \"\n            :style=\"{ height: height + 'px' }\"\n            :animate=\"\n              reduce || !playing ? undefined : { scaleY: [0.72, 1, 0.78] }\n            \"\n            :transition=\"{\n              duration: 0.55,\n              ease: EASE_OUT,\n              repeat: Infinity,\n              delay: index * 0.018,\n            }\" /></span\n        ><span\n          class=\"w-9 shrink-0 text-right text-xs tabular-nums text-muted-foreground\"\n          >{{ audioClock(item.duration) }}</span\n        ><motion.button\n          type=\"button\"\n          :aria-label=\"(playing ? 'Pause ' : 'Play ') + item.name\"\n          @click=\"emit('audioToggle', item)\"\n          :while-press=\"reduce ? undefined : { scale: 0.94 }\"\n          :transition=\"SPRING_PRESS\"\n          class=\"grid size-9 shrink-0 place-items-center rounded-full bg-foreground text-background outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n          ><AnimatePresence mode=\"wait\" :initial=\"false\"\n            ><motion.span\n              :key=\"playing ? 'pause' : 'play'\"\n              :initial=\"reduce ? { opacity: 0 } : { opacity: 0, scale: 0.8 }\"\n              :animate=\"{ opacity: 1, scale: 1 }\"\n              :exit=\"reduce ? { opacity: 0 } : { opacity: 0, scale: 0.8 }\"\n              :transition=\"{ duration: 0.2, ease: EASE_OUT }\"\n              ><Pause v-if=\"playing\" class=\"size-4 fill-current\" /><Play\n                v-else\n                class=\"size-4 translate-x-px fill-current\" /></motion.span></AnimatePresence></motion.button></template\n      ><template v-else\n        ><span class=\"min-w-0 flex-1\"\n          ><span class=\"block truncate text-sm font-medium text-foreground\">{{\n            item.name\n          }}</span\n          ><span\n            v-if=\"failed\"\n            class=\"block truncate text-[11px] text-destructive\"\n            >{{ item.error ?? \"Upload failed\" }}</span\n          ></span\n        ><span class=\"shrink-0 text-xs text-muted-foreground\">{{\n          item.kind === \"link\"\n            ? \"Web\"\n            : item.size && item.size > 0\n              ? formatBytes(item.size)\n              : \"\"\n        }}</span\n        ><a\n          v-if=\"item.kind === 'link' && item.href\"\n          :href=\"item.href\"\n          target=\"_blank\"\n          rel=\"noreferrer noopener\"\n          :aria-label=\"'Open ' + item.name\"\n          class=\"grid size-8 shrink-0 place-items-center rounded-lg text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n          ><ExternalLink class=\"size-4\" /></a></template\n      ><AnimatePresence\n        ><motion.span\n          v-if=\"uploading || uploadComplete\"\n          role=\"progressbar\"\n          :aria-label=\"'Uploading ' + item.name\"\n          class=\"pointer-events-none absolute inset-0 -z-10 origin-left bg-emerald-400/25 dark:bg-emerald-500/20\"\n          :initial=\"{ opacity: 1, scaleX: 0 }\"\n          :animate=\"{ opacity: 1, scaleX: 1 }\"\n          :exit=\"reduce ? undefined : { opacity: 0 }\"\n          :transition=\"{ duration: reduce ? 0.1 : 0.9, ease: EASE_OUT }\"\n      /></AnimatePresence>\n    </div>\n    <AttachmentAction\n      :label=\"item.name\"\n      :state=\"state\"\n      :retryable=\"retryable\"\n      :reduce=\"reduce\"\n      @action=\"action\"\n  /></motion.li>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { X } from \"lucide-vue-next\";\nimport { useOverlay } from \"../../../lib/composables\";\nimport { EASE_OUT, SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport type { AttachmentUploadItem } from \"./attachment-types\";\nconst props = defineProps<{\n  item: AttachmentUploadItem | null;\n  layoutId?: string;\n  reduce: boolean;\n}>();\nconst emit = defineEmits<{ close: [] }>();\nconst panel = ref<HTMLElement | null>(null),\n  open = computed(() => props.item !== null),\n  source = computed(() => props.item?.previewUrl ?? props.item?.href);\nuseOverlay(open, panel, () => emit(\"close\"));\n</script>\n<template>\n  <Teleport to=\"body\" :disabled=\"!item\"\n    ><div class=\"contents\" :inert=\"!item || undefined\">\n      <AnimatePresence as=\"div\" class=\"contents\"\n        ><div\n          v-if=\"item && source\"\n          key=\"preview\"\n          class=\"pointer-events-none fixed left-0 top-0 z-[10000] size-0\"\n        >\n          <motion.button\n            type=\"button\"\n            aria-label=\"Close image preview\"\n            :tabindex=\"-1\"\n            class=\"pointer-events-auto fixed inset-0 size-full cursor-default bg-black/45 backdrop-blur-xl\"\n            :initial=\"{ opacity: 0 }\"\n            :animate=\"{ opacity: 1 }\"\n            :exit=\"reduce ? undefined : { opacity: 0 }\"\n            :transition=\"{ duration: reduce ? 0.1 : 0.2, ease: EASE_OUT }\"\n            @click=\"emit('close')\"\n          />\n          <div\n            class=\"fixed inset-4 flex items-center justify-center sm:inset-8\"\n          >\n            <motion.div\n              ref=\"panel\"\n              role=\"dialog\"\n              aria-modal=\"true\"\n              :aria-label=\"'Preview of ' + item.name\"\n              :initial=\"{ opacity: 0 }\"\n              :animate=\"{ opacity: 1 }\"\n              :exit=\"reduce ? undefined : { opacity: 0 }\"\n              :transition=\"{ duration: 0.2, ease: EASE_OUT }\"\n              class=\"pointer-events-auto relative\"\n              ><motion.img\n                :layout-id=\"reduce ? undefined : layoutId\"\n                :src=\"source\"\n                :alt=\"item.name\"\n                class=\"max-h-[90vh] max-w-[90vw] rounded-2xl object-contain shadow-2xl\"\n                :transition=\"{ layout: SPRING_LAYOUT }\" /><motion.button\n                type=\"button\"\n                aria-label=\"Close image preview\"\n                @click=\"emit('close')\"\n                :initial=\"reduce ? { opacity: 0 } : { opacity: 0, scale: 0.8 }\"\n                :animate=\"{ opacity: 1, scale: 1 }\"\n                :exit=\"reduce ? undefined : { opacity: 0, scale: 0.8 }\"\n                :while-press=\"reduce ? undefined : { scale: 0.92 }\"\n                :transition=\"SPRING_PRESS\"\n                class=\"absolute -right-3 -top-3 grid size-9 place-items-center rounded-full bg-background text-foreground shadow-xl outline-none ring-1 ring-border/70 transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring\"\n                ><X class=\"size-4\" /></motion.button\n            ></motion.div>\n          </div></div\n      ></AnimatePresence></div\n  ></Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { X } from \"lucide-vue-next\";\nimport { useOverlay } from \"../../../lib/composables\";\nimport { EASE_OUT, SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport type { AttachmentUploadItem } from \"./attachment-types\";\nconst props = defineProps<{\n  item: AttachmentUploadItem | null;\n  layoutId?: string;\n  reduce: boolean;\n}>();\nconst emit = defineEmits<{ close: [] }>();\nconst panel = ref<HTMLElement | null>(null),\n  open = computed(() => props.item !== null),\n  source = computed(() => props.item?.previewUrl ?? props.item?.href);\nuseOverlay(open, panel, () => emit(\"close\"));\n</script>\n<template>\n  <Teleport to=\"body\" :disabled=\"!item\"\n    ><div class=\"contents\" :inert=\"!item || undefined\">\n      <AnimatePresence as=\"div\" class=\"contents\"\n        ><div\n          v-if=\"item && source\"\n          key=\"preview\"\n          class=\"pointer-events-none fixed left-0 top-0 z-[10000] size-0\"\n        >\n          <motion.button\n            type=\"button\"\n            aria-label=\"Close image preview\"\n            :tabindex=\"-1\"\n            class=\"pointer-events-auto fixed inset-0 size-full cursor-default bg-black/45 backdrop-blur-xl\"\n            :initial=\"{ opacity: 0 }\"\n            :animate=\"{ opacity: 1 }\"\n            :exit=\"reduce ? undefined : { opacity: 0 }\"\n            :transition=\"{ duration: reduce ? 0.1 : 0.2, ease: EASE_OUT }\"\n            @click=\"emit('close')\"\n          />\n          <div\n            class=\"fixed inset-4 flex items-center justify-center sm:inset-8\"\n          >\n            <motion.div\n              ref=\"panel\"\n              role=\"dialog\"\n              aria-modal=\"true\"\n              :aria-label=\"'Preview of ' + item.name\"\n              :initial=\"{ opacity: 0 }\"\n              :animate=\"{ opacity: 1 }\"\n              :exit=\"reduce ? undefined : { opacity: 0 }\"\n              :transition=\"{ duration: 0.2, ease: EASE_OUT }\"\n              class=\"pointer-events-auto relative\"\n              ><motion.img\n                :layout-id=\"reduce ? undefined : layoutId\"\n                :src=\"source\"\n                :alt=\"item.name\"\n                class=\"max-h-[90vh] max-w-[90vw] rounded-2xl object-contain shadow-2xl\"\n                :transition=\"{ layout: SPRING_LAYOUT }\" /><motion.button\n                type=\"button\"\n                aria-label=\"Close image preview\"\n                @click=\"emit('close')\"\n                :initial=\"reduce ? { opacity: 0 } : { opacity: 0, scale: 0.8 }\"\n                :animate=\"{ opacity: 1, scale: 1 }\"\n                :exit=\"reduce ? undefined : { opacity: 0, scale: 0.8 }\"\n                :while-press=\"reduce ? undefined : { scale: 0.92 }\"\n                :transition=\"SPRING_PRESS\"\n                class=\"absolute -right-3 -top-3 grid size-9 place-items-center rounded-full bg-background text-foreground shadow-xl outline-none ring-1 ring-border/70 transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring\"\n                ><X class=\"size-4\" /></motion.button\n            ></motion.div>\n          </div></div\n      ></AnimatePresence></div\n  ></Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { motion, AnimatePresence, LayoutGroup } from \"motion-v\";\nimport { Upload } from \"lucide-vue-next\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { SPRING_PRESS, EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport type {\n  AttachmentUploadItem,\n  AttachmentRejectReason,\n} from \"./attachment-types\";\nimport type { AttachmentUploadClassNames } from \"./source-types\";\nimport { useAttachmentQueue } from \"./use-attachment-queue\";\nimport AttachmentRow from \"./AttachmentRow.vue\";\nimport AttachmentPreview from \"./AttachmentPreview.vue\";\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: AttachmentUploadItem[];\n    value?: AttachmentUploadItem[];\n    defaultValue?: AttachmentUploadItem[];\n    playingId?: string;\n    accept?: string;\n    multiple?: boolean;\n    maxFiles?: number;\n    maxFileSize?: number;\n    disabled?: boolean;\n    title?: string;\n    description?: string;\n    attachmentsLabel?: string;\n    className?: string;\n    classNames?: AttachmentUploadClassNames;\n    onRetry?: (item: AttachmentUploadItem) => void;\n  }>(),\n  {\n    defaultValue: () => [],\n    multiple: true,\n    maxFiles: 12,\n    maxFileSize: 500 * 1024 * 1024,\n    disabled: false,\n    title: \"Drag and drop or browse files\",\n    attachmentsLabel: \"Attachments\",\n  },\n);\nconst emit = defineEmits<{\n  \"update:modelValue\": [items: AttachmentUploadItem[]];\n  valueChange: [items: AttachmentUploadItem[]];\n  filesAdded: [items: AttachmentUploadItem[], files: File[]];\n  filesRejected: [files: File[], reason: AttachmentRejectReason];\n  remove: [item: AttachmentUploadItem];\n  retry: [item: AttachmentUploadItem];\n  audioToggle: [item: AttachmentUploadItem];\n}>();\nconst input = ref<HTMLInputElement>(),\n  reduce = useReducedMotion(),\n  id = useId();\nconst {\n  items,\n  preview,\n  uploading,\n  complete,\n  removing,\n  maxReached,\n  uploadOrder,\n  add,\n  remove,\n  dragging,\n  drag,\n} = useAttachmentQueue(props, () => reduce.value, emit);\nconst maxSize = computed(() => {\n  const size = props.maxFileSize / 1024 ** 2;\n  return (Number.isInteger(size) ? size : size.toFixed(1)) + \" MB\";\n});\nfunction changed(event: Event) {\n  const field = event.target as HTMLInputElement;\n  add(Array.from(field.files ?? []));\n  field.value = \"\";\n}\n</script>\n<template>\n  <LayoutGroup :id=\"id\"\n    ><div :class=\"cn('w-full', className)\">\n      <input\n        ref=\"input\"\n        :id=\"id\"\n        type=\"file\"\n        aria-label=\"Upload attachments\"\n        :accept=\"accept\"\n        :multiple=\"multiple\"\n        :disabled=\"disabled || maxReached\"\n        :tabindex=\"-1\"\n        class=\"sr-only\"\n        @change=\"changed\"\n      /><motion.button\n        type=\"button\"\n        :disabled=\"disabled || maxReached\"\n        :data-dragging=\"dragging\"\n        :animate=\"reduce ? undefined : { scale: dragging ? 1.006 : 1 }\"\n        :while-press=\"reduce ? undefined : { scale: 0.995 }\"\n        :transition=\"SPRING_PRESS\"\n        @click=\"input?.click()\"\n        @dragenter=\"drag($event, 'enter')\"\n        @dragover=\"drag($event, 'over')\"\n        @dragleave=\"drag($event, 'leave')\"\n        @drop=\"drag($event, 'drop')\"\n        :class=\"\n          cn(\n            'group relative isolate flex min-h-52 w-full flex-col items-center justify-center overflow-hidden rounded-[2rem] bg-muted/65 p-2 text-center outline-none',\n            'transition-colors duration-200 hover:bg-muted/85',\n            'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n            'data-[dragging=true]:bg-muted',\n            'disabled:pointer-events-none disabled:opacity-55',\n            classNames?.dropzone,\n          )\n        \"\n        ><span\n          aria-hidden=\"true\"\n          class=\"absolute inset-2 -z-10 rounded-[1.5rem] border border-dashed border-muted-foreground/25 bg-background transition-[border-color,background-color] duration-200 group-hover:border-muted-foreground/45 group-data-[dragging=true]:border-foreground/65 group-data-[dragging=true]:bg-muted/20\"\n        /><motion.span\n          aria-hidden=\"true\"\n          :animate=\"\n            reduce\n              ? undefined\n              : { y: dragging ? -4 : 0, scale: dragging ? 1.08 : 1 }\n          \"\n          :transition=\"{ duration: 0.2, ease: EASE_OUT }\"\n          class=\"mb-3 grid size-11 place-items-center rounded-2xl bg-muted text-foreground transition-colors duration-200 group-hover:bg-muted/80 group-data-[dragging=true]:bg-foreground group-data-[dragging=true]:text-background\"\n          ><Upload class=\"size-[18px]\" /></motion.span\n        ><span\n          class=\"text-sm font-semibold tracking-[-0.01em] text-foreground\"\n          >{{ maxReached ? \"Attachment limit reached\" : title }}</span\n        ><span class=\"mt-1 text-xs leading-5 text-muted-foreground\">{{\n          maxReached\n            ? items.length + \" of \" + maxFiles + \" attachments added\"\n            : (description ?? \"Maximum \" + maxSize + \" file size\")\n        }}</span></motion.button\n      >\n      <section\n        v-if=\"items.length\"\n        class=\"mt-8\"\n        :aria-labelledby=\"id + '-attachments'\"\n      >\n        <h3\n          :id=\"id + '-attachments'\"\n          class=\"text-sm font-semibold text-foreground\"\n        >\n          {{ attachmentsLabel }}\n        </h3>\n        <ul :class=\"cn('mt-3 space-y-2', classNames?.list)\">\n          <AnimatePresence :initial=\"uploadOrder.length > 0\"\n            ><AttachmentRow\n              v-for=\"item in items\"\n              :key=\"item.id\"\n              :item=\"item\"\n              :playing=\"playingId === item.id\"\n              :uploading=\"uploading.has(item.id) || item.status === 'uploading'\"\n              :upload-complete=\"\n                complete.has(item.id) || item.status === 'complete'\n              \"\n              :failed=\"item.status === 'failed'\"\n              :removing=\"removing.has(item.id)\"\n              :arrival-index=\"uploadOrder.indexOf(item.id)\"\n              :image-layout-id=\"reduce ? undefined : id + '-image-' + item.id\"\n              :retryable=\"!!onRetry\"\n              :reduce=\"reduce\"\n              :class-name=\"classNames?.row\"\n              @audio-toggle=\"emit('audioToggle', $event)\"\n              @preview=\"preview = $event\"\n              @remove=\"remove\"\n              @retry=\"emit('retry', $event)\"\n          /></AnimatePresence>\n        </ul>\n      </section>\n      <AttachmentPreview\n        :item=\"preview\"\n        :layout-id=\"\n          reduce || !preview ? undefined : id + '-image-' + preview.id\n        \"\n        :reduce=\"reduce\"\n        @close=\"preview = null\"\n      /></div\n  ></LayoutGroup>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { motion, AnimatePresence, LayoutGroup } from \"motion-v\";\nimport { Upload } from \"lucide-vue-next\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { SPRING_PRESS, EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport type {\n  AttachmentUploadItem,\n  AttachmentRejectReason,\n} from \"./attachment-types\";\nimport type { AttachmentUploadClassNames } from \"./source-types\";\nimport { useAttachmentQueue } from \"./use-attachment-queue\";\nimport AttachmentRow from \"./AttachmentRow.vue\";\nimport AttachmentPreview from \"./AttachmentPreview.vue\";\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: AttachmentUploadItem[];\n    value?: AttachmentUploadItem[];\n    defaultValue?: AttachmentUploadItem[];\n    playingId?: string;\n    accept?: string;\n    multiple?: boolean;\n    maxFiles?: number;\n    maxFileSize?: number;\n    disabled?: boolean;\n    title?: string;\n    description?: string;\n    attachmentsLabel?: string;\n    className?: string;\n    classNames?: AttachmentUploadClassNames;\n    onRetry?: (item: AttachmentUploadItem) => void;\n  }>(),\n  {\n    defaultValue: () => [],\n    multiple: true,\n    maxFiles: 12,\n    maxFileSize: 500 * 1024 * 1024,\n    disabled: false,\n    title: \"Drag and drop or browse files\",\n    attachmentsLabel: \"Attachments\",\n  },\n);\nconst emit = defineEmits<{\n  \"update:modelValue\": [items: AttachmentUploadItem[]];\n  valueChange: [items: AttachmentUploadItem[]];\n  filesAdded: [items: AttachmentUploadItem[], files: File[]];\n  filesRejected: [files: File[], reason: AttachmentRejectReason];\n  remove: [item: AttachmentUploadItem];\n  retry: [item: AttachmentUploadItem];\n  audioToggle: [item: AttachmentUploadItem];\n}>();\nconst input = ref<HTMLInputElement>(),\n  reduce = useReducedMotion(),\n  id = useId();\nconst {\n  items,\n  preview,\n  uploading,\n  complete,\n  removing,\n  maxReached,\n  uploadOrder,\n  add,\n  remove,\n  dragging,\n  drag,\n} = useAttachmentQueue(props, () => reduce.value, emit);\nconst maxSize = computed(() => {\n  const size = props.maxFileSize / 1024 ** 2;\n  return (Number.isInteger(size) ? size : size.toFixed(1)) + \" MB\";\n});\nfunction changed(event: Event) {\n  const field = event.target as HTMLInputElement;\n  add(Array.from(field.files ?? []));\n  field.value = \"\";\n}\n</script>\n<template>\n  <LayoutGroup :id=\"id\"\n    ><div :class=\"cn('w-full', className)\">\n      <input\n        ref=\"input\"\n        :id=\"id\"\n        type=\"file\"\n        aria-label=\"Upload attachments\"\n        :accept=\"accept\"\n        :multiple=\"multiple\"\n        :disabled=\"disabled || maxReached\"\n        :tabindex=\"-1\"\n        class=\"sr-only\"\n        @change=\"changed\"\n      /><motion.button\n        type=\"button\"\n        :disabled=\"disabled || maxReached\"\n        :data-dragging=\"dragging\"\n        :animate=\"reduce ? undefined : { scale: dragging ? 1.006 : 1 }\"\n        :while-press=\"reduce ? undefined : { scale: 0.995 }\"\n        :transition=\"SPRING_PRESS\"\n        @click=\"input?.click()\"\n        @dragenter=\"drag($event, 'enter')\"\n        @dragover=\"drag($event, 'over')\"\n        @dragleave=\"drag($event, 'leave')\"\n        @drop=\"drag($event, 'drop')\"\n        :class=\"\n          cn(\n            'group relative isolate flex min-h-52 w-full flex-col items-center justify-center overflow-hidden rounded-[2rem] bg-muted/65 p-2 text-center outline-none',\n            'transition-colors duration-200 hover:bg-muted/85',\n            'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n            'data-[dragging=true]:bg-muted',\n            'disabled:pointer-events-none disabled:opacity-55',\n            classNames?.dropzone,\n          )\n        \"\n        ><span\n          aria-hidden=\"true\"\n          class=\"absolute inset-2 -z-10 rounded-[1.5rem] border border-dashed border-muted-foreground/25 bg-background transition-[border-color,background-color] duration-200 group-hover:border-muted-foreground/45 group-data-[dragging=true]:border-foreground/65 group-data-[dragging=true]:bg-muted/20\"\n        /><motion.span\n          aria-hidden=\"true\"\n          :animate=\"\n            reduce\n              ? undefined\n              : { y: dragging ? -4 : 0, scale: dragging ? 1.08 : 1 }\n          \"\n          :transition=\"{ duration: 0.2, ease: EASE_OUT }\"\n          class=\"mb-3 grid size-11 place-items-center rounded-2xl bg-muted text-foreground transition-colors duration-200 group-hover:bg-muted/80 group-data-[dragging=true]:bg-foreground group-data-[dragging=true]:text-background\"\n          ><Upload class=\"size-[18px]\" /></motion.span\n        ><span\n          class=\"text-sm font-semibold tracking-[-0.01em] text-foreground\"\n          >{{ maxReached ? \"Attachment limit reached\" : title }}</span\n        ><span class=\"mt-1 text-xs leading-5 text-muted-foreground\">{{\n          maxReached\n            ? items.length + \" of \" + maxFiles + \" attachments added\"\n            : (description ?? \"Maximum \" + maxSize + \" file size\")\n        }}</span></motion.button\n      >\n      <section\n        v-if=\"items.length\"\n        class=\"mt-8\"\n        :aria-labelledby=\"id + '-attachments'\"\n      >\n        <h3\n          :id=\"id + '-attachments'\"\n          class=\"text-sm font-semibold text-foreground\"\n        >\n          {{ attachmentsLabel }}\n        </h3>\n        <ul :class=\"cn('mt-3 space-y-2', classNames?.list)\">\n          <AnimatePresence :initial=\"uploadOrder.length > 0\"\n            ><AttachmentRow\n              v-for=\"item in items\"\n              :key=\"item.id\"\n              :item=\"item\"\n              :playing=\"playingId === item.id\"\n              :uploading=\"uploading.has(item.id) || item.status === 'uploading'\"\n              :upload-complete=\"\n                complete.has(item.id) || item.status === 'complete'\n              \"\n              :failed=\"item.status === 'failed'\"\n              :removing=\"removing.has(item.id)\"\n              :arrival-index=\"uploadOrder.indexOf(item.id)\"\n              :image-layout-id=\"reduce ? undefined : id + '-image-' + item.id\"\n              :retryable=\"!!onRetry\"\n              :reduce=\"reduce\"\n              :class-name=\"classNames?.row\"\n              @audio-toggle=\"emit('audioToggle', $event)\"\n              @preview=\"preview = $event\"\n              @remove=\"remove\"\n              @retry=\"emit('retry', $event)\"\n          /></AnimatePresence>\n        </ul>\n      </section>\n      <AttachmentPreview\n        :item=\"preview\"\n        :layout-id=\"\n          reduce || !preview ? undefined : id + '-image-' + preview.id\n        \"\n        :reduce=\"reduce\"\n        @close=\"preview = null\"\n      /></div\n  ></LayoutGroup>\n</template>\n"],"mappings":"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"}

package/dist/funnel-chart-Da8ybNYU.js

@@ -0,0 +1,194 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { r as t } from "./ease-rIvCM4O3.js";
+import { t as n } from "./number-Dz4iLJiS.js";
+import { i as r, n as i } from "./shared-BY_cwEzO.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, openBlock as g, provide as _, reactive as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as C, useId as w, withKeys as T } from "vue";
+import { motion as E } from "motion-v";
+// src/charts/funnel-chart/src/model.ts
+function D(e) {
+	let t = /* @__PURE__ */ new Map(), n = 0;
+	for (let r of e) t.has(r.id) || !Number.isFinite(r.value) || r.value < 0 || (t.set(r.id, r), n = Math.max(n, r.value));
+	let r = [...t.values()], i = r[0]?.value ?? 0, a = r.at(-1)?.value ?? 0;
+	return {
+		rows: r.map((e, t) => {
+			let a = t > 0 ? r[t - 1].value : void 0;
+			return {
+				...e,
+				proportion: n ? e.value / n : 0,
+				conversion: i ? e.value / i * 100 : null,
+				stepConversion: a !== void 0 && a > 0 ? e.value / a * 100 : null,
+				change: a === void 0 ? null : e.value - a
+			};
+		}),
+		first: i,
+		last: a,
+		conversion: i ? a / i * 100 : null
+	};
+}
+function O(e, t, n) {
+	let r = e[t], i = t ? (e[t - 1] + r) / 2 : r, a = t + 1 < e.length ? (r + e[t + 1]) / 2 : r, o = t / e.length, s = (t + 1) / e.length, c = (o + s) / 2, l = (s - o) / 4, u = (e, t, r) => {
+		let i = .5 + r * e * .46;
+		return n === "vertical" ? `${i * 1e3},${t * 500}` : `${t * 1e3},${i * 500}`;
+	};
+	return [
+		`M${u(i, o, -1)} L${u(i, o, 1)}`,
+		`C${u(i, o + l, 1)} ${u(r, c - l, 1)} ${u(r, c, 1)}`,
+		`C${u(r, c + l, 1)} ${u(a, s - l, 1)} ${u(a, s, 1)}`,
+		`L${u(a, s, -1)}`,
+		`C${u(a, s - l, -1)} ${u(r, c + l, -1)} ${u(r, c, -1)}`,
+		`C${u(r, c - l, -1)} ${u(i, o + l, -1)} ${u(i, o, -1)} Z`
+	].join(" ");
+}
+// src/charts/funnel-chart/src/context.ts
+function k(t) {
+	let n = o(() => D(t.stages)), { rows: i, first: a, last: s, conversion: c } = {
+		rows: o(() => n.value.rows),
+		first: o(() => n.value.first),
+		last: o(() => n.value.last),
+		conversion: o(() => n.value.conversion)
+	};
+	return v({
+		model: n,
+		rows: i,
+		first: a,
+		last: s,
+		conversion: c,
+		direction: o(() => t.direction ?? "vertical"),
+		unit: o(() => t.unit ?? "people"),
+		label: o(() => t.label ?? "Conversion funnel"),
+		formatValue: o(() => t.formatValue ?? r),
+		reduce: e()
+	});
+}
+var A = i("FunnelChart"), j = A.use, M = (e) => e === null ? "—" : `${e.toFixed(1)}%`, N = {
+	key: 0,
+	class: "py-16 text-center text-sm text-muted-foreground"
+}, P = {
+	key: 1,
+	class: "space-y-5"
+}, F = { class: "overflow-x-auto" }, I = {
+	"aria-hidden": "true",
+	viewBox: "0 0 1000 500",
+	preserveAspectRatio: "none",
+	class: "absolute inset-0 size-full"
+}, L = [
+	"aria-label",
+	"aria-describedby",
+	"onFocus",
+	"onPointerenter"
+], R = { class: "rounded bg-background/85 px-2 py-1 font-mono text-xs font-medium tabular-nums" }, z = ["id"], B = { class: "text-muted-foreground" }, V = { class: "mt-1 font-mono" }, H = { class: "mt-1" }, U = { class: "text-muted-foreground" }, W = { class: "mt-1 text-muted-foreground" }, G = { class: "flex flex-wrap justify-center gap-x-6 gap-y-3" }, K = { class: "font-mono text-[10px] text-muted-foreground" }, q = /* @__PURE__ */ p({
+	__name: "FunnelChartPlot",
+	setup(e) {
+		let r = j(), i = y(null), p = w(), m = [
+			"#8b5cf6",
+			"#7774ef",
+			"#548ee4",
+			"#2ca6bc",
+			"#14b8a6"
+		], _ = o(() => {
+			let e = r.rows.map((e) => e.proportion);
+			return r.rows.map((t, n) => ({
+				...t,
+				fill: t.color ?? m[n % m.length],
+				path: O(e, n, r.direction)
+			}));
+		}), v = o(() => ({
+			height: `${r.direction === "horizontal" ? 300 : Math.max(320, _.value.length * 72)}px`,
+			minWidth: `${r.direction === "horizontal" ? _.value.length * 110 : 240}px`
+		})), x = o(() => r.direction === "horizontal" ? { gridTemplateColumns: `repeat(${_.value.length},1fr)` } : { gridTemplateRows: `repeat(${_.value.length},1fr)` });
+		return (e, o) => _.value.length ? (g(), l("div", P, [u("div", F, [u("div", {
+			class: "relative",
+			style: h(v.value)
+		}, [(g(), l("svg", I, [(g(!0), l(a, null, b(_.value, (e) => (g(), s(C(E).path, {
+			key: e.id,
+			fill: e.fill,
+			initial: !1,
+			animate: { d: e.path },
+			transition: {
+				duration: C(r).reduce ? 0 : .28,
+				ease: C(t)
+			}
+		}, null, 8, [
+			"fill",
+			"animate",
+			"transition"
+		]))), 128))])), u("ol", {
+			"aria-label": "Funnel stages",
+			class: "absolute inset-0 grid",
+			style: h(x.value)
+		}, [(g(!0), l(a, null, b(_.value, (e, t) => (g(), l("li", {
+			key: e.id,
+			class: "relative min-h-0 min-w-0"
+		}, [u("button", {
+			type: "button",
+			class: "flex size-full items-center justify-center outline-none transition-colors hover:bg-foreground/5 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
+			"aria-label": `${e.label}: ${C(r).formatValue(e.value)} ${C(r).unit}, ${C(M)(e.conversion)} of starting total`,
+			"aria-describedby": i.value === e.id ? C(p) : void 0,
+			onFocus: (t) => i.value = e.id,
+			onBlur: o[0] ||= (e) => i.value = null,
+			onPointerenter: (t) => i.value = e.id,
+			onPointerleave: o[1] ||= (e) => i.value = null,
+			onKeydown: o[2] ||= T((e) => i.value = null, ["esc"])
+		}, [u("span", R, [f(C(n), {
+			value: e.value,
+			format: () => C(r).formatValue(e.value),
+			"start-on-view": !1,
+			duration: .35
+		}, null, 8, ["value", "format"])])], 40, L), i.value === e.id ? (g(), l("div", {
+			key: 0,
+			id: C(p),
+			role: "tooltip",
+			class: "pointer-events-none absolute top-1/2 left-1/2 z-10 min-w-40 rounded-xl border border-border bg-popover p-3 text-xs shadow-lg"
+		}, [
+			u("p", B, S(e.label), 1),
+			u("p", V, [f(C(n), {
+				value: e.value,
+				format: () => C(r).formatValue(e.value),
+				"start-on-view": !1,
+				duration: .35
+			}, null, 8, ["value", "format"]), d(" " + S(C(r).unit), 1)]),
+			t > 0 ? (g(), l(a, { key: 0 }, [u("p", H, S(C(M)(e.stepConversion)) + " from previous stage ", 1), u("p", U, S(C(r).formatValue(Math.abs(e.change ?? 0))) + " " + S((e.change ?? 0) > 0 ? "gained" : "dropped"), 1)], 64)) : c("", !0),
+			u("p", W, S(C(M)(e.conversion)) + " of starting total ", 1)
+		], 8, z)) : c("", !0)]))), 128))], 4)], 4)]), u("div", G, [(g(!0), l(a, null, b(_.value, (e) => (g(), l("span", {
+			key: e.id,
+			class: "inline-flex items-center gap-2 text-xs"
+		}, [
+			u("span", {
+				"aria-hidden": "true",
+				class: "size-2 shrink-0 rounded-full",
+				style: h({ backgroundColor: e.fill })
+			}, null, 4),
+			u("span", null, S(e.label), 1),
+			u("span", K, S(C(M)(e.conversion)), 1)
+		]))), 128))])])) : (g(), l("p", N, " No funnel data "));
+	}
+}), J = {
+	key: 0,
+	class: "flex flex-wrap items-center justify-between gap-3 border-t border-border pt-4 text-xs"
+}, Y = { class: "text-muted-foreground" }, X = { class: "flex items-center gap-2" }, Z = { class: "font-mono font-medium tabular-nums" }, Q = /* @__PURE__ */ p({
+	__name: "FunnelChartSummary",
+	setup(e) {
+		let t = j();
+		return (e, n) => C(t).rows.length ? (g(), l("div", J, [u("span", Y, S(C(t).formatValue(C(t).first)) + " → " + S(C(t).formatValue(C(t).last)) + " " + S(C(t).unit), 1), u("span", X, [n[0] ||= u("span", { class: "text-muted-foreground" }, "Overall conversion", -1), u("span", Z, S(C(M)(C(t).conversion)), 1)])])) : c("", !0);
+	}
+}), $ = ["aria-label"], ee = /* @__PURE__ */ p({
+	__name: "FunnelChart",
+	props: {
+		stages: {},
+		direction: {},
+		unit: {},
+		label: {},
+		formatValue: { type: Function },
+		className: {}
+	},
+	setup(e) {
+		let t = e, n = k(t);
+		return _(A.key, n), (e, r) => (g(), l("section", {
+			"aria-label": C(n).label,
+			class: m(["w-full space-y-6", t.className])
+		}, [x(e.$slots, "default", {}, () => [f(q), f(Q)])], 10, $));
+	}
+});
+export { j as i, Q as n, q as r, ee as t };
+
+//# sourceMappingURL=funnel-chart-Da8ybNYU.js.map

package/dist/funnel-chart-Da8ybNYU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"funnel-chart-Da8ybNYU.js","names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_createElementVNode","_normalizeStyle","_Fragment","_renderList","_createBlock","_unref","_withKeys","_createVNode","NumberTicker","_toDisplayString","_createTextVNode","_createCommentVNode","_sfc_main","_hoisted_1","_unref","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode","_sfc_main","_openBlock","_createElementBlock","_unref","_normalizeClass","_renderSlot","_createVNode","FunnelChartPlot","FunnelChartSummary","_sfc_main","useReducedMotion","EASE_OUT","NumberTicker_default","formatNumber","context","buildFunnel","unique","maximum","stage","stages","values","first","last","preceding","index","funnelPath","own","proportions","entry","exit","begin","finish","center","quarter","at","cross","side","value","direction","axis","createFunnelModel","model","computed","props","reactive","funnelContext","useFunnelChart","percentage","_hoisted_1$2","_hoisted_2$1","_hoisted_3$1","_hoisted_4$1","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","FunnelChartPlot_default","defineComponent","funnel","hot","ref","tooltipId","useId","palette","row","dimensions","tracks","openBlock","createElementBlock","createElementVNode","normalizeStyle","Fragment","renderList","createBlock","unref","motion","_cache","withKeys","createVNode","toDisplayString","createTextVNode","createCommentVNode","_hoisted_1$1","_hoisted_2","_hoisted_3","_hoisted_4","FunnelChartSummary_default","_hoisted_1","FunnelChart_default","__props","provide","normalizeClass","renderSlot","_ctx"],"sources":["../src/charts/funnel-chart/src/model.ts","../src/charts/funnel-chart/src/context.ts","../src/charts/funnel-chart/src/FunnelChartPlot.vue","../src/charts/funnel-chart/src/FunnelChartPlot.vue","../src/charts/funnel-chart/src/FunnelChartSummary.vue","../src/charts/funnel-chart/src/FunnelChartSummary.vue","../src/charts/funnel-chart/src/FunnelChart.vue","../src/charts/funnel-chart/src/FunnelChart.vue"],"sourcesContent":["export interface FunnelStage {\n  id: string;\n  label: string;\n  value: number;\n  color?: string;\n}\n\nexport function buildFunnel(stages: readonly FunnelStage[]) {\n  const unique = new Map<string, FunnelStage>();\n  let maximum = 0;\n  for (const stage of stages) {\n    if (\n      unique.has(stage.id) ||\n      !Number.isFinite(stage.value) ||\n      stage.value < 0\n    )\n      continue;\n    unique.set(stage.id, stage);\n    maximum = Math.max(maximum, stage.value);\n  }\n  const values = [...unique.values()];\n  const first = values[0]?.value ?? 0;\n  const last = values.at(-1)?.value ?? 0;\n  const rows = values.map((stage, index) => {\n    const preceding = index > 0 ? values[index - 1].value : undefined;\n    return {\n      ...stage,\n      proportion: maximum ? stage.value / maximum : 0,\n      conversion: first ? (stage.value / first) * 100 : null,\n      stepConversion:\n        preceding !== undefined && preceding > 0\n          ? (stage.value / preceding) * 100\n          : null,\n      change: preceding === undefined ? null : stage.value - preceding,\n    };\n  });\n  return { rows, first, last, conversion: first ? (last / first) * 100 : null };\n}\n\nexport function funnelPath(\n  proportions: readonly number[],\n  index: number,\n  direction: \"vertical\" | \"horizontal\",\n) {\n  const own = proportions[index];\n  const entry = index ? (proportions[index - 1] + own) / 2 : own;\n  const exit =\n    index + 1 < proportions.length ? (own + proportions[index + 1]) / 2 : own;\n  const begin = index / proportions.length;\n  const finish = (index + 1) / proportions.length;\n  const center = (begin + finish) / 2;\n  const quarter = (finish - begin) / 4;\n  const at = (value: number, axis: number, side: -1 | 1) => {\n    const cross = 0.5 + side * value * 0.46;\n    return direction === \"vertical\"\n      ? `${cross * 1000},${axis * 500}`\n      : `${axis * 1000},${cross * 500}`;\n  };\n  return [\n    `M${at(entry, begin, -1)} L${at(entry, begin, 1)}`,\n    `C${at(entry, begin + quarter, 1)} ${at(own, center - quarter, 1)} ${at(own, center, 1)}`,\n    `C${at(own, center + quarter, 1)} ${at(exit, finish - quarter, 1)} ${at(exit, finish, 1)}`,\n    `L${at(exit, finish, -1)}`,\n    `C${at(exit, finish - quarter, -1)} ${at(own, center + quarter, -1)} ${at(own, center, -1)}`,\n    `C${at(own, center - quarter, -1)} ${at(entry, begin + quarter, -1)} ${at(entry, begin, -1)} Z`,\n  ].join(\" \");\n}\n","import { computed, reactive } from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { context, formatNumber } from \"../../shared\";\nimport { buildFunnel, type FunnelStage } from \"./model\";\nexport interface FunnelChartProps {\n  stages: readonly FunnelStage[];\n  direction?: \"vertical\" | \"horizontal\";\n  unit?: string;\n  label?: string;\n  formatValue?: (value: number) => string;\n  className?: string;\n}\nexport function createFunnelModel(props: FunnelChartProps) {\n  const model = computed(() => buildFunnel(props.stages));\n  const { rows, first, last, conversion } = {\n    rows: computed(() => model.value.rows),\n    first: computed(() => model.value.first),\n    last: computed(() => model.value.last),\n    conversion: computed(() => model.value.conversion),\n  };\n  return reactive({\n    model,\n    rows,\n    first,\n    last,\n    conversion,\n    direction: computed(() => props.direction ?? \"vertical\"),\n    unit: computed(() => props.unit ?? \"people\"),\n    label: computed(() => props.label ?? \"Conversion funnel\"),\n    formatValue: computed(() => props.formatValue ?? formatNumber),\n    reduce: useReducedMotion(),\n  });\n}\nexport const funnelContext =\n  context<ReturnType<typeof createFunnelModel>>(\"FunnelChart\");\nexport const useFunnelChart = funnelContext.use;\nexport const percentage = (value: number | null) =>\n  value === null ? \"—\" : `${value.toFixed(1)}%`;\n","<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { NumberTicker } from \"../../../motion/number\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useFunnelChart, percentage } from \"./context\";\nimport { funnelPath } from \"./model\";\nconst funnel = useFunnelChart();\nconst hot = ref<string | null>(null);\nconst tooltipId = useId();\nconst palette = [\"#8b5cf6\", \"#7774ef\", \"#548ee4\", \"#2ca6bc\", \"#14b8a6\"];\nconst stages = computed(() => {\n  const proportions = funnel.rows.map((row) => row.proportion);\n  return funnel.rows.map((row, index) => ({\n    ...row,\n    fill: row.color ?? palette[index % palette.length],\n    path: funnelPath(proportions, index, funnel.direction),\n  }));\n});\nconst dimensions = computed(() => ({\n  height: `${funnel.direction === \"horizontal\" ? 300 : Math.max(320, stages.value.length * 72)}px`,\n  minWidth: `${funnel.direction === \"horizontal\" ? stages.value.length * 110 : 240}px`,\n}));\nconst tracks = computed(() =>\n  funnel.direction === \"horizontal\"\n    ? { gridTemplateColumns: `repeat(${stages.value.length},1fr)` }\n    : { gridTemplateRows: `repeat(${stages.value.length},1fr)` },\n);\n</script>\n\n<template>\n  <p\n    v-if=\"!stages.length\"\n    class=\"py-16 text-center text-sm text-muted-foreground\"\n  >\n    No funnel data\n  </p>\n  <div v-else class=\"space-y-5\">\n    <div class=\"overflow-x-auto\">\n      <div class=\"relative\" :style=\"dimensions\">\n        <svg\n          aria-hidden=\"true\"\n          viewBox=\"0 0 1000 500\"\n          preserveAspectRatio=\"none\"\n          class=\"absolute inset-0 size-full\"\n        >\n          <motion.path\n            v-for=\"stage in stages\"\n            :key=\"stage.id\"\n            :fill=\"stage.fill\"\n            :initial=\"false\"\n            :animate=\"{ d: stage.path }\"\n            :transition=\"{ duration: funnel.reduce ? 0 : 0.28, ease: EASE_OUT }\"\n          />\n        </svg>\n        <ol\n          aria-label=\"Funnel stages\"\n          class=\"absolute inset-0 grid\"\n          :style=\"tracks\"\n        >\n          <li\n            v-for=\"(stage, index) in stages\"\n            :key=\"stage.id\"\n            class=\"relative min-h-0 min-w-0\"\n          >\n            <button\n              type=\"button\"\n              class=\"flex size-full items-center justify-center outline-none transition-colors hover:bg-foreground/5 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\"\n              :aria-label=\"`${stage.label}: ${funnel.formatValue(stage.value)} ${funnel.unit}, ${percentage(stage.conversion)} of starting total`\"\n              :aria-describedby=\"hot === stage.id ? tooltipId : undefined\"\n              @focus=\"hot = stage.id\"\n              @blur=\"hot = null\"\n              @pointerenter=\"hot = stage.id\"\n              @pointerleave=\"hot = null\"\n              @keydown.esc=\"hot = null\"\n            >\n              <span\n                class=\"rounded bg-background/85 px-2 py-1 font-mono text-xs font-medium tabular-nums\"\n              >\n                <NumberTicker\n                  :value=\"stage.value\"\n                  :format=\"() => funnel.formatValue(stage.value)\"\n                  :start-on-view=\"false\"\n                  :duration=\"0.35\"\n                />\n              </span>\n            </button>\n            <div\n              v-if=\"hot === stage.id\"\n              :id=\"tooltipId\"\n              role=\"tooltip\"\n              class=\"pointer-events-none absolute top-1/2 left-1/2 z-10 min-w-40 rounded-xl border border-border bg-popover p-3 text-xs shadow-lg\"\n            >\n              <p class=\"text-muted-foreground\">{{ stage.label }}</p>\n              <p class=\"mt-1 font-mono\">\n                <NumberTicker\n                  :value=\"stage.value\"\n                  :format=\"() => funnel.formatValue(stage.value)\"\n                  :start-on-view=\"false\"\n                  :duration=\"0.35\"\n                />\n                {{ funnel.unit }}\n              </p>\n              <template v-if=\"index > 0\">\n                <p class=\"mt-1\">\n                  {{ percentage(stage.stepConversion) }} from previous stage\n                </p>\n                <p class=\"text-muted-foreground\">\n                  {{ funnel.formatValue(Math.abs(stage.change ?? 0)) }}\n                  {{ (stage.change ?? 0) > 0 ? \"gained\" : \"dropped\" }}\n                </p>\n              </template>\n              <p class=\"mt-1 text-muted-foreground\">\n                {{ percentage(stage.conversion) }} of starting total\n              </p>\n            </div>\n          </li>\n        </ol>\n      </div>\n    </div>\n    <div class=\"flex flex-wrap justify-center gap-x-6 gap-y-3\">\n      <span\n        v-for=\"stage in stages\"\n        :key=\"stage.id\"\n        class=\"inline-flex items-center gap-2 text-xs\"\n      >\n        <span\n          aria-hidden=\"true\"\n          class=\"size-2 shrink-0 rounded-full\"\n          :style=\"{ backgroundColor: stage.fill }\"\n        /><span>{{ stage.label }}</span>\n        <span class=\"font-mono text-[10px] text-muted-foreground\">{{\n          percentage(stage.conversion)\n        }}</span>\n      </span>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { NumberTicker } from \"../../../motion/number\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useFunnelChart, percentage } from \"./context\";\nimport { funnelPath } from \"./model\";\nconst funnel = useFunnelChart();\nconst hot = ref<string | null>(null);\nconst tooltipId = useId();\nconst palette = [\"#8b5cf6\", \"#7774ef\", \"#548ee4\", \"#2ca6bc\", \"#14b8a6\"];\nconst stages = computed(() => {\n  const proportions = funnel.rows.map((row) => row.proportion);\n  return funnel.rows.map((row, index) => ({\n    ...row,\n    fill: row.color ?? palette[index % palette.length],\n    path: funnelPath(proportions, index, funnel.direction),\n  }));\n});\nconst dimensions = computed(() => ({\n  height: `${funnel.direction === \"horizontal\" ? 300 : Math.max(320, stages.value.length * 72)}px`,\n  minWidth: `${funnel.direction === \"horizontal\" ? stages.value.length * 110 : 240}px`,\n}));\nconst tracks = computed(() =>\n  funnel.direction === \"horizontal\"\n    ? { gridTemplateColumns: `repeat(${stages.value.length},1fr)` }\n    : { gridTemplateRows: `repeat(${stages.value.length},1fr)` },\n);\n</script>\n\n<template>\n  <p\n    v-if=\"!stages.length\"\n    class=\"py-16 text-center text-sm text-muted-foreground\"\n  >\n    No funnel data\n  </p>\n  <div v-else class=\"space-y-5\">\n    <div class=\"overflow-x-auto\">\n      <div class=\"relative\" :style=\"dimensions\">\n        <svg\n          aria-hidden=\"true\"\n          viewBox=\"0 0 1000 500\"\n          preserveAspectRatio=\"none\"\n          class=\"absolute inset-0 size-full\"\n        >\n          <motion.path\n            v-for=\"stage in stages\"\n            :key=\"stage.id\"\n            :fill=\"stage.fill\"\n            :initial=\"false\"\n            :animate=\"{ d: stage.path }\"\n            :transition=\"{ duration: funnel.reduce ? 0 : 0.28, ease: EASE_OUT }\"\n          />\n        </svg>\n        <ol\n          aria-label=\"Funnel stages\"\n          class=\"absolute inset-0 grid\"\n          :style=\"tracks\"\n        >\n          <li\n            v-for=\"(stage, index) in stages\"\n            :key=\"stage.id\"\n            class=\"relative min-h-0 min-w-0\"\n          >\n            <button\n              type=\"button\"\n              class=\"flex size-full items-center justify-center outline-none transition-colors hover:bg-foreground/5 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\"\n              :aria-label=\"`${stage.label}: ${funnel.formatValue(stage.value)} ${funnel.unit}, ${percentage(stage.conversion)} of starting total`\"\n              :aria-describedby=\"hot === stage.id ? tooltipId : undefined\"\n              @focus=\"hot = stage.id\"\n              @blur=\"hot = null\"\n              @pointerenter=\"hot = stage.id\"\n              @pointerleave=\"hot = null\"\n              @keydown.esc=\"hot = null\"\n            >\n              <span\n                class=\"rounded bg-background/85 px-2 py-1 font-mono text-xs font-medium tabular-nums\"\n              >\n                <NumberTicker\n                  :value=\"stage.value\"\n                  :format=\"() => funnel.formatValue(stage.value)\"\n                  :start-on-view=\"false\"\n                  :duration=\"0.35\"\n                />\n              </span>\n            </button>\n            <div\n              v-if=\"hot === stage.id\"\n              :id=\"tooltipId\"\n              role=\"tooltip\"\n              class=\"pointer-events-none absolute top-1/2 left-1/2 z-10 min-w-40 rounded-xl border border-border bg-popover p-3 text-xs shadow-lg\"\n            >\n              <p class=\"text-muted-foreground\">{{ stage.label }}</p>\n              <p class=\"mt-1 font-mono\">\n                <NumberTicker\n                  :value=\"stage.value\"\n                  :format=\"() => funnel.formatValue(stage.value)\"\n                  :start-on-view=\"false\"\n                  :duration=\"0.35\"\n                />\n                {{ funnel.unit }}\n              </p>\n              <template v-if=\"index > 0\">\n                <p class=\"mt-1\">\n                  {{ percentage(stage.stepConversion) }} from previous stage\n                </p>\n                <p class=\"text-muted-foreground\">\n                  {{ funnel.formatValue(Math.abs(stage.change ?? 0)) }}\n                  {{ (stage.change ?? 0) > 0 ? \"gained\" : \"dropped\" }}\n                </p>\n              </template>\n              <p class=\"mt-1 text-muted-foreground\">\n                {{ percentage(stage.conversion) }} of starting total\n              </p>\n            </div>\n          </li>\n        </ol>\n      </div>\n    </div>\n    <div class=\"flex flex-wrap justify-center gap-x-6 gap-y-3\">\n      <span\n        v-for=\"stage in stages\"\n        :key=\"stage.id\"\n        class=\"inline-flex items-center gap-2 text-xs\"\n      >\n        <span\n          aria-hidden=\"true\"\n          class=\"size-2 shrink-0 rounded-full\"\n          :style=\"{ backgroundColor: stage.fill }\"\n        /><span>{{ stage.label }}</span>\n        <span class=\"font-mono text-[10px] text-muted-foreground\">{{\n          percentage(stage.conversion)\n        }}</span>\n      </span>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useFunnelChart, percentage } from \"./context\";\nconst funnel = useFunnelChart();\n</script>\n\n<template>\n  <div\n    v-if=\"funnel.rows.length\"\n    class=\"flex flex-wrap items-center justify-between gap-3 border-t border-border pt-4 text-xs\"\n  >\n    <span class=\"text-muted-foreground\"\n      >{{ funnel.formatValue(funnel.first) }} →\n      {{ funnel.formatValue(funnel.last) }} {{ funnel.unit }}</span\n    >\n    <span class=\"flex items-center gap-2\"\n      ><span class=\"text-muted-foreground\">Overall conversion</span\n      ><span class=\"font-mono font-medium tabular-nums\">{{\n        percentage(funnel.conversion)\n      }}</span></span\n    >\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useFunnelChart, percentage } from \"./context\";\nconst funnel = useFunnelChart();\n</script>\n\n<template>\n  <div\n    v-if=\"funnel.rows.length\"\n    class=\"flex flex-wrap items-center justify-between gap-3 border-t border-border pt-4 text-xs\"\n  >\n    <span class=\"text-muted-foreground\"\n      >{{ funnel.formatValue(funnel.first) }} →\n      {{ funnel.formatValue(funnel.last) }} {{ funnel.unit }}</span\n    >\n    <span class=\"flex items-center gap-2\"\n      ><span class=\"text-muted-foreground\">Overall conversion</span\n      ><span class=\"font-mono font-medium tabular-nums\">{{\n        percentage(funnel.conversion)\n      }}</span></span\n    >\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createFunnelModel,\n  funnelContext,\n  type FunnelChartProps,\n} from \"./context\";\nimport FunnelChartPlot from \"./FunnelChartPlot.vue\";\nimport FunnelChartSummary from \"./FunnelChartSummary.vue\";\nconst props = defineProps<FunnelChartProps>();\nconst funnel = createFunnelModel(props);\nprovide(funnelContext.key, funnel);\n</script>\n\n<template>\n  <section\n    :aria-label=\"funnel.label\"\n    :class=\"['w-full space-y-6', props.className]\"\n  >\n    <slot><FunnelChartPlot /><FunnelChartSummary /></slot>\n  </section>\n</template>\n","<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createFunnelModel,\n  funnelContext,\n  type FunnelChartProps,\n} from \"./context\";\nimport FunnelChartPlot from \"./FunnelChartPlot.vue\";\nimport FunnelChartSummary from \"./FunnelChartSummary.vue\";\nconst props = defineProps<FunnelChartProps>();\nconst funnel = createFunnelModel(props);\nprovide(funnelContext.key, funnel);\n</script>\n\n<template>\n  <section\n    :aria-label=\"funnel.label\"\n    :class=\"['w-full space-y-6', props.className]\"\n  >\n    <slot><FunnelChartPlot /><FunnelChartSummary /></slot>\n  </section>\n</template>\n"],"mappings":"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"}