npm - @orvui/vue - Versions diffs - 0.0.0-stage → 0.1.1 - Mend

@orvui/vue 0.0.0-stage → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3238) hide show

package/dist/ai-sidebar-DU97ERIh.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ai-sidebar-DU97ERIh.js","names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_unref","_withCtx","_createElementVNode","_toDisplayString","_createCommentVNode","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_openBlock","_createBlock","_unref","_normalizeClass","_normalizeStyle","_withCtx","_createElementVNode","_renderSlot","_resolveDynamicComponent","_withDirectives","_createElementBlock","_withModifiers","_vModelText","MarqueeLabel","MorphPopover","_createVNode","MorphPopoverTrigger","MorphPopoverContent","_createCommentVNode","_Fragment","_renderList","_toDisplayString","_sfc_main","$attrs","$slots","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_mergeProps","_unref","_createVNode","_withCtx","_renderList","_createBlock","ResourceRow","_createSlots","_renderSlot","_createCommentVNode","_toDisplayString","_sfc_main","useReducedMotion","SPRING_LAYOUT","cn","MorphPopoverContent_default","MorphPopover_default","MorphPopoverTrigger_default","RenderNode","canContain","item","pathTo","pending","forest","index","cursor","id","children","at","nodes","node","path","level","editSiblings","parentPath","edit","head","tail","result","flattenResources","items","row","expanded","findResource","containsResource","removeResource","removed","siblings","insertResource","targetId","resource","position","moveResource","source","move","target","renameResource","_hoisted_1$2","MarqueeLabel_default","defineComponent","props","__props","viewport","ref","text","travel","reduced","running","computed","observer","alive","measure","watch","nextTick","onMounted","onBeforeUnmount","openBlock","createElementBlock","createVNode","unref","motion","EASE_OUT","withCtx","createElementVNode","toDisplayString","createCommentVNode","useTouchCapable","capable","media","refresh","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","ResourceRow_default","__expose","__emit","emit","touch","element","input","hovered","draft","container","placement","icon","FolderOpen","Folder","Bookmark","FileText","customIcon","controls","run","customMenu","actions","Pencil","ArrowUp","ArrowDown","FolderInput","Undo2","blurHandled","dragged","renameFrame","dragFrame","seen","renaming","activate","event","action","renameKey","doubleClick","dragStart","dragEnd","resolveElement","createBlock","_cache","$event","normalizeClass","normalizeStyle","renderSlot","_ctx","resolveDynamicComponent","withDirectives","withModifiers","vModelText","MoreHorizontal","Fragment","renderList","_hoisted_1","_hoisted_2","_hoisted_3","AISidebar_default","localSelection","selection","rows","focusId","roving","dragging","menuId","editing","announcement","destination","handles","busy","focusFrame","menuFrame","update","focus","select","toggle","next","before","change","error","commands","previous","relocate","keydown","key","moving","rename","label","dragOver","box","fraction","drop","menu","open","clearDrag","outsideOver","mergeProps","AnimatePresence","createSlots","scope"],"sources":["../src/agents/ai-sidebar/src/tree.ts","../src/agents/ai-sidebar/src/MarqueeLabel.vue","../src/agents/ai-sidebar/src/MarqueeLabel.vue","../src/agents/ai-sidebar/src/useTouchCapable.ts","../src/agents/ai-sidebar/src/ResourceRow.vue","../src/agents/ai-sidebar/src/ResourceRow.vue","../src/agents/ai-sidebar/src/AISidebar.vue","../src/agents/ai-sidebar/src/AISidebar.vue"],"sourcesContent":["export type SidebarResourceKind = \"folder\" | \"project\" | \"file\" | \"bookmark\";\nexport interface SidebarResource {\n id: string;\n label: string;\n kind: SidebarResourceKind;\n children?: SidebarResource[];\n disabled?: boolean;\n}\nexport type SidebarResourceDropPosition = \"before\" | \"inside\" | \"after\";\nexport interface SidebarResourceMove {\n itemId: string;\n targetId: string | null;\n position: SidebarResourceDropPosition;\n}\nexport interface SidebarResourceMoveCommands {\n up?: () => void;\n down?: () => void;\n into?: { label: string; run: () => void };\n out?: () => void;\n}\nexport interface SidebarResourceMenuControls {\n close: () => void;\n rename: () => void;\n moves: SidebarResourceMoveCommands;\n}\nexport interface FlatResource {\n item: SidebarResource;\n depth: number;\n parentId: string | null;\n}\n\nexport function canContain(item: SidebarResource) {\n return [\"folder\", \"project\"].includes(item.kind);\n}\n\nfunction pathTo(forest: SidebarResource[], id: string): number[] | undefined {\n const pending = forest\n .map((item, index) => ({ item, path: [index] }))\n .reverse();\n while (pending.length) {\n const cursor = pending.pop()!;\n if (cursor.item.id === id) return cursor.path;\n const children = cursor.item.children ?? [];\n for (let index = children.length - 1; index >= 0; index--)\n pending.push({ item: children[index], path: [...cursor.path, index] });\n }\n}\nfunction at(forest: SidebarResource[], path: number[]): SidebarResource {\n let nodes = forest;\n let node = nodes[path[0]];\n path.forEach((index, level) => {\n node = nodes[index];\n if (level < path.length - 1) nodes = node.children ?? [];\n });\n return node;\n}\nfunction editSiblings(\n forest: SidebarResource[],\n parentPath: number[],\n edit: (siblings: SidebarResource[]) => SidebarResource[],\n): SidebarResource[] {\n if (!parentPath.length) return edit(forest);\n const [head, ...tail] = parentPath;\n const result = forest.slice();\n result[head] = {\n ...forest[head],\n children: editSiblings(forest[head].children ?? [], tail, edit),\n };\n return result;\n}\nexport function flattenResources(\n items: SidebarResource[],\n expanded: Set<string>,\n depth = 0,\n parentId: string | null = null,\n): FlatResource[] {\n const result: FlatResource[] = [];\n const pending = items.map((item) => ({ item, depth, parentId })).reverse();\n while (pending.length) {\n const row = pending.pop()!;\n result.push(row);\n if (!expanded.has(row.item.id)) continue;\n const children = row.item.children ?? [];\n for (let index = children.length - 1; index >= 0; index--)\n pending.push({\n item: children[index],\n parentId: row.item.id,\n depth: row.depth + 1,\n });\n }\n return result;\n}\nexport function findResource(\n items: SidebarResource[],\n id: string,\n): SidebarResource | undefined {\n const path = pathTo(items, id);\n return path ? at(items, path) : undefined;\n}\nexport function containsResource(item: SidebarResource, id: string): boolean {\n return pathTo([item], id) !== undefined;\n}\nexport function removeResource(\n items: SidebarResource[],\n id: string,\n): { items: SidebarResource[]; removed?: SidebarResource } {\n const path = pathTo(items, id);\n if (!path) return { items: items.slice() };\n const removed = at(items, path);\n const index = path[path.length - 1];\n return {\n removed,\n items: editSiblings(items, path.slice(0, -1), (siblings) =>\n siblings.filter((_, cursor) => cursor !== index),\n ),\n };\n}\nexport function insertResource(\n items: SidebarResource[],\n resource: SidebarResource,\n targetId: string | null,\n position: SidebarResourceDropPosition,\n): SidebarResource[] {\n if (targetId === null) return items.concat(resource);\n const path = pathTo(items, targetId);\n if (!path) return items.slice();\n if (position === \"inside\")\n return editSiblings(items, path, (children) => children.concat(resource));\n const index = path[path.length - 1] + Number(position === \"after\");\n return editSiblings(items, path.slice(0, -1), (siblings) => [\n ...siblings.slice(0, index),\n resource,\n ...siblings.slice(index),\n ]);\n}\nexport function moveResource(\n items: SidebarResource[],\n move: SidebarResourceMove,\n): SidebarResource[] | null {\n const source = findResource(items, move.itemId);\n if (!source || source.disabled) return null;\n const target =\n move.targetId === null ? undefined : findResource(items, move.targetId);\n if (\n move.targetId !== null &&\n (!target || containsResource(source, move.targetId))\n )\n return null;\n if (\n move.position === \"inside\" &&\n (!target || target.disabled || !canContain(target))\n )\n return null;\n const detached = removeResource(items, move.itemId);\n return insertResource(detached.items, source, move.targetId, move.position);\n}\nexport function renameResource(\n items: SidebarResource[],\n id: string,\n label: string,\n): SidebarResource[] {\n const path = pathTo(items, id);\n if (!path) return items.slice();\n const index = path[path.length - 1];\n return editSiblings(items, path.slice(0, -1), (siblings) =>\n siblings.map((item, cursor) =>\n cursor === index ? { ...item, label } : item,\n ),\n );\n}\n","<script setup lang=\"ts\">\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n onMounted,\n ref,\n watch,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = defineProps<{ active: boolean; label: string }>();\nconst viewport = ref<HTMLElement>();\nconst text = ref<HTMLElement>();\nconst travel = ref(0);\nconst reduced = useReducedMotion();\nconst running = computed(\n () => props.active && travel.value > 0 && !reduced.value,\n);\nlet observer: ResizeObserver | undefined;\nlet alive = false;\nfunction measure() {\n if (alive && viewport.value && text.value)\n travel.value =\n text.value.scrollWidth > viewport.value.clientWidth\n ? text.value.scrollWidth + 24\n : 0;\n}\nwatch(\n () => props.label,\n () => nextTick(measure),\n);\nonMounted(() => {\n alive = true;\n measure();\n if (typeof ResizeObserver !== \"undefined\") {\n observer = new ResizeObserver(measure);\n if (viewport.value) observer.observe(viewport.value);\n if (text.value) observer.observe(text.value);\n }\n});\nonBeforeUnmount(() => {\n alive = false;\n observer?.disconnect();\n});\n</script>\n<template>\n <span ref=\"viewport\" class=\"block min-w-0 flex-1 overflow-hidden\"\n ><motion.span\n class=\"flex w-max items-center gap-6 whitespace-nowrap\"\n :animate=\"{ x: running ? [0, -travel] : 0 }\"\n :transition=\"\n running\n ? {\n duration: Math.max(2.4, travel / 34),\n ease: 'linear',\n repeat: Infinity,\n repeatDelay: 2,\n }\n : { duration: 0.16, ease: EASE_OUT }\n \"\n ><span ref=\"text\">{{ label }}</span\n ><span v-if=\"running\" aria-hidden=\"true\">{{ label }}</span></motion.span\n ></span\n >\n</template>\n","<script setup lang=\"ts\">\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n onMounted,\n ref,\n watch,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = defineProps<{ active: boolean; label: string }>();\nconst viewport = ref<HTMLElement>();\nconst text = ref<HTMLElement>();\nconst travel = ref(0);\nconst reduced = useReducedMotion();\nconst running = computed(\n () => props.active && travel.value > 0 && !reduced.value,\n);\nlet observer: ResizeObserver | undefined;\nlet alive = false;\nfunction measure() {\n if (alive && viewport.value && text.value)\n travel.value =\n text.value.scrollWidth > viewport.value.clientWidth\n ? text.value.scrollWidth + 24\n : 0;\n}\nwatch(\n () => props.label,\n () => nextTick(measure),\n);\nonMounted(() => {\n alive = true;\n measure();\n if (typeof ResizeObserver !== \"undefined\") {\n observer = new ResizeObserver(measure);\n if (viewport.value) observer.observe(viewport.value);\n if (text.value) observer.observe(text.value);\n }\n});\nonBeforeUnmount(() => {\n alive = false;\n observer?.disconnect();\n});\n</script>\n<template>\n <span ref=\"viewport\" class=\"block min-w-0 flex-1 overflow-hidden\"\n ><motion.span\n class=\"flex w-max items-center gap-6 whitespace-nowrap\"\n :animate=\"{ x: running ? [0, -travel] : 0 }\"\n :transition=\"\n running\n ? {\n duration: Math.max(2.4, travel / 34),\n ease: 'linear',\n repeat: Infinity,\n repeatDelay: 2,\n }\n : { duration: 0.16, ease: EASE_OUT }\n \"\n ><span ref=\"text\">{{ label }}</span\n ><span v-if=\"running\" aria-hidden=\"true\">{{ label }}</span></motion.span\n ></span\n >\n</template>\n","import { onBeforeUnmount, onMounted, ref } from \"vue\";\nexport function useTouchCapable() {\n const capable = ref(false);\n let media: MediaQueryList | undefined;\n const refresh = () => {\n capable.value = !!media?.matches || navigator.maxTouchPoints > 0;\n };\n onMounted(() => {\n media = window.matchMedia?.(\"(any-pointer: coarse)\");\n refresh();\n media?.addEventListener?.(\"change\", refresh);\n });\n onBeforeUnmount(() => media?.removeEventListener?.(\"change\", refresh));\n return capable;\n}\n","<script setup lang=\"ts\">\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n watch,\n type VNodeChild,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport {\n ArrowDown,\n ArrowUp,\n Bookmark,\n FileText,\n Folder,\n FolderInput,\n FolderOpen,\n MoreHorizontal,\n Pencil,\n Undo2,\n} from \"lucide-vue-next\";\nimport {\n MorphPopover,\n MorphPopoverContent,\n MorphPopoverTrigger,\n} from \"../../../motion/popover\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode } from \"../../shared\";\nimport {\n canContain,\n type FlatResource,\n type SidebarResourceDropPosition,\n type SidebarResourceMenuControls,\n type SidebarResourceMoveCommands,\n} from \"./tree\";\nimport MarqueeLabel from \"./MarqueeLabel.vue\";\nimport { useTouchCapable } from \"./useTouchCapable\";\nconst props = defineProps<{\n row: FlatResource;\n active: boolean;\n expanded: boolean;\n focused: boolean;\n draggingId: string | null;\n dropTarget: {\n id: string | null;\n position: SidebarResourceDropPosition;\n } | null;\n menuOpen: boolean;\n moves: SidebarResourceMoveCommands;\n renaming: boolean;\n renderIcon?: (item: FlatResource[\"item\"]) => VNodeChild;\n renderMenu?: (\n item: FlatResource[\"item\"],\n controls: SidebarResourceMenuControls,\n ) => VNodeChild;\n}>();\nconst emit = defineEmits<{\n focus: [];\n key: [e: KeyboardEvent];\n menu: [open: boolean];\n renameStart: [];\n renameCancel: [];\n renameCommit: [label: string];\n select: [];\n toggle: [];\n dragStart: [e: DragEvent, id: string];\n dragEnd: [];\n dragOver: [e: DragEvent, row: FlatResource];\n drop: [e: DragEvent];\n}>();\nconst reduced = useReducedMotion(),\n touch = useTouchCapable();\nconst element = ref<unknown>(),\n input = ref<HTMLInputElement>(),\n hovered = ref(false),\n draft = ref(props.row.item.label);\nconst container = computed(() => canContain(props.row.item));\nconst placement = computed(() =>\n props.dropTarget?.id === props.row.item.id\n ? props.dropTarget.position\n : undefined,\n);\nconst icon = computed(() =>\n container.value\n ? props.expanded\n ? FolderOpen\n : Folder\n : props.row.item.kind === \"bookmark\"\n ? Bookmark\n : FileText,\n);\nconst customIcon = computed(() => props.renderIcon?.(props.row.item));\nconst controls = computed<SidebarResourceMenuControls>(() => ({\n close: () => emit(\"menu\", false),\n rename: () => run(() => emit(\"renameStart\")),\n moves: props.moves,\n}));\nconst customMenu = computed(() =>\n props.renderMenu?.(props.row.item, controls.value),\n);\nconst actions = computed(() => {\n const result = [\n { label: \"Rename\", icon: Pencil, run: () => emit(\"renameStart\") },\n ];\n if (props.moves.up)\n result.push({ label: \"Move up\", icon: ArrowUp, run: props.moves.up });\n if (props.moves.down)\n result.push({ label: \"Move down\", icon: ArrowDown, run: props.moves.down });\n if (props.moves.into)\n result.push({\n label: `Move into ${props.moves.into.label}`,\n icon: FolderInput,\n run: props.moves.into.run,\n });\n if (props.moves.out)\n result.push({ label: \"Move out\", icon: Undo2, run: props.moves.out });\n return result;\n});\nlet blurHandled = false,\n dragged = false;\nlet renameFrame: number | undefined, dragFrame: number | undefined;\nconst seen = new WeakSet<MouseEvent>();\nwatch(\n () => [props.renaming, props.row.item.label] as const,\n async ([renaming]) => {\n if (!renaming) return;\n blurHandled = false;\n draft.value = props.row.item.label;\n await nextTick();\n if (renameFrame !== undefined) cancelAnimationFrame(renameFrame);\n renameFrame = requestAnimationFrame(() => {\n input.value?.focus();\n input.value?.select();\n });\n },\n);\nfunction activate(event: MouseEvent) {\n if (\n seen.has(event) ||\n event.defaultPrevented ||\n dragged ||\n props.renaming ||\n props.row.item.disabled\n )\n return;\n seen.add(event);\n if (container.value) emit(\"toggle\");\n else emit(\"select\");\n}\nfunction run(action: () => void, event?: MouseEvent) {\n if (event) activate(event);\n emit(\"menu\", false);\n action();\n}\nfunction renameKey(event: KeyboardEvent) {\n event.stopPropagation();\n if (event.key === \"Enter\" || event.key === \"Escape\") {\n blurHandled = true;\n if (event.key === \"Enter\") emit(\"renameCommit\", draft.value);\n else emit(\"renameCancel\");\n }\n}\nfunction doubleClick(event: MouseEvent) {\n if (!container.value && !props.row.item.disabled) {\n event.preventDefault();\n emit(\"renameStart\");\n }\n}\nfunction dragStart(event: DragEvent) {\n dragged = true;\n emit(\"dragStart\", event, props.row.item.id);\n}\nfunction dragEnd() {\n emit(\"dragEnd\");\n dragFrame = requestAnimationFrame(() => {\n dragged = false;\n });\n}\nonBeforeUnmount(() => {\n if (renameFrame !== undefined) cancelAnimationFrame(renameFrame);\n if (dragFrame !== undefined) cancelAnimationFrame(dragFrame);\n});\ndefineExpose({\n focus: () => resolveElement<HTMLElement>(element.value)?.focus(),\n});\n</script>\n<template>\n <motion.div\n ref=\"element\"\n layout=\"position\"\n :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\"\n role=\"treeitem\"\n :aria-level=\"row.depth + 1\"\n :aria-selected=\"container ? undefined : active\"\n :aria-expanded=\"container ? expanded : undefined\"\n :aria-disabled=\"row.item.disabled || undefined\"\n :tabindex=\"focused ? 0 : -1\"\n :draggable=\"!row.item.disabled && !renaming\"\n :data-resource-id=\"row.item.id\"\n :data-menu-open=\"menuOpen || undefined\"\n :data-drop=\"placement\"\n :data-dragging=\"draggingId === row.item.id || undefined\"\n @focus=\"emit('focus')\"\n @keydown=\"emit('key', $event)\"\n @click=\"activate\"\n @dblclick=\"doubleClick\"\n @mouseenter=\"hovered = true\"\n @mouseleave=\"hovered = false\"\n @dragstart.capture=\"dragStart\"\n @dragend.capture=\"dragEnd\"\n @dragover=\"emit('dragOver', $event, row)\"\n @drop=\"emit('drop', $event)\"\n :class=\"\n cn(\n 'group/resource relative flex min-h-9 min-w-0 cursor-pointer items-center gap-2.5 rounded-xl pr-3 text-sm outline-none',\n 'text-muted-foreground transition-colors hover:bg-muted hover:text-foreground',\n 'focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset',\n 'data-[menu-open=true]:bg-muted data-[menu-open=true]:text-foreground',\n 'data-[dragging=true]:opacity-40',\n 'data-[drop=inside]:bg-muted data-[drop=inside]:ring-1 data-[drop=inside]:ring-primary/45',\n 'data-[drop=before]:before:absolute data-[drop=before]:before:-top-0.5 data-[drop=before]:before:right-2 data-[drop=before]:before:left-2 data-[drop=before]:before:h-0.5 data-[drop=before]:before:rounded-full data-[drop=before]:before:bg-primary',\n 'data-[drop=after]:after:absolute data-[drop=after]:after:-bottom-0.5 data-[drop=after]:after:right-2 data-[drop=after]:after:left-2 data-[drop=after]:after:h-0.5 data-[drop=after]:after:rounded-full data-[drop=after]:after:bg-primary',\n !container && active && 'bg-muted text-foreground',\n row.item.disabled && 'cursor-not-allowed opacity-45',\n )\n \"\n :style=\"{ paddingLeft: `${12 + row.depth * 16}px` }\"\n >\n <span aria-hidden=\"true\" class=\"grid size-5 shrink-0 place-items-center\"\n ><slot name=\"icon\" :item=\"row.item\"\n ><RenderNode v-if=\"customIcon != null\" :node=\"customIcon\" /><component\n v-else\n :is=\"icon\"\n class=\"size-4\" /></slot\n ></span>\n <input\n v-if=\"renaming\"\n ref=\"input\"\n v-model=\"draft\"\n :aria-label=\"`Rename ${row.item.label}`\"\n :draggable=\"false\"\n @click.stop\n @dblclick.stop\n @blur=\"!blurHandled && emit('renameCommit', draft)\"\n @keydown=\"renameKey\"\n class=\"mx-1 h-7 min-w-0 flex-1 rounded-md border border-border bg-background px-2 text-sm text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n />\n <MarqueeLabel\n v-else\n :active=\"hovered || menuOpen\"\n :label=\"row.item.label\"\n />\n <MorphPopover\n v-if=\"!renaming && !row.item.disabled\"\n :open=\"menuOpen\"\n @update:open=\"emit('menu', $event)\"\n ><MorphPopoverTrigger\n ><button\n type=\"button\"\n :draggable=\"false\"\n :tabindex=\"-1\"\n :aria-label=\"`Actions for ${row.item.label}`\"\n @click.stop\n :class=\"\n cn(\n 'grid size-7 shrink-0 place-items-center rounded-lg outline-none transition-opacity hover:bg-foreground/5 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-ring group-hover/resource:opacity-100 group-focus-visible/resource:opacity-100 group-data-[menu-open=true]/resource:opacity-100',\n touch ? 'opacity-100' : 'opacity-0',\n )\n \"\n >\n <MoreHorizontal aria-hidden=\"true\" class=\"size-4\" /></button\n ></MorphPopoverTrigger>\n <MorphPopoverContent\n side=\"bottom\"\n align=\"end\"\n :side-offset=\"8\"\n :radius=\"12\"\n class=\"w-40 p-1.5\"\n ><div :data-sidebar-resource-menu=\"row.item.id\" @click=\"activate\">\n <slot name=\"menu\" :item=\"row.item\" :controls=\"controls\"\n ><RenderNode\n v-if=\"customMenu != null\"\n :node=\"customMenu\"\n /><template\n v-for=\"(action, index) in customMenu != null ? [] : actions\"\n :key=\"action.label\"\n ><div\n v-if=\"index === 1\"\n aria-hidden=\"true\"\n class=\"my-1 h-px bg-border\"\n />\n <button\n type=\"button\"\n @click=\"run(action.run, $event)\"\n class=\"flex h-8 w-full items-center gap-2 rounded-lg px-2.5 text-left text-xs text-foreground outline-none transition-colors hover:bg-muted focus-visible:bg-muted focus-visible:ring-2 focus-visible:ring-ring\"\n >\n <component\n :is=\"action.icon\"\n aria-hidden=\"true\"\n class=\"size-3.5 shrink-0\"\n /><span class=\"min-w-0 truncate\">{{ action.label }}</span>\n </button></template\n ></slot\n >\n </div></MorphPopoverContent\n >\n </MorphPopover>\n </motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n watch,\n type VNodeChild,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport {\n ArrowDown,\n ArrowUp,\n Bookmark,\n FileText,\n Folder,\n FolderInput,\n FolderOpen,\n MoreHorizontal,\n Pencil,\n Undo2,\n} from \"lucide-vue-next\";\nimport {\n MorphPopover,\n MorphPopoverContent,\n MorphPopoverTrigger,\n} from \"../../../motion/popover\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode } from \"../../shared\";\nimport {\n canContain,\n type FlatResource,\n type SidebarResourceDropPosition,\n type SidebarResourceMenuControls,\n type SidebarResourceMoveCommands,\n} from \"./tree\";\nimport MarqueeLabel from \"./MarqueeLabel.vue\";\nimport { useTouchCapable } from \"./useTouchCapable\";\nconst props = defineProps<{\n row: FlatResource;\n active: boolean;\n expanded: boolean;\n focused: boolean;\n draggingId: string | null;\n dropTarget: {\n id: string | null;\n position: SidebarResourceDropPosition;\n } | null;\n menuOpen: boolean;\n moves: SidebarResourceMoveCommands;\n renaming: boolean;\n renderIcon?: (item: FlatResource[\"item\"]) => VNodeChild;\n renderMenu?: (\n item: FlatResource[\"item\"],\n controls: SidebarResourceMenuControls,\n ) => VNodeChild;\n}>();\nconst emit = defineEmits<{\n focus: [];\n key: [e: KeyboardEvent];\n menu: [open: boolean];\n renameStart: [];\n renameCancel: [];\n renameCommit: [label: string];\n select: [];\n toggle: [];\n dragStart: [e: DragEvent, id: string];\n dragEnd: [];\n dragOver: [e: DragEvent, row: FlatResource];\n drop: [e: DragEvent];\n}>();\nconst reduced = useReducedMotion(),\n touch = useTouchCapable();\nconst element = ref<unknown>(),\n input = ref<HTMLInputElement>(),\n hovered = ref(false),\n draft = ref(props.row.item.label);\nconst container = computed(() => canContain(props.row.item));\nconst placement = computed(() =>\n props.dropTarget?.id === props.row.item.id\n ? props.dropTarget.position\n : undefined,\n);\nconst icon = computed(() =>\n container.value\n ? props.expanded\n ? FolderOpen\n : Folder\n : props.row.item.kind === \"bookmark\"\n ? Bookmark\n : FileText,\n);\nconst customIcon = computed(() => props.renderIcon?.(props.row.item));\nconst controls = computed<SidebarResourceMenuControls>(() => ({\n close: () => emit(\"menu\", false),\n rename: () => run(() => emit(\"renameStart\")),\n moves: props.moves,\n}));\nconst customMenu = computed(() =>\n props.renderMenu?.(props.row.item, controls.value),\n);\nconst actions = computed(() => {\n const result = [\n { label: \"Rename\", icon: Pencil, run: () => emit(\"renameStart\") },\n ];\n if (props.moves.up)\n result.push({ label: \"Move up\", icon: ArrowUp, run: props.moves.up });\n if (props.moves.down)\n result.push({ label: \"Move down\", icon: ArrowDown, run: props.moves.down });\n if (props.moves.into)\n result.push({\n label: `Move into ${props.moves.into.label}`,\n icon: FolderInput,\n run: props.moves.into.run,\n });\n if (props.moves.out)\n result.push({ label: \"Move out\", icon: Undo2, run: props.moves.out });\n return result;\n});\nlet blurHandled = false,\n dragged = false;\nlet renameFrame: number | undefined, dragFrame: number | undefined;\nconst seen = new WeakSet<MouseEvent>();\nwatch(\n () => [props.renaming, props.row.item.label] as const,\n async ([renaming]) => {\n if (!renaming) return;\n blurHandled = false;\n draft.value = props.row.item.label;\n await nextTick();\n if (renameFrame !== undefined) cancelAnimationFrame(renameFrame);\n renameFrame = requestAnimationFrame(() => {\n input.value?.focus();\n input.value?.select();\n });\n },\n);\nfunction activate(event: MouseEvent) {\n if (\n seen.has(event) ||\n event.defaultPrevented ||\n dragged ||\n props.renaming ||\n props.row.item.disabled\n )\n return;\n seen.add(event);\n if (container.value) emit(\"toggle\");\n else emit(\"select\");\n}\nfunction run(action: () => void, event?: MouseEvent) {\n if (event) activate(event);\n emit(\"menu\", false);\n action();\n}\nfunction renameKey(event: KeyboardEvent) {\n event.stopPropagation();\n if (event.key === \"Enter\" || event.key === \"Escape\") {\n blurHandled = true;\n if (event.key === \"Enter\") emit(\"renameCommit\", draft.value);\n else emit(\"renameCancel\");\n }\n}\nfunction doubleClick(event: MouseEvent) {\n if (!container.value && !props.row.item.disabled) {\n event.preventDefault();\n emit(\"renameStart\");\n }\n}\nfunction dragStart(event: DragEvent) {\n dragged = true;\n emit(\"dragStart\", event, props.row.item.id);\n}\nfunction dragEnd() {\n emit(\"dragEnd\");\n dragFrame = requestAnimationFrame(() => {\n dragged = false;\n });\n}\nonBeforeUnmount(() => {\n if (renameFrame !== undefined) cancelAnimationFrame(renameFrame);\n if (dragFrame !== undefined) cancelAnimationFrame(dragFrame);\n});\ndefineExpose({\n focus: () => resolveElement<HTMLElement>(element.value)?.focus(),\n});\n</script>\n<template>\n <motion.div\n ref=\"element\"\n layout=\"position\"\n :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\"\n role=\"treeitem\"\n :aria-level=\"row.depth + 1\"\n :aria-selected=\"container ? undefined : active\"\n :aria-expanded=\"container ? expanded : undefined\"\n :aria-disabled=\"row.item.disabled || undefined\"\n :tabindex=\"focused ? 0 : -1\"\n :draggable=\"!row.item.disabled && !renaming\"\n :data-resource-id=\"row.item.id\"\n :data-menu-open=\"menuOpen || undefined\"\n :data-drop=\"placement\"\n :data-dragging=\"draggingId === row.item.id || undefined\"\n @focus=\"emit('focus')\"\n @keydown=\"emit('key', $event)\"\n @click=\"activate\"\n @dblclick=\"doubleClick\"\n @mouseenter=\"hovered = true\"\n @mouseleave=\"hovered = false\"\n @dragstart.capture=\"dragStart\"\n @dragend.capture=\"dragEnd\"\n @dragover=\"emit('dragOver', $event, row)\"\n @drop=\"emit('drop', $event)\"\n :class=\"\n cn(\n 'group/resource relative flex min-h-9 min-w-0 cursor-pointer items-center gap-2.5 rounded-xl pr-3 text-sm outline-none',\n 'text-muted-foreground transition-colors hover:bg-muted hover:text-foreground',\n 'focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset',\n 'data-[menu-open=true]:bg-muted data-[menu-open=true]:text-foreground',\n 'data-[dragging=true]:opacity-40',\n 'data-[drop=inside]:bg-muted data-[drop=inside]:ring-1 data-[drop=inside]:ring-primary/45',\n 'data-[drop=before]:before:absolute data-[drop=before]:before:-top-0.5 data-[drop=before]:before:right-2 data-[drop=before]:before:left-2 data-[drop=before]:before:h-0.5 data-[drop=before]:before:rounded-full data-[drop=before]:before:bg-primary',\n 'data-[drop=after]:after:absolute data-[drop=after]:after:-bottom-0.5 data-[drop=after]:after:right-2 data-[drop=after]:after:left-2 data-[drop=after]:after:h-0.5 data-[drop=after]:after:rounded-full data-[drop=after]:after:bg-primary',\n !container && active && 'bg-muted text-foreground',\n row.item.disabled && 'cursor-not-allowed opacity-45',\n )\n \"\n :style=\"{ paddingLeft: `${12 + row.depth * 16}px` }\"\n >\n <span aria-hidden=\"true\" class=\"grid size-5 shrink-0 place-items-center\"\n ><slot name=\"icon\" :item=\"row.item\"\n ><RenderNode v-if=\"customIcon != null\" :node=\"customIcon\" /><component\n v-else\n :is=\"icon\"\n class=\"size-4\" /></slot\n ></span>\n <input\n v-if=\"renaming\"\n ref=\"input\"\n v-model=\"draft\"\n :aria-label=\"`Rename ${row.item.label}`\"\n :draggable=\"false\"\n @click.stop\n @dblclick.stop\n @blur=\"!blurHandled && emit('renameCommit', draft)\"\n @keydown=\"renameKey\"\n class=\"mx-1 h-7 min-w-0 flex-1 rounded-md border border-border bg-background px-2 text-sm text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n />\n <MarqueeLabel\n v-else\n :active=\"hovered || menuOpen\"\n :label=\"row.item.label\"\n />\n <MorphPopover\n v-if=\"!renaming && !row.item.disabled\"\n :open=\"menuOpen\"\n @update:open=\"emit('menu', $event)\"\n ><MorphPopoverTrigger\n ><button\n type=\"button\"\n :draggable=\"false\"\n :tabindex=\"-1\"\n :aria-label=\"`Actions for ${row.item.label}`\"\n @click.stop\n :class=\"\n cn(\n 'grid size-7 shrink-0 place-items-center rounded-lg outline-none transition-opacity hover:bg-foreground/5 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-ring group-hover/resource:opacity-100 group-focus-visible/resource:opacity-100 group-data-[menu-open=true]/resource:opacity-100',\n touch ? 'opacity-100' : 'opacity-0',\n )\n \"\n >\n <MoreHorizontal aria-hidden=\"true\" class=\"size-4\" /></button\n ></MorphPopoverTrigger>\n <MorphPopoverContent\n side=\"bottom\"\n align=\"end\"\n :side-offset=\"8\"\n :radius=\"12\"\n class=\"w-40 p-1.5\"\n ><div :data-sidebar-resource-menu=\"row.item.id\" @click=\"activate\">\n <slot name=\"menu\" :item=\"row.item\" :controls=\"controls\"\n ><RenderNode\n v-if=\"customMenu != null\"\n :node=\"customMenu\"\n /><template\n v-for=\"(action, index) in customMenu != null ? [] : actions\"\n :key=\"action.label\"\n ><div\n v-if=\"index === 1\"\n aria-hidden=\"true\"\n class=\"my-1 h-px bg-border\"\n />\n <button\n type=\"button\"\n @click=\"run(action.run, $event)\"\n class=\"flex h-8 w-full items-center gap-2 rounded-lg px-2.5 text-left text-xs text-foreground outline-none transition-colors hover:bg-muted focus-visible:bg-muted focus-visible:ring-2 focus-visible:ring-ring\"\n >\n <component\n :is=\"action.icon\"\n aria-hidden=\"true\"\n class=\"size-3.5 shrink-0\"\n /><span class=\"min-w-0 truncate\">{{ action.label }}</span>\n </button></template\n ></slot\n >\n </div></MorphPopoverContent\n >\n </MorphPopover>\n </motion.div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n watch,\n type VNodeChild,\n} from \"vue\";\nimport { AnimatePresence } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode } from \"../../shared\";\nimport {\n canContain,\n containsResource,\n findResource,\n flattenResources,\n moveResource,\n renameResource,\n type FlatResource,\n type SidebarResource,\n type SidebarResourceDropPosition,\n type SidebarResourceMenuControls,\n type SidebarResourceMove,\n type SidebarResourceMoveCommands,\n} from \"./tree\";\nimport ResourceRow from \"./ResourceRow.vue\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n defineProps<{\n items?: SidebarResource[];\n defaultItems?: SidebarResource[];\n activeId?: string | null;\n defaultActiveId?: string | null;\n defaultExpandedIds?: string[];\n ariaLabel?: string;\n className?: string;\n onMove?: (move: SidebarResourceMove) => void | Promise<void>;\n onRename?: (item: SidebarResource, label: string) => void | Promise<void>;\n renderIcon?: (item: SidebarResource) => VNodeChild;\n renderMenu?: (\n item: SidebarResource,\n controls: SidebarResourceMenuControls,\n ) => VNodeChild;\n }>(),\n {\n defaultItems: () => [],\n defaultActiveId: null,\n defaultExpandedIds: () => [],\n ariaLabel: \"Resources\",\n },\n);\nconst emit = defineEmits<{\n \"update:items\": [items: SidebarResource[]];\n itemsChange: [items: SidebarResource[]];\n \"update:activeId\": [id: string | null];\n activeChange: [id: string];\n moveError: [error: unknown, move: SidebarResourceMove];\n renameError: [error: unknown, item: SidebarResource];\n}>();\nconst forest = ref(props.items ?? props.defaultItems);\nconst localSelection = ref(props.defaultActiveId);\nconst selection = computed(() =>\n props.activeId === undefined ? localSelection.value : props.activeId,\n);\nconst expanded = ref(new Set(props.defaultExpandedIds));\nconst rows = computed(() => flattenResources(forest.value, expanded.value));\nconst focusId = ref(props.activeId ?? props.defaultActiveId);\nconst roving = computed(() =>\n rows.value.some((row) => row.item.id === focusId.value)\n ? focusId.value\n : (rows.value[0]?.item.id ?? null),\n);\nconst dragging = ref<string | null>(null),\n menuId = ref<string | null>(null),\n editing = ref<string | null>(null),\n announcement = ref(\"\");\nconst destination = ref<{\n id: string | null;\n position: SidebarResourceDropPosition;\n} | null>(null);\nconst handles = new Map<string, { focus: () => void }>();\nlet busy = false,\n alive = true;\nlet focusFrame: number | undefined, menuFrame: number | undefined;\nwatch(\n () => props.items,\n (items) => {\n if (items) forest.value = items;\n },\n);\nwatch(\n roving,\n (id) => {\n focusId.value = id;\n },\n { flush: \"sync\" },\n);\nwatch(menuId, async (id) => {\n if (menuFrame !== undefined) cancelAnimationFrame(menuFrame);\n if (!id) return;\n await nextTick();\n if (!alive || menuId.value !== id) return;\n menuFrame = requestAnimationFrame(() =>\n Array.from(\n document.querySelectorAll<HTMLElement>(\"[data-sidebar-resource-menu]\"),\n )\n .find((node) => node.dataset.sidebarResourceMenu === id)\n ?.querySelector<HTMLElement>(\"button,a[href]\")\n ?.focus(),\n );\n});\nonBeforeUnmount(() => {\n alive = false;\n if (focusFrame !== undefined) cancelAnimationFrame(focusFrame);\n if (menuFrame !== undefined) cancelAnimationFrame(menuFrame);\n handles.clear();\n});\nfunction update(items: SidebarResource[]) {\n forest.value = items;\n emit(\"update:items\", items);\n emit(\"itemsChange\", items);\n}\nfunction focus(id: string) {\n focusId.value = id;\n if (focusFrame !== undefined) cancelAnimationFrame(focusFrame);\n focusFrame = requestAnimationFrame(() => {\n if (alive) handles.get(id)?.focus();\n });\n}\nfunction select(id: string) {\n if (props.activeId === undefined) localSelection.value = id;\n emit(\"update:activeId\", id);\n emit(\"activeChange\", id);\n}\nfunction toggle(id: string) {\n const next = new Set(expanded.value);\n if (next.has(id)) next.delete(id);\n else next.add(id);\n expanded.value = next;\n}\nasync function move(change: SidebarResourceMove) {\n if (busy) {\n announcement.value = \"Wait for the current move to finish.\";\n return;\n }\n const before = forest.value,\n next = moveResource(before, change);\n if (!next || next === before) return;\n busy = true;\n update(next);\n dragging.value = null;\n destination.value = null;\n const source = findResource(before, change.itemId),\n target = change.targetId\n ? findResource(before, change.targetId)\n : undefined;\n announcement.value = target\n ? `Moved ${source?.label ?? \"item\"} ${change.position} ${target.label}.`\n : `Moved ${source?.label ?? \"item\"} to the top level.`;\n try {\n await props.onMove?.(change);\n } catch (error) {\n if (alive) {\n update(before);\n announcement.value = `Move failed. ${source?.label ?? \"Item\"} was restored.`;\n emit(\"moveError\", error, change);\n }\n } finally {\n busy = false;\n }\n}\nfunction commands(row: FlatResource): SidebarResourceMoveCommands {\n if (row.item.disabled) return {};\n const index = rows.value.findIndex((item) => item.item.id === row.item.id),\n previous = rows.value[index - 1],\n next = rows.value[index + 1];\n const result: SidebarResourceMoveCommands = {};\n const relocate =\n (targetId: string, position: SidebarResourceDropPosition) => () => {\n void move({ itemId: row.item.id, targetId, position });\n };\n if (previous) result.up = relocate(previous.item.id, \"before\");\n if (next) result.down = relocate(next.item.id, \"after\");\n if (\n previous &&\n canContain(previous.item) &&\n previous.item.id !== row.parentId\n )\n result.into = {\n label: previous.item.label,\n run: () => {\n expanded.value = new Set(expanded.value).add(previous.item.id);\n relocate(previous.item.id, \"inside\")();\n },\n };\n if (row.parentId) result.out = relocate(row.parentId, \"after\");\n return result;\n}\nfunction keydown(event: KeyboardEvent, row: FlatResource) {\n const index = rows.value.findIndex((item) => item.item.id === row.item.id),\n previous = rows.value[index - 1],\n next = rows.value[index + 1];\n const key = event.key,\n moving = event.altKey && event.shiftKey;\n if (!moving && (key === \"ArrowUp\" || key === \"ArrowDown\")) {\n const target = key === \"ArrowUp\" ? previous : next;\n if (target) {\n event.preventDefault();\n focus(target.item.id);\n }\n return;\n }\n if ((key === \"Home\" || key === \"End\") && rows.value.length) {\n event.preventDefault();\n focus(\n (key === \"Home\" ? rows.value[0] : rows.value[rows.value.length - 1]).item\n .id,\n );\n return;\n }\n if (row.item.disabled) {\n if (key === \"ArrowLeft\" && row.parentId) {\n event.preventDefault();\n focus(row.parentId);\n } else if (\n moving ||\n [\"ArrowRight\", \"Enter\", \" \", \"F2\", \"ContextMenu\"].includes(key) ||\n (event.shiftKey && key === \"F10\")\n )\n event.preventDefault();\n return;\n }\n if (moving) {\n const action = commands(row);\n const run =\n key === \"ArrowUp\"\n ? action.up\n : key === \"ArrowDown\"\n ? action.down\n : key === \"ArrowLeft\"\n ? action.out\n : key === \"ArrowRight\"\n ? action.into?.run\n : undefined;\n if (run) {\n event.preventDefault();\n run();\n return;\n }\n }\n if (key === \"ArrowRight\" && canContain(row.item)) {\n event.preventDefault();\n if (!expanded.value.has(row.item.id)) toggle(row.item.id);\n else if (next?.parentId === row.item.id) focus(next.item.id);\n } else if (key === \"ArrowLeft\") {\n event.preventDefault();\n if (expanded.value.has(row.item.id)) toggle(row.item.id);\n else if (row.parentId) focus(row.parentId);\n } else if (key === \"Enter\" || key === \" \") {\n event.preventDefault();\n if (canContain(row.item)) toggle(row.item.id);\n else select(row.item.id);\n } else if (key === \"F2\") {\n event.preventDefault();\n editing.value = row.item.id;\n } else if (key === \"ContextMenu\" || (event.shiftKey && key === \"F10\")) {\n event.preventDefault();\n menuId.value = row.item.id;\n }\n}\nasync function rename(item: SidebarResource, text: string) {\n editing.value = null;\n const label = text.trim();\n if (!label || label === item.label) return;\n const before = forest.value;\n update(renameResource(before, item.id, label));\n try {\n await props.onRename?.(item, label);\n } catch (error) {\n if (alive) {\n update(before);\n announcement.value = `Rename failed. ${item.label} was restored.`;\n emit(\"renameError\", error, item);\n }\n }\n}\nfunction dragStart(event: DragEvent, id: string) {\n dragging.value = id;\n if (event.dataTransfer) {\n event.dataTransfer.effectAllowed = \"move\";\n event.dataTransfer.setData(\"text/plain\", id);\n }\n}\nfunction dragOver(event: DragEvent, row: FlatResource) {\n if (!dragging.value || dragging.value === row.item.id) return;\n const source = findResource(forest.value, dragging.value);\n if (source && containsResource(source, row.item.id)) return;\n event.preventDefault();\n event.stopPropagation();\n const box = (event.currentTarget as HTMLElement).getBoundingClientRect(),\n fraction = (event.clientY - box.top) / Math.max(1, box.height);\n const position: SidebarResourceDropPosition =\n !row.item.disabled &&\n canContain(row.item) &&\n fraction >= 0.25 &&\n fraction <= 0.75\n ? \"inside\"\n : fraction < 0.5\n ? \"before\"\n : \"after\";\n destination.value = { id: row.item.id, position };\n}\nfunction drop(event: DragEvent) {\n event.preventDefault();\n event.stopPropagation();\n if (dragging.value && destination.value)\n void move({\n itemId: dragging.value,\n targetId: destination.value.id,\n position: destination.value.position,\n });\n}\nfunction menu(open: boolean, id: string) {\n menuId.value = open ? id : null;\n if (!open) focus(id);\n}\nfunction clearDrag() {\n dragging.value = null;\n destination.value = null;\n}\nfunction outsideOver(event: DragEvent) {\n if (dragging.value && event.target === event.currentTarget) {\n event.preventDefault();\n destination.value = { id: null, position: \"after\" };\n }\n}\n</script>\n<template>\n <div\n v-bind=\"$attrs\"\n role=\"tree\"\n :aria-label=\"ariaLabel\"\n aria-multiselectable=\"false\"\n :class=\"\n cn(\n 'relative flex min-w-0 flex-col gap-0.5 [overflow-anchor:none] group-data-[state=collapsed]/sidebar:hidden',\n dragging && 'select-none pb-9',\n className,\n $attrs.class,\n )\n \"\n @dragover=\"outsideOver\"\n @drop=\"drop\"\n >\n <AnimatePresence :initial=\"false\"\n ><ResourceRow\n v-for=\"row in rows\"\n :key=\"row.item.id\"\n :ref=\"\n (node) => {\n if (node)\n handles.set(\n row.item.id,\n node as unknown as { focus: () => void },\n );\n else handles.delete(row.item.id);\n }\n \"\n :row=\"row\"\n :active=\"selection === row.item.id\"\n :expanded=\"expanded.has(row.item.id)\"\n :focused=\"roving === row.item.id\"\n :dragging-id=\"dragging\"\n :drop-target=\"destination\"\n :menu-open=\"menuId === row.item.id\"\n :moves=\"commands(row)\"\n :renaming=\"editing === row.item.id\"\n :render-icon=\"renderIcon\"\n :render-menu=\"renderMenu\"\n @focus=\"focusId = row.item.id\"\n @select=\"select(row.item.id)\"\n @toggle=\"toggle(row.item.id)\"\n @key=\"keydown($event, row)\"\n @rename-start=\"editing = row.item.id\"\n @rename-cancel=\"editing = null\"\n @rename-commit=\"rename(row.item, $event)\"\n @menu=\"menu($event, row.item.id)\"\n @drag-start=\"dragStart\"\n @drag-end=\"clearDrag\"\n @drag-over=\"dragOver\"\n @drop=\"drop\"\n >\n <template v-if=\"$slots.icon\" #icon=\"scope\"\n ><slot name=\"icon\" v-bind=\"scope\"\n ><RenderNode :node=\"renderIcon?.(scope.item)\" /></slot></template\n ><template v-if=\"$slots.menu\" #menu=\"scope\"\n ><slot name=\"menu\" v-bind=\"scope\"\n ><RenderNode\n :node=\"renderMenu?.(scope.item, scope.controls)\" /></slot\n ></template> </ResourceRow\n ></AnimatePresence>\n <div\n v-if=\"dragging\"\n aria-hidden=\"true\"\n :data-active=\"destination?.id === null || undefined\"\n class=\"absolute inset-x-1 bottom-0 flex h-8 items-center justify-center rounded-lg border border-dashed border-border text-[10px] text-muted-foreground data-[active=true]:border-primary/50 data-[active=true]:bg-muted data-[active=true]:text-foreground\"\n >\n Move to top level\n </div>\n </div>\n <span class=\"sr-only\" aria-live=\"polite\">{{ announcement }}</span>\n</template>\n","<script setup lang=\"ts\">\nimport {\n computed,\n nextTick,\n onBeforeUnmount,\n ref,\n watch,\n type VNodeChild,\n} from \"vue\";\nimport { AnimatePresence } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode } from \"../../shared\";\nimport {\n canContain,\n containsResource,\n findResource,\n flattenResources,\n moveResource,\n renameResource,\n type FlatResource,\n type SidebarResource,\n type SidebarResourceDropPosition,\n type SidebarResourceMenuControls,\n type SidebarResourceMove,\n type SidebarResourceMoveCommands,\n} from \"./tree\";\nimport ResourceRow from \"./ResourceRow.vue\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n defineProps<{\n items?: SidebarResource[];\n defaultItems?: SidebarResource[];\n activeId?: string | null;\n defaultActiveId?: string | null;\n defaultExpandedIds?: string[];\n ariaLabel?: string;\n className?: string;\n onMove?: (move: SidebarResourceMove) => void | Promise<void>;\n onRename?: (item: SidebarResource, label: string) => void | Promise<void>;\n renderIcon?: (item: SidebarResource) => VNodeChild;\n renderMenu?: (\n item: SidebarResource,\n controls: SidebarResourceMenuControls,\n ) => VNodeChild;\n }>(),\n {\n defaultItems: () => [],\n defaultActiveId: null,\n defaultExpandedIds: () => [],\n ariaLabel: \"Resources\",\n },\n);\nconst emit = defineEmits<{\n \"update:items\": [items: SidebarResource[]];\n itemsChange: [items: SidebarResource[]];\n \"update:activeId\": [id: string | null];\n activeChange: [id: string];\n moveError: [error: unknown, move: SidebarResourceMove];\n renameError: [error: unknown, item: SidebarResource];\n}>();\nconst forest = ref(props.items ?? props.defaultItems);\nconst localSelection = ref(props.defaultActiveId);\nconst selection = computed(() =>\n props.activeId === undefined ? localSelection.value : props.activeId,\n);\nconst expanded = ref(new Set(props.defaultExpandedIds));\nconst rows = computed(() => flattenResources(forest.value, expanded.value));\nconst focusId = ref(props.activeId ?? props.defaultActiveId);\nconst roving = computed(() =>\n rows.value.some((row) => row.item.id === focusId.value)\n ? focusId.value\n : (rows.value[0]?.item.id ?? null),\n);\nconst dragging = ref<string | null>(null),\n menuId = ref<string | null>(null),\n editing = ref<string | null>(null),\n announcement = ref(\"\");\nconst destination = ref<{\n id: string | null;\n position: SidebarResourceDropPosition;\n} | null>(null);\nconst handles = new Map<string, { focus: () => void }>();\nlet busy = false,\n alive = true;\nlet focusFrame: number | undefined, menuFrame: number | undefined;\nwatch(\n () => props.items,\n (items) => {\n if (items) forest.value = items;\n },\n);\nwatch(\n roving,\n (id) => {\n focusId.value = id;\n },\n { flush: \"sync\" },\n);\nwatch(menuId, async (id) => {\n if (menuFrame !== undefined) cancelAnimationFrame(menuFrame);\n if (!id) return;\n await nextTick();\n if (!alive || menuId.value !== id) return;\n menuFrame = requestAnimationFrame(() =>\n Array.from(\n document.querySelectorAll<HTMLElement>(\"[data-sidebar-resource-menu]\"),\n )\n .find((node) => node.dataset.sidebarResourceMenu === id)\n ?.querySelector<HTMLElement>(\"button,a[href]\")\n ?.focus(),\n );\n});\nonBeforeUnmount(() => {\n alive = false;\n if (focusFrame !== undefined) cancelAnimationFrame(focusFrame);\n if (menuFrame !== undefined) cancelAnimationFrame(menuFrame);\n handles.clear();\n});\nfunction update(items: SidebarResource[]) {\n forest.value = items;\n emit(\"update:items\", items);\n emit(\"itemsChange\", items);\n}\nfunction focus(id: string) {\n focusId.value = id;\n if (focusFrame !== undefined) cancelAnimationFrame(focusFrame);\n focusFrame = requestAnimationFrame(() => {\n if (alive) handles.get(id)?.focus();\n });\n}\nfunction select(id: string) {\n if (props.activeId === undefined) localSelection.value = id;\n emit(\"update:activeId\", id);\n emit(\"activeChange\", id);\n}\nfunction toggle(id: string) {\n const next = new Set(expanded.value);\n if (next.has(id)) next.delete(id);\n else next.add(id);\n expanded.value = next;\n}\nasync function move(change: SidebarResourceMove) {\n if (busy) {\n announcement.value = \"Wait for the current move to finish.\";\n return;\n }\n const before = forest.value,\n next = moveResource(before, change);\n if (!next || next === before) return;\n busy = true;\n update(next);\n dragging.value = null;\n destination.value = null;\n const source = findResource(before, change.itemId),\n target = change.targetId\n ? findResource(before, change.targetId)\n : undefined;\n announcement.value = target\n ? `Moved ${source?.label ?? \"item\"} ${change.position} ${target.label}.`\n : `Moved ${source?.label ?? \"item\"} to the top level.`;\n try {\n await props.onMove?.(change);\n } catch (error) {\n if (alive) {\n update(before);\n announcement.value = `Move failed. ${source?.label ?? \"Item\"} was restored.`;\n emit(\"moveError\", error, change);\n }\n } finally {\n busy = false;\n }\n}\nfunction commands(row: FlatResource): SidebarResourceMoveCommands {\n if (row.item.disabled) return {};\n const index = rows.value.findIndex((item) => item.item.id === row.item.id),\n previous = rows.value[index - 1],\n next = rows.value[index + 1];\n const result: SidebarResourceMoveCommands = {};\n const relocate =\n (targetId: string, position: SidebarResourceDropPosition) => () => {\n void move({ itemId: row.item.id, targetId, position });\n };\n if (previous) result.up = relocate(previous.item.id, \"before\");\n if (next) result.down = relocate(next.item.id, \"after\");\n if (\n previous &&\n canContain(previous.item) &&\n previous.item.id !== row.parentId\n )\n result.into = {\n label: previous.item.label,\n run: () => {\n expanded.value = new Set(expanded.value).add(previous.item.id);\n relocate(previous.item.id, \"inside\")();\n },\n };\n if (row.parentId) result.out = relocate(row.parentId, \"after\");\n return result;\n}\nfunction keydown(event: KeyboardEvent, row: FlatResource) {\n const index = rows.value.findIndex((item) => item.item.id === row.item.id),\n previous = rows.value[index - 1],\n next = rows.value[index + 1];\n const key = event.key,\n moving = event.altKey && event.shiftKey;\n if (!moving && (key === \"ArrowUp\" || key === \"ArrowDown\")) {\n const target = key === \"ArrowUp\" ? previous : next;\n if (target) {\n event.preventDefault();\n focus(target.item.id);\n }\n return;\n }\n if ((key === \"Home\" || key === \"End\") && rows.value.length) {\n event.preventDefault();\n focus(\n (key === \"Home\" ? rows.value[0] : rows.value[rows.value.length - 1]).item\n .id,\n );\n return;\n }\n if (row.item.disabled) {\n if (key === \"ArrowLeft\" && row.parentId) {\n event.preventDefault();\n focus(row.parentId);\n } else if (\n moving ||\n [\"ArrowRight\", \"Enter\", \" \", \"F2\", \"ContextMenu\"].includes(key) ||\n (event.shiftKey && key === \"F10\")\n )\n event.preventDefault();\n return;\n }\n if (moving) {\n const action = commands(row);\n const run =\n key === \"ArrowUp\"\n ? action.up\n : key === \"ArrowDown\"\n ? action.down\n : key === \"ArrowLeft\"\n ? action.out\n : key === \"ArrowRight\"\n ? action.into?.run\n : undefined;\n if (run) {\n event.preventDefault();\n run();\n return;\n }\n }\n if (key === \"ArrowRight\" && canContain(row.item)) {\n event.preventDefault();\n if (!expanded.value.has(row.item.id)) toggle(row.item.id);\n else if (next?.parentId === row.item.id) focus(next.item.id);\n } else if (key === \"ArrowLeft\") {\n event.preventDefault();\n if (expanded.value.has(row.item.id)) toggle(row.item.id);\n else if (row.parentId) focus(row.parentId);\n } else if (key === \"Enter\" || key === \" \") {\n event.preventDefault();\n if (canContain(row.item)) toggle(row.item.id);\n else select(row.item.id);\n } else if (key === \"F2\") {\n event.preventDefault();\n editing.value = row.item.id;\n } else if (key === \"ContextMenu\" || (event.shiftKey && key === \"F10\")) {\n event.preventDefault();\n menuId.value = row.item.id;\n }\n}\nasync function rename(item: SidebarResource, text: string) {\n editing.value = null;\n const label = text.trim();\n if (!label || label === item.label) return;\n const before = forest.value;\n update(renameResource(before, item.id, label));\n try {\n await props.onRename?.(item, label);\n } catch (error) {\n if (alive) {\n update(before);\n announcement.value = `Rename failed. ${item.label} was restored.`;\n emit(\"renameError\", error, item);\n }\n }\n}\nfunction dragStart(event: DragEvent, id: string) {\n dragging.value = id;\n if (event.dataTransfer) {\n event.dataTransfer.effectAllowed = \"move\";\n event.dataTransfer.setData(\"text/plain\", id);\n }\n}\nfunction dragOver(event: DragEvent, row: FlatResource) {\n if (!dragging.value || dragging.value === row.item.id) return;\n const source = findResource(forest.value, dragging.value);\n if (source && containsResource(source, row.item.id)) return;\n event.preventDefault();\n event.stopPropagation();\n const box = (event.currentTarget as HTMLElement).getBoundingClientRect(),\n fraction = (event.clientY - box.top) / Math.max(1, box.height);\n const position: SidebarResourceDropPosition =\n !row.item.disabled &&\n canContain(row.item) &&\n fraction >= 0.25 &&\n fraction <= 0.75\n ? \"inside\"\n : fraction < 0.5\n ? \"before\"\n : \"after\";\n destination.value = { id: row.item.id, position };\n}\nfunction drop(event: DragEvent) {\n event.preventDefault();\n event.stopPropagation();\n if (dragging.value && destination.value)\n void move({\n itemId: dragging.value,\n targetId: destination.value.id,\n position: destination.value.position,\n });\n}\nfunction menu(open: boolean, id: string) {\n menuId.value = open ? id : null;\n if (!open) focus(id);\n}\nfunction clearDrag() {\n dragging.value = null;\n destination.value = null;\n}\nfunction outsideOver(event: DragEvent) {\n if (dragging.value && event.target === event.currentTarget) {\n event.preventDefault();\n destination.value = { id: null, position: \"after\" };\n }\n}\n</script>\n<template>\n <div\n v-bind=\"$attrs\"\n role=\"tree\"\n :aria-label=\"ariaLabel\"\n aria-multiselectable=\"false\"\n :class=\"\n cn(\n 'relative flex min-w-0 flex-col gap-0.5 [overflow-anchor:none] group-data-[state=collapsed]/sidebar:hidden',\n dragging && 'select-none pb-9',\n className,\n $attrs.class,\n )\n \"\n @dragover=\"outsideOver\"\n @drop=\"drop\"\n >\n <AnimatePresence :initial=\"false\"\n ><ResourceRow\n v-for=\"row in rows\"\n :key=\"row.item.id\"\n :ref=\"\n (node) => {\n if (node)\n handles.set(\n row.item.id,\n node as unknown as { focus: () => void },\n );\n else handles.delete(row.item.id);\n }\n \"\n :row=\"row\"\n :active=\"selection === row.item.id\"\n :expanded=\"expanded.has(row.item.id)\"\n :focused=\"roving === row.item.id\"\n :dragging-id=\"dragging\"\n :drop-target=\"destination\"\n :menu-open=\"menuId === row.item.id\"\n :moves=\"commands(row)\"\n :renaming=\"editing === row.item.id\"\n :render-icon=\"renderIcon\"\n :render-menu=\"renderMenu\"\n @focus=\"focusId = row.item.id\"\n @select=\"select(row.item.id)\"\n @toggle=\"toggle(row.item.id)\"\n @key=\"keydown($event, row)\"\n @rename-start=\"editing = row.item.id\"\n @rename-cancel=\"editing = null\"\n @rename-commit=\"rename(row.item, $event)\"\n @menu=\"menu($event, row.item.id)\"\n @drag-start=\"dragStart\"\n @drag-end=\"clearDrag\"\n @drag-over=\"dragOver\"\n @drop=\"drop\"\n >\n <template v-if=\"$slots.icon\" #icon=\"scope\"\n ><slot name=\"icon\" v-bind=\"scope\"\n ><RenderNode :node=\"renderIcon?.(scope.item)\" /></slot></template\n ><template v-if=\"$slots.menu\" #menu=\"scope\"\n ><slot name=\"menu\" v-bind=\"scope\"\n ><RenderNode\n :node=\"renderMenu?.(scope.item, scope.controls)\" /></slot\n ></template> </ResourceRow\n ></AnimatePresence>\n <div\n v-if=\"dragging\"\n aria-hidden=\"true\"\n :data-active=\"destination?.id === null || undefined\"\n class=\"absolute inset-x-1 bottom-0 flex h-8 items-center justify-center rounded-lg border border-dashed border-border text-[10px] text-muted-foreground data-[active=true]:border-primary/50 data-[active=true]:bg-muted data-[active=true]:text-foreground\"\n >\n Move to top level\n </div>\n </div>\n <span class=\"sr-only\" aria-live=\"polite\">{{ announcement }}</span>\n</template>\n"],"mappings":";;;;;;;;;AA+BA,SAAgB6D,EAAW,GAAuB;CAChD,OAAO,CAAC,UAAU,SAAS,CAAC,CAAC,SAASC,EAAK,IAAI;AACjD;AAEA,SAASC,EAAO,GAA2B,GAAkC;CAC3E,IAAMC,IAAUC,EACb,KAAK,GAAM,OAAW;EAAE;EAAM,MAAM,CAACC,CAAK;CAAE,EAAE,CAAC,CAC/C,QAAQ;CACX,OAAOF,EAAQ,SAAQ;EACrB,IAAMG,IAASH,EAAQ,IAAI;EAC3B,IAAIG,EAAO,KAAK,OAAOC,GAAI,OAAOD,EAAO;EACzC,IAAME,IAAWF,EAAO,KAAK,YAAY,CAAC;EAC1C,KAAK,IAAID,IAAQG,EAAS,SAAS,GAAGH,KAAS,GAAG,KAChD,EAAQ,KAAK;GAAE,MAAMG,EAASH;GAAQ,MAAM,CAAC,GAAGC,EAAO,MAAMD,CAAK;EAAE,CAAC;CACzE;AACF;AACA,SAASI,EAAG,GAA2B,GAAiC;CACtE,IAAIC,IAAQN,GACRO,IAAOD,EAAME,EAAK;CAKtB,OAJAA,EAAK,SAAS,GAAO,MAAU;EAE7B,AADA,IAAOF,EAAML,IACTQ,IAAQD,EAAK,SAAS,MAAG,IAAQD,EAAK,YAAY,CAAC;CACzD,CAAC,GACMA;AACT;AACA,SAASG,EACP,GACA,GACA,GACmB;CACnB,IAAI,CAACC,EAAW,QAAQ,OAAOC,EAAKZ,CAAM;CAC1C,IAAM,CAACa,GAAM,GAAGC,KAAQH,GAClBI,IAASf,EAAO,MAAM;CAK5B,OAJA,EAAOa,KAAQ;EACb,GAAGb,EAAOa;EACV,UAAUH,EAAaV,EAAOa,EAAK,CAAC,YAAY,CAAC,GAAGC,GAAMF,CAAI;CAChE,GACOG;AACT;AACA,SAAgBC,EACd,GACA,GACA,IAAQ,GACR,IAA0B,MACV;CAChB,IAAMD,IAAyB,CAAC,GAC1BhB,IAAUkB,EAAM,KAAK,OAAU;EAAE;EAAM;EAAO;CAAS,EAAE,CAAC,CAAC,QAAQ;CACzE,OAAOlB,EAAQ,SAAQ;EACrB,IAAMmB,IAAMnB,EAAQ,IAAI;EAExB,IADAgB,EAAO,KAAKG,CAAG,GACX,CAACC,EAAS,IAAID,EAAI,KAAK,EAAE,GAAG;EAChC,IAAMd,IAAWc,EAAI,KAAK,YAAY,CAAC;EACvC,KAAK,IAAIjB,IAAQG,EAAS,SAAS,GAAGH,KAAS,GAAG,KAChD,EAAQ,KAAK;GACX,MAAMG,EAASH;GACf,UAAUiB,EAAI,KAAK;GACnB,OAAOA,EAAI,QAAQ;EACrB,CAAC;CACL;CACA,OAAOH;AACT;AACA,SAAgBK,EACd,GACA,GAC6B;CAC7B,IAAMZ,IAAOV,EAAOmB,GAAOd,CAAE;CAC7B,OAAOK,IAAOH,EAAGY,GAAOT,CAAI,IAAI,KAAA;AAClC;AACA,SAAgBa,EAAiB,GAAuB,GAAqB;CAC3E,OAAOvB,EAAO,CAACD,CAAI,GAAGM,CAAE,MAAM,KAAA;AAChC;AACA,SAAgBmB,EACd,GACA,GACyD;CACzD,IAAMd,IAAOV,EAAOmB,GAAOd,CAAE;CAC7B,IAAI,CAACK,GAAM,OAAO,EAAE,OAAOS,EAAM,MAAM,EAAE;CACzC,IAAMM,IAAUlB,EAAGY,GAAOT,CAAI,GACxBP,IAAQO,EAAKA,EAAK,SAAS;CACjC,OAAO;EACL;EACA,OAAOE,EAAaO,GAAOT,EAAK,MAAM,GAAG,EAAE,IAAI,MAC7CgB,EAAS,QAAQ,GAAG,MAAWtB,MAAWD,CAAK,CACjD;CACF;AACF;AACA,SAAgBwB,EACd,GACA,GACA,GACA,GACmB;CACnB,IAAIC,MAAa,MAAM,OAAOT,EAAM,OAAOU,CAAQ;CACnD,IAAMnB,IAAOV,EAAOmB,GAAOS,CAAQ;CACnC,IAAI,CAAClB,GAAM,OAAOS,EAAM,MAAM;CAC9B,IAAIW,MAAa,UACf,OAAOlB,EAAaO,GAAOT,IAAO,MAAaJ,EAAS,OAAOuB,CAAQ,CAAC;CAC1E,IAAM1B,IAAQO,EAAKA,EAAK,SAAS,KAAK,OAAOoB,MAAa,OAAO;CACjE,OAAOlB,EAAaO,GAAOT,EAAK,MAAM,GAAG,EAAE,IAAI,MAAa;EAC1D,GAAGgB,EAAS,MAAM,GAAGvB,CAAK;EAC1B0B;EACA,GAAGH,EAAS,MAAMvB,CAAK;CACzB,CAAC;AACH;AACA,SAAgB4B,EACd,GACA,GAC0B;CAC1B,IAAMC,IAASV,EAAaH,GAAOc,EAAK,MAAM;CAC9C,IAAI,CAACD,KAAUA,EAAO,UAAU,OAAO;CACvC,IAAME,IACJD,EAAK,aAAa,OAAO,KAAA,IAAYX,EAAaH,GAAOc,EAAK,QAAQ;CAYxE,OAVEA,EAAK,aAAa,SACjB,CAACC,KAAUX,EAAiBS,GAAQC,EAAK,QAAQ,MAIlDA,EAAK,aAAa,aACjB,CAACC,KAAUA,EAAO,YAAY,CAACpC,EAAWoC,CAAM,KAE1C,OAEFP,EADUH,EAAeL,GAAOc,EAAK,MACtB,CAAA,CAAS,OAAOD,GAAQC,EAAK,UAAUA,EAAK,QAAQ;AAC5E;AACA,SAAgBE,EACd,GACA,GACA,GACmB;CACnB,IAAMzB,IAAOV,EAAOmB,GAAOd,CAAE;CAC7B,IAAI,CAACK,GAAM,OAAOS,EAAM,MAAM;CAC9B,IAAMhB,IAAQO,EAAKA,EAAK,SAAS;CACjC,OAAOE,EAAaO,GAAOT,EAAK,MAAM,GAAG,EAAE,IAAI,MAC7CgB,EAAS,KAAK,GAAM,MAClBtB,MAAWD,IAAQ;EAAE,GAAGJ;EAAM;CAAM,IAAIA,CAC1C,CACF;AACF;;;;;;;;;;;;EC7JA,IAAMwC,IAAQC,GACRC,IAAWC,EAAiB,GAC5BC,IAAOD,EAAiB,GACxBE,IAASF,EAAI,CAAC,GACdG,IAAUtD,EAAiB,GAC3BuD,IAAUC,QACRR,EAAM,UAAUK,EAAO,QAAQ,KAAK,CAACC,EAAQ,KACrD,GACIG,GACAC,IAAQ;EACZ,SAASC,IAAU;GACjB,AAAID,KAASR,EAAS,SAASE,EAAK,UAClC,EAAO,QACLA,EAAK,MAAM,cAAcF,EAAS,MAAM,cACpCE,EAAK,MAAM,cAAc,KACzB;EACV;E,OACAQ,QACQZ,EAAM,aACNa,GAASF,CAAO,CACxB,GACAG,QAAgB;GAGd,AAFA,IAAQ,IACRH,EAAQ,GACJ,OAAO,iBAAmB,QAC5B,IAAW,IAAI,eAAeA,CAAO,GACjCT,EAAS,SAAOO,EAAS,QAAQP,EAAS,KAAK,GAC/CE,EAAK,SAAOK,EAAS,QAAQL,EAAK,KAAK;EAE/C,CAAC,GACDW,QAAsB;GAEpB,AADA,IAAQ,IACRN,GAAU,WAAW;EACvB,CAAC,I,UAGC9G,EAAA,GAAAC,EAiBC,QAAA;GAjBS,SAAA;GAAJ,KAAIsG;GAAW,OAAM;E,IACxBrG,EAeAC,EAAAsH,CAAA,CAAA,CAAA,MAAA;GAdC,OAAM;GACL,SAAO,EAAA,GAAOb,EAAA,QAAO,CAAA,GAAA,CAAQF,EAAA,KAAM,IAAA,EAAA;GACnC,YAAqBE,EAAA,Q;IAA8C,UAAA,KAAK,IAAG,KAAMF,EAAA,QAAM,EAAA;;IAA4D,QAAA;;G,IAA0F;IAAA,UAAA;IAAA,MAAAvG,EAAAuH,CAAA;GAAQ;;GAUrP,SAAAtH,QACA,CADAC,EACA,QAAA;IADU,SAAA;IAAJ,KAAIoG;GAAU,GAAAnG,EAAAgG,EAAA,KAAK,GAAA,GAAA,GACbM,EAAA,SAAZ5G,EAAA,GAAAC,EAA0D,QAA1DF,GAA0DO,EAAfgG,EAAA,KAAK,GAAA,CAAA,K;;;;;;AE9DvD,SAAgByB,KAAkB;CAChC,IAAMC,IAAUxB,EAAI,EAAK,GACrByB,GACEC,UAAgB;EACpB,EAAQ,QAAQ,CAAC,CAACD,GAAO,WAAW,UAAU,iBAAiB;CACjE;CAOA,OANAd,QAAgB;EAGd,AAFA,IAAQ,OAAO,aAAa,uBAAuB,GACnDe,EAAQ,GACRD,GAAO,mBAAmB,UAAUC,CAAO;CAC7C,CAAC,GACDd,QAAsBa,GAAO,sBAAsB,UAAUC,CAAO,CAAC,GAC9DF;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC0BA,IAAM3B,IAAQC,GAmBRuC,IAAOD,GAcPjC,KAAUtD,EAAiB,GAC/ByF,IAAQf,GAAgB,GACpBgB,IAAUvC,EAAa,GAC3BwC,IAAQxC,EAAsB,GAC9ByC,IAAUzC,EAAI,EAAK,GACnB0C,IAAQ1C,EAAIH,EAAM,IAAI,KAAK,KAAK,GAC5B8C,IAAYtC,QAAejD,EAAWyC,EAAM,IAAI,IAAI,CAAC,GACrD+C,IAAYvC,QAChBR,EAAM,YAAY,OAAOA,EAAM,IAAI,KAAK,KACpCA,EAAM,WAAW,WACjB,KAAA,CACN,GACMgD,IAAOxC,QACXsC,EAAU,QACN9C,EAAM,WACJiD,IACAC,IACFlD,EAAM,IAAI,KAAK,SAAS,aACtBmD,IACAC,CACR,GACMC,IAAa7C,QAAeR,EAAM,aAAaA,EAAM,IAAI,IAAI,CAAC,GAC9DsD,IAAW9C,SAA6C;GAC5D,aAAagC,EAAK,QAAQ,EAAK;GAC/B,cAAce,SAAUf,EAAK,aAAa,CAAC;GAC3C,OAAOxC,EAAM;EACf,EAAE,GACIwD,IAAahD,QACjBR,EAAM,aAAaA,EAAM,IAAI,MAAMsD,EAAS,KAAK,CACnD,GACMG,KAAUjD,QAAe;GAC7B,IAAM9B,IAAS,CACb;IAAE,OAAO;IAAU,MAAMgF;IAAQ,WAAWlB,EAAK,aAAa;GAAE,CAClE;GAaA,OAZIxC,EAAM,MAAM,MACdtB,EAAO,KAAK;IAAE,OAAO;IAAW,MAAMiF;IAAS,KAAK3D,EAAM,MAAM;GAAG,CAAC,GAClEA,EAAM,MAAM,QACdtB,EAAO,KAAK;IAAE,OAAO;IAAa,MAAMkF;IAAW,KAAK5D,EAAM,MAAM;GAAK,CAAC,GACxEA,EAAM,MAAM,QACdtB,EAAO,KAAK;IACV,OAAO,aAAasB,EAAM,MAAM,KAAK;IACrC,MAAM6D;IACN,KAAK7D,EAAM,MAAM,KAAK;GACxB,CAAC,GACCA,EAAM,MAAM,OACdtB,EAAO,KAAK;IAAE,OAAO;IAAY,MAAMoF;IAAO,KAAK9D,EAAM,MAAM;GAAI,CAAC,GAC/DtB;EACT,CAAC,GACGqF,KAAc,IAChBC,KAAU,IACRC,GAAiCC,IAC/BC,qBAAO,IAAI,QAAoB;EACrC,QACQ,CAACnE,EAAM,UAAUA,EAAM,IAAI,KAAK,KAAK,GAC3C,OAAO,CAACoE,OAAc;GACpB,AAAKA,MACL,KAAc,IACd,EAAM,QAAQpE,EAAM,IAAI,KAAK,OAC7B,MAAMa,GAAS,GACXoD,MAAgB,KAAA,KAAW,qBAAqBA,CAAW,GAC/D,IAAc,4BAA4B;IAExC,AADAtB,EAAM,OAAO,MAAM,GACnBA,EAAM,OAAO,OAAO;GACtB,CAAC;EACH,CACF;EACA,SAAS0B,GAAS,GAAmB;GACnC,AACEF,GAAK,IAAIG,CAAK,KACdA,EAAM,oBACNN,MACAhE,EAAM,YACNA,EAAM,IAAI,KAAK,aAGjBmE,GAAK,IAAIG,CAAK,GACVxB,EAAU,QAAON,EAAK,QAAQ,IAC7BA,EAAK,QAAQ;EACpB;EACA,SAASe,GAAI,GAAoB,GAAoB;GAGnD,AAFIe,KAAOD,GAASC,CAAK,GACzB9B,EAAK,QAAQ,EAAK,GAClB+B,EAAO;EACT;EACA,SAASC,GAAU,GAAsB;GAEvC,AADAF,EAAM,gBAAgB,IAClBA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,cACzC,KAAc,IACVA,EAAM,QAAQ,UAAS9B,EAAK,gBAAgBK,EAAM,KAAK,IACtDL,EAAK,cAAc;EAE5B;EACA,SAASiC,GAAY,GAAmB;GACtC,AAAI,CAAC3B,EAAU,SAAS,CAAC9C,EAAM,IAAI,KAAK,aACtCsE,EAAM,eAAe,GACrB9B,EAAK,aAAa;EAEtB;EACA,SAASkC,GAAU,GAAkB;GAEnC,AADA,KAAU,IACVlC,EAAK,aAAa8B,GAAOtE,EAAM,IAAI,KAAK,EAAE;EAC5C;EACA,SAAS2E,KAAU;GAEjB,AADAnC,EAAK,SAAS,GACd,KAAY,4BAA4B;IACtC,KAAU;GACZ,CAAC;EACH;E,OACAzB,QAAsB;GAEpB,AADIkD,MAAgB,KAAA,KAAW,qBAAqBA,CAAW,GAC3DC,OAAc,KAAA,KAAW,qBAAqBA,EAAS;EAC7D,CAAC,GACD5B,EAAa,EACX,aAAasC,EAA4BlC,EAAQ,KAAK,CAAC,EAAE,MAAM,EACjE,CAAC,I,UAGCnI,EAAA,GAAAC,EAwHaC,EAAA2G,CAAA,CAAA,CAAA,KAAA;GAvHP,SAAA;GAAJ,KAAIsB;GACJ,QAAO;GACN,YAAYjI,EAAA6F,EAAA,IAAO,EAAA,UAAA,EAAA,IAAqB7F,EAAAwC,CAAA;GACzC,MAAK;GACJ,cAAYgD,EAAA,IAAI,QAAK;GACrB,iBAAe6C,EAAA,QAAY,KAAA,IAAY7C,EAAA;GACvC,iBAAe6C,EAAA,QAAY7C,EAAA,WAAW,KAAA;GACtC,iBAAeA,EAAA,IAAI,KAAK,YAAY,KAAA;GACpC,UAAUA,EAAA,UAAO,IAAA;GACjB,WAAS,CAAGA,EAAA,IAAI,KAAK,YAAQ,CAAKA,EAAA;GAClC,oBAAkBA,EAAA,IAAI,KAAK;GAC3B,kBAAgBA,EAAA,YAAY,KAAA;GAC5B,aAAW8C,EAAA;GACX,iBAAe9C,EAAA,eAAeA,EAAA,IAAI,KAAK,MAAM,KAAA;GAC7C,SAAK,AAAA6E,EAAA,QAAA,MAAEtC,EAAI,OAAA;GACX,WAAO,AAAAsC,EAAA,QAAA,MAAEtC,EAAI,OAAQuC,CAAM;GAC3B,SAAOV;GACP,YAAUI;GACV,cAAU,AAAAK,EAAA,QAAA,MAAE,EAAA,QAAO;GACnB,cAAU,AAAAA,EAAA,QAAA,MAAE,EAAA,QAAO;GACA,oBAAAJ;GACF,kBAAAC;GACjB,YAAQ,AAAAG,EAAA,SAAA,MAAEtC,EAAI,YAAauC,GAAQ9E,EAAA,GAAG;GACtC,QAAI,AAAA6E,EAAA,SAAA,MAAEtC,EAAI,QAASuC,CAAM;GACzB,OAAKrK,EAASD,EAAAyC,CAAA,CAAE,C,w9BAAmiC,CAAA4F,EAAA,SAAa7C,EAAA,UAAM,4BAAwCA,EAAA,IAAI,KAAK,YAAQ,+B;GAc/nC,OAAKtF,EAAA,EAAA,aAAA,GAAA,KAAyBsF,EAAA,IAAI,QAAK,GAAA,IAAA,CAAA;;GAExC,SAAArF,QAMQ;IANRC,EAMQ,QANRT,IAMQ,CALLU,GAKFqK,EAAA,QAAA,QAAA,EALqB,MAAMlF,EAAA,IAAI,KAA7B,SAKF,CAJsBoD,EAAA,SAAU,QAA+B9I,EAAA,GAAAC,EAGzCO,EADZiI,EAAA,KAAI,GAAA;;KACT,OAAM;I,OAHPzI,EAAA,GAAAC,EAA2DC,EAAA6C,CAAA,GAAA;;KAApB,MAAM+F,EAAA;;IAM1CpD,EAAA,WADRjF,GAAAT,EAAA,GAAAU,EAWE,SAAA;;KATI,SAAA;KAAJ,KAAI0H;KACK,uBAAA,AAAAmC,EAAA,QAAA,MAAA,EAAK,QAAAC;KACb,cAAU,UAAY9E,EAAA,IAAI,KAAK;KAC/B,WAAW;KACX,SAAK,AAAA6E,EAAA,OAAA5J,QAAN,CAAA,GAAW,CAAA,MAAA,CAAA;KACV,YAAQ,AAAA4J,EAAA,OAAA5J,QAAT,CAAA,GAAc,CAAA,MAAA,CAAA;KACb,QAAI,AAAA4J,EAAA,QAAA,MAAA,CAAGrK,EAAAsJ,EAAA,KAAevB,EAAI,gBAAiBK,EAAA,KAAK;KAChD,WAAS2B;KACV,OAAM;I,oBAPG,CAAArJ,GAAA0H,EAAA,KAAK,C,MAShBtI,EAAA,GAAAC,EAIEY,IAAA;;KAFC,QAAQwH,EAAA,SAAW3C,EAAA;KACnB,OAAOA,EAAA,IAAI,KAAK;;IAGV,CAAAA,EAAA,YAAQ,CAAKA,EAAA,IAAI,KAAK,YAD/B1F,EAAA,GAAAC,EAsDeC,EAAAY,CAAA,GAAA;;KApDZ,MAAM4E,EAAA;KACN,iBAAW,AAAA6E,EAAA,QAAA,MAAEtC,EAAI,QAASuC,CAAM;;KAChC,SAAAnK,QAesB,CAftBU,EAesBb,EAAAc,CAAA,GAAA,MAAA;MAdpB,SAAAX,QAcF,CAdEC,EAcF,UAAA;OAbG,MAAK;OACJ,WAAW;OACX,UAAU;OACV,cAAU,eAAiBoF,EAAA,IAAI,KAAK;OACpC,SAAK,AAAA6E,EAAA,OAAA5J,QAAN,CAAA,GAAW,CAAA,MAAA,CAAA;OACV,OAAKR,EAAeD,EAAAyC,CAAA,CAAE,C,8SAA4UzC,EAAAgI,CAAA,IAAK,gBAAA,W;M,IAOxWnH,EAAoDb,EAAA+K,EAAA,GAAA;OAApC,eAAY;OAAO,OAAM;;;K,IAE7ClK,EAiCCb,EAAAe,CAAA,GAAA;MAhCC,MAAK;MACL,OAAM;MACL,eAAa;MACb,QAAQ;MACT,OAAM;;MACL,SAAAZ,QA0BK,CA1BLC,EA0BK,OAAA;OA1BC,8BAA4BoF,EAAA,IAAI,KAAK;OAAK,SAAOoE;M,IACtDvJ,GAwBCqK,EAAA,QAAA,QAAA;OAxBkB,MAAMlF,EAAA,IAAI;OAAO,UAAUqD,EAAA;MAA9C,SAwBC,CAtBSE,EAAA,SAAU,O,aADjBjJ,EAAA,GAAAC,EAGCC,EAAA6C,CAAA,GAAA;;OADC,MAAMkG,EAAA;M,yBACPjJ,EAAA,EAAA,GAAAU,EAmBDS,GAAA,MAAAC,GAlB2B6H,EAAA,SAAU,OAAgBC,GAAA,QAAhB,CAAA,IAA5B,GAAQ,O,YACV,KAAAc,EAAO,M,IAEL3G,MAAK,KADZrD,EAAA,GAAAU,EAIC,OAJDiH,EAIC,K,WACFrH,EAUS,UAAA;OATP,MAAK;OACJ,UAAK,MAAE0I,GAAIgB,EAAO,KAAKQ,CAAM;OAC9B,OAAM;M,KAENxK,EAAA,GAAAC,EAIEO,EAHKwJ,EAAO,IAAI,GAAA;OAChB,eAAY;OACZ,OAAM;M,KACN1J,EAAwD,QAAxDuH,IAAwDxG,EAAtB2I,EAAO,KAAK,GAAA,CAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEnRhE,IAAMvE,IAAQC,GAwBRuC,IAAOD,GAQP5E,IAASwC,EAAIH,EAAM,SAASA,EAAM,YAAY,GAC9C+F,IAAiB5F,EAAIH,EAAM,eAAe,GAC1CgG,IAAYxF,QAChBR,EAAM,aAAa,KAAA,IAAY+F,EAAe,QAAQ/F,EAAM,QAC9D,GACMlB,IAAWqB,EAAI,IAAI,IAAIH,EAAM,kBAAkB,CAAC,GAChDiG,IAAOzF,QAAe7B,EAAiBhB,EAAO,OAAOmB,EAAS,KAAK,CAAC,GACpEoH,IAAU/F,EAAIH,EAAM,YAAYA,EAAM,eAAe,GACrDmG,IAAS3F,QACbyF,EAAK,MAAM,MAAM,MAAQpH,EAAI,KAAK,OAAOqH,EAAQ,KAAK,IAClDA,EAAQ,QACPD,EAAK,MAAM,EAAE,EAAE,KAAK,MAAM,IACjC,GACMG,IAAWjG,EAAmB,IAAI,GACtCkG,IAASlG,EAAmB,IAAI,GAChCmG,IAAUnG,EAAmB,IAAI,GACjCoG,IAAepG,EAAI,EAAE,GACjBqG,IAAcrG,EAGV,IAAI,GACRsG,oBAAU,IAAI,IAAmC,GACnDC,KAAO,IACThG,IAAQ,IACNiG,GAAgCC;EA4BpC,AA3BAhG,QACQZ,EAAM,QACX,MAAU;GACT,AAAIpB,MAAO,EAAO,QAAQA;EAC5B,CACF,GACAgC,EACEuF,IACC,MAAO;GACN,EAAQ,QAAQrI;EAClB,GACA,EAAE,OAAO,OAAO,CAClB,GACA8C,EAAMyF,GAAQ,OAAO,MAAO;GAE1B,AADIO,MAAc,KAAA,KAAW,qBAAqBA,CAAS,GACtD9I,MACL,MAAM+C,GAAS,GACVH,KAAS2F,EAAO,UAAUvI,MAC/B,IAAY,4BACV,MAAM,KACJ,SAAS,iBAA8B,8BAA8B,CACvE,CAAA,CACG,MAAM,MAASI,EAAK,QAAQ,wBAAwBJ,CAAE,CAAA,EACrD,cAA2B,gBAAgB,CAAA,EAC3C,MAAM,CACZ;EACF,CAAC,GACDiD,QAAsB;GAIpB,AAHA,IAAQ,IACJ4F,MAAe,KAAA,KAAW,qBAAqBA,CAAU,GACzDC,MAAc,KAAA,KAAW,qBAAqBA,CAAS,GAC3DH,EAAQ,MAAM;EAChB,CAAC;EACD,SAASI,EAAO,GAA0B;GAGxC,AAFA,EAAO,QAAQjI,GACf4D,EAAK,gBAAgB5D,CAAK,GAC1B4D,EAAK,eAAe5D,CAAK;EAC3B;EACA,SAASkI,EAAM,GAAY;GAGzB,AAFA,EAAQ,QAAQhJ,GACZ6I,MAAe,KAAA,KAAW,qBAAqBA,CAAU,GAC7D,IAAa,4BAA4B;IACvC,AAAIjG,KAAO+F,EAAQ,IAAI3I,CAAE,CAAC,EAAE,MAAM;GACpC,CAAC;EACH;EACA,SAASiJ,GAAO,GAAY;GAG1B,AAFI/G,EAAM,aAAa,KAAA,MAAW,EAAe,QAAQlC,IACzD0E,EAAK,mBAAmB1E,CAAE,GAC1B0E,EAAK,gBAAgB1E,CAAE;EACzB;EACA,SAASkJ,EAAO,GAAY;GAC1B,IAAMC,IAAO,IAAI,IAAInI,EAAS,KAAK;GAGnC,AAFImI,EAAK,IAAInJ,CAAE,IAAGmJ,EAAK,OAAOnJ,CAAE,IAC3BmJ,EAAK,IAAInJ,CAAE,GAChB,EAAS,QAAQmJ;EACnB;EACA,eAAevH,GAAK,GAA6B;GAC/C,IAAIgH,IAAM;IACR,EAAa,QAAQ;IACrB;GACF;GACA,IAAMQ,IAASvJ,EAAO,OACpBsJ,IAAOzH,EAAa0H,GAAQC,CAAM;GACpC,IAAI,CAACF,KAAQA,MAASC,GAAQ;GAI9B,AAHA,KAAO,IACPL,EAAOI,CAAI,GACX,EAAS,QAAQ,MACjB,EAAY,QAAQ;GACpB,IAAMxH,IAASV,EAAamI,GAAQC,EAAO,MAAM,GAC/CxH,IAASwH,EAAO,WACZpI,EAAamI,GAAQC,EAAO,QAAQ,IACpC,KAAA;GACN,EAAa,QAAQxH,IACjB,SAASF,GAAQ,SAAS,OAAO,GAAG0H,EAAO,SAAS,GAAGxH,EAAO,MAAM,KACpE,SAASF,GAAQ,SAAS,OAAO;GACrC,IAAI;IACF,MAAMO,EAAM,SAASmH,CAAM;GAC7B,SAASC,GAAO;IACd,AAAI1G,MACFmG,EAAOK,CAAM,GACb,EAAa,QAAQ,gBAAgBzH,GAAQ,SAAS,OAAO,iBAC7D+C,EAAK,aAAa4E,GAAOD,CAAM;GAEnC,UAAU;IACR,KAAO;GACT;EACF;EACA,SAASE,EAAS,GAAgD;GAChE,IAAIxI,EAAI,KAAK,UAAU,OAAO,CAAC;GAC/B,IAAMjB,IAAQqI,EAAK,MAAM,WAAW,MAASzI,EAAK,KAAK,OAAOqB,EAAI,KAAK,EAAE,GACvEyI,IAAWrB,EAAK,MAAMrI,IAAQ,IAC9BqJ,IAAOhB,EAAK,MAAMrI,IAAQ,IACtBc,IAAsC,CAAC,GACvC6I,KACH,GAAkB,YAAgD;IACjE,GAAU;KAAE,QAAQ1I,EAAI,KAAK;KAAI;KAAU;IAAS,CAAC;GACvD;GAgBF,OAfIyI,MAAU,EAAO,KAAKC,EAASD,EAAS,KAAK,IAAI,QAAQ,IACzDL,MAAM,EAAO,OAAOM,EAASN,EAAK,KAAK,IAAI,OAAO,IAEpDK,KACA/J,EAAW+J,EAAS,IAAI,KACxBA,EAAS,KAAK,OAAOzI,EAAI,aAEzB,EAAO,OAAO;IACZ,OAAOyI,EAAS,KAAK;IACrB,WAAW;KAET,AADA,EAAS,QAAQ,IAAI,IAAIxI,EAAS,KAAK,CAAC,CAAC,IAAIwI,EAAS,KAAK,EAAE,GAC7DC,EAASD,EAAS,KAAK,IAAI,QAAQ,CAAC,CAAC;IACvC;GACF,IACEzI,EAAI,aAAU,EAAO,MAAM0I,EAAS1I,EAAI,UAAU,OAAO,IACtDH;EACT;EACA,SAAS8I,EAAQ,GAAsB,GAAmB;GACxD,IAAM5J,IAAQqI,EAAK,MAAM,WAAW,MAASzI,EAAK,KAAK,OAAOqB,EAAI,KAAK,EAAE,GACvEyI,IAAWrB,EAAK,MAAMrI,IAAQ,IAC9BqJ,IAAOhB,EAAK,MAAMrI,IAAQ,IACtB6J,IAAMnD,EAAM,KAChBoD,IAASpD,EAAM,UAAUA,EAAM;GACjC,IAAI,CAACoD,MAAWD,MAAQ,aAAaA,MAAQ,cAAc;IACzD,IAAM9H,IAAS8H,MAAQ,YAAYH,IAAWL;IAC9C,AAAItH,MACF2E,EAAM,eAAe,GACrBwC,EAAMnH,EAAO,KAAK,EAAE;GAGxB,OACA,KAAK8H,MAAQ,UAAUA,MAAQ,UAAUxB,EAAK,MAAM,QAElD,AADA3B,EAAM,eAAe,GACrBwC,GACGW,MAAQ,SAASxB,EAAK,MAAM,KAAKA,EAAK,MAAMA,EAAK,MAAM,SAAS,GAAA,CAAI,KAClE,EACL;QAGF,IAAIpH,EAAI,KAAK,UACX,AAAI4I,MAAQ,eAAe5I,EAAI,YAC7ByF,EAAM,eAAe,GACrBwC,EAAMjI,EAAI,QAAQ,MAElB6I,KACA;IAAC;IAAc;IAAS;IAAK;IAAM;GAAa,CAAC,CAAC,SAASD,CAAG,KAC7DnD,EAAM,YAAYmD,MAAQ,UAE3BnD,EAAM,eAAe;QAGzB;QAAIoD,GAAQ;KACV,IAAMnD,IAAS8C,EAASxI,CAAG,GACrB0E,IACJkE,MAAQ,YACJlD,EAAO,KACPkD,MAAQ,cACNlD,EAAO,OACPkD,MAAQ,cACNlD,EAAO,MACPkD,MAAQ,eACNlD,EAAO,MAAM,MACb,KAAA;KACZ,IAAIhB,GAAK;MAEP,AADAe,EAAM,eAAe,GACrBf,EAAI;MACJ;KACF;IACF;IACA,AAAIkE,MAAQ,gBAAgBlK,EAAWsB,EAAI,IAAI,KAC7CyF,EAAM,eAAe,GAChBxF,EAAS,MAAM,IAAID,EAAI,KAAK,EAAE,IAC1BoI,GAAM,aAAapI,EAAI,KAAK,MAAIiI,EAAMG,EAAK,KAAK,EAAE,IADrBD,EAAOnI,EAAI,KAAK,EAAE,KAE/C4I,MAAQ,eACjBnD,EAAM,eAAe,GACjBxF,EAAS,MAAM,IAAID,EAAI,KAAK,EAAE,IAAGmI,EAAOnI,EAAI,KAAK,EAAE,IAC9CA,EAAI,YAAUiI,EAAMjI,EAAI,QAAQ,KAChC4I,MAAQ,WAAWA,MAAQ,OACpCnD,EAAM,eAAe,GACjB/G,EAAWsB,EAAI,IAAI,IAAGmI,EAAOnI,EAAI,KAAK,EAAE,IACvCkI,GAAOlI,EAAI,KAAK,EAAE,KACd4I,MAAQ,QACjBnD,EAAM,eAAe,GACrB,EAAQ,QAAQzF,EAAI,KAAK,OAChB4I,MAAQ,iBAAkBnD,EAAM,YAAYmD,MAAQ,WAC7DnD,EAAM,eAAe,GACrB,EAAO,QAAQzF,EAAI,KAAK;GAlB1B;EAoBF;EACA,eAAe8I,EAAO,GAAuB,GAAc;GACzD,EAAQ,QAAQ;GAChB,IAAMC,IAAQxH,EAAK,KAAK;GACxB,IAAI,CAACwH,KAASA,MAAUpK,EAAK,OAAO;GACpC,IAAM0J,IAASvJ,EAAO;GACtB,EAAOiC,EAAesH,GAAQ1J,EAAK,IAAIoK,CAAK,CAAC;GAC7C,IAAI;IACF,MAAM5H,EAAM,WAAWxC,GAAMoK,CAAK;GACpC,SAASR,GAAO;IACd,AAAI1G,MACFmG,EAAOK,CAAM,GACb,EAAa,QAAQ,kBAAkB1J,EAAK,MAAM,iBAClDgF,EAAK,eAAe4E,GAAO5J,CAAI;GAEnC;EACF;EACA,SAASkH,EAAU,GAAkB,GAAY;GAE/C,AADA,EAAS,QAAQ5G,GACbwG,EAAM,iBACR,EAAM,aAAa,gBAAgB,QACnCA,EAAM,aAAa,QAAQ,cAAcxG,CAAE;EAE/C;EACA,SAAS+J,EAAS,GAAkB,GAAmB;GACrD,IAAI,CAACzB,EAAS,SAASA,EAAS,UAAUvH,EAAI,KAAK,IAAI;GACvD,IAAMY,IAASV,EAAapB,EAAO,OAAOyI,EAAS,KAAK;GACxD,IAAI3G,KAAUT,EAAiBS,GAAQZ,EAAI,KAAK,EAAE,GAAG;GAErD,AADAyF,EAAM,eAAe,GACrBA,EAAM,gBAAgB;GACtB,IAAMwD,IAAOxD,EAAM,cAA8B,sBAAsB,GACrEyD,KAAYzD,EAAM,UAAUwD,EAAI,OAAO,KAAK,IAAI,GAAGA,EAAI,MAAM,GACzDvI,IACJ,CAACV,EAAI,KAAK,YACVtB,EAAWsB,EAAI,IAAI,KACnBkJ,KAAY,OACZA,KAAY,MACR,WACAA,IAAW,KACT,WACA;GACR,EAAY,QAAQ;IAAE,IAAIlJ,EAAI,KAAK;IAAI;GAAS;EAClD;EACA,SAASmJ,EAAK,GAAkB;GAG9B,AAFA1D,EAAM,eAAe,GACrBA,EAAM,gBAAgB,GAClB8B,EAAS,SAASI,EAAY,SAChC9G,GAAU;IACR,QAAQ0G,EAAS;IACjB,UAAUI,EAAY,MAAM;IAC5B,UAAUA,EAAY,MAAM;GAC9B,CAAC;EACL;EACA,SAASyB,GAAK,GAAe,GAAY;GAEvC,AADA,EAAO,QAAQC,IAAOpK,IAAK,MACtBoK,KAAMpB,EAAMhJ,CAAE;EACrB;EACA,SAASqK,KAAY;GAEnB,AADA,EAAS,QAAQ,MACjB,EAAY,QAAQ;EACtB;EACA,SAASC,GAAY,GAAkB;GACrC,AAAIhC,EAAS,SAAS9B,EAAM,WAAWA,EAAM,kBAC3CA,EAAM,eAAe,GACrB,EAAY,QAAQ;IAAE,IAAI;IAAM,UAAU;GAAQ;EAEtD;E,mCAGEnI,EAuEM,OAvENC,EACUN,EAsEJ,QAtEU;GACd,MAAK;GACJ,cAAYmE,EAAA;GACb,wBAAqB;GACpB,OAAc5D,EAAAa,CAAA,CAAE,C,6GAA+HkJ,EAAA,SAAQ,oBAAgCnG,EAAA,WAAmBnE,EAAAA,OAAO,K;GAQjN,YAAUsM;GACV,QAAMJ;E,KAEP1L,EA8CmBD,EAAAiM,EAAA,GAAA,EA9CD,SAAS,GAAK,GAAA;GAE5B,SAAA/L,QAAmB,EADpBP,EAAA,EAAA,GAAAC,EA6CFC,GAAA,MAAAM,GA5CiByJ,EAAA,QAAP,OADRjK,EAAA,GAAAS,EA6CFC,IAAA;IA3CI,KAAKmC,EAAI,KAAK;;IACd,MAAiB,MAAI;KAAuB,AAAAX,IAAoBiD,EAAAsF,CAAA,CAAO,CAAC,IAAqB5H,EAAI,KAAK,IAAoBX,C,IAA4EiD,EAAAsF,CAAA,CAAO,CAAC,OAAO5H,EAAI,KAAK,EAAE;;IAU3N;IACL,QAAQmH,EAAA,UAAcnH,EAAI,KAAK;IAC/B,UAAUC,EAAA,MAAS,IAAID,EAAI,KAAK,EAAE;IAClC,SAASsH,EAAA,UAAWtH,EAAI,KAAK;IAC7B,eAAauH,EAAA;IACb,eAAaI,EAAA;IACb,aAAWH,EAAA,UAAWxH,EAAI,KAAK;IAC/B,OAAOwI,EAASxI,CAAG;IACnB,UAAUyH,EAAA,UAAYzH,EAAI,KAAK;IAC/B,eAAaoB,EAAA;IACb,eAAaA,EAAA;IACb,UAAK,MAAE,EAAA,QAAUpB,EAAI,KAAK;IAC1B,WAAM,MAAEkI,GAAOlI,EAAI,KAAK,EAAE;IAC1B,WAAM,MAAEmI,EAAOnI,EAAI,KAAK,EAAE;IAC1B,QAAG,MAAE2I,EAAQzC,GAAQlG,CAAG;IACxB,gBAAY,MAAE,EAAA,QAAUA,EAAI,KAAK;IACjC,gBAAa,AAAAiG,EAAA,QAAA,MAAE,EAAA,QAAO;IACtB,iBAAa,MAAE6C,EAAO9I,EAAI,MAAMkG,CAAM;IACtC,SAAI,MAAEkD,GAAKlD,GAAQlG,EAAI,KAAK,EAAE;IAC9B,aAAY6F;IACZ,WAAUyD;IACV,YAAWN;IACX,QAAMG;G,gBAESjM,EAAAA,OAAO,O;IAAO,MAAA;IAC3B,IAAAQ,GADiC,MAAK,CACtCK,GACwDuI,EAAA,QAAA,QADxD/I,EACwD,EAAA,SAAA,GAAA,GAD9BoM,CAAK,SACyB,CAAtDlM,EAA+CD,EAAAiB,CAAA,GAAA,EAAlC,MAAM2C,EAAA,aAAauI,EAAM,IAAI,E;;G,YAC9BzM,EAAAA,OAAO,O;IAAO,MAAA;IAC5B,IAAAQ,GADkC,MAAK,CACvCK,GAGFuI,EAAA,QAAA,QAHE/I,EAGF,EAAA,SAAA,GAAA,GAH4BoM,CAAK,SAGjC,CAFIlM,EACoDD,EAAAiB,CAAA,GAAA,EAAlD,MAAM2C,EAAA,aAAauI,EAAM,MAAMA,EAAM,QAAQ,E;;;;;;;;;;;;;;;;;;;;;;;E,IAIhDpC,EAAA,SADRpK,EAAA,GAAAC,EAOM,OAAA;;GALJ,eAAY;GACX,eAAauK,EAAA,OAAa,OAAE,QAAa,KAAA;GAC1C,OAAM;EACP,GAAA,uBAED,GAAAZ,EAAA,K,qBAEFzJ,EAAkE,QAAlE0J,GAAkE/I,EAAtByJ,EAAA,KAAY,GAAA,CAAA,C"}

package/dist/alert-xHnxczdv.js ADDED Viewed

@@ -0,0 +1,281 @@
+import { s as e, t } from "./composables-BJ1sih_H.js";
+import { n } from "./state-DWNDjqAL.js";
+import { i as r, l as i, o as a, r as o } from "./ease-rIvCM4O3.js";
+import { t as s } from "./_plugin-vue_export-helper-Djzt4Yr7.js";
+import { t as c } from "./utils-DIrLOK2M.js";
+import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createVNode as p, defineComponent as m, h, inject as g, normalizeClass as _, normalizeStyle as v, openBlock as y, provide as b, ref as x, renderSlot as S, resolveDynamicComponent as C, unref as w, watch as T, withCtx as E } from "vue";
+import { AnimatePresence as D, motion as O } from "motion-v";
+import { AlertCircle as k, CheckCircle2 as A, Info as j, TriangleAlert as M, X as N } from "lucide-vue-next";
+// src/motion/alert/src/Alert.vue
+var P = /* @__PURE__ */ s(/* @__PURE__ */ m({
+	__name: "Alert",
+	props: {
+		variant: { default: "default" },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !0
+		},
+		contentClassName: {},
+		role: {},
+		returnFocusRef: {}
+	},
+	emits: ["update:open"],
+	setup(i, { emit: s }) {
+		let f = i, m = n(f, s, "open", f.defaultOpen), h = e(), g = x(null), C = l(() => ({
+			default: "bg-background text-foreground",
+			info: "bg-primary/5 text-primary",
+			success: "bg-emerald-500/5 text-emerald-700 dark:text-emerald-400",
+			warning: "bg-amber-500/5 text-amber-800 dark:text-amber-300",
+			destructive: "bg-destructive/5 text-destructive"
+		})[f.variant]);
+		function k(e) {
+			m.value !== e && (m.value = e);
+		}
+		function A() {
+			k(!1);
+		}
+		let j = {
+			open: m,
+			variant: l(() => f.variant),
+			reduce: h,
+			setOpen: k,
+			dismiss: A
+		};
+		return b("orvui-alert", j), T(m, (e) => {
+			let n = g.value;
+			n && (e ? (n.inert = !1, n.style.pointerEvents = "", n.removeAttribute("aria-hidden"), n.dataset.state = "open") : (n.contains(n.ownerDocument.activeElement) && t(f.returnFocusRef)?.focus({ preventScroll: !0 }), n.inert = !0, n.style.pointerEvents = "none", n.setAttribute("aria-hidden", "true"), n.dataset.state = "closed"));
+		}, { flush: "sync" }), (e, n) => (y(), u(w(D), { initial: !1 }, {
+			default: E(() => [w(m) ? (y(), u(w(O).div, {
+				key: 0,
+				ref: (e) => g.value = w(t)(e),
+				role: i.role ?? (i.variant === "warning" || i.variant === "destructive" ? "alert" : "status"),
+				"data-slot": "alert",
+				"data-variant": i.variant,
+				"data-state": "open",
+				layout: !w(h),
+				initial: {
+					opacity: 0,
+					transform: w(h) ? "none" : "translateY(-6px)"
+				},
+				animate: {
+					opacity: 1,
+					transform: "none"
+				},
+				exit: {
+					opacity: 0,
+					transform: w(h) ? "none" : "translateY(-6px)",
+					transition: {
+						duration: .12,
+						ease: w(o)
+					}
+				},
+				transition: {
+					opacity: {
+						duration: .18,
+						ease: w(o)
+					},
+					transform: {
+						duration: .2,
+						ease: w(o)
+					},
+					layout: w(a)
+				},
+				style: v({
+					originY: 0,
+					transitionTimingFunction: w(r)
+				}),
+				class: _(w(c)("relative w-full rounded-xl p-4 text-sm transition-colors duration-200", C.value))
+			}, {
+				default: E(() => [p(w(O).div, {
+					layout: !w(h) && "position",
+					transition: { layout: w(a) },
+					style: { originY: 0 },
+					class: _(w(c)("flex min-w-0 items-start gap-3", i.contentClassName))
+				}, {
+					default: E(() => [S(e.$slots, "default", { dismiss: A }, void 0, !0)]),
+					_: 3
+				}, 8, [
+					"layout",
+					"transition",
+					"class"
+				])]),
+				_: 3
+			}, 8, [
+				"role",
+				"data-variant",
+				"layout",
+				"initial",
+				"exit",
+				"transition",
+				"style",
+				"class"
+			])) : d("", !0)]),
+			_: 3
+		}));
+	}
+}), [["__scopeId", "data-v-fdb18b3b"]]), F = {
+	"aria-hidden": "true",
+	"data-slot": "alert-icon",
+	class: "mt-0.5 inline-flex size-4 shrink-0 items-center justify-center"
+}, I = /* @__PURE__ */ m({
+	__name: "AlertIcon",
+	setup(e) {
+		let t = g("orvui-alert");
+		if (!t) throw Error("AlertIcon must be inside Alert");
+		let n = l(() => ({
+			default: j,
+			info: j,
+			success: A,
+			warning: M,
+			destructive: k
+		})[t.variant.value]);
+		return (e, r) => (y(), f("span", F, [p(w(D), {
+			initial: !1,
+			mode: "popLayout"
+		}, {
+			default: E(() => [(y(), u(w(O).span, {
+				key: w(t).variant.value,
+				initial: {
+					opacity: 0,
+					transform: w(t).reduce.value ? "translateY(0px) scale(1)" : "translateY(4px) scale(0.9)"
+				},
+				animate: {
+					opacity: 1,
+					transform: "translateY(0px) scale(1)"
+				},
+				exit: {
+					opacity: 0,
+					transform: w(t).reduce.value ? "translateY(0px) scale(1)" : "translateY(-4px) scale(0.9)",
+					transition: {
+						duration: .1,
+						ease: w(o)
+					}
+				},
+				transition: {
+					duration: .18,
+					ease: w(o)
+				},
+				class: "inline-flex [&>svg]:size-4"
+			}, {
+				default: E(() => [S(e.$slots, "default", {}, () => [(y(), u(C(n.value)))])]),
+				_: 3
+			}, 8, [
+				"initial",
+				"exit",
+				"transition"
+			]))]),
+			_: 3
+		})]));
+	}
+}), L = /* @__PURE__ */ m({
+	__name: "AlertContent",
+	setup(e) {
+		let t = m({
+			name: "AlertContent",
+			setup(e, { slots: t }) {
+				return () => h("div", {
+					"data-slot": "alert-content",
+					class: "min-w-0 flex-1 space-y-1"
+				}, t.default?.());
+			}
+		});
+		return (e, n) => (y(), u(w(t), null, {
+			default: E(() => [S(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), R = /* @__PURE__ */ m({
+	__name: "AlertTitle",
+	setup(e) {
+		let t = m({
+			name: "AlertTitle",
+			setup(e, { slots: t }) {
+				return () => h("div", {
+					"data-slot": "alert-title",
+					class: "font-medium leading-5 text-pretty"
+				}, t.default?.());
+			}
+		});
+		return (e, n) => (y(), u(w(t), null, {
+			default: E(() => [S(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), z = /* @__PURE__ */ m({
+	__name: "AlertDescription",
+	setup(e) {
+		let t = m({
+			name: "AlertDescription",
+			setup(e, { slots: t }) {
+				return () => h("div", {
+					"data-slot": "alert-description",
+					class: "text-pretty leading-relaxed text-muted-foreground [&_a]:underline [&_a]:underline-offset-4"
+				}, t.default?.());
+			}
+		});
+		return (e, n) => (y(), u(w(t), null, {
+			default: E(() => [S(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), B = /* @__PURE__ */ m({
+	__name: "AlertAction",
+	setup(e) {
+		let t = m({
+			name: "AlertAction",
+			setup(e, { slots: t }) {
+				return () => h("div", {
+					"data-slot": "alert-action",
+					class: "flex flex-wrap items-center gap-2 pt-2"
+				}, t.default?.());
+			}
+		});
+		return (e, n) => (y(), u(w(t), null, {
+			default: E(() => [S(e.$slots, "default")]),
+			_: 3
+		}));
+	}
+}), V = /* @__PURE__ */ m({
+	__name: "AlertClose",
+	setup(e) {
+		let t = g("orvui-alert");
+		if (!t) throw Error("AlertClose must be inside Alert");
+		function n(e) {
+			e.defaultPrevented || t.dismiss();
+		}
+		return (e, r) => (y(), u(w(O).button, {
+			type: "button",
+			"aria-label": "Dismiss alert",
+			tabindex: 0,
+			"data-slot": "alert-close",
+			layout: !w(t).reduce.value && "position",
+			transition: w(i),
+			"while-press": w(t).reduce.value ? void 0 : { scale: .94 },
+			onClick: n,
+			class: "-m-1.5 inline-flex size-8 shrink-0 items-center justify-center rounded-lg text-muted-foreground outline-none transition-colors hover:bg-foreground/5 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
+		}, {
+			default: E(() => [S(e.$slots, "default", {}, () => [p(w(N), {
+				"aria-hidden": "true",
+				class: "size-4"
+			})])]),
+			_: 3
+		}, 8, [
+			"layout",
+			"transition",
+			"while-press"
+		]));
+	}
+});
+// src/motion/alert/src/useAlert.ts
+function H() {
+	let e = g("orvui-alert");
+	if (e === void 0) throw Error("useAlert must be used within its provider");
+	return e;
+}
+export { R as a, P as c, z as i, V as n, L as o, B as r, I as s, H as t };
+//# sourceMappingURL=alert-xHnxczdv.js.map

package/dist/alert-xHnxczdv.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"alert-xHnxczdv.js","names":["emit","_openBlock","_createBlock","_unref","_withCtx","_normalizeStyle","_normalizeClass","_createVNode","_renderSlot","_createCommentVNode","_sfc_main","_openBlock","_createElementBlock","_createVNode","_unref","_withCtx","_createBlock","_renderSlot","_resolveDynamicComponent","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","_withCtx","_renderSlot","_createVNode","_sfc_main","useReducedMotion","EASE_OUT_CSS","SPRING_PRESS","SPRING_LAYOUT","EASE_OUT","_plugin_vue_export_helper_default","cn","Alert_default","defineComponent","__emit","props","__props","opened","useMotionState","reduced","surface","ref","color","computed","setOpen","request","dismiss","context","provide","watch","element","active","resolveElement","openBlock","createBlock","unref","AnimatePresence","withCtx","motion","node","normalizeStyle","normalizeClass","createVNode","renderSlot","_ctx","createCommentVNode","_hoisted_1","AlertIcon_default","state","inject","icon","Info","CheckCircle2","TriangleAlert","AlertCircle","createElementBlock","resolveDynamicComponent","AlertContent_default","Surface","slots","AlertTitle_default","AlertDescription_default","AlertAction_default","AlertClose_default","event","X","useAlert"],"sources":["../src/motion/alert/src/Alert.vue","../src/motion/alert/src/Alert.vue","../src/motion/alert/src/AlertIcon.vue","../src/motion/alert/src/AlertIcon.vue","../src/motion/alert/src/AlertContent.vue","../src/motion/alert/src/AlertContent.vue","../src/motion/alert/src/AlertTitle.vue","../src/motion/alert/src/AlertTitle.vue","../src/motion/alert/src/AlertDescription.vue","../src/motion/alert/src/AlertDescription.vue","../src/motion/alert/src/AlertAction.vue","../src/motion/alert/src/AlertAction.vue","../src/motion/alert/src/AlertClose.vue","../src/motion/alert/src/AlertClose.vue","../src/motion/alert/src/useAlert.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide, ref, watch, type Ref } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, EASE_OUT_CSS, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\nimport type { AlertContext } from \"./context\";\n\nconst props = withDefaults(defineProps<{\n variant?: \"default\" | \"info\" | \"success\" | \"warning\" | \"destructive\";\n open?: boolean; defaultOpen?: boolean; contentClassName?: string;\n role?: \"alert\" | \"status\"; returnFocusRef?: HTMLElement | Ref<HTMLElement | null>;\n}>(), { open: undefined, variant: \"default\", defaultOpen: true });\nconst emit = defineEmits([\"update:open\"]);\nconst opened = useMotionState(props, emit, \"open\", props.defaultOpen);\nconst reduced = useReducedMotion();\nconst surface = ref<HTMLElement | null>(null);\nconst color = computed(() => ({\n default: \"bg-background text-foreground\", info: \"bg-primary/5 text-primary\",\n success: \"bg-emerald-500/5 text-emerald-700 dark:text-emerald-400\",\n warning: \"bg-amber-500/5 text-amber-800 dark:text-amber-300\", destructive: \"bg-destructive/5 text-destructive\",\n})[props.variant]);\nfunction setOpen(request: boolean) { if (opened.value !== request) opened.value = request; }\nfunction dismiss() { setOpen(false); }\nconst context: AlertContext = { open: opened, variant: computed(() => props.variant), reduce: reduced, setOpen, dismiss };\nprovide(\"orvui-alert\", context);\nwatch(opened, active => {\n const element = surface.value;\n if (!element) return;\n if (active) {\n element.inert = false;\n element.style.pointerEvents = \"\";\n element.removeAttribute(\"aria-hidden\");\n element.dataset.state = \"open\";\n return;\n }\n if (element.contains(element.ownerDocument.activeElement)) resolveElement<HTMLElement>(props.returnFocusRef)?.focus({ preventScroll: true });\n element.inert = true;\n element.style.pointerEvents = \"none\";\n element.setAttribute(\"aria-hidden\", \"true\");\n element.dataset.state = \"closed\";\n}, { flush: \"sync\" });\n</script>\n<template>\n <AnimatePresence :initial=\"false\">\n <motion.div v-if=\"opened\" :ref=\"node => surface = resolveElement<HTMLElement>(node)\"\n :role=\"role ?? (variant === 'warning' || variant === 'destructive' ? 'alert' : 'status')\"\n data-slot=\"alert\" :data-variant=\"variant\" data-state=\"open\" :layout=\"!reduced\"\n :initial=\"{ opacity: 0, transform: reduced ? 'none' : 'translateY(-6px)' }\"\n :animate=\"{ opacity: 1, transform: 'none' }\"\n :exit=\"{ opacity: 0, transform: reduced ? 'none' : 'translateY(-6px)', transition: { duration: 0.12, ease: EASE_OUT } }\"\n :transition=\"{ opacity: { duration: 0.18, ease: EASE_OUT }, transform: { duration: 0.2, ease: EASE_OUT }, layout: SPRING_LAYOUT }\"\n :style=\"{ originY: 0, transitionTimingFunction: EASE_OUT_CSS }\" :class=\"cn('relative w-full rounded-xl p-4 text-sm transition-colors duration-200', color)\">\n <motion.div :layout=\"reduced ? false : 'position'\" :transition=\"{ layout: SPRING_LAYOUT }\" :style=\"{ originY: 0 }\"\n :class=\"cn('flex min-w-0 items-start gap-3', contentClassName)\"><slot :dismiss=\"dismiss\" /></motion.div>\n </motion.div>\n </AnimatePresence>\n</template>\n<style scoped>\n[data-slot=\"alert\"] {\n outline: 1px solid color-mix(in oklab, currentColor 24%, transparent);\n outline-offset: -1px;\n}\n[data-slot=\"alert\"][data-variant=\"default\"] {\n outline-color: var(--border);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, provide, ref, watch, type Ref } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, EASE_OUT_CSS, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\nimport type { AlertContext } from \"./context\";\n\nconst props = withDefaults(defineProps<{\n variant?: \"default\" | \"info\" | \"success\" | \"warning\" | \"destructive\";\n open?: boolean; defaultOpen?: boolean; contentClassName?: string;\n role?: \"alert\" | \"status\"; returnFocusRef?: HTMLElement | Ref<HTMLElement | null>;\n}>(), { open: undefined, variant: \"default\", defaultOpen: true });\nconst emit = defineEmits([\"update:open\"]);\nconst opened = useMotionState(props, emit, \"open\", props.defaultOpen);\nconst reduced = useReducedMotion();\nconst surface = ref<HTMLElement | null>(null);\nconst color = computed(() => ({\n default: \"bg-background text-foreground\", info: \"bg-primary/5 text-primary\",\n success: \"bg-emerald-500/5 text-emerald-700 dark:text-emerald-400\",\n warning: \"bg-amber-500/5 text-amber-800 dark:text-amber-300\", destructive: \"bg-destructive/5 text-destructive\",\n})[props.variant]);\nfunction setOpen(request: boolean) { if (opened.value !== request) opened.value = request; }\nfunction dismiss() { setOpen(false); }\nconst context: AlertContext = { open: opened, variant: computed(() => props.variant), reduce: reduced, setOpen, dismiss };\nprovide(\"orvui-alert\", context);\nwatch(opened, active => {\n const element = surface.value;\n if (!element) return;\n if (active) {\n element.inert = false;\n element.style.pointerEvents = \"\";\n element.removeAttribute(\"aria-hidden\");\n element.dataset.state = \"open\";\n return;\n }\n if (element.contains(element.ownerDocument.activeElement)) resolveElement<HTMLElement>(props.returnFocusRef)?.focus({ preventScroll: true });\n element.inert = true;\n element.style.pointerEvents = \"none\";\n element.setAttribute(\"aria-hidden\", \"true\");\n element.dataset.state = \"closed\";\n}, { flush: \"sync\" });\n</script>\n<template>\n <AnimatePresence :initial=\"false\">\n <motion.div v-if=\"opened\" :ref=\"node => surface = resolveElement<HTMLElement>(node)\"\n :role=\"role ?? (variant === 'warning' || variant === 'destructive' ? 'alert' : 'status')\"\n data-slot=\"alert\" :data-variant=\"variant\" data-state=\"open\" :layout=\"!reduced\"\n :initial=\"{ opacity: 0, transform: reduced ? 'none' : 'translateY(-6px)' }\"\n :animate=\"{ opacity: 1, transform: 'none' }\"\n :exit=\"{ opacity: 0, transform: reduced ? 'none' : 'translateY(-6px)', transition: { duration: 0.12, ease: EASE_OUT } }\"\n :transition=\"{ opacity: { duration: 0.18, ease: EASE_OUT }, transform: { duration: 0.2, ease: EASE_OUT }, layout: SPRING_LAYOUT }\"\n :style=\"{ originY: 0, transitionTimingFunction: EASE_OUT_CSS }\" :class=\"cn('relative w-full rounded-xl p-4 text-sm transition-colors duration-200', color)\">\n <motion.div :layout=\"reduced ? false : 'position'\" :transition=\"{ layout: SPRING_LAYOUT }\" :style=\"{ originY: 0 }\"\n :class=\"cn('flex min-w-0 items-start gap-3', contentClassName)\"><slot :dismiss=\"dismiss\" /></motion.div>\n </motion.div>\n </AnimatePresence>\n</template>\n<style scoped>\n[data-slot=\"alert\"] {\n outline: 1px solid color-mix(in oklab, currentColor 24%, transparent);\n outline-offset: -1px;\n}\n[data-slot=\"alert\"][data-variant=\"default\"] {\n outline-color: var(--border);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { AlertCircle, CheckCircle2, Info, TriangleAlert } from \"lucide-vue-next\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport type { AlertContext } from \"./context\";\nconst state = inject<AlertContext>(\"orvui-alert\");\nif (!state) throw new Error(\"AlertIcon must be inside Alert\");\nconst icon = computed(() => ({ default: Info, info: Info, success: CheckCircle2, warning: TriangleAlert, destructive: AlertCircle })[state.variant.value]);\n</script>\n<template>\n <span aria-hidden=\"true\" data-slot=\"alert-icon\" class=\"mt-0.5 inline-flex size-4 shrink-0 items-center justify-center\">\n <AnimatePresence :initial=\"false\" mode=\"popLayout\">\n <motion.span :key=\"state.variant.value\"\n :initial=\"{ opacity: 0, transform: state.reduce.value ? 'translateY(0px) scale(1)' : 'translateY(4px) scale(0.9)' }\"\n :animate=\"{ opacity: 1, transform: 'translateY(0px) scale(1)' }\"\n :exit=\"{ opacity: 0, transform: state.reduce.value ? 'translateY(0px) scale(1)' : 'translateY(-4px) scale(0.9)', transition: { duration: 0.1, ease: EASE_OUT } }\"\n :transition=\"{ duration: 0.18, ease: EASE_OUT }\" class=\"inline-flex [&>svg]:size-4\"><slot><component :is=\"icon\" /></slot></motion.span>\n </AnimatePresence>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { AlertCircle, CheckCircle2, Info, TriangleAlert } from \"lucide-vue-next\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport type { AlertContext } from \"./context\";\nconst state = inject<AlertContext>(\"orvui-alert\");\nif (!state) throw new Error(\"AlertIcon must be inside Alert\");\nconst icon = computed(() => ({ default: Info, info: Info, success: CheckCircle2, warning: TriangleAlert, destructive: AlertCircle })[state.variant.value]);\n</script>\n<template>\n <span aria-hidden=\"true\" data-slot=\"alert-icon\" class=\"mt-0.5 inline-flex size-4 shrink-0 items-center justify-center\">\n <AnimatePresence :initial=\"false\" mode=\"popLayout\">\n <motion.span :key=\"state.variant.value\"\n :initial=\"{ opacity: 0, transform: state.reduce.value ? 'translateY(0px) scale(1)' : 'translateY(4px) scale(0.9)' }\"\n :animate=\"{ opacity: 1, transform: 'translateY(0px) scale(1)' }\"\n :exit=\"{ opacity: 0, transform: state.reduce.value ? 'translateY(0px) scale(1)' : 'translateY(-4px) scale(0.9)', transition: { duration: 0.1, ease: EASE_OUT } }\"\n :transition=\"{ duration: 0.18, ease: EASE_OUT }\" class=\"inline-flex [&>svg]:size-4\"><slot><component :is=\"icon\" /></slot></motion.span>\n </AnimatePresence>\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport { defineComponent, h } from \"vue\";\nconst Surface = defineComponent({ name: \"AlertContent\", setup(_, { slots }) {\n return () => h(\"div\", { \"data-slot\": \"alert-content\", class: \"min-w-0 flex-1 space-y-1\" }, slots.default?.());\n} });\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { defineComponent, h } from \"vue\";\nconst Surface = defineComponent({ name: \"AlertContent\", setup(_, { slots }) {\n return () => h(\"div\", { \"data-slot\": \"alert-content\", class: \"min-w-0 flex-1 space-y-1\" }, slots.default?.());\n} });\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { defineComponent, h } from \"vue\";\nconst Surface = defineComponent({ name: \"AlertTitle\", setup(_, { slots }) {\n return () => h(\"div\", { \"data-slot\": \"alert-title\", class: \"font-medium leading-5 text-pretty\" }, slots.default?.());\n} });\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { defineComponent, h } from \"vue\";\nconst Surface = defineComponent({ name: \"AlertTitle\", setup(_, { slots }) {\n return () => h(\"div\", { \"data-slot\": \"alert-title\", class: \"font-medium leading-5 text-pretty\" }, slots.default?.());\n} });\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { defineComponent, h } from \"vue\";\nconst Surface = defineComponent({ name: \"AlertDescription\", setup(_, { slots }) {\n return () => h(\"div\", { \"data-slot\": \"alert-description\", class: \"text-pretty leading-relaxed text-muted-foreground [&_a]:underline [&_a]:underline-offset-4\" }, slots.default?.());\n} });\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { defineComponent, h } from \"vue\";\nconst Surface = defineComponent({ name: \"AlertDescription\", setup(_, { slots }) {\n return () => h(\"div\", { \"data-slot\": \"alert-description\", class: \"text-pretty leading-relaxed text-muted-foreground [&_a]:underline [&_a]:underline-offset-4\" }, slots.default?.());\n} });\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { defineComponent, h } from \"vue\";\nconst Surface = defineComponent({ name: \"AlertAction\", setup(_, { slots }) {\n return () => h(\"div\", { \"data-slot\": \"alert-action\", class: \"flex flex-wrap items-center gap-2 pt-2\" }, slots.default?.());\n} });\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { defineComponent, h } from \"vue\";\nconst Surface = defineComponent({ name: \"AlertAction\", setup(_, { slots }) {\n return () => h(\"div\", { \"data-slot\": \"alert-action\", class: \"flex flex-wrap items-center gap-2 pt-2\" }, slots.default?.());\n} });\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><Surface><slot /></Surface></template>\n","<script setup lang=\"ts\">\nimport { inject } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { X } from \"lucide-vue-next\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport type { AlertContext } from \"./context\";\nconst state = inject<AlertContext>(\"orvui-alert\");\nif (!state) throw new Error(\"AlertClose must be inside Alert\");\nfunction dismiss(event: MouseEvent) { if (!event.defaultPrevented) state!.dismiss(); }\n</script>\n<template>\n <motion.button type=\"button\" aria-label=\"Dismiss alert\" :tabindex=\"0\" data-slot=\"alert-close\"\n :layout=\"state.reduce.value ? false : 'position'\" :transition=\"SPRING_PRESS\"\n :while-press=\"state.reduce.value ? undefined : { scale: 0.94 }\" @click=\"dismiss\"\n class=\"-m-1.5 inline-flex size-8 shrink-0 items-center justify-center rounded-lg text-muted-foreground outline-none transition-colors hover:bg-foreground/5 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\">\n <slot><X aria-hidden=\"true\" class=\"size-4\" /></slot>\n </motion.button>\n</template>\n","<script setup lang=\"ts\">\nimport { inject } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { X } from \"lucide-vue-next\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport type { AlertContext } from \"./context\";\nconst state = inject<AlertContext>(\"orvui-alert\");\nif (!state) throw new Error(\"AlertClose must be inside Alert\");\nfunction dismiss(event: MouseEvent) { if (!event.defaultPrevented) state!.dismiss(); }\n</script>\n<template>\n <motion.button type=\"button\" aria-label=\"Dismiss alert\" :tabindex=\"0\" data-slot=\"alert-close\"\n :layout=\"state.reduce.value ? false : 'position'\" :transition=\"SPRING_PRESS\"\n :while-press=\"state.reduce.value ? undefined : { scale: 0.94 }\" @click=\"dismiss\"\n class=\"-m-1.5 inline-flex size-8 shrink-0 items-center justify-center rounded-lg text-muted-foreground outline-none transition-colors hover:bg-foreground/5 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\">\n <slot><X aria-hidden=\"true\" class=\"size-4\" /></slot>\n </motion.button>\n</template>\n","import { inject } from \"vue\";\nimport type { AlertContext } from \"./context\";\nexport function useAlert() {\n const state = inject<AlertContext>(\"orvui-alert\");\n if (state === undefined) throw new Error(\"useAlert must be used within its provider\");\n return state;\n}\n"],"mappings":"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"}