@orvui/vue 0.0.0-stage → 0.1.1

package/registry/message.json

@@ -0,0 +1,257 @@
+{
+  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
+  "name": "message",
+  "type": "registry:component",
+  "title": "Message",
+  "description": "Build a conversation entry from content, attachments, sources and action parts.",
+  "files": [
+    {
+      "path": "registry/orvui/agents/message-bubble/index.ts",
+      "target": "~/src/components/orvui/agents/message-bubble/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as MessageBubble } from \"./src/MessageBubble.vue\";\nexport { default as MessageBubbleContent } from \"./src/MessageBubbleContent.vue\";\nexport { default as MessageBubbleGroup } from \"./src/MessageBubbleGroup.vue\";\nexport { default as MessageBubbleCollapsible } from \"./src/MessageBubbleCollapsible.vue\";\nexport * from \"./src/context\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/message-bubble/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type MessageBubbleCollapsibleProps = InstanceType<\n  (typeof import(\"./MessageBubbleCollapsible.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageBubbleContentProps = InstanceType<\n  (typeof import(\"./MessageBubbleContent.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageBubbleGroupProps = InstanceType<\n  (typeof import(\"./MessageBubbleGroup.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageBubbleProps = InstanceType<\n  (typeof import(\"./MessageBubble.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/src/context.ts",
+      "target": "~/src/components/orvui/agents/message-bubble/src/context.ts",
+      "type": "registry:lib",
+      "content": "import type { ComputedRef, InjectionKey } from \"vue\";\nexport type MessageBubbleVariant =\n  \"solid\" | \"soft\" | \"tint\" | \"outline\" | \"ghost\" | \"danger\";\nexport type MessageBubbleAlign = \"start\" | \"end\";\ninterface BubbleContext {\n  align: MessageBubbleAlign;\n  variant: MessageBubbleVariant;\n  animateIn: boolean;\n}\nexport const bubbleKey = Symbol(\"orvui-bubble\") as InjectionKey<\n  ComputedRef<BubbleContext>\n>;\nexport const bubbleLayoutKey = Symbol(\"orvui-bubble-layout\") as InjectionKey<\n  () => void\n>;\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/src/MessageBubble.vue",
+      "target": "~/src/components/orvui/agents/message-bubble/src/MessageBubble.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, inject, provide } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { messageKey } from \"../../message/src/context\";\nimport {\n  bubbleKey,\n  type MessageBubbleAlign,\n  type MessageBubbleVariant,\n} from \"./context\";\nconst props = withDefaults(\n  defineProps<{\n    variant?: MessageBubbleVariant;\n    align?: MessageBubbleAlign;\n    animateIn?: boolean;\n  }>(),\n  { variant: \"soft\", animateIn: false },\n);\nconst parent = inject(\n  messageKey,\n  computed(() => \"assistant\" as const),\n);\nconst alignment = computed(\n  () => props.align ?? (parent.value === \"user\" ? \"end\" : \"start\"),\n);\nconst context = computed(() => ({\n  align: alignment.value,\n  variant: props.variant,\n  animateIn: props.animateIn,\n}));\nprovide(bubbleKey, context);\nconst reduced = useReducedMotion();\n</script>\n<template>\n  <motion.div\n    data-slot=\"message-bubble\"\n    :data-align=\"alignment\"\n    :data-variant=\"variant\"\n    :class=\"\n      cn(\n        'group/bubble flex w-full flex-col',\n        alignment === 'end' ? 'items-end' : 'items-start',\n      )\n    \"\n    :exit=\"{ opacity: 0, y: -3, scale: 0.99 }\"\n    :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\"\n    ><slot\n  /></motion.div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/src/MessageBubbleCollapsible.vue",
+      "target": "~/src/components/orvui/agents/message-bubble/src/MessageBubbleCollapsible.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, inject, useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { ChevronDown } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport { bubbleLayoutKey } from \"./context\";\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    collapsedLines?: 2 | 3 | 4 | 5 | 6;\n    moreLabel?: Content;\n    lessLabel?: Content;\n    contentClassName?: string;\n    triggerClassName?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    collapsedLines: 4,\n    moreLabel: \"Show more\",\n    lessLabel: \"Show less\",\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n}>();\nconst invalidate = inject(bubbleLayoutKey, () => {});\nconst expanded = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    invalidate();\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst identity = useId();\nconst reduced = useReducedMotion();\nconst clamp = computed(\n  () =>\n    ({\n      2: \"line-clamp-2\",\n      3: \"line-clamp-3\",\n      4: \"line-clamp-4\",\n      5: \"line-clamp-5\",\n      6: \"line-clamp-6\",\n    })[props.collapsedLines],\n);\n</script>\n<template>\n  <div\n    data-slot=\"message-bubble-collapsible\"\n    :data-state=\"expanded ? 'open' : 'closed'\"\n    class=\"w-full\"\n  >\n    <div\n      :id=\"identity\"\n      :class=\"\n        cn(\n          'transition-[mask-image] duration-200',\n          !expanded && clamp,\n          !expanded &&\n            '[mask-image:linear-gradient(to_bottom,#000_68%,transparent_100%)]',\n          contentClassName,\n        )\n      \"\n    >\n      <slot />\n    </div>\n    <button\n      type=\"button\"\n      :aria-expanded=\"expanded\"\n      :aria-controls=\"identity\"\n      @click=\"expanded = !expanded\"\n      :class=\"\n        cn(\n          'mt-2 inline-flex h-7 items-center gap-1 rounded-full px-2 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n          triggerClassName,\n        )\n      \"\n    >\n      <span><RenderNode :node=\"expanded ? lessLabel : moreLabel\" /></span\n      ><motion.span\n        aria-hidden=\"true\"\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  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/src/MessageBubbleContent.vue",
+      "target": "~/src/components/orvui/agents/message-bubble/src/MessageBubbleContent.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, inject, provide, ref, type Component } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { bubbleKey, bubbleLayoutKey } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(defineProps<{ as?: string | Component }>(), {\n  as: \"div\",\n});\nconst context = inject(\n  bubbleKey,\n  computed(() => ({\n    align: \"start\" as const,\n    variant: \"soft\" as const,\n    animateIn: false,\n  })),\n);\nconst reduced = useReducedMotion();\nconst revision = ref(0);\nprovide(bubbleLayoutKey, () => {\n  revision.value++;\n});\nconst variants = {\n  solid: \"bg-foreground\",\n  soft: \"bg-muted\",\n  tint: \"bg-muted\",\n  outline: \"border border-border/70 bg-background\",\n  ghost: \"\",\n  danger: \"bg-destructive/10\",\n};\nconst classes = computed(() =>\n  cn(\n    context.value.variant === \"solid\" && \"text-background\",\n    context.value.variant === \"danger\" && \"text-destructive\",\n    context.value.variant === \"ghost\" &&\n      \"w-full max-w-none rounded-none px-0 py-0\",\n    [\"button\", \"a\"].includes(props.as as string) &&\n      \"cursor-pointer text-left outline-none transition-[background-color,color,transform] duration-150 hover:brightness-[0.98] focus-visible:ring-2 focus-visible:ring-ring active:scale-[0.99]\",\n  ),\n);\n</script>\n<template>\n  <component\n    :is=\"as\"\n    data-slot=\"message-bubble-content\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'relative z-0 min-w-9 max-w-[82%] rounded-2xl px-3.5 py-2.5 text-sm leading-6 text-foreground [&_a]:font-medium [&_a]:underline [&_a]:underline-offset-4 [&_code]:rounded [&_code]:bg-background/60 [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em] [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_p+p]:mt-2 [&_pre]:my-2 [&_pre]:overflow-x-auto [&_pre]:rounded-xl [&_pre]:bg-background/60 [&_pre]:p-3 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5',\n        classes,\n        $attrs.class,\n      )\n    \"\n  >\n    <motion.span\n      v-if=\"context.variant !== 'ghost'\"\n      aria-hidden=\"true\"\n      :layout=\"reduced ? false : 'size'\"\n      :layout-dependency=\"revision\"\n      :initial=\"\n        context.animateIn && !reduced ? { opacity: 0, scale: 0.92 } : false\n      \"\n      :animate=\"{ opacity: 1, scale: 1 }\"\n      :transition=\"\n        reduced\n          ? { duration: 0 }\n          : {\n              opacity: { duration: 0.12, ease: EASE_OUT },\n              scale: {\n                type: 'spring',\n                stiffness: 520,\n                damping: 27,\n                mass: 0.52,\n              },\n              layout: SPRING_LAYOUT,\n            }\n      \"\n      :class=\"\n        cn(\n          'pointer-events-none absolute inset-0 -z-10 rounded-[inherit]',\n          context.align === 'end'\n            ? 'origin-bottom-right'\n            : 'origin-bottom-left',\n          variants[context.variant],\n        )\n      \"\n    />\n    <motion.div\n      class=\"relative\"\n      :initial=\"context.animateIn ? { opacity: 0 } : false\"\n      :animate=\"{ opacity: 1 }\"\n      :transition=\"{\n        duration: 0.12,\n        ease: EASE_OUT,\n        delay: reduced ? 0 : 0.04,\n      }\"\n      ><slot\n    /></motion.div>\n  </component>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/src/MessageBubbleGroup.vue",
+      "target": "~/src/components/orvui/agents/message-bubble/src/MessageBubbleGroup.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { h, renderSlot, useAttrs } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(defineProps<{ spacing?: \"compact\" | \"default\" }>(), {\n  spacing: \"compact\",\n});\nconst slots = defineSlots<{ default?(props: {}): any }>();\nconst attrs = useAttrs();\nconst gaps = { compact: \"gap-1.5\", default: \"gap-3\" } as const;\nconst RenderFrame = () =>\n  h(\n    \"div\",\n    {\n      \"data-slot\": \"message-bubble-group\",\n      ...attrs,\n      class: cn(\n        \"flex w-full flex-col\",\n        gaps[props.spacing === \"compact\" ? \"compact\" : \"default\"],\n        attrs.class,\n      ),\n    },\n    [renderSlot(slots, \"default\")],\n  );\n</script>\n<template><RenderFrame /></template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-scroller/index.ts",
+      "target": "~/src/components/orvui/agents/message-scroller/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as MessageScroller } from \"./src/MessageScroller.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-scroller/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/message-scroller/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type MessageScrollerProps = InstanceType<\n  (typeof import(\"./MessageScroller.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-scroller/src/MessageScroller.vue",
+      "target": "~/src/components/orvui/agents/message-scroller/src/MessageScroller.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport {\n  computed,\n  h,\n  isRef,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useId,\n  useSlots,\n  watch,\n  type ComponentPublicInstance,\n  type HTMLAttributes,\n  type Ref,\n} from \"vue\";\nimport { PreviewRail, type PreviewRailItem } from \"../../../motion/preview-rail\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    followOutput?: boolean;\n    followThreshold?: number;\n    smooth?: boolean;\n    label?: string;\n    busy?: boolean;\n    navigation?: \"rail\";\n    navigationLabel?: string;\n    viewportClassName?: string;\n    contentClassName?: string;\n    railClassName?: string;\n    viewportRef?:\n      Ref<HTMLElement | null> | ((element: HTMLElement | null) => void);\n    viewportProps?: HTMLAttributes;\n    contentProps?: HTMLAttributes;\n  }>(),\n  {\n    followOutput: true,\n    followThreshold: 56,\n    smooth: true,\n    label: \"Conversation\",\n    navigationLabel: \"Message navigation\",\n  },\n);\nconst emit = defineEmits<{ followChange: [following: boolean] }>();\nconst slots = useSlots();\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst viewport = ref<HTMLElement | null>(null);\nconst transcript = ref<HTMLElement | null>(null);\nconst links = ref<PreviewRailItem[]>([]);\nconst selected = ref(\"\");\nconst overflowing = ref(false);\nconst identities = new WeakMap<HTMLElement, string>();\nconst destinations = new Map<string, HTMLElement>();\nlet sequence = 0,\n  live = props.followOutput,\n  programmatic = false,\n  mounted = false;\nlet releaseProgrammatic: ReturnType<typeof setTimeout> | undefined;\nlet scheduled: number | undefined;\nlet initialScroll: number | undefined;\nlet sizeObserver: ResizeObserver | undefined,\n  changes: MutationObserver | undefined;\nconst scrollBehavior = (): ScrollBehavior =>\n  reduced.value || !props.smooth ? \"auto\" : \"smooth\";\nfunction setFollowing(value: boolean) {\n  if (live !== value) {\n    live = value;\n    emit(\"followChange\", value);\n  }\n}\nfunction attach(node: Element | ComponentPublicInstance | null) {\n  viewport.value = node as HTMLElement | null;\n  if (typeof props.viewportRef === \"function\")\n    props.viewportRef(viewport.value);\n  else if (isRef(props.viewportRef)) props.viewportRef.value = viewport.value;\n}\nfunction contents(node: HTMLElement) {\n  return (\n    (\n      node.querySelector(\n        '[data-slot=\"message-bubble-content\"], [data-slot=\"message-content\"]',\n      ) ?? node\n    ).textContent ?? \"\"\n  )\n    .replace(/\\s+/g, \" \")\n    .trim();\n}\nfunction excerpt(text: string, limit: number): string {\n  if (text.length <= limit) return text;\n  const space = text.lastIndexOf(\" \", limit);\n  return text.slice(0, space > limit * 0.65 ? space : limit).trimEnd() + \"…\";\n}\nfunction refreshSelection() {\n  const element = viewport.value;\n  const entries = [...destinations];\n  if (props.navigation !== \"rail\" || !element || !entries.length) return;\n  if (element.scrollTop <= props.followThreshold) {\n    selected.value = entries[0][0];\n    return;\n  }\n  if (\n    element.scrollHeight - element.clientHeight - element.scrollTop <=\n    props.followThreshold\n  ) {\n    selected.value = entries[entries.length - 1][0];\n    return;\n  }\n  const boundary = element.getBoundingClientRect();\n  const middle = boundary.top + boundary.height / 2;\n  let closest = entries[0][0],\n    distance = Infinity;\n  entries.forEach(([id, node]) => {\n    const rect = node.getBoundingClientRect(),\n      nextDistance = Math.abs(rect.top + rect.height / 2 - middle);\n    if (nextDistance < distance) {\n      distance = nextDistance;\n      closest = id;\n    }\n  });\n  selected.value = closest;\n}\nfunction rebuildRail() {\n  destinations.clear();\n  if (props.navigation !== \"rail\" || !transcript.value || !viewport.value) {\n    links.value = [];\n    overflowing.value = false;\n    return;\n  }\n  const messages = Array.from(\n    transcript.value.querySelectorAll<HTMLElement>('[data-slot=\"message\"]'),\n  );\n  const next = messages.map((message, index) => {\n    let id = identities.get(message);\n    if (!id) {\n      id = `${identity}-message-${++sequence}`;\n      identities.set(message, id);\n    }\n    destinations.set(id, message);\n    const text = contents(message);\n    const sender = message.dataset.from ?? \"conversation\";\n    const reply =\n      sender === \"user\"\n        ? messages\n            .slice(index + 1)\n            .find((candidate) => candidate.dataset.from === \"assistant\")\n        : undefined;\n    const label = excerpt(text, 56) || \"Message\";\n    const tailStart = label.endsWith(\"…\") ? label.length - 1 : text.length;\n    const description =\n      excerpt(reply ? contents(reply) : text.slice(tailStart).trim(), 88) ||\n      undefined;\n    return {\n      id,\n      label,\n      description,\n      ariaLabel: `Go to ${sender} message ${index + 1} of ${messages.length}`,\n    };\n  });\n  if (JSON.stringify(next) !== JSON.stringify(links.value)) links.value = next;\n  overflowing.value =\n    messages.length > 1 &&\n    viewport.value.scrollHeight > viewport.value.clientHeight + 1;\n  refreshSelection();\n}\nfunction queueRail() {\n  if (!mounted || props.navigation !== \"rail\") return;\n  if (scheduled !== undefined) cancelAnimationFrame(scheduled);\n  scheduled = requestAnimationFrame(() => {\n    scheduled = undefined;\n    if (mounted) rebuildRail();\n  });\n}\nfunction scroll(top: number, behavior: ScrollBehavior) {\n  if (!viewport.value) return;\n  programmatic = true;\n  if (typeof viewport.value.scrollTo === \"function\")\n    viewport.value.scrollTo({ top, behavior });\n  else viewport.value.scrollTop = top;\n  if (releaseProgrammatic !== undefined) clearTimeout(releaseProgrammatic);\n  releaseProgrammatic = setTimeout(\n    () => {\n      programmatic = false;\n      refreshSelection();\n    },\n    behavior === \"smooth\" ? 320 : 0,\n  );\n}\nfunction scrollToEnd(behavior: ScrollBehavior = scrollBehavior()) {\n  if (viewport.value) scroll(viewport.value.scrollHeight, behavior);\n}\nfunction userScroll() {\n  const element = viewport.value;\n  if (!element || programmatic) return;\n  setFollowing(\n    element.scrollHeight - element.clientHeight - element.scrollTop <=\n      props.followThreshold,\n  );\n  refreshSelection();\n}\nfunction interruptScroll() {\n  programmatic = false;\n}\nfunction select(item: PreviewRailItem) {\n  const node = destinations.get(item.id),\n    element = viewport.value;\n  if (!node || !element) return;\n  selected.value = item.id;\n  if (links.value[links.value.length - 1]?.id === item.id) {\n    setFollowing(true);\n    scrollToEnd();\n    return;\n  }\n  setFollowing(false);\n  const box = node.getBoundingClientRect(),\n    boundary = element.getBoundingClientRect();\n  scroll(\n    element.scrollTop +\n      box.top -\n      boundary.top -\n      (element.clientHeight - box.height) / 2,\n    scrollBehavior(),\n  );\n}\nfunction observe() {\n  sizeObserver?.disconnect();\n  changes?.disconnect();\n  if (!mounted) return;\n  if (typeof ResizeObserver !== \"undefined\") {\n    sizeObserver = new ResizeObserver((entries) => {\n      queueRail();\n      if (\n        entries.some((entry) => entry.target === transcript.value) &&\n        props.followOutput &&\n        live\n      )\n        scrollToEnd();\n    });\n    if (transcript.value) sizeObserver.observe(transcript.value);\n    if (viewport.value) sizeObserver.observe(viewport.value);\n  }\n  if (\n    props.navigation === \"rail\" &&\n    transcript.value &&\n    typeof MutationObserver !== \"undefined\"\n  ) {\n    changes = new MutationObserver(queueRail);\n    changes.observe(transcript.value, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n  }\n  if (props.navigation === \"rail\") queueRail();\n  else rebuildRail();\n}\nwatch(() => props.navigation, observe, { flush: \"post\" });\nwatch(\n  () => props.followOutput,\n  (value) => {\n    live = value;\n    if (mounted && value) {\n      if (initialScroll !== undefined) cancelAnimationFrame(initialScroll);\n      initialScroll = requestAnimationFrame(() => scrollToEnd(\"auto\"));\n    }\n  },\n);\nonMounted(() => {\n  mounted = true;\n  if (props.followOutput)\n    initialScroll = requestAnimationFrame(() => scrollToEnd(\"auto\"));\n  observe();\n});\nonBeforeUnmount(() => {\n  mounted = false;\n  sizeObserver?.disconnect();\n  changes?.disconnect();\n  if (releaseProgrammatic !== undefined) clearTimeout(releaseProgrammatic);\n  if (scheduled !== undefined) cancelAnimationFrame(scheduled);\n  if (initialScroll !== undefined) cancelAnimationFrame(initialScroll);\n  attach(null);\n});\nconst viewportClasses = computed(() =>\n  cn(\n    \"h-full overflow-y-auto overscroll-contain outline-none [overflow-anchor:none] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\",\n    props.navigation === \"rail\"\n      ? \"[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n      : \"[scrollbar-gutter:stable]\",\n    props.viewportClassName,\n    props.navigation === \"rail\" && overflowing.value && \"pr-10\",\n  ),\n);\nfunction Viewport() {\n  const { onScroll, onWheel, onTouchstart, onKeydown, ...attributes } =\n    props.viewportProps ?? {};\n  return h(\n    \"section\",\n    {\n      ...attributes,\n      ref: attach,\n      \"aria-label\": props.label,\n      class: viewportClasses.value,\n      onScroll: [userScroll, onScroll],\n      onWheel: [interruptScroll, onWheel],\n      onTouchstart: [interruptScroll, onTouchstart],\n      onKeydown: [\n        (event: KeyboardEvent) => {\n          if ([\"ArrowUp\", \"PageUp\", \"Home\"].includes(event.key))\n            interruptScroll();\n        },\n        onKeydown,\n      ],\n    },\n    h(\n      \"div\",\n      {\n        role: \"log\",\n        \"aria-live\": \"polite\",\n        \"aria-relevant\": \"additions text\",\n        \"aria-busy\": props.busy,\n        class: props.contentClassName,\n        ...props.contentProps,\n        ref: transcript,\n      },\n      slots.default?.(),\n    ),\n  );\n}\ndefineExpose({ scrollToEnd, viewport });\n</script>\n<template>\n  <div\n    data-slot=\"message-scroller\"\n    v-bind=\"$attrs\"\n    :class=\"cn('min-h-0', $attrs.class)\"\n  >\n    <PreviewRail\n      v-if=\"navigation === 'rail'\"\n      :items=\"overflowing ? links : []\"\n      :label=\"navigationLabel\"\n      :active-id=\"selected\"\n      @item-select=\"select\"\n      preview-side=\"before\"\n      highlight-active\n      :item-size=\"14\"\n      class=\"h-full min-h-0 overflow-hidden\"\n      preview-container-class-name=\"right-8 left-3\"\n      preview-class-name=\"mr-1 w-64 max-w-full [&_[data-slot=preview-rail-card]]:h-20 [&_[data-slot=preview-rail-card]]:overflow-hidden [&_[data-slot=preview-rail-card]]:p-3 [&_[data-slot=preview-rail-title]]:line-clamp-1 [&_[data-slot=preview-rail-title]]:text-xs [&_[data-slot=preview-rail-title]]:leading-4 [&_[data-slot=preview-rail-description]]:line-clamp-2 [&_[data-slot=preview-rail-description]]:text-xs [&_[data-slot=preview-rail-description]]:leading-4\"\n      :rail-class-name=\"\n        cn(\n          'absolute inset-y-3 right-1 w-7 content-center py-1 [&_[data-slot=preview-rail-item]]:w-7 [&_[data-slot=preview-rail-item]]:justify-end [&_[data-slot=preview-rail-tick]]:h-px [&_[data-slot=preview-rail-tick]]:w-4 [&_[data-slot=preview-rail-tick]]:origin-right',\n          overflowing\n            ? 'pointer-events-auto opacity-100'\n            : 'pointer-events-none opacity-0',\n          railClassName,\n        )\n      \"\n      ><Viewport /></PreviewRail\n    ><Viewport v-else />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/index.ts",
+      "target": "~/src/components/orvui/agents/message/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as Message } from \"./src/Message.vue\";\nexport { default as MessageGroup } from \"./src/MessageGroup.vue\";\nexport { default as MessageAvatar } from \"./src/MessageAvatar.vue\";\nexport { default as MessageContent } from \"./src/MessageContent.vue\";\nexport { default as MessageHeader } from \"./src/MessageHeader.vue\";\nexport { default as MessageFooter } from \"./src/MessageFooter.vue\";\nexport { default as MessageMarker } from \"./src/MessageMarker.vue\";\nexport { default as MessageTyping } from \"./src/MessageTyping.vue\";\nexport * from \"./src/context\";\n\nexport type * from \"./src/api-types\";\n\nexport * from \"../message-bubble\";\nexport * from \"../message-scroller\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/alignment.ts",
+      "target": "~/src/components/orvui/agents/message/src/alignment.ts",
+      "type": "registry:lib",
+      "content": "import { computed, inject } from \"vue\";\nimport { messageKey, type MessageFrom } from \"./context\";\nexport function useMessageAlignment() {\n  const inherited = inject(\n    messageKey,\n    computed<MessageFrom>(() => \"assistant\"),\n  );\n  return computed(() => inherited.value === \"user\");\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/message/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type MessageAvatarProps = InstanceType<\n  (typeof import(\"./MessageAvatar.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageContentProps = InstanceType<\n  (typeof import(\"./MessageContent.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageFooterProps = InstanceType<\n  (typeof import(\"./MessageFooter.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageGroupProps = InstanceType<\n  (typeof import(\"./MessageGroup.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageHeaderProps = InstanceType<\n  (typeof import(\"./MessageHeader.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageMarkerProps = InstanceType<\n  (typeof import(\"./MessageMarker.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageProps = InstanceType<\n  (typeof import(\"./Message.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageTypingProps = InstanceType<\n  (typeof import(\"./MessageTyping.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/context.ts",
+      "target": "~/src/components/orvui/agents/message/src/context.ts",
+      "type": "registry:lib",
+      "content": "import type { ComputedRef, InjectionKey } from \"vue\";\nexport type MessageFrom = \"user\" | \"assistant\";\nexport const messageKey = Symbol(\"orvui-message\") as InjectionKey<\n  ComputedRef<MessageFrom>\n>;\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/Message.vue",
+      "target": "~/src/components/orvui/agents/message/src/Message.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, provide } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReduced } from \"../../shared\";\nimport { messageKey, type MessageFrom } from \"./context\";\nconst props = withDefaults(\n  defineProps<{ from: MessageFrom; animateIn?: boolean }>(),\n  { animateIn: false },\n);\nconst side = computed(() => props.from);\nprovide(messageKey, side);\nconst reduced = useReduced();\nconst initial = computed(() =>\n  props.animateIn && !reduced.value ? { opacity: 0, y: 8, scale: 0.95 } : false,\n);\n</script>\n<template>\n  <motion.article\n    data-slot=\"message\"\n    :data-from=\"from\"\n    :aria-label=\"`${from} message`\"\n    :class=\"\n      cn(\n        'group/message flex w-full items-start gap-2',\n        from === 'user' ? 'flex-row-reverse' : 'flex-row',\n      )\n    \"\n    :style=\"{ transformOrigin: from === 'user' ? '100% 100%' : '0% 100%' }\"\n    :initial=\"initial\"\n    :animate=\"{ opacity: 1, y: 0, scale: 1 }\"\n    :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -3, scale: 0.99 }\"\n    :transition=\"\n      reduced\n        ? { duration: 0.12 }\n        : { type: 'spring', stiffness: 480, damping: 32, mass: 0.62 }\n    \"\n    ><slot\n  /></motion.article>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageAvatar.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageAvatar.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { h, renderSlot, useAttrs } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(defineProps<{ placeholder?: boolean }>(), {\n  placeholder: false,\n});\nconst slots = defineSlots<{ default?(props: {}): any }>();\nconst attrs = useAttrs();\nconst frame =\n  \"grid size-7 shrink-0 place-items-center overflow-hidden rounded-full bg-muted text-xs font-medium text-muted-foreground [&_img]:size-full [&_img]:object-cover [&_svg]:size-3.5\";\nconst RenderFrame = () => {\n  const presentation = props.placeholder\n    ? { class: \"invisible\", hidden: true }\n    : { class: undefined, hidden: undefined };\n  return h(\n    \"div\",\n    {\n      \"data-slot\": \"message-avatar\",\n      ...attrs,\n      \"aria-hidden\": presentation.hidden,\n      class: cn(frame, presentation.class, attrs.class),\n    },\n    [renderSlot(slots, \"default\")],\n  );\n};\n</script>\n<template><RenderFrame /></template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageContent.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageContent.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useMessageAlignment } from \"./alignment\";\ndefineOptions({ inheritAttrs: false });\nconst end = useMessageAlignment();\n</script>\n<template>\n  <div\n    data-slot=\"message-content\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'flex min-w-0 flex-1 flex-col gap-1.5',\n        end ? 'items-end' : 'items-start',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageFooter.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageFooter.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useMessageAlignment } from \"./alignment\";\ndefineOptions({ inheritAttrs: false });\nconst end = useMessageAlignment();\n</script>\n<template>\n  <div\n    data-slot=\"message-footer\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'flex min-h-5 items-center gap-1 px-1 text-[11px] text-muted-foreground',\n        end ? 'justify-end' : 'justify-start',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageGroup.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageGroup.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { h, renderSlot, useAttrs } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(defineProps<{ spacing?: \"compact\" | \"default\" }>(), {\n  spacing: \"compact\",\n});\nconst slots = defineSlots<{ default?(props: {}): any }>();\nconst attrs = useAttrs();\nconst gaps = { compact: \"gap-1.5\", default: \"gap-4\" } as const;\nconst RenderFrame = () =>\n  h(\n    \"div\",\n    {\n      \"data-slot\": \"message-group\",\n      ...attrs,\n      class: cn(\n        \"flex w-full flex-col\",\n        gaps[props.spacing === \"compact\" ? \"compact\" : \"default\"],\n        attrs.class,\n      ),\n    },\n    [renderSlot(slots, \"default\")],\n  );\n</script>\n<template><RenderFrame /></template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageHeader.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageHeader.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useMessageAlignment } from \"./alignment\";\ndefineOptions({ inheritAttrs: false });\nconst end = useMessageAlignment();\n</script>\n<template>\n  <div\n    data-slot=\"message-header\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'flex items-center gap-1.5 px-1 text-[11px] leading-none text-muted-foreground',\n        end ? 'justify-end' : 'justify-start',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageMarker.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageMarker.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\n</script>\n<template>\n  <div\n    data-slot=\"message-marker\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'mx-auto flex w-fit max-w-[88%] items-center gap-1.5 rounded-full bg-muted/70 px-2.5 py-1 text-center text-xs text-muted-foreground',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageTyping.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageTyping.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\ndefineOptions({ inheritAttrs: false });\nwithDefaults(defineProps<{ label?: string }>(), { label: \"Responding\" });\nconst reduced = useReducedMotion();\nconst phases = computed(() =>\n  [0, 0.14, 0.28].map((delay) => ({\n    delay,\n    duration: 1.05,\n    ease: EASE_OUT,\n    repeat: Infinity,\n  })),\n);\n</script>\n<template>\n  <span\n    data-slot=\"message-typing\"\n    v-bind=\"$attrs\"\n    :class=\"cn('inline-flex h-5 items-center gap-1', $attrs.class)\"\n    ><span class=\"sr-only\">{{ label }}</span\n    ><motion.span\n      v-for=\"(phase, index) in phases\"\n      :key=\"index\"\n      aria-hidden=\"true\"\n      class=\"size-1 rounded-full bg-current\"\n      :animate=\"\n        reduced\n          ? { opacity: 0.45 }\n          : { opacity: [0.28, 0.85, 0.28], y: [0, -2, 0] }\n      \"\n      :transition=\"reduced ? { duration: 0 } : phase\"\n  /></span>\n</template>\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/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/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/preview-rail/index.ts",
+      "target": "~/src/components/orvui/motion/preview-rail/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as PreviewRail } from \"./src/PreviewRail.vue\";\n\nexport type * from \"./src/api-types\";\n\nexport type * from \"./src/public-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/preview-rail/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/preview-rail/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type PreviewRailProps = InstanceType<\n  (typeof import(\"./PreviewRail.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/preview-rail/src/PreviewRail.vue",
+      "target": "~/src/components/orvui/motion/preview-rail/src/PreviewRail.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\nimport { useRailState, type RailEntry } from \"./rail-state\";\ninterface RailItem extends RailEntry {}\nconst props = withDefaults(defineProps<{ items: RailItem[]; label?: string; orientation?: \"vertical\" | \"horizontal\"; activeId?: string; defaultActiveId?: string; showPreview?: boolean; previewSide?: \"before\" | \"after\"; highlightActive?: boolean; itemSize?: number; railClassName?: string; previewContainerClassName?: string; previewClassName?: string }>(), { label: \"Section navigation\", orientation: \"vertical\", showPreview: true, previewSide: \"after\", highlightActive: false, itemSize: 24 });\nconst emit = defineEmits<{ \"update:activeId\": [id: string]; activeChange: [id: string]; itemSelect: [item: RailItem] }>();\nconst root = ref<HTMLElement | null>(null);\nconst active = useMotionState(props, emit, \"activeId\", props.defaultActiveId ?? props.items[0]?.id ?? \"\");\nconst state = useRailState(root, props, active, emit);\nconst reduced = useReducedMotion();\nconst id = useId();\nconst horizontal = computed(() => props.orientation === \"horizontal\");\nconst grid = computed(() => { const tracks = props.items.length ? `repeat(${props.items.length}, ${props.itemSize}px)` : undefined; return horizontal.value ? { gridTemplateColumns: tracks } : { gridTemplateRows: tracks }; });\nconst dimension = computed(() => horizontal.value ? { width: `${props.itemSize}px` } : { height: `${props.itemSize}px` });\n</script>\n<template>\n  <div ref=\"root\" @focusout=\"state.blur\" :class=\"cn('isolate relative flex w-full overflow-visible', horizontal ? 'min-h-64 flex-col items-center justify-center' : 'min-h-80')\">\n    <nav :aria-label=\"label\" @pointerleave=\"state.leave\" :style=\"grid\" :class=\"cn('relative z-10 grid shrink-0', horizontal ? 'h-12 w-fit max-w-full self-center justify-center' : 'w-12 content-center', railClassName)\">\n      <component :is=\"item.href ? 'a' : 'button'\" v-for=\"(item, index) in items\" :key=\"item.id\" data-slot=\"preview-rail-item\" :type=\"item.href ? undefined : 'button'\" :href=\"item.href\" :target=\"item.target\" :rel=\"item.rel ?? (item.target === '_blank' ? 'noreferrer noopener' : undefined)\" :aria-label=\"item.ariaLabel ?? item.label\" :aria-current=\"state.selected.value === item.id ? item.href ? 'page' : 'location' : undefined\" @pointerenter=\"state.enter($event, item)\" @pointerdown=\"state.down($event, item)\" @pointermove=\"state.move\" @pointercancel=\"state.cancel\" @keydown=\"state.cancel\" @focus=\"state.focus($event, item)\" @click=\"state.select($event, item)\" :style=\"dimension\" :class=\"cn('relative flex text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', horizontal ? 'h-12 w-6 items-end justify-center' : 'h-6 w-12 items-center')\">\n        <motion.span data-slot=\"preview-rail-tick\" aria-hidden=\"true\" :animate=\"horizontal ? { scaleY: state.scale(index) } : { scaleX: state.scale(index) }\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" :class=\"cn('block bg-current', horizontal ? 'h-12 w-0.5 origin-bottom' : 'h-0.5 w-12 origin-left', state.highlighted.value === item.id && 'text-foreground')\" />\n      </component>\n    </nav>\n    <div v-if=\"showPreview\" aria-hidden=\"true\" :style=\"grid\" :class=\"cn('pointer-events-none absolute z-50 grid', horizontal ? 'top-1/2 left-1/2 h-5 w-fit max-w-full -translate-x-1/2 -translate-y-1/2 justify-center' : previewSide === 'before' ? 'inset-y-0 right-16 left-4 content-center' : 'inset-y-0 right-4 left-16 content-center', previewContainerClassName)\">\n      <div v-for=\"item in items\" :key=\"item.id\" :style=\"dimension\" :class=\"cn('relative flex items-center', horizontal && 'justify-center')\"><div v-if=\"item.id === state.preview.value\" :class=\"cn(horizontal ? 'absolute bottom-12 left-1/2 w-72 -translate-x-1/2' : cn('w-full max-w-sm', previewSide === 'before' && 'ml-auto'), previewClassName)\">\n        <motion.div :layout-id=\"`preview-rail-card-${id}`\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\"><AnimatePresence mode=\"wait\" :initial=\"false\"><motion.div :key=\"item.id\" :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 4, filter: 'blur(6px)' }\" :animate=\"reduced ? { opacity: 1 } : { opacity: 1, y: 0, filter: 'blur(0px)' }\" :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -2, filter: 'blur(4px)', transition: { duration: .12, ease: EASE_OUT } }\" :transition=\"{ duration: reduced ? 0 : .18, ease: EASE_OUT }\"><slot name=\"preview\" :item=\"item\"><div data-slot=\"preview-rail-card\" class=\"rounded-2xl border border-border bg-card p-4 shadow-sm\"><p data-slot=\"preview-rail-title\" class=\"font-medium text-card-foreground\">{{ item.label }}</p><div v-if=\"item.description\" data-slot=\"preview-rail-description\" class=\"mt-1 text-sm leading-6 text-muted-foreground\">{{ item.description }}</div></div></slot></motion.div></AnimatePresence></motion.div>\n      </div></div>\n    </div>\n    <div v-if=\"$slots.default\" class=\"min-h-0 min-w-0 flex-1\"><slot /></div>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/preview-rail/src/public-types.ts",
+      "target": "~/src/components/orvui/motion/preview-rail/src/public-types.ts",
+      "type": "registry:lib",
+      "content": "import type { PreviewRailProps } from \"./api-types\";\nexport type PreviewRailItem = PreviewRailProps[\"items\"][number];\n"
+    },
+    {
+      "path": "registry/orvui/motion/preview-rail/src/rail-state.ts",
+      "target": "~/src/components/orvui/motion/preview-rail/src/rail-state.ts",
+      "type": "registry:lib",
+      "content": "import { computed, onBeforeUnmount, onMounted, ref, type Ref } from \"vue\";\nexport interface RailEntry { id: string; label: string; description?: string; href?: string; ariaLabel?: string; target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\"; rel?: string }\nexport function useRailState(root: Ref<HTMLElement | null>, props: { items: RailEntry[]; highlightActive: boolean }, active: Ref<string>, emit: { (event: \"activeChange\", value: string): void; (event: \"itemSelect\", value: RailEntry): void }) {\n  const hovered = ref<string | null>(null);\n  const pinned = ref<string | null>(null);\n  const focused = ref<string | null>(null);\n  const selected = computed(() => props.items.some(item => item.id === active.value) ? active.value : props.items[0]?.id ?? \"\");\n  const preview = computed(() => hovered.value ?? pinned.value ?? focused.value ?? \"\");\n  const highlighted = computed(() => preview.value || (props.highlightActive ? selected.value : \"\"));\n  const index = computed(() => props.items.findIndex(item => item.id === highlighted.value));\n  let pointer: { id: number; kind: string; x: number; y: number; pinned: boolean } | undefined;\n  function down(event: PointerEvent, item: RailEntry) { pointer = { id: event.pointerId, kind: event.pointerType, x: event.clientX, y: event.clientY, pinned: pinned.value === item.id }; focused.value = null; }\n  function move(event: PointerEvent) { if (pointer && Math.hypot(event.clientX - pointer.x, event.clientY - pointer.y) > 10) pointer = undefined; }\n  function cancel() { pointer = undefined; }\n  function focus(event: FocusEvent, item: RailEntry) { if ((event.currentTarget as HTMLElement).matches(\":focus-visible\")) focused.value = item.id; }\n  function select(event: MouseEvent, item: RailEntry) { const gesture = pointer; cancel(); if (gesture && gesture.kind !== \"mouse\") { pinned.value = item.id; if (item.href && !gesture.pinned) { event.preventDefault(); return; } } active.value = item.id; emit(\"activeChange\", item.id); emit(\"itemSelect\", item); }\n  function enter(event: PointerEvent, item: RailEntry) { if (event.pointerType !== \"touch\") hovered.value = item.id; }\n  function leave(event: PointerEvent) { if (event.pointerType !== \"touch\") hovered.value = null; }\n  function outside(event: PointerEvent) { if (!root.value?.contains(event.target as Node)) pinned.value = null; }\n  function blur(event: FocusEvent) { if (!root.value?.contains(event.relatedTarget as Node)) { focused.value = null; pinned.value = null; } }\n  function scale(at: number) { const distance = index.value < 0 ? Infinity : Math.abs(at - index.value); return [1, .68, .44][distance] ?? .25; }\n  let owner: Document | undefined;\n  onMounted(() => { owner = root.value?.ownerDocument ?? document; owner.addEventListener(\"pointerdown\", outside); });\n  onBeforeUnmount(() => { owner?.removeEventListener(\"pointerdown\", outside); cancel(); });\n  return { selected, preview, highlighted, down, move, cancel, focus, select, enter, leave, blur, scale };\n}\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",
+    "tailwind-merge@^3.0.0",
+    "tailwindcss@^4.0.0"
+  ],
+  "meta": {
+    "product": "orvui",
+    "version": "0.1.1",
+    "package": "@orvui/vue",
+    "category": "agents",
+    "registry": "https://orvui.efu.me/r/message.json"
+  }
+}