@orvui/vue 0.0.0-stage → 0.1.0

package/registry/tool-result.json

@@ -0,0 +1,252 @@
+{
+  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
+  "name": "tool-result",
+  "type": "registry:component",
+  "title": "Tool Result",
+  "description": "Present a tool call's status, summary and expandable result in one surface.",
+  "files": [
+    {
+      "path": "registry/orvui/agents/AgentDisclosure.vue",
+      "target": "~/src/components/orvui/agents/AgentDisclosure.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../lib/ease\";\nimport { useReduced } from \"./shared\";\nconst props = withDefaults(\n  defineProps<{\n    open: boolean;\n    maxHeight?: number;\n    openHeight?: string | number;\n  }>(),\n  { openHeight: \"auto\" },\n);\nconst reduce = useReduced();\nconst height = computed(() =>\n  !props.open\n    ? \"0px\"\n    : typeof props.openHeight === \"number\"\n      ? `${props.openHeight}px`\n      : props.openHeight,\n);\nconst animation = computed(() => {\n  const opacity = Number(props.open);\n  if (reduce.value) return { opacity };\n  return {\n    opacity,\n    y: props.open ? 0 : -4,\n    clipPath: `inset(0 0 ${props.open ? 0 : 100}% 0)`,\n  };\n});\n</script>\n<template>\n  <motion.div\n    class=\"overflow-hidden\"\n    :initial=\"false\"\n    :animate=\"animation\"\n    :aria-hidden=\"!open\"\n    :inert=\"!open || undefined\"\n    :transition=\"{ ease: EASE_OUT, duration: reduce ? 0 : open ? 0.22 : 0.14 }\"\n    :style=\"{\n      height,\n      pointerEvents: open ? undefined : 'none',\n      transformOrigin: 'top',\n    }\"\n  >\n    <div\n      v-if=\"maxHeight\"\n      class=\"overflow-auto\"\n      :style=\"{ maxHeight: `${maxHeight}px` }\"\n    >\n      <slot />\n    </div>\n    <slot v-else />\n  </motion.div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/code-block/src/AgentCode.vue",
+      "target": "~/src/components/orvui/agents/code-block/src/AgentCode.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport AgentCodeLine from \"./AgentCodeLine.vue\";\nimport { useAgentCodeTokens } from \"./tokens\";\nexport type AgentCodeLanguage =\n  | \"bash\"\n  | \"diff\"\n  | \"json\"\n  | \"text\"\n  | \"tsx\"\n  | \"typescript\"\n  | \"javascript\"\n  | \"vue\"\n  | \"css\"\n  | \"html\";\nconst props = withDefaults(\n  defineProps<{\n    code: string;\n    language?: AgentCodeLanguage;\n    showLineNumbers?: boolean;\n    highlightLines?: number[];\n    wrap?: boolean;\n  }>(),\n  {\n    language: \"bash\",\n    showLineNumbers: false,\n    highlightLines: () => [],\n    wrap: false,\n  },\n);\nconst content = computed(() => props.code.split(\"\\n\"));\nconst tokens = useAgentCodeTokens(\n  () => props.code,\n  () => props.language,\n);\n</script>\n<template>\n  <pre\n    :class=\"\n      cn(\n        'm-0 overflow-x-auto whitespace-pre font-mono text-xs leading-5 text-foreground/85',\n        wrap && 'whitespace-pre-wrap break-words',\n      )\n    \"\n  ><code><template v-for=\"(line, index) in content\" :key=\"index\"><span v-if=\"showLineNumbers\" aria-hidden=\"true\" class=\"inline-block w-11 select-none pr-3 text-right tabular-nums text-muted-foreground/55\">{{ index + 1 }}</span><AgentCodeLine :code=\"line\" :tokens=\"tokens?.[index]\" :class=\"highlightLines.includes(index + 1) ? 'bg-blue-500/[0.07]' : undefined\" />{{ index + 1 < content.length ? '\\n' : '' }}</template></code></pre>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/code-block/src/AgentCodeLine.vue",
+      "target": "~/src/components/orvui/agents/code-block/src/AgentCodeLine.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport type { AgentCodeToken } from \"./tokens\";\ndefineProps<{ code: string; tokens?: AgentCodeToken[] }>();\n</script>\n<template>\n  <span\n    ><template v-if=\"tokens\"\n      ><span\n        v-for=\"(token, index) in tokens\"\n        :key=\"`${token.offset}-${index}`\"\n        class=\"text-[var(--agent-code-light)] dark:text-[var(--agent-code-dark)]\"\n        :style=\"{\n          '--agent-code-light': token.light || 'currentColor',\n          '--agent-code-dark': token.dark || token.light || 'currentColor',\n        }\"\n        >{{ token.content }}</span\n      ></template\n    ><template v-else>{{ code }}</template></span\n  >\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/code-block/src/tokens.ts",
+      "target": "~/src/components/orvui/agents/code-block/src/tokens.ts",
+      "type": "registry:lib",
+      "content": "import {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  shallowRef,\n  toValue,\n  watch,\n  type MaybeRefOrGetter,\n} from \"vue\";\nimport type { Highlighter } from \"shiki\";\nimport type { AgentCodeLanguage } from \"./AgentCode.vue\";\nexport interface AgentCodeToken {\n  content: string;\n  offset: number;\n  light?: string;\n  dark?: string;\n}\nexport type AgentCodeTokenLines = AgentCodeToken[][];\nconst results = new Map<string, AgentCodeTokenLines>();\nlet engine: Promise<Highlighter> | undefined;\nconst obtainEngine = () =>\n  (engine ??= import(\"shiki\").then((module) =>\n    module.createHighlighter({\n      themes: [\"github-light-high-contrast\", \"github-dark-high-contrast\"],\n      langs: [\n        \"bash\",\n        \"diff\",\n        \"json\",\n        \"tsx\",\n        \"typescript\",\n        \"javascript\",\n        \"vue\",\n        \"css\",\n        \"html\",\n      ],\n    }),\n  ));\nexport function useAgentCodeTokens(\n  code: MaybeRefOrGetter<string>,\n  language: MaybeRefOrGetter<AgentCodeLanguage>,\n) {\n  const snapshot = shallowRef<{\n    code: string;\n    language: AgentCodeLanguage;\n    lines: AgentCodeTokenLines;\n  }>();\n  let active = false,\n    request = 0;\n  async function refresh() {\n    const revision = ++request;\n    if (!active) return;\n    const text = toValue(code),\n      grammar = toValue(language),\n      key = JSON.stringify([grammar, text]);\n    try {\n      let lines = results.get(key);\n      if (!lines) {\n        const highlighter = await obtainEngine();\n        if (!active || revision !== request) return;\n        lines = highlighter\n          .codeToTokensWithThemes(text, {\n            lang: grammar,\n            themes: {\n              light: \"github-light-high-contrast\",\n              dark: \"github-dark-high-contrast\",\n            },\n          })\n          .map((line) =>\n            line.map((token) => ({\n              content: token.content,\n              offset: token.offset,\n              light: token.variants.light?.color,\n              dark: token.variants.dark?.color,\n            })),\n          );\n        // Bound the shared memo so long-running streaming sessions can release old text.\n        if (results.size >= 48) results.delete(results.keys().next().value!);\n        results.set(key, lines);\n      }\n      if (active && revision === request)\n        snapshot.value = { code: text, language: grammar, lines };\n    } catch {\n      if (active && revision === request) snapshot.value = undefined;\n    }\n  }\n  watch([() => toValue(code), () => toValue(language)], refresh);\n  onMounted(() => {\n    active = true;\n    refresh();\n  });\n  onBeforeUnmount(() => {\n    active = false;\n    request++;\n  });\n  return computed(() => {\n    const current = snapshot.value;\n    return current?.language === toValue(language) &&\n      toValue(code).startsWith(current.code)\n      ? current.lines\n      : null;\n  });\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/shared.ts",
+      "target": "~/src/components/orvui/agents/shared.ts",
+      "type": "registry:lib",
+      "content": "export {\n  RenderNode,\n  useControllable,\n  useOutside,\n  useReduced,\n  rove,\n  type Content,\n} from \"../blocks/shared\";\nimport { onBeforeUnmount, ref } from \"vue\";\n\nexport function useClipboard(\n  read: () => string,\n  callback?: () => void | Promise<void>,\n) {\n  const copied = ref(false);\n  let reset: ReturnType<typeof setTimeout> | undefined;\n  let generation = 0;\n  let alive = true;\n  async function copy() {\n    const request = ++generation;\n    if (reset !== undefined) clearTimeout(reset);\n    copied.value = false;\n    try {\n      if (callback) await callback();\n      else await navigator.clipboard.writeText(read());\n      if (!alive || request !== generation) return;\n      copied.value = true;\n      reset = setTimeout(() => {\n        if (alive) copied.value = false;\n      }, 1600);\n    } catch {\n      if (alive && request === generation) copied.value = false;\n    }\n  }\n  onBeforeUnmount(() => {\n    alive = false;\n    generation++;\n    if (reset !== undefined) clearTimeout(reset);\n  });\n  return { copied, copy };\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/stream-follow.ts",
+      "target": "~/src/components/orvui/agents/stream-follow.ts",
+      "type": "registry:lib",
+      "content": "import {\n  onBeforeUnmount,\n  onMounted,\n  watch,\n  type Ref,\n  type WatchSource,\n} from \"vue\";\n\n/** Follow a caller-owned stream only after mount; one queued scroll owns each frame. */\nexport function useStreamFollow(\n  element: Ref<HTMLElement | undefined>,\n  enabled: () => boolean,\n  reduced: Ref<boolean>,\n  changes: WatchSource[],\n) {\n  let mounted = false;\n  let pending: number | undefined;\n  const clear = () => {\n    if (pending !== undefined) cancelAnimationFrame(pending);\n    pending = undefined;\n  };\n  function schedule() {\n    clear();\n    if (!mounted || !enabled()) return;\n    pending = requestAnimationFrame(() => {\n      pending = undefined;\n      const viewport = element.value;\n      if (\n        !mounted ||\n        !enabled() ||\n        !viewport ||\n        viewport.scrollHeight <= viewport.clientHeight\n      )\n        return;\n      if (typeof viewport.scrollTo === \"function\")\n        viewport.scrollTo({\n          top: viewport.scrollHeight,\n          behavior: reduced.value ? \"auto\" : \"smooth\",\n        });\n      else viewport.scrollTop = viewport.scrollHeight;\n    });\n  }\n  watch(changes, schedule, { deep: true, flush: \"post\" });\n  onMounted(() => {\n    mounted = true;\n    schedule();\n  });\n  onBeforeUnmount(() => {\n    mounted = false;\n    clear();\n  });\n  return schedule;\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/tool-result/index.ts",
+      "target": "~/src/components/orvui/agents/tool-result/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as ToolResult } from \"./src/ToolResult.vue\";\nexport { default as ToolResultOutput } from \"./src/ToolResultOutput.vue\";\nexport type { ToolResultStatus, ToolResultKind } from \"./src/ToolResult.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/tool-result/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/tool-result/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type ToolResultOutputProps = InstanceType<\n  (typeof import(\"./ToolResultOutput.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ToolResultProps = InstanceType<\n  (typeof import(\"./ToolResult.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/tool-result/src/ToolResult.vue",
+      "target": "~/src/components/orvui/agents/tool-result/src/ToolResult.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  onUpdated,\n  ref,\n  useId,\n  watch,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport {\n  Ban,\n  Braces,\n  Check,\n  ChevronDown,\n  CircleCheck,\n  CircleX,\n  Copy,\n  LoaderCircle,\n  RotateCcw,\n  SquareTerminal,\n  Wrench,\n} from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { ActionSwapRollText } from \"../../../motion/action-swap\";\nimport {\n  RenderNode,\n  useClipboard,\n  useControllable,\n  type Content,\n} from \"../../shared\";\nimport { useStreamFollow } from \"../../stream-follow\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nexport type ToolResultStatus = \"running\" | \"success\" | \"error\" | \"cancelled\";\nexport type ToolResultKind = \"terminal\" | \"request\" | \"custom\";\nconst props = withDefaults(\n  defineProps<{\n    tool: Content;\n    title: Content;\n    status?: ToolResultStatus;\n    kind?: ToolResultKind;\n    meta?: Content;\n    icon?: Content;\n    open?: boolean;\n    defaultOpen?: boolean;\n    collapseOnComplete?: boolean;\n    maxHeight?: number;\n    copyText?: string;\n    onCopy?: () => void | Promise<void>;\n    contentClassName?: string;\n  }>(),\n  {\n    open: undefined,\n    status: \"running\",\n    kind: \"custom\",\n    defaultOpen: true,\n    collapseOnComplete: true,\n    maxHeight: 220,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n  retry: [];\n}>();\nconst expanded = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst { copy, copied } = useClipboard(\n  () => props.copyText ?? \"\",\n  () =>\n    props.onCopy\n      ? props.onCopy()\n      : navigator.clipboard.writeText(props.copyText ?? \"\"),\n);\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst instance = getCurrentInstance();\nconst viewport = ref<HTMLElement>();\nconst hasRetry = () => !!instance?.vnode.props?.onRetry;\nconst state = computed(\n  () =>\n    ({\n      running: {\n        label: \"Running\",\n        classes: \"text-blue-600 dark:text-blue-400\",\n        icon: LoaderCircle,\n      },\n      success: {\n        label: \"Completed\",\n        classes: \"text-emerald-600 dark:text-emerald-400\",\n        icon: CircleCheck,\n      },\n      error: {\n        label: \"Failed\",\n        classes: \"text-rose-600 dark:text-rose-400\",\n        icon: CircleX,\n      },\n      cancelled: {\n        label: \"Cancelled\",\n        classes: \"text-muted-foreground\",\n        icon: Ban,\n      },\n    })[props.status],\n);\nconst kindIcon = computed(\n  () =>\n    ({ terminal: SquareTerminal, request: Braces, custom: Wrench })[props.kind],\n);\nconst valueKey = (value: Content, suffix: string) =>\n  typeof value === \"string\" || typeof value === \"number\"\n    ? String(value)\n    : props.status + suffix;\nwatch(\n  () => props.status,\n  (value, previous) => {\n    if (value === \"running\" && previous !== value) expanded.value = true;\n    else if (previous === \"running\" && props.collapseOnComplete)\n      expanded.value = false;\n  },\n);\nconst follow = useStreamFollow(\n  viewport,\n  () => expanded.value && props.status === \"running\",\n  reduced,\n  [expanded, () => props.status],\n);\nonUpdated(follow);\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"status === 'running'\"\n    class=\"w-full text-sm\"\n  >\n    <button\n      :id=\"`${identity}-trigger`\"\n      type=\"button\"\n      :aria-expanded=\"expanded\"\n      :aria-controls=\"`${identity}-content`\"\n      @click=\"expanded = !expanded\"\n      class=\"group flex min-h-9 w-full items-center gap-2 rounded-md py-1 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n    >\n      <span\n        aria-hidden=\"true\"\n        class=\"grid size-4 shrink-0 place-items-center text-muted-foreground\"\n        ><RenderNode v-if=\"icon\" :node=\"icon\" /><component\n          v-else\n          :is=\"kindIcon\"\n          class=\"size-4\"\n      /></span>\n      <span class=\"flex min-w-0 flex-1 items-baseline gap-2\"\n        ><span class=\"min-w-0 truncate font-medium text-foreground/90\"\n          ><ActionSwapRollText :value=\"valueKey(title, '')\"\n            ><RenderNode :node=\"title\" /></ActionSwapRollText></span\n        ><span v-if=\"meta\" class=\"shrink-0 text-xs text-muted-foreground/60\"\n          ><ActionSwapRollText :value=\"valueKey(meta, '-meta')\"\n            ><RenderNode :node=\"meta\" /></ActionSwapRollText></span\n        ><span\n          class=\"min-w-0 truncate font-mono text-[11px] text-muted-foreground/55\"\n          ><ActionSwapRollText :value=\"valueKey(tool, '-tool')\"\n            ><RenderNode :node=\"tool\" /></ActionSwapRollText></span\n      ></span>\n      <span\n        :class=\"\n          cn(\n            'inline-flex shrink-0 items-center gap-1 text-[11px] font-medium',\n            state.classes,\n          )\n        \"\n        ><component\n          :is=\"state.icon\"\n          :class=\"\n            cn('size-3', status === 'running' && !reduced && 'animate-spin')\n          \"\n        /><ActionSwapRollText :value=\"status\">{{\n          state.label\n        }}</ActionSwapRollText></span\n      >\n      <motion.span\n        aria-hidden=\"true\"\n        class=\"shrink-0 text-muted-foreground/70 transition-colors group-hover:text-muted-foreground\"\n        :animate=\"{ rotate: expanded ? 180 : 0 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n        ><ChevronDown class=\"size-3.5\"\n      /></motion.span>\n    </button>\n    <AgentDisclosure\n      :id=\"`${identity}-content`\"\n      role=\"region\"\n      :aria-labelledby=\"`${identity}-trigger`\"\n      :open=\"expanded\"\n      ><div class=\"pl-6 pt-1.5\">\n        <div class=\"overflow-hidden rounded-xl bg-muted/80\">\n          <div\n            ref=\"viewport\"\n            role=\"log\"\n            aria-live=\"polite\"\n            class=\"scrollbar-hide overflow-y-auto\"\n            :style=\"{ maxHeight: `${maxHeight}px` }\"\n          >\n            <div :class=\"cn('p-3', contentClassName)\"><slot /></div>\n          </div>\n          <div\n            v-if=\"copyText || onCopy || hasRetry()\"\n            class=\"flex items-center gap-0.5 px-2 pb-1.5\"\n          >\n            <motion.button\n              v-if=\"copyText || onCopy\"\n              type=\"button\"\n              :aria-label=\"copied ? 'Copied' : 'Copy result'\"\n              :title=\"copied ? 'Copied' : 'Copy result'\"\n              @click=\"copy\"\n              :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n              :transition=\"SPRING_PRESS\"\n              class=\"grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n              ><Check v-if=\"copied\" class=\"size-3.5\" /><Copy\n                v-else\n                class=\"size-3.5\"\n            /></motion.button>\n            <motion.button\n              v-if=\"hasRetry()\"\n              type=\"button\"\n              aria-label=\"Run again\"\n              title=\"Run again\"\n              @click=\"emit('retry')\"\n              :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n              :transition=\"SPRING_PRESS\"\n              class=\"grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n              ><RotateCcw class=\"size-3.5\"\n            /></motion.button>\n            <span class=\"ml-auto text-[11px] text-muted-foreground/55\"\n              ><ActionSwapRollText :value=\"status\">{{\n                state.label\n              }}</ActionSwapRollText></span\n            >\n          </div>\n        </div>\n      </div></AgentDisclosure\n    >\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/tool-result/src/ToolResultOutput.vue",
+      "target": "~/src/components/orvui/agents/tool-result/src/ToolResultOutput.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, useSlots } from \"vue\";\nimport AgentCode, { type AgentCodeLanguage } from \"../../code-block/src/AgentCode.vue\";\nconst props = withDefaults(\n  defineProps<{ code?: string; language?: AgentCodeLanguage }>(),\n  { language: \"bash\" },\n);\nconst slots = useSlots();\nconst value = computed(\n  () =>\n    props.code ??\n    (slots.default?.() ?? []).reduce(\n      (text, node) =>\n        text + (typeof node.children === \"string\" ? node.children : \"\"),\n      \"\",\n    ),\n);\n</script>\n<template>\n  <AgentCode\n    :code=\"value\"\n    :language=\"language\"\n    class=\"whitespace-pre-wrap break-words text-foreground/80\"\n  />\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/dismiss.ts",
+      "target": "~/src/components/orvui/blocks/dismiss.ts",
+      "type": "registry:lib",
+      "content": "import { onMounted, onUnmounted, watch, type Ref } from \"vue\";\nimport { resolveElement, useFloatingLayer } from \"../lib/composables\";\n\ntype HitTest = (target: Element) => boolean;\nconst openScopes = new Set<HitTest>();\n\nexport function useBlockDismiss(\n  open: Ref<boolean>,\n  root: Ref<unknown>,\n  close: () => void,\n  consume = false,\n) {\n  const layer = useFloatingLayer(open, root);\n  const pendingClicks = new Set<() => void>();\n  let stopWatching: (() => void) | undefined;\n  function interceptActivation(source: Event) {\n    const release = () => {\n      window.removeEventListener(\"click\", click, true);\n      window.removeEventListener(\"pointerdown\", replacement, true);\n      window.removeEventListener(\"pointercancel\", replacement, true);\n      window.removeEventListener(\"keydown\", release, true);\n      pendingClicks.delete(release);\n    };\n    function click(event: MouseEvent) {\n      event.preventDefault();\n      event.stopPropagation();\n      release();\n    }\n    function replacement(event: Event) {\n      if (event !== source) release();\n    }\n    pendingClicks.add(release);\n    window.addEventListener(\"click\", click, true);\n    window.addEventListener(\"pointerdown\", replacement, true);\n    window.addEventListener(\"pointercancel\", replacement, true);\n    window.addEventListener(\"keydown\", release, true);\n  }\n  onMounted(() => {\n    stopWatching = watch(\n      open,\n      (visible, _, cleanup) => {\n        if (!visible) return;\n        const contains: HitTest = (target) =>\n          resolveElement<HTMLElement>(root.value)?.contains(target) ?? false;\n        const keydown = (event: KeyboardEvent) => {\n          if (layer.claimEscape(event)) close();\n        };\n        const pointerdown = (event: PointerEvent) => {\n          const target = event.target;\n          if (\n            !(target instanceof Element) ||\n            contains(target) ||\n            layer.containsHigher(target)\n          )\n            return;\n          let anotherScope = false;\n          if (consume)\n            for (const hit of openScopes)\n              if (hit !== contains && hit(target)) {\n                anotherScope = true;\n                break;\n              }\n          if (consume && !anotherScope) interceptActivation(event);\n          close();\n        };\n        openScopes.add(contains);\n        window.addEventListener(\"keydown\", keydown);\n        window.addEventListener(\"pointerdown\", pointerdown, true);\n        cleanup(() => {\n          openScopes.delete(contains);\n          window.removeEventListener(\"keydown\", keydown);\n          window.removeEventListener(\"pointerdown\", pointerdown, true);\n        });\n      },\n      { immediate: true },\n    );\n  });\n  onUnmounted(() => {\n    stopWatching?.();\n    for (const release of pendingClicks) release();\n  });\n  return layer;\n}\n"
+    },
+    {
+      "path": "registry/orvui/blocks/shared.ts",
+      "target": "~/src/components/orvui/blocks/shared.ts",
+      "type": "registry:lib",
+      "content": "import { useBlockDismiss } from \"./dismiss\";\nimport { resolveElement, useOverlay } from \"../lib/composables\";\nimport {\n  computed,\n  defineComponent,\n  h,\n  isVNode,\n  onMounted,\n  onUnmounted,\n  ref,\n  type Component,\n  type Ref,\n  type VNodeChild,\n} from \"vue\";\n\nexport type Content = VNodeChild | Component;\nexport const RenderNode = defineComponent({\n  props: [\"node\"],\n  setup(props) {\n    return () => {\n      const node = props.node;\n      if (isVNode(node) || node === null || node === undefined) return node;\n      if (typeof node === \"function\" || typeof node === \"object\")\n        return h(node as Component);\n      return node;\n    };\n  },\n});\n\nexport function useControllable<T>(\n  get: () => T | undefined,\n  initial: T,\n  emit: (value: T) => void,\n) {\n  const saved = ref(initial) as Ref<T>;\n  return computed<T>({\n    get() {\n      const value = get();\n      return value === undefined ? saved.value : value;\n    },\n    set(value) {\n      if (get() === undefined) saved.value = value;\n      emit(value);\n    },\n  });\n}\n\nexport function useOutside(\n  root: Ref<HTMLElement | undefined>,\n  close: () => void,\n  open: Ref<boolean>,\n) {\n  useBlockDismiss(open, root, close);\n}\n\nexport function useReduced() {\n  const reduced = ref(false);\n  let detach: (() => void) | undefined;\n  onMounted(() => {\n    if (typeof matchMedia !== \"function\") return;\n    const query = matchMedia(\"(prefers-reduced-motion: reduce)\");\n    const read = () => {\n      reduced.value = query.matches;\n    };\n    read();\n    query.addEventListener(\"change\", read);\n    detach = () => query.removeEventListener(\"change\", read);\n  });\n  onUnmounted(() => detach?.());\n  return reduced;\n}\n\nexport function rove(\n  event: KeyboardEvent,\n  root: HTMLElement,\n  selector = \"button:not(:disabled)\",\n) {\n  const items = [...root.querySelectorAll<HTMLElement>(selector)];\n  if (!items.length) return;\n  const current = items.indexOf(\n    root.ownerDocument.activeElement as HTMLElement,\n  );\n  let destination: number;\n  switch (event.key) {\n    case \"ArrowRight\":\n    case \"ArrowDown\":\n      destination = (current + 1) % items.length;\n      break;\n    case \"ArrowLeft\":\n    case \"ArrowUp\":\n      destination = (current - 1 + items.length) % items.length;\n      break;\n    case \"Home\":\n      destination = 0;\n      break;\n    case \"End\":\n      destination = items.length - 1;\n      break;\n    default:\n      return;\n  }\n  event.preventDefault();\n  items[destination]?.focus();\n}\n\nexport function useDialog(\n  open: Ref<boolean>,\n  root: Ref<HTMLElement | undefined>,\n  initial?: () => HTMLElement | undefined,\n) {\n  const element = computed(() => resolveElement<HTMLElement>(root.value));\n  useOverlay(\n    open,\n    element,\n    () => {\n      open.value = false;\n    },\n    initial,\n  );\n}\n"
+    },
+    {
+      "path": "registry/orvui/lib/composables.ts",
+      "target": "~/src/components/orvui/lib/composables.ts",
+      "type": "registry:lib",
+      "content": "import { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nimport { layerManager, type Layer } from \"./layers\";\n\nexport function useControllable<T>(props: Record<string, any>, key: string, emit: (...args: any[]) => void, fallback: T) {\n  const local = ref<T>(fallback) as Ref<T>;\n  const read = () => props[key] as T | undefined;\n  return computed<T>({\n    get() { const supplied = read(); return supplied === undefined ? local.value : supplied; },\n    set(value) { if (read() === undefined) local.value = value; emit(`update:${key}`, value); },\n  });\n}\n\nexport function useMediaQuery(query: string) {\n  const matches = ref(false);\n  let disconnect: (() => void) | undefined;\n  onMounted(() => {\n    if (typeof window.matchMedia !== \"function\") return;\n    const media = window.matchMedia(query);\n    const update = () => { matches.value = media.matches; };\n    update();\n    media.addEventListener?.(\"change\", update);\n    disconnect = () => media.removeEventListener?.(\"change\", update);\n  });\n  onBeforeUnmount(() => disconnect?.());\n  return matches;\n}\nexport function useReducedMotion() { return useMediaQuery(\"(prefers-reduced-motion: reduce)\"); }\n\nconst lockedProperties = [\"overflow\", \"position\", \"top\", \"left\", \"right\", \"width\"] as const;\nlet scrollOwners = 0;\nlet unlockPage: (() => void) | undefined;\nfunction acquirePage() {\n  if (scrollOwners++ === 0) {\n    const body = document.body.style;\n    const saved = lockedProperties.map(name => ({ name, value: body.getPropertyValue(name), priority: body.getPropertyPriority(name) }));\n    const x = window.scrollX, y = window.scrollY;\n    body.setProperty(\"overflow\", \"hidden\");\n    body.setProperty(\"position\", \"fixed\");\n    body.setProperty(\"left\", `${-x}px`);\n    body.setProperty(\"top\", `${-y}px`);\n    body.setProperty(\"right\", \"0px\");\n    body.setProperty(\"width\", \"100%\");\n    unlockPage = () => {\n      for (const entry of saved) {\n        if (entry.value) body.setProperty(entry.name, entry.value, entry.priority);\n        else body.removeProperty(entry.name);\n      }\n      const root = document.documentElement.style;\n      const behavior = root.getPropertyValue(\"scroll-behavior\");\n      const priority = root.getPropertyPriority(\"scroll-behavior\");\n      root.setProperty(\"scroll-behavior\", \"auto\");\n      window.scrollTo(x, y);\n      if (behavior) root.setProperty(\"scroll-behavior\", behavior, priority);\n      else root.removeProperty(\"scroll-behavior\");\n    };\n  }\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    if (--scrollOwners === 0) { unlockPage?.(); unlockPage = undefined; }\n  };\n}\nexport function useScrollLock(locked: Ref<boolean>) {\n  let mounted = false;\n  let release: (() => void) | undefined;\n  const update = (value: boolean) => {\n    if (!mounted) return;\n    if (value && !release) release = acquirePage();\n    if (!value && release) { release(); release = undefined; }\n  };\n  onMounted(() => { mounted = true; update(locked.value); });\n  watch(locked, update);\n  onBeforeUnmount(() => { release?.(); release = undefined; mounted = false; });\n}\n\nexport function resolveElement<T extends Element = HTMLElement>(value: unknown): T | null {\n  if (!value) return null;\n  const unwrapped = (value as { $el?: unknown }).$el ?? value;\n  return typeof (unwrapped as Element).nodeType === \"number\" && (unwrapped as Element).nodeType === 1 ? unwrapped as T : null;\n}\nconst focusable = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])';\nfunction createLayer(modal: boolean, panel?: { readonly value: unknown }): Layer {\n  return { key: Symbol(\"orvui-layer\"), modal, owner: getCurrentInstance(), surface: () => resolveElement(panel?.value), returnTo: null };\n}\nexport function useOverlay(open: Ref<boolean>, panel: Ref<HTMLElement | null>, close: () => void, initialFocus?: () => HTMLElement | undefined) {\n  const layer = createLayer(true, panel);\n  let mounted = false;\n  let revision = 0;\n  const sync = async (value: boolean) => {\n    const current = ++revision;\n    if (!mounted) return;\n    if (!value) { layerManager.detach(layer, true); return; }\n    if (!layerManager.attach(layer)) return;\n    await nextTick();\n    if (!mounted || current !== revision || !open.value || !layerManager.top(layer)) return;\n    (initialFocus?.() ?? layer.surface()?.querySelector<HTMLElement>(focusable) ?? layer.surface())?.focus({ preventScroll: true });\n  };\n  const onKey = (event: KeyboardEvent) => {\n    if (event.defaultPrevented || !open.value) return;\n    if (event.key === \"Escape\" && layerManager.top(layer)) {\n      event.preventDefault(); event.stopPropagation(); close(); return;\n    }\n    if (event.key !== \"Tab\" || !layerManager.modal(layer)) return;\n    const candidates = new Set<HTMLElement>();\n    for (const surface of layerManager.scopes(layer)) {\n      for (const node of surface.querySelectorAll<HTMLElement>(focusable)) {\n        if (node.getClientRects().length > 0 && !node.closest(\"[inert]\")) candidates.add(node);\n      }\n    }\n    event.preventDefault();\n    const nodes = [...candidates];\n    if (!nodes.length) { layer.surface()?.focus(); return; }\n    const position = nodes.indexOf(document.activeElement as HTMLElement);\n    const next = position < 0 ? (event.shiftKey ? nodes.length - 1 : 0) : (position + (event.shiftKey ? -1 : 1) + nodes.length) % nodes.length;\n    nodes[next].focus();\n  };\n  useScrollLock(open);\n  onMounted(() => { mounted = true; document.addEventListener(\"keydown\", onKey); void sync(open.value); });\n  watch(open, value => void sync(value));\n  onBeforeUnmount(() => { mounted = false; revision++; document.removeEventListener(\"keydown\", onKey); layerManager.detach(layer, true); });\n  return {\n    isTop: () => open.value && layerManager.top(layer),\n    containsHigher: (target: EventTarget | null) => layerManager.higher(layer, target),\n    containsOwnedPortal: (target: HTMLElement) => layerManager.containsPortal(layer.owner, target),\n  };\n}\nexport function useFloatingLayer(open: Ref<boolean>, panel?: { readonly value: unknown }) {\n  const layer = createLayer(false, panel);\n  let mounted = false;\n  let unregister: (() => void) | undefined;\n  const sync = (value: boolean) => {\n    if (!mounted) return;\n    if (value) layerManager.attach(layer); else layerManager.detach(layer, false);\n  };\n  onMounted(() => { mounted = true; unregister = layerManager.portal(layer.owner, layer.surface); sync(open.value); });\n  watch(open, sync, { flush: \"sync\" });\n  onBeforeUnmount(() => { mounted = false; unregister?.(); layerManager.detach(layer, false); });\n  const isTop = () => open.value && layerManager.top(layer);\n  return {\n    isTop,\n    claimEscape(event: KeyboardEvent) {\n      if (event.key !== \"Escape\" || event.defaultPrevented || !isTop()) return false;\n      event.preventDefault(); event.stopImmediatePropagation(); return true;\n    },\n    containsHigher: (target: EventTarget | null) => layerManager.higher(layer, target),\n  };\n}\nexport function useEventListener(target: () => EventTarget | null | undefined, event: string, handler: EventListener, options?: AddEventListenerOptions) {\n  let remove: (() => void) | undefined;\n  onMounted(() => { const element = target(); element?.addEventListener(event, handler, options); remove = () => element?.removeEventListener(event, handler, options); });\n  onBeforeUnmount(() => remove?.());\n}\n"
+    },
+    {
+      "path": "registry/orvui/lib/ease.ts",
+      "target": "~/src/components/orvui/lib/ease.ts",
+      "type": "registry:lib",
+      "content": "export const EASE_OUT = [0.16, 1, 0.3, 1] as const;\nexport const EASE_IN_OUT = [0.77, 0, 0.175, 1] as const;\nexport const EASE_DRAWER = [0.32, 0.72, 0, 1] as const;\nexport const EASE_OUT_CSS = \"cubic-bezier(0.16,1,0.3,1)\";\nexport const SPRING_PRESS = {\n  type: \"spring\",\n  stiffness: 500,\n  damping: 30,\n  mass: 0.6,\n} as const;\nexport const SPRING_SWAP = {\n  type: \"spring\",\n  stiffness: 460,\n  damping: 30,\n  mass: 0.55,\n} as const;\nexport const SPRING_PANEL = {\n  type: \"spring\",\n  stiffness: 420,\n  damping: 40,\n  mass: 0.5,\n} as const;\nexport const SPRING_LAYOUT = {\n  type: \"spring\",\n  stiffness: 360,\n  damping: 32,\n  mass: 0.6,\n} as const;\nexport const SPRING_MOUSE = { stiffness: 200, damping: 15, mass: 0.3 } as const;\nexport const SPRING_GLIDE = { stiffness: 700, damping: 50, mass: 0.5 } as const;\nexport const SPRING_TIMELINE = {\n  type: \"spring\",\n  stiffness: 120,\n  damping: 24,\n  mass: 1,\n} as const;\n"
+    },
+    {
+      "path": "registry/orvui/lib/layers.ts",
+      "target": "~/src/components/orvui/lib/layers.ts",
+      "type": "registry:lib",
+      "content": "import type { ComponentInternalInstance } from \"vue\";\n\ntype Surface = () => HTMLElement | null;\nexport interface Layer {\n  key: symbol;\n  modal: boolean;\n  owner: ComponentInternalInstance | null;\n  surface: Surface;\n  returnTo: HTMLElement | null;\n}\nconst active: Layer[] = [];\nconst portals = new Set<{ owner: ComponentInternalInstance | null; surface: Surface }>();\n\nfunction belongsTo(child: ComponentInternalInstance | null, parent: ComponentInternalInstance | null) {\n  if (!parent) return false;\n  for (let node = child; node; node = node.parent) if (node === parent) return true;\n  return false;\n}\nfunction later(layer: Layer) {\n  const index = active.indexOf(layer);\n  return index < 0 ? [] : active.slice(index + 1);\n}\nexport const layerManager = {\n  attach(layer: Layer) {\n    if (active.includes(layer)) return false;\n    layer.returnTo = document.activeElement as HTMLElement | null;\n    const before = active.findIndex(entry => entry.owner !== layer.owner && belongsTo(entry.owner, layer.owner));\n    active.splice(before < 0 ? active.length : before, 0, layer);\n    return true;\n  },\n  detach(layer: Layer, restore: boolean) {\n    const index = active.indexOf(layer);\n    if (index < 0) return;\n    const wasLast = index === active.length - 1;\n    const surface = layer.surface();\n    for (const successor of later(layer)) {\n      if (successor.returnTo && surface?.contains(successor.returnTo)) successor.returnTo = layer.returnTo;\n    }\n    active.splice(index, 1);\n    if (restore && wasLast && layer.returnTo?.isConnected) layer.returnTo.focus({ preventScroll: true });\n  },\n  top(layer: Layer) { return active.at(-1) === layer; },\n  modal(layer: Layer) { return active.slice().reverse().find(entry => entry.modal) === layer; },\n  higher(layer: Layer, target: EventTarget | null) {\n    return !!target && typeof (target as Node).nodeType === \"number\" && later(layer).some(entry => entry.surface()?.contains(target as Node));\n  },\n  scopes(layer: Layer) {\n    const result = [layer.surface()];\n    for (const entry of later(layer)) if (!entry.modal && belongsTo(entry.owner, layer.owner)) result.push(entry.surface());\n    return result.filter((surface): surface is HTMLElement => surface !== null);\n  },\n  portal(owner: ComponentInternalInstance | null, surface: Surface) {\n    const portal = { owner, surface };\n    portals.add(portal);\n    return () => portals.delete(portal);\n  },\n  containsPortal(owner: ComponentInternalInstance | null, target: HTMLElement) {\n    for (const portal of portals) {\n      const node = portal.surface();\n      if (node && belongsTo(portal.owner, owner) && target.contains(node)) return true;\n    }\n    return false;\n  },\n};\n"
+    },
+    {
+      "path": "registry/orvui/lib/RenderContent.ts",
+      "target": "~/src/components/orvui/lib/RenderContent.ts",
+      "type": "registry:lib",
+      "content": "import { defineComponent, h, isVNode } from \"vue\";\n\nexport default defineComponent({\n  props: [\"node\"],\n  setup(props) {\n    return () => {\n      const content = props.node;\n      if (typeof content === \"function\") return h(content);\n      if (content === null || typeof content !== \"object\" || Array.isArray(content) || isVNode(content)) return content;\n      return h(content);\n    };\n  },\n});\n"
+    },
+    {
+      "path": "registry/orvui/lib/utils.ts",
+      "target": "~/src/components/orvui/lib/utils.ts",
+      "type": "registry:lib",
+      "content": "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: unknown[]) {\n  const combined = clsx(...inputs as ClassValue[]);\n  return twMerge(combined);\n}\nexport function clamp(value: number, min: number, max: number) {\n  const aboveFloor = Math.max(min, value);\n  return Math.min(aboveFloor, max);\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/index.ts",
+      "target": "~/src/components/orvui/motion/action-swap/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as ActionSwapText } from \"./src/ActionSwapText.vue\";\nexport { default as ActionSwapIcon } from \"./src/ActionSwapIcon.vue\";\nexport { default as ActionSwapButton } from \"./src/ActionSwapButton.vue\";\n\nexport { default as ActionSwapCascadeButton } from \"./src/ActionSwapCascadeButton.vue\";\nexport { default as ActionSwapCascadeText } from \"./src/ActionSwapCascadeText.vue\";\nexport { default as ActionSwapCascadeIcon } from \"./src/ActionSwapCascadeIcon.vue\";\nexport { default as ActionSwapBlurButton } from \"./src/ActionSwapBlurButton.vue\";\nexport { default as ActionSwapBlurText } from \"./src/ActionSwapBlurText.vue\";\nexport { default as ActionSwapBlurIcon } from \"./src/ActionSwapBlurIcon.vue\";\nexport { default as ActionSwapRollButton } from \"./src/ActionSwapRollButton.vue\";\nexport { default as ActionSwapRollText } from \"./src/ActionSwapRollText.vue\";\nexport { default as ActionSwapRollIcon } from \"./src/ActionSwapRollIcon.vue\";\n\nexport type * from \"./src/api-types\";\n\nexport type * from \"./src/public-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapBlurButton.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapBlurButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"blur\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapBlurIcon.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapBlurIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"blur\"><slot /></ActionSwapIcon></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapBlurText.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapBlurText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"blur\"><slot /></ActionSwapText></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapButton.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, type Component, type VNodeChild } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useMotionState } from \"../../state\";\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; animation?: \"cascade\" | \"blur\" | \"roll\";\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n  iconOnly?: boolean; cycle?: boolean; disabled?: boolean;\n}>(), { animation: \"blur\", variant: \"secondary\", size: \"md\", cycle: true, iconOnly: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"change\", \"update:value\", \"valueChange\", \"click\"]);\nconst value = useMotionState(props, emit, \"modelValue\", props.defaultValue ?? props.items[0]?.id ?? \"\");\nconst index = computed(() => Math.max(0, props.items.findIndex(item => item.id === (props.value ?? value.value))));\nconst selected = computed(() => props.items[index.value] ?? props.items[0]);\nconst iconOnly = computed(() => props.iconOnly ?? props.size === \"icon\");\nconst hasIcons = computed(() => props.items.some(item => !!item.icon));\nconst reduced = useReducedMotion();\nconst color = computed(() => ({ primary: \"bg-primary text-primary-foreground hover:bg-primary/90\", secondary: \"border border-border bg-card text-foreground hover:border-border\", outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\", ghost: \"text-muted-foreground hover:bg-muted/60 hover:text-foreground\" })[props.variant]);\nconst geometry = computed(() => ({ sm: \"h-8 gap-1.5 rounded-full px-3 text-xs\", md: \"h-10 gap-2 rounded-full px-4 text-sm\", lg: \"h-12 gap-2.5 rounded-full px-5 text-base\", icon: \"h-10 w-10 rounded-full\" })[props.size]);\nconst accessibleName = computed(() => selected.value?.ariaLabel ?? (iconOnly.value && [\"string\", \"number\"].includes(typeof selected.value?.label) ? String(selected.value!.label) : undefined));\nfunction advance(event: MouseEvent) {\n  emit(\"click\", event);\n  if (event.defaultPrevented || props.disabled || !props.cycle || !props.items.length) return;\n  const next = props.items[(index.value + 1) % props.items.length]!;\n  value.value = next.id;\n  emit(\"update:value\", next.id);\n  emit(\"valueChange\", next.id, next);\n}\n</script>\n<template>\n  <motion.button v-if=\"selected\" type=\"button\" :disabled=\"disabled\" layout :layout-dependency=\"selected.id\" :aria-label=\"accessibleName\"\n    :while-press=\"reduced || disabled ? undefined : { scale: 0.97 }\" :transition=\"{ ...SPRING_PRESS, layout: reduced ? { duration: 0 } : SPRING_LAYOUT }\"\n    :style=\"{ borderRadius: '9999px' }\" :class=\"cn('inline-flex items-center justify-center overflow-hidden font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50', color, geometry, $attrs.class)\" @click=\"advance\">\n    <motion.span v-if=\"hasIcons || $slots.icon\" layout=\"position\" :layout-dependency=\"selected.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" class=\"inline-flex shrink-0\">\n      <ActionSwapIcon :value=\"selected.id\" :animation=\"animation\" class=\"h-4 w-4\"><slot name=\"icon\" :item=\"selected\"><RenderContent v-if=\"selected.icon\" :node=\"selected.icon\" class=\"size-4\" /></slot></ActionSwapIcon>\n    </motion.span>\n    <motion.span v-if=\"!iconOnly\" layout=\"position\" :layout-dependency=\"selected.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" class=\"inline-flex min-w-0 max-w-full\">\n      <ActionSwapText :value=\"selected.id\" :animation=\"animation\"><slot :item=\"selected\"><template v-if=\"typeof selected.label === 'string' || typeof selected.label === 'number'\">{{ selected.label }}</template><RenderContent v-else :node=\"selected.label\" /></slot></ActionSwapText>\n    </motion.span>\n  </motion.button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapCascadeButton.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapCascadeButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"cascade\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapCascadeIcon.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapCascadeIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"cascade\"><slot /></ActionSwapIcon></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapCascadeText.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapCascadeText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"cascade\"><slot /></ActionSwapText></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapIcon.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { swapPose } from \"./poses\";\nconst props = withDefaults(defineProps<{ value: string | number; animation?: \"cascade\" | \"blur\" | \"roll\" }>(), { animation: \"blur\" });\nconst reduced = useReducedMotion();\nconst pose = computed(() => swapPose(props.animation, \"icon\", reduced.value));\n</script>\n<template><span class=\"relative inline-grid shrink-0 place-items-center overflow-hidden\"><AnimatePresence mode=\"popLayout\" :initial=\"false\">\n  <motion.span :key=\"`${animation}-${value}`\" aria-hidden=\"true\" v-bind=\"pose\" class=\"col-start-1 row-start-1 inline-flex items-center justify-center will-change-[opacity,filter,transform]\"><slot /></motion.span>\n</AnimatePresence></span></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapRollButton.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapRollButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"roll\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapRollIcon.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapRollIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"roll\"><slot /></ActionSwapIcon></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapRollText.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapRollText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"roll\"><slot /></ActionSwapText></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapText.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { Comment, computed, Fragment, isVNode, Text, useSlots, type VNode } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cascadePoses, swapPose } from \"./poses\";\nconst props = withDefaults(defineProps<{ value: string | number; animation?: \"cascade\" | \"blur\" | \"roll\" }>(), { animation: \"blur\" });\nconst slots = useSlots(), reduced = useReducedMotion();\nfunction textContent(nodes: VNode[]): string | null {\n  let result = \"\";\n  for (const node of nodes) {\n    if (node.type === Comment) continue;\n    if (node.type === Text && typeof node.children === \"string\") result += node.children;\n    else if (node.type === Fragment && Array.isArray(node.children)) {\n      if (!node.children.every(isVNode)) return null;\n      const nested = textContent(node.children as VNode[]);\n      if (nested === null) return null;\n      result += nested;\n    } else return null;\n  }\n  return result;\n}\nconst label = computed(() => { void props.value; return textContent(slots.default?.() ?? []); });\nconst cascade = computed(() => props.animation === \"cascade\" && label.value !== null && !reduced.value);\nconst pose = computed(() => swapPose(props.animation, \"text\", reduced.value));\n</script>\n<template>\n  <span class=\"relative -my-[0.08em] inline-block max-w-full whitespace-nowrap py-[0.08em] align-bottom\" style=\"clip-path: inset(0 -999px); -webkit-clip-path: inset(0 -999px)\">\n    <span aria-hidden=\"true\" class=\"invisible inline-block whitespace-nowrap\"><template v-if=\"cascade\"><span v-for=\"(character, index) in label?.split('')\" :key=\"index\" class=\"inline-block whitespace-pre\">{{ character }}</span></template><slot v-else /></span>\n    <template v-if=\"cascade\"><span class=\"sr-only\">{{ label }}</span><AnimatePresence :initial=\"false\">\n      <motion.span :key=\"`cascade-${value}`\" aria-hidden=\"true\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"absolute left-0 top-[0.08em] inline-block whitespace-pre\">\n        <motion.span v-for=\"(character, index) in label?.split('')\" :key=\"index\" :custom=\"index * 0.025\" :variants=\"cascadePoses\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"inline-block whitespace-pre will-change-[opacity,filter,transform]\">{{ character }}</motion.span>\n      </motion.span>\n    </AnimatePresence></template>\n    <AnimatePresence v-else :initial=\"false\"><motion.span :key=\"`${animation}-${value}`\" v-bind=\"pose\" class=\"absolute left-0 top-[0.08em] inline-block max-w-full truncate will-change-[opacity,filter,transform]\"><slot /></motion.span></AnimatePresence>\n  </span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/action-swap/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type ActionSwapBlurButtonProps = InstanceType<\n  (typeof import(\"./ActionSwapBlurButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapBlurIconProps = InstanceType<\n  (typeof import(\"./ActionSwapBlurIcon.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapBlurTextProps = InstanceType<\n  (typeof import(\"./ActionSwapBlurText.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapButtonProps = InstanceType<\n  (typeof import(\"./ActionSwapButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapCascadeButtonProps = InstanceType<\n  (typeof import(\"./ActionSwapCascadeButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapCascadeIconProps = InstanceType<\n  (typeof import(\"./ActionSwapCascadeIcon.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapCascadeTextProps = InstanceType<\n  (typeof import(\"./ActionSwapCascadeText.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapIconProps = InstanceType<\n  (typeof import(\"./ActionSwapIcon.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapRollButtonProps = InstanceType<\n  (typeof import(\"./ActionSwapRollButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapRollIconProps = InstanceType<\n  (typeof import(\"./ActionSwapRollIcon.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapRollTextProps = InstanceType<\n  (typeof import(\"./ActionSwapRollText.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapTextProps = InstanceType<\n  (typeof import(\"./ActionSwapText.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/poses.ts",
+      "target": "~/src/components/orvui/motion/action-swap/src/poses.ts",
+      "type": "registry:lib",
+      "content": "import { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nexport function swapPose(animation: \"cascade\" | \"blur\" | \"roll\", kind: \"icon\" | \"text\", quiet: boolean) {\n  const rolling = animation !== \"blur\";\n  const initial = rolling ? { opacity: 0, y: kind === \"icon\" ? 12 : \"90%\", filter: \"blur(6px)\" }\n    : { opacity: 0, scale: kind === \"icon\" ? 0.25 : 0.96, filter: \"blur(6px)\" };\n  const exit = rolling ? { opacity: 0, y: kind === \"icon\" ? -12 : \"-90%\", filter: \"blur(6px)\", transition: { duration: 0.14, ease: EASE_OUT } }\n    : { opacity: 0, scale: kind === \"icon\" ? 0.25 : 0.96, filter: \"blur(6px)\", transition: { duration: 0.12, ease: EASE_OUT } };\n  return { initial: quiet ? false as const : initial, animate: { opacity: 1, y: 0, scale: 1, filter: \"blur(0px)\" }, exit: quiet ? undefined : exit, transition: rolling ? SPRING_SWAP : { duration: 0.18, ease: EASE_OUT } };\n}\nexport const cascadePoses = {\n  initial: { opacity: 0, y: \"105%\", filter: \"blur(6px)\" },\n  animate: (offset: unknown = 0) => ({ opacity: 1, y: \"0%\", filter: \"blur(0px)\", transition: { ...SPRING_SWAP, delay: Number(offset) } }),\n  exit: (offset: unknown = 0) => ({ opacity: 0, y: \"-105%\", filter: \"blur(6px)\", transition: { duration: 0.16, ease: EASE_OUT, delay: Number(offset) / 2 } }),\n};\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/public-types.ts",
+      "target": "~/src/components/orvui/motion/action-swap/src/public-types.ts",
+      "type": "registry:lib",
+      "content": "import type { ActionSwapButtonProps } from \"./api-types\";\nexport type ActionSwapAnimation = NonNullable<\n  ActionSwapButtonProps[\"animation\"]\n>;\nexport type ActionSwapButtonSize = NonNullable<ActionSwapButtonProps[\"size\"]>;\nexport type ActionSwapButtonVariant = NonNullable<\n  ActionSwapButtonProps[\"variant\"]\n>;\nexport type ActionSwapItem = ActionSwapButtonProps[\"items\"][number];\n"
+    },
+    {
+      "path": "registry/orvui/motion/state.ts",
+      "target": "~/src/components/orvui/motion/state.ts",
+      "type": "registry:lib",
+      "content": "import { computed, ref, type Ref, type WritableComputedRef } from \"vue\";\n\n/** A value may move between parent control and local ownership during its life. */\nexport function useMotionState<T>(\n  props: Record<string, any>,\n  emit: (...args: any[]) => void,\n  key: string,\n  fallback: T,\n): WritableComputedRef<T> {\n  const memory = ref(fallback) as Ref<T>;\n  return computed({\n    get(): T {\n      const supplied = props[key];\n      return supplied === undefined ? memory.value : supplied;\n    },\n    set(requested: T) {\n      memory.value = requested;\n      emit(`update:${key}`, requested);\n      if (key === \"modelValue\") emit(\"change\", requested);\n    },\n  });\n}\n\n/** Rove focus within the event surface, using its own document. */\nexport function focusList(event: KeyboardEvent, selector = \"button:not(:disabled)\") {\n  const direction = new Map<string, number>([\n    [\"ArrowDown\", 1], [\"ArrowRight\", 1], [\"ArrowUp\", -1], [\"ArrowLeft\", -1],\n  ]).get(event.key);\n  if (direction === undefined && event.key !== \"Home\" && event.key !== \"End\") return;\n  const surface = event.currentTarget as HTMLElement | null;\n  if (!surface) return;\n  const candidates = [...surface.querySelectorAll<HTMLElement>(selector)];\n  if (!candidates.length) return;\n  const current = candidates.indexOf(surface.ownerDocument.activeElement as HTMLElement);\n  const index = event.key === \"Home\" ? 0\n    : event.key === \"End\" ? candidates.length - 1\n    : current === -1 ? (direction === -1 ? candidates.length - 1 : 0)\n    : (current + direction! + candidates.length) % candidates.length;\n  event.preventDefault();\n  candidates[index]?.focus();\n}\n"
+    },
+    {
+      "path": "registry/orvui/styles.css.txt",
+      "target": "~/src/components/orvui/styles.css",
+      "type": "registry:file",
+      "content": "@import \"tailwindcss\";\n@import \"./tokens.css\";\n@source \"./**/*.{vue,ts}\";\n@source not \"./**/tests/**\";\n@custom-variant dark (&:where(.dark, .dark *));\n\n:root { --announcement-h: 2.5rem; }\n\n@theme {\n  --background-image-brand-bg: var(--gradient-bg);\n  --background-image-brand-accent: var(--gradient-accent);\n  --animate-marquee: marquee 30s linear infinite;\n  --animate-marquee-vertical: marquee-vertical 30s linear infinite;\n  --animate-rainbow-border: rainbow-border 3s linear infinite;\n  --animate-shimmer: shimmer 2.5s linear infinite;\n  --animate-action-send: action-send 520ms var(--ease-out) both;\n  --animate-action-copy: action-copy 520ms var(--ease-out) both;\n  --animate-action-download: action-download 540ms var(--ease-out) both;\n  --animate-action-archive: action-archive 520ms var(--ease-out) both;\n  --animate-action-bell: action-bell 680ms var(--ease-out) both;\n  --animate-action-settings: action-settings 720ms var(--ease-out) both;\n}\n\n/* Named motion tracks are part of the public styling contract. */\n@keyframes marquee { to { transform: translateX(calc(-100% - var(--gap, 1rem))); } }\n@keyframes marquee-vertical { to { transform: translateY(calc(-100% - var(--gap, 1rem))); } }\n@keyframes rainbow-border {\n  from { background-position: 0% 50%; }\n  to { background-position: 100% 50%; }\n}\n@keyframes shimmer {\n  from { background-position: 200% 0; }\n  to { background-position: -200% 0; }\n}\n@keyframes action-send {\n  0%, 100% { transform: translate(0, 0); }\n  45% { transform: translate(2px, -2px); }\n}\n@keyframes action-copy {\n  0%, 100% { transform: translate(0, 0); }\n  40% { transform: translate(1.5px, -1.5px); }\n  70% { transform: translate(-1px, 1px); }\n}\n@keyframes action-download {\n  0%, 100% { transform: translateY(0); }\n  42% { transform: translateY(2.5px); }\n}\n@keyframes action-archive {\n  0%, 100% { transform: scale(1); }\n  45% { transform: scale(0.9); }\n}\n@keyframes action-bell {\n  0%, 100% { transform: rotate(0deg); }\n  18% { transform: rotate(14deg); }\n  36% { transform: rotate(-12deg); }\n  54% { transform: rotate(8deg); }\n  72% { transform: rotate(-5deg); }\n}\n@keyframes action-settings {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(90deg); }\n}\n\n@layer base {\n  html, body { overflow-x: clip; }\n  html { color-scheme: light dark; }\n  body {\n    font-family: var(--font-sans);\n    color: var(--foreground);\n    background: var(--background);\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n  }\n  a, button:not(:disabled), [role=\"button\"]:not(:disabled) { cursor: pointer; }\n  ::selection {\n    color: var(--foreground);\n    background: color-mix(in oklch, var(--accent) 30%, transparent);\n  }\n  .shiki, .shiki span { color: var(--shiki-light); }\n  .dark .shiki, .dark .shiki span { color: var(--shiki-dark); }\n}\n\n@layer utilities {\n  .text-balance { text-wrap: balance; }\n  .text-pretty { text-wrap: pretty; }\n  .scrollbar-hide { scrollbar-width: none; }\n  .scrollbar-hide::-webkit-scrollbar { display: none; }\n  .mask-b-fade { mask-image: linear-gradient(to bottom, black 60%, transparent); }\n  .mask-radial-fade { mask-image: radial-gradient(ellipse at center, black 40%, transparent 75%); }\n  .grid-noise {\n    background-size: 32px 32px;\n    background-image: linear-gradient(to right, color-mix(in oklch, var(--foreground) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--foreground) 6%, transparent) 1px, transparent 1px);\n  }\n  .glass {\n    background: var(--glass-bg);\n    border: 1px solid var(--glass-border);\n    backdrop-filter: blur(20px) saturate(160%);\n    box-shadow: inset 0 1px 0 0 rgb(255 255 255 / 0.06), 0 24px 60px -24px rgb(0 0 0 / 0.45);\n  }\n  .glass-strong { background: var(--glass-strong-bg); backdrop-filter: blur(16px); }\n  .glass-thin { background: var(--glass-thin-bg); backdrop-filter: blur(12px); border: 1px solid var(--glass-border); }\n  .press { transition: transform 120ms var(--ease-out); }\n  .press:active { transform: scale(0.97); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n"
+    },
+    {
+      "path": "registry/orvui/tokens.css.txt",
+      "target": "~/src/components/orvui/tokens.css",
+      "type": "registry:file",
+      "content": "/* Generated from the orvui theme compatibility contract. */\n\n:root {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: #0285f7;\n  --primary-foreground: #ffffff;\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(72% 0.18 195);\n  --accent-foreground: var(--accent-fg);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: var(--border-strong);\n}\n\n.dark {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: #0285f7;\n  --primary-foreground: #ffffff;\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(80% 0.18 195);\n  --accent-foreground: var(--accent-fg);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: var(--border-strong);\n}\n\n[data-theme=\"violet\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(55% 0.2 290);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(55% 0.2 290);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(55% 0.2 290 / 0.5);\n}\n.dark[data-theme=\"violet\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(72% 0.16 290);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(72% 0.16 290);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(72% 0.16 290 / 0.55);\n}\n\n[data-theme=\"blue\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(55% 0.18 255);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(55% 0.18 255);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(55% 0.18 255 / 0.5);\n}\n.dark[data-theme=\"blue\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(70% 0.15 255);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(70% 0.15 255);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(70% 0.15 255 / 0.55);\n}\n\n[data-theme=\"green\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(56% 0.14 150);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(56% 0.14 150);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(56% 0.14 150 / 0.5);\n}\n.dark[data-theme=\"green\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(72% 0.15 150);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(72% 0.15 150);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(72% 0.15 150 / 0.55);\n}\n\n[data-theme=\"amber\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(74% 0.15 70);\n  --primary-foreground: oklch(20% 0.02 70);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(74% 0.15 70);\n  --accent-foreground: oklch(20% 0.02 70);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(74% 0.15 70 / 0.5);\n}\n.dark[data-theme=\"amber\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(80% 0.15 75);\n  --primary-foreground: oklch(18% 0.02 75);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(80% 0.15 75);\n  --accent-foreground: oklch(18% 0.02 75);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(80% 0.15 75 / 0.55);\n}\n\n[data-theme=\"blood-orange\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(60% 0.19 40);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(60% 0.19 40);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(60% 0.19 40 / 0.5);\n}\n.dark[data-theme=\"blood-orange\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(72% 0.17 42);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(72% 0.17 42);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(72% 0.17 42 / 0.55);\n}\n\n[data-theme=\"rose\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(58% 0.2 12);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(58% 0.2 12);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(58% 0.2 12 / 0.5);\n}\n.dark[data-theme=\"rose\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(70% 0.17 12);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(70% 0.17 12);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(70% 0.17 12 / 0.55);\n}\n\n[data-theme=\"red\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(55% 0.22 25);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(55% 0.22 25);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(55% 0.22 25 / 0.5);\n}\n.dark[data-theme=\"red\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(68% 0.19 25);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(68% 0.19 25);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(68% 0.19 25 / 0.55);\n}\n\n[data-theme=\"teal\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(55% 0.12 185);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(55% 0.12 185);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(55% 0.12 185 / 0.5);\n}\n.dark[data-theme=\"teal\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(72% 0.13 185);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(72% 0.13 185);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(72% 0.13 185 / 0.55);\n}\n\n[data-theme=\"indigo\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(50% 0.2 275);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(50% 0.2 275);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(50% 0.2 275 / 0.5);\n}\n.dark[data-theme=\"indigo\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(70% 0.16 275);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(70% 0.16 275);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(70% 0.16 275 / 0.55);\n}\n\n[data-theme=\"lime\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(72% 0.18 130);\n  --primary-foreground: oklch(20% 0.04 130);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(72% 0.18 130);\n  --accent-foreground: oklch(20% 0.04 130);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(72% 0.18 130 / 0.5);\n}\n.dark[data-theme=\"lime\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(80% 0.18 130);\n  --primary-foreground: oklch(18% 0.04 130);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(80% 0.18 130);\n  --accent-foreground: oklch(18% 0.04 130);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(80% 0.18 130 / 0.55);\n}\n\n@theme inline {\n  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\n  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);\n  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);\n  --color-border: var(--border);\n  --color-border-strong: var(--border-strong);\n  --color-neon: var(--neon);\n  --color-violet: var(--violet);\n  --color-success: var(--success);\n  --color-warning: var(--warning);\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --color-card: var(--card);\n  --color-card-foreground: var(--card-foreground);\n  --color-popover: var(--popover);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-primary: var(--primary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-secondary: var(--secondary);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-muted: var(--muted);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-accent: var(--accent);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-destructive: var(--destructive);\n  --color-input: var(--input);\n  --color-ring: var(--ring);\n  --font-sans: var(--font-geist-sans, Geist), ui-sans-serif, system-ui, sans-serif;\n  --font-mono: var(--font-geist-mono, \"Geist Mono\"), ui-monospace, monospace;\n  --font-display: var(--font-geist-sans, Geist), ui-sans-serif, system-ui, sans-serif;\n}\n\n"
+    },
+    {
+      "path": "registry/orvui/LICENSE.txt",
+      "target": "~/src/components/orvui/LICENSE.txt",
+      "type": "registry:file",
+      "content": "MIT License\n\nCopyright (c) 2026 everfu\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
+    },
+    {
+      "path": "registry/orvui/NOTICE.txt",
+      "target": "~/src/components/orvui/NOTICE.txt",
+      "type": "registry:file",
+      "content": "orvui component library\n\nCopyright (c) 2026 everfu. orvui source is distributed under MIT.\nPublic signatures, numeric palette values and visual compatibility inputs are\nmaintained as the product contract. Third-party material remains separately\nlicensed; the orvui MIT license does not replace the terms below.\n\nThe documentation hero uses the framework-neutral border-beam 1.4.1 generator,\nCopyright (c) 2026 Jakub Antalik, MIT licensed. Its license is retained at\napps/docs/public/licenses/border-beam-MIT.txt.\n\nPaper Design GPU programs and @paper-design/shaders remain under PolyForm\nShield 1.0.0. See src/motion/shader-background/LICENSE.paper-design in the\npackage and /licenses/paper-design-PolyForm-Shield.txt in the documentation.\n\nGeist and Geist Mono come from installed Fontsource packages. Their SIL Open\nFont License texts are retained in the documentation licenses directory.\nLucide icons retain their ISC license. Simple Icons brand assets come from\n@iconify-json/simple-icons 1.2.100 and retain CC0 1.0 Universal; see the\nadjacent LICENSE.simple-icons files and /licenses/simple-icons-CC0.txt.\n\nDemo photography is separate third-party material served by Unsplash and\nLorem Picsum, under the provider's terms: https://unsplash.com/license .\nDiceBear Glass avatars are CC0: https://www.dicebear.com/styles/glass/ .\nCountry flag images come from Flagpedia's documented CDN service:\nhttps://flagpedia.net/download/api . These media are not relicensed as orvui code.\nConsumer-level source records are in tools/catalog/media-provenance.json;\nthe documentation serves a copy at /media-provenance.json.\n\nSynthetic club badges, terrain illustrations and demonstration copy authored\nin this implementation use the orvui MIT license. No institutional or sports\nteam marks are bundled with the synthetic market-card example.\n"
+    }
+  ],
+  "dependencies": [
+    "clsx@^2.1.1",
+    "lucide-vue-next@^0.468.0",
+    "motion-v@^1.10.0",
+    "shiki@^3.0.0",
+    "tailwind-merge@^3.0.0",
+    "tailwindcss@^4.0.0"
+  ],
+  "meta": {
+    "product": "orvui",
+    "version": "0.1.0",
+    "package": "@orvui/vue",
+    "category": "agents",
+    "registry": "https://orvui.efu.me/r/tool-result.json"
+  }
+}