@orvui/vue 0.0.0-stage → 0.1.1

package/registry/approval-card.json

@@ -0,0 +1,359 @@
+{
+  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
+  "name": "approval-card",
+  "type": "registry:component",
+  "title": "Approval Card",
+  "description": "Guide a person through one or more decisions before an assistant proceeds.",
+  "files": [
+    {
+      "path": "registry/orvui/agents/AgentDisclosure.vue",
+      "target": "~/src/components/orvui/agents/AgentDisclosure.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../lib/ease\";\nimport { useReduced } from \"./shared\";\nconst props = withDefaults(\n  defineProps<{\n    open: boolean;\n    maxHeight?: number;\n    openHeight?: string | number;\n  }>(),\n  { openHeight: \"auto\" },\n);\nconst reduce = useReduced();\nconst height = computed(() =>\n  !props.open\n    ? \"0px\"\n    : typeof props.openHeight === \"number\"\n      ? `${props.openHeight}px`\n      : props.openHeight,\n);\nconst animation = computed(() => {\n  const opacity = Number(props.open);\n  if (reduce.value) return { opacity };\n  return {\n    opacity,\n    y: props.open ? 0 : -4,\n    clipPath: `inset(0 0 ${props.open ? 0 : 100}% 0)`,\n  };\n});\n</script>\n<template>\n  <motion.div\n    class=\"overflow-hidden\"\n    :initial=\"false\"\n    :animate=\"animation\"\n    :aria-hidden=\"!open\"\n    :inert=\"!open || undefined\"\n    :transition=\"{ ease: EASE_OUT, duration: reduce ? 0 : open ? 0.22 : 0.14 }\"\n    :style=\"{\n      height,\n      pointerEvents: open ? undefined : 'none',\n      transformOrigin: 'top',\n    }\"\n  >\n    <div\n      v-if=\"maxHeight\"\n      class=\"overflow-auto\"\n      :style=\"{ maxHeight: `${maxHeight}px` }\"\n    >\n      <slot />\n    </div>\n    <slot v-else />\n  </motion.div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/approval-card/index.ts",
+      "target": "~/src/components/orvui/agents/approval-card/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as ApprovalCard } from \"./src/ApprovalCard.vue\";\nexport * from \"./src/types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/approval-card/src/ApprovalCard.vue",
+      "target": "~/src/components/orvui/agents/approval-card/src/ApprovalCard.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  onBeforeUnmount,\n  watch,\n  type VNodeChild,\n} from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport {\n  ArrowLeft,\n  ArrowRight,\n  Check,\n  CircleHelp,\n  LoaderCircle,\n  MessageSquareText,\n  X,\n} from \"lucide-vue-next\";\nimport { Button } from \"../../../motion/button\";\nimport { ActionSwapRollText } from \"../../../motion/action-swap\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nimport QuestionOptions from \"./QuestionOptions.vue\";\nimport type {\n  ApprovalCardAnswer,\n  ApprovalCardAnswers,\n  ApprovalCardQuestion,\n  ApprovalCardStatus,\n} from \"./types\";\ndefineSlots<{ default?: () => VNodeChild }>();\nconst props = withDefaults(\n  defineProps<{\n    title?: Content;\n    description?: Content;\n    questions?: ApprovalCardQuestion[];\n    status?: ApprovalCardStatus;\n    answers?: ApprovalCardAnswers;\n    defaultAnswers?: ApprovalCardAnswers;\n    step?: number;\n    defaultStep?: number;\n    approveLabel?: Content;\n    submitLabel?: Content;\n    result?: Content;\n  }>(),\n  {\n    title: \"Approval required\",\n    questions: () => [],\n    status: \"pending\",\n    defaultAnswers: () => ({}),\n    defaultStep: 0,\n    approveLabel: \"Approve\",\n    submitLabel: \"Submit response\",\n    result: undefined,\n  },\n);\nconst emit = defineEmits<{\n  \"update:answers\": [answers: ApprovalCardAnswers];\n  answersChange: [answers: ApprovalCardAnswers];\n  \"update:step\": [step: number];\n  stepChange: [step: number];\n  submit: [answers: ApprovalCardAnswers];\n  approve: [];\n  reject: [];\n  requestChanges: [];\n  dismiss: [];\n}>();\nconst responses = useControllable(\n  () => props.answers,\n  props.defaultAnswers,\n  (value) => {\n    emit(\"update:answers\", value);\n    emit(\"answersChange\", value);\n  },\n);\nconst position = useControllable(\n  () => props.step,\n  props.defaultStep,\n  (value) => {\n    emit(\"update:step\", value);\n    emit(\"stepChange\", value);\n  },\n);\nconst cursor = computed(() =>\n  Math.max(0, Math.min(position.value, props.questions.length - 1)),\n);\nconst currentQuestion = computed(() => props.questions[cursor.value]);\nconst currentAnswer = computed<ApprovalCardAnswer>(() =>\n  currentQuestion.value\n    ? (responses.value[currentQuestion.value.id] ?? {\n        selected: [],\n        custom: \"\",\n      })\n    : { selected: [], custom: \"\" },\n);\nconst busy = computed(() => props.status === \"submitting\");\nconst interactive = computed(() =>\n  [\"pending\", \"submitting\"].includes(props.status),\n);\nconst valid = computed(\n  () =>\n    currentAnswer.value.selected.length > 0 ||\n    !!currentAnswer.value.custom?.trim(),\n);\nconst reduced = useReducedMotion();\nconst instance = getCurrentInstance();\nconst has = (event: string) => !!instance?.vnode.props?.[event];\nconst label = computed(\n  () =>\n    ({\n      pending: \"Input required\",\n      submitting: \"Submitting\",\n      approved: \"Approved\",\n      rejected: \"Rejected\",\n      \"changes-requested\": \"Changes requested\",\n      answered: \"Response submitted\",\n    })[props.status],\n);\nconst successful = computed(() =>\n  [\"approved\", \"answered\"].includes(props.status),\n);\nconst tone = computed(() =>\n  successful.value\n    ? \"emerald\"\n    : props.status === \"rejected\"\n      ? \"rose\"\n      : props.status === \"changes-requested\"\n        ? \"amber\"\n        : \"muted\",\n);\nconst tones = {\n  emerald: \"text-emerald-600 dark:text-emerald-400\",\n  rose: \"text-rose-600 dark:text-rose-400\",\n  amber: \"text-amber-600 dark:text-amber-400\",\n  muted: \"text-muted-foreground\",\n};\nconst badges = {\n  amber:\n    \"border-amber-500/30 bg-amber-500/10 text-amber-600 dark:text-amber-400\",\n  blue: \"border-blue-500/30 bg-blue-500/10 text-blue-600 dark:text-blue-400\",\n  emerald:\n    \"border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\",\n  rose: \"border-rose-500/30 bg-rose-500/10 text-rose-600 dark:text-rose-400\",\n};\nconst badge = computed(\n  () =>\n    badges[\n      props.status === \"pending\" || props.status === \"changes-requested\"\n        ? \"amber\"\n        : busy.value\n          ? \"blue\"\n          : successful.value\n            ? \"emerald\"\n            : \"rose\"\n    ],\n);\nlet pending: ReturnType<typeof setTimeout> | undefined;\nfunction cancelAdvance() {\n  if (pending !== undefined) clearTimeout(pending);\n  pending = undefined;\n}\nfunction go(value: number) {\n  cancelAdvance();\n  position.value = value;\n}\nfunction answer(value: ApprovalCardAnswer) {\n  if (currentQuestion.value)\n    responses.value = { ...responses.value, [currentQuestion.value.id]: value };\n}\nfunction advance() {\n  if (!valid.value || busy.value) return;\n  if (cursor.value + 1 < props.questions.length) go(cursor.value + 1);\n  else emit(\"submit\", responses.value);\n}\nfunction automatic() {\n  cancelAdvance();\n  const question = currentQuestion.value,\n    starting = cursor.value;\n  if (\n    !question ||\n    question.multiple ||\n    question.autoAdvance === false ||\n    starting + 1 >= props.questions.length ||\n    busy.value\n  )\n    return;\n  pending = setTimeout(() => {\n    pending = undefined;\n    if (\n      props.status === \"pending\" &&\n      cursor.value === starting &&\n      currentQuestion.value?.id === question.id\n    )\n      go(starting + 1);\n  }, 240);\n}\nwatch(\n  () => props.status,\n  () => {\n    if (props.status !== \"pending\") cancelAdvance();\n  },\n);\nonBeforeUnmount(cancelAdvance);\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"busy\"\n    class=\"w-full overflow-hidden rounded-2xl bg-muted p-4 text-sm\"\n  >\n    <div class=\"flex items-start gap-3\">\n      <span\n        aria-hidden=\"true\"\n        :class=\"\n          cn(\n            'grid size-5 shrink-0 place-items-center text-muted-foreground',\n            tones[tone],\n          )\n        \"\n        ><LoaderCircle\n          v-if=\"busy\"\n          :class=\"cn('size-4', !reduced && 'animate-spin')\" /><CircleHelp\n          v-else-if=\"interactive && questions.length\"\n          class=\"size-4\" /><MessageSquareText\n          v-else-if=\"interactive\"\n          class=\"size-4\" /><X\n          v-else-if=\"status === 'rejected'\"\n          class=\"size-4\" /><Check v-else class=\"size-4\"\n      /></span>\n      <div class=\"min-w-0 flex-1\">\n        <div class=\"flex min-w-0 items-start gap-3\">\n          <h3\n            class=\"min-w-0 flex-1 text-base font-medium leading-5 text-foreground\"\n          >\n            <ActionSwapRollText :value=\"currentQuestion?.id ?? String(status)\"\n              ><RenderNode :node=\"currentQuestion?.title ?? title\"\n            /></ActionSwapRollText>\n          </h3>\n          <template v-if=\"questions.length && interactive\"\n            ><span\n              v-if=\"questions.length > 1\"\n              class=\"shrink-0 text-xs tabular-nums text-muted-foreground/65\"\n              >{{ cursor + 1 }}/{{ questions.length }}</span\n            ></template\n          ><span\n            v-else\n            :class=\"\n              cn(\n                'shrink-0 rounded-full border px-2 py-0.5 text-[11px] font-medium transition-colors',\n                badge,\n              )\n            \"\n            >{{ label }}</span\n          >\n          <button\n            v-if=\"has('onDismiss')\"\n            type=\"button\"\n            aria-label=\"Dismiss\"\n            @click=\"emit('dismiss')\"\n            class=\"grid size-5 shrink-0 place-items-center rounded-full text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <X class=\"size-4\" />\n          </button>\n        </div>\n        <AgentDisclosure :open=\"interactive\"\n          ><AnimatePresence v-if=\"currentQuestion\" :initial=\"false\" mode=\"wait\"\n            ><motion.div\n              :key=\"currentQuestion.id\"\n              :initial=\"reduced ? { opacity: 1 } : { opacity: 0, x: 8 }\"\n              :animate=\"{ opacity: 1, x: 0 }\"\n              :exit=\"reduced ? { opacity: 0 } : { opacity: 0, x: -6 }\"\n              :transition=\"{ duration: reduced ? 0 : 0.2, ease: EASE_OUT }\"\n            >\n              <p\n                v-if=\"currentQuestion.description\"\n                class=\"mt-1 leading-5 text-muted-foreground\"\n              >\n                <RenderNode :node=\"currentQuestion.description\" />\n              </p>\n              <QuestionOptions\n                :question=\"currentQuestion\"\n                :answer=\"currentAnswer\"\n                :disabled=\"busy\"\n                @change=\"answer\"\n                @single-select=\"automatic\"\n              /> </motion.div\n          ></AnimatePresence>\n          <div v-else>\n            <p v-if=\"description\" class=\"mt-1 leading-5 text-muted-foreground\">\n              <RenderNode :node=\"description\" />\n            </p>\n            <div v-if=\"$slots.default\" class=\"mt-3\"><slot /></div>\n          </div>\n          <div v-if=\"questions.length\" class=\"mt-4 flex items-center gap-3\">\n            <template v-if=\"questions.length > 1\"\n              ><Button\n                variant=\"ghost\"\n                size=\"icon\"\n                aria-label=\"Previous question\"\n                :disabled=\"busy || cursor === 0\"\n                @click=\"go(cursor - 1)\"\n                class=\"rounded-full\"\n                ><ArrowLeft class=\"size-4\" /></Button\n              ><span class=\"flex gap-1.5\"\n                ><span class=\"sr-only\"\n                  >Question {{ cursor + 1 }} of {{ questions.length }}</span\n                ><motion.span\n                  v-for=\"(item, index) in questions\"\n                  :key=\"item.id\"\n                  aria-hidden=\"true\"\n                  :initial=\"{\n                    scale: index === cursor ? 1 : 0.75,\n                    opacity: index <= cursor ? 1 : 0.35,\n                  }\"\n                  :animate=\"{\n                    scale: index === cursor ? 1 : 0.75,\n                    opacity: index <= cursor ? 1 : 0.35,\n                  }\"\n                  :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n                  class=\"size-1.5 rounded-full bg-foreground\" /></span\n            ></template>\n            <Button\n              :size=\"cursor === questions.length - 1 ? 'sm' : 'icon'\"\n              :aria-label=\"\n                cursor === questions.length - 1\n                  ? 'Submit response'\n                  : 'Next question'\n              \"\n              :disabled=\"busy || !valid\"\n              @click=\"advance\"\n              class=\"ml-auto rounded-full\"\n              ><LoaderCircle\n                v-if=\"busy\"\n                :class=\"cn('size-4', !reduced && 'animate-spin')\" /><template\n                v-else-if=\"cursor === questions.length - 1\"\n                ><RenderNode :node=\"submitLabel\" /><ArrowRight\n                  class=\"size-3.5\" /></template\n              ><ArrowRight v-else class=\"size-4\"\n            /></Button>\n          </div>\n          <div v-else class=\"mt-4 flex flex-wrap items-center gap-2\">\n            <Button\n              size=\"sm\"\n              :disabled=\"busy\"\n              @click=\"emit('approve')\"\n              class=\"rounded-full\"\n              ><RenderNode :node=\"approveLabel\" /></Button\n            ><Button\n              v-if=\"has('onRequestChanges')\"\n              variant=\"secondary\"\n              size=\"sm\"\n              :disabled=\"busy\"\n              @click=\"emit('requestChanges')\"\n              class=\"rounded-full\"\n              >Request changes</Button\n            ><Button\n              v-if=\"has('onReject')\"\n              variant=\"ghost\"\n              size=\"sm\"\n              :disabled=\"busy\"\n              @click=\"emit('reject')\"\n              class=\"rounded-full text-muted-foreground hover:text-rose-600 dark:hover:text-rose-400\"\n              >Reject</Button\n            >\n          </div>\n        </AgentDisclosure>\n        <p v-if=\"!interactive\" class=\"mt-1 text-sm text-muted-foreground\">\n          <RenderNode :node=\"result ?? label\" />\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/approval-card/src/QuestionOptions.vue",
+      "target": "~/src/components/orvui/agents/approval-card/src/QuestionOptions.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { Checkbox } from \"../../../motion/checkbox\";\nimport { RadioGroup, RadioGroupItem } from \"../../../motion/radio\";\nimport { Input } from \"../../../motion/input\";\nimport { cn } from \"../../../lib/utils\";\nimport type { ApprovalCardAnswer, ApprovalCardQuestion } from \"./types\";\nconst props = defineProps<{\n  question: ApprovalCardQuestion;\n  answer: ApprovalCardAnswer;\n  disabled: boolean;\n}>();\nconst emit = defineEmits<{\n  change: [answer: ApprovalCardAnswer];\n  singleSelect: [];\n}>();\nfunction multiple(value: string, checked: boolean) {\n  const values = new Set(props.answer.selected);\n  if (checked) values.add(value);\n  else values.delete(value);\n  emit(\"change\", { ...props.answer, selected: [...values] });\n}\nfunction single(value: string) {\n  emit(\"change\", { selected: [value], custom: \"\" });\n  emit(\"singleSelect\");\n}\nfunction custom(value: string) {\n  emit(\"change\", {\n    selected: props.question.multiple ? props.answer.selected : [],\n    custom: value,\n  });\n}\n</script>\n<template>\n  <div class=\"mt-3\">\n    <template v-if=\"question.options?.length\">\n      <div v-if=\"question.multiple\" class=\"grid gap-0.5\">\n        <Checkbox\n          v-for=\"option in question.options\"\n          :key=\"option.value\"\n          :model-value=\"answer.selected.includes(option.value)\"\n          :disabled=\"disabled || option.disabled\"\n          :label=\"option.label\"\n          :description=\"option.description\"\n          @update:model-value=\"multiple(option.value, $event)\"\n          class=\"min-h-9 rounded-lg px-1.5 py-1\"\n        />\n      </div>\n      <RadioGroup\n        v-else\n        :model-value=\"answer.selected[0] ?? ''\"\n        @update:model-value=\"single\"\n        class=\"gap-0.5\"\n        ><RadioGroupItem\n          v-for=\"option in question.options\"\n          :key=\"option.value\"\n          :value=\"option.value\"\n          :label=\"option.label\"\n          :description=\"option.description\"\n          :disabled=\"disabled || option.disabled\"\n          class=\"min-h-9 rounded-lg px-1.5 py-1\"\n      /></RadioGroup> </template\n    ><Input\n      v-if=\"question.allowCustom\"\n      :model-value=\"answer.custom ?? ''\"\n      :disabled=\"disabled\"\n      :placeholder=\"question.customPlaceholder ?? 'Add another response…'\"\n      aria-label=\"Custom answer\"\n      @update:model-value=\"custom\"\n      :class=\"cn('p-0.5', question.options?.length && 'mt-1.5')\"\n      :class-names=\"{\n        field:\n          'h-10 rounded-xl border-0 bg-background/70 focus-within:bg-background',\n        input: 'px-3 text-sm',\n      }\"\n    />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/approval-card/src/types.ts",
+      "target": "~/src/components/orvui/agents/approval-card/src/types.ts",
+      "type": "registry:lib",
+      "content": "import type { Content } from \"../../shared\";\n\nexport type ApprovalCardStatus =\n  | \"pending\"\n  | \"submitting\"\n  | \"approved\"\n  | \"rejected\"\n  | \"changes-requested\"\n  | \"answered\";\n\nexport interface ApprovalCardOption {\n  value: string;\n  label: string;\n  /** Plain supporting text rendered under the label. */\n  description?: string;\n  disabled?: boolean;\n}\n\nexport interface ApprovalCardQuestion {\n  id: string;\n  title: Content;\n  description?: Content;\n  options?: ApprovalCardOption[];\n  multiple?: boolean;\n  autoAdvance?: boolean;\n  allowCustom?: boolean;\n  customPlaceholder?: string;\n}\n\nexport interface ApprovalCardAnswer {\n  selected: string[];\n  custom?: string;\n}\n\nexport type ApprovalCardAnswers = Record<string, ApprovalCardAnswer>;\n\n/** Vue props, including the typed model and business-event listeners. Content is passed through slots. */\nexport type ApprovalCardProps = InstanceType<\n  (typeof import(\"./ApprovalCard.vue\"))[\"default\"]\n>[\"$props\"];\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/RenderContent.ts",
+      "target": "~/src/components/orvui/lib/RenderContent.ts",
+      "type": "registry:lib",
+      "content": "import { defineComponent, h, isVNode } from \"vue\";\n\nexport default defineComponent({\n  props: [\"node\"],\n  setup(props) {\n    return () => {\n      const content = props.node;\n      if (typeof content === \"function\") return h(content);\n      if (content === null || typeof content !== \"object\" || Array.isArray(content) || isVNode(content)) return content;\n      return h(content);\n    };\n  },\n});\n"
+    },
+    {
+      "path": "registry/orvui/lib/utils.ts",
+      "target": "~/src/components/orvui/lib/utils.ts",
+      "type": "registry:lib",
+      "content": "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: unknown[]) {\n  const combined = clsx(...inputs as ClassValue[]);\n  return twMerge(combined);\n}\nexport function clamp(value: number, min: number, max: number) {\n  const aboveFloor = Math.max(min, value);\n  return Math.min(aboveFloor, max);\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/index.ts",
+      "target": "~/src/components/orvui/motion/action-swap/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as ActionSwapText } from \"./src/ActionSwapText.vue\";\nexport { default as ActionSwapIcon } from \"./src/ActionSwapIcon.vue\";\nexport { default as ActionSwapButton } from \"./src/ActionSwapButton.vue\";\n\nexport { default as ActionSwapCascadeButton } from \"./src/ActionSwapCascadeButton.vue\";\nexport { default as ActionSwapCascadeText } from \"./src/ActionSwapCascadeText.vue\";\nexport { default as ActionSwapCascadeIcon } from \"./src/ActionSwapCascadeIcon.vue\";\nexport { default as ActionSwapBlurButton } from \"./src/ActionSwapBlurButton.vue\";\nexport { default as ActionSwapBlurText } from \"./src/ActionSwapBlurText.vue\";\nexport { default as ActionSwapBlurIcon } from \"./src/ActionSwapBlurIcon.vue\";\nexport { default as ActionSwapRollButton } from \"./src/ActionSwapRollButton.vue\";\nexport { default as ActionSwapRollText } from \"./src/ActionSwapRollText.vue\";\nexport { default as ActionSwapRollIcon } from \"./src/ActionSwapRollIcon.vue\";\n\nexport type * from \"./src/api-types\";\n\nexport type * from \"./src/public-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapBlurButton.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapBlurButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"blur\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapBlurIcon.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapBlurIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"blur\"><slot /></ActionSwapIcon></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapBlurText.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapBlurText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"blur\"><slot /></ActionSwapText></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapButton.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, type Component, type VNodeChild } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useMotionState } from \"../../state\";\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; animation?: \"cascade\" | \"blur\" | \"roll\";\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n  iconOnly?: boolean; cycle?: boolean; disabled?: boolean;\n}>(), { animation: \"blur\", variant: \"secondary\", size: \"md\", cycle: true, iconOnly: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"change\", \"update:value\", \"valueChange\", \"click\"]);\nconst value = useMotionState(props, emit, \"modelValue\", props.defaultValue ?? props.items[0]?.id ?? \"\");\nconst index = computed(() => Math.max(0, props.items.findIndex(item => item.id === (props.value ?? value.value))));\nconst selected = computed(() => props.items[index.value] ?? props.items[0]);\nconst iconOnly = computed(() => props.iconOnly ?? props.size === \"icon\");\nconst hasIcons = computed(() => props.items.some(item => !!item.icon));\nconst reduced = useReducedMotion();\nconst color = computed(() => ({ primary: \"bg-primary text-primary-foreground hover:bg-primary/90\", secondary: \"border border-border bg-card text-foreground hover:border-border\", outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\", ghost: \"text-muted-foreground hover:bg-muted/60 hover:text-foreground\" })[props.variant]);\nconst geometry = computed(() => ({ sm: \"h-8 gap-1.5 rounded-full px-3 text-xs\", md: \"h-10 gap-2 rounded-full px-4 text-sm\", lg: \"h-12 gap-2.5 rounded-full px-5 text-base\", icon: \"h-10 w-10 rounded-full\" })[props.size]);\nconst accessibleName = computed(() => selected.value?.ariaLabel ?? (iconOnly.value && [\"string\", \"number\"].includes(typeof selected.value?.label) ? String(selected.value!.label) : undefined));\nfunction advance(event: MouseEvent) {\n  emit(\"click\", event);\n  if (event.defaultPrevented || props.disabled || !props.cycle || !props.items.length) return;\n  const next = props.items[(index.value + 1) % props.items.length]!;\n  value.value = next.id;\n  emit(\"update:value\", next.id);\n  emit(\"valueChange\", next.id, next);\n}\n</script>\n<template>\n  <motion.button v-if=\"selected\" type=\"button\" :disabled=\"disabled\" layout :layout-dependency=\"selected.id\" :aria-label=\"accessibleName\"\n    :while-press=\"reduced || disabled ? undefined : { scale: 0.97 }\" :transition=\"{ ...SPRING_PRESS, layout: reduced ? { duration: 0 } : SPRING_LAYOUT }\"\n    :style=\"{ borderRadius: '9999px' }\" :class=\"cn('inline-flex items-center justify-center overflow-hidden font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50', color, geometry, $attrs.class)\" @click=\"advance\">\n    <motion.span v-if=\"hasIcons || $slots.icon\" layout=\"position\" :layout-dependency=\"selected.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" class=\"inline-flex shrink-0\">\n      <ActionSwapIcon :value=\"selected.id\" :animation=\"animation\" class=\"h-4 w-4\"><slot name=\"icon\" :item=\"selected\"><RenderContent v-if=\"selected.icon\" :node=\"selected.icon\" class=\"size-4\" /></slot></ActionSwapIcon>\n    </motion.span>\n    <motion.span v-if=\"!iconOnly\" layout=\"position\" :layout-dependency=\"selected.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" class=\"inline-flex min-w-0 max-w-full\">\n      <ActionSwapText :value=\"selected.id\" :animation=\"animation\"><slot :item=\"selected\"><template v-if=\"typeof selected.label === 'string' || typeof selected.label === 'number'\">{{ selected.label }}</template><RenderContent v-else :node=\"selected.label\" /></slot></ActionSwapText>\n    </motion.span>\n  </motion.button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapCascadeButton.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapCascadeButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"cascade\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapCascadeIcon.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapCascadeIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"cascade\"><slot /></ActionSwapIcon></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapCascadeText.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapCascadeText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"cascade\"><slot /></ActionSwapText></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapIcon.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { swapPose } from \"./poses\";\nconst props = withDefaults(defineProps<{ value: string | number; animation?: \"cascade\" | \"blur\" | \"roll\" }>(), { animation: \"blur\" });\nconst reduced = useReducedMotion();\nconst pose = computed(() => swapPose(props.animation, \"icon\", reduced.value));\n</script>\n<template><span class=\"relative inline-grid shrink-0 place-items-center overflow-hidden\"><AnimatePresence mode=\"popLayout\" :initial=\"false\">\n  <motion.span :key=\"`${animation}-${value}`\" aria-hidden=\"true\" v-bind=\"pose\" class=\"col-start-1 row-start-1 inline-flex items-center justify-center will-change-[opacity,filter,transform]\"><slot /></motion.span>\n</AnimatePresence></span></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapRollButton.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapRollButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"roll\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapRollIcon.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapRollIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"roll\"><slot /></ActionSwapIcon></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapRollText.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapRollText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"roll\"><slot /></ActionSwapText></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapText.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { Comment, computed, Fragment, isVNode, Text, useSlots, type VNode } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cascadePoses, swapPose } from \"./poses\";\nconst props = withDefaults(defineProps<{ value: string | number; animation?: \"cascade\" | \"blur\" | \"roll\" }>(), { animation: \"blur\" });\nconst slots = useSlots(), reduced = useReducedMotion();\nfunction textContent(nodes: VNode[]): string | null {\n  let result = \"\";\n  for (const node of nodes) {\n    if (node.type === Comment) continue;\n    if (node.type === Text && typeof node.children === \"string\") result += node.children;\n    else if (node.type === Fragment && Array.isArray(node.children)) {\n      if (!node.children.every(isVNode)) return null;\n      const nested = textContent(node.children as VNode[]);\n      if (nested === null) return null;\n      result += nested;\n    } else return null;\n  }\n  return result;\n}\nconst label = computed(() => { void props.value; return textContent(slots.default?.() ?? []); });\nconst cascade = computed(() => props.animation === \"cascade\" && label.value !== null && !reduced.value);\nconst pose = computed(() => swapPose(props.animation, \"text\", reduced.value));\n</script>\n<template>\n  <span class=\"relative -my-[0.08em] inline-block max-w-full whitespace-nowrap py-[0.08em] align-bottom\" style=\"clip-path: inset(0 -999px); -webkit-clip-path: inset(0 -999px)\">\n    <span aria-hidden=\"true\" class=\"invisible inline-block whitespace-nowrap\"><template v-if=\"cascade\"><span v-for=\"(character, index) in label?.split('')\" :key=\"index\" class=\"inline-block whitespace-pre\">{{ character }}</span></template><slot v-else /></span>\n    <template v-if=\"cascade\"><span class=\"sr-only\">{{ label }}</span><AnimatePresence :initial=\"false\">\n      <motion.span :key=\"`cascade-${value}`\" aria-hidden=\"true\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"absolute left-0 top-[0.08em] inline-block whitespace-pre\">\n        <motion.span v-for=\"(character, index) in label?.split('')\" :key=\"index\" :custom=\"index * 0.025\" :variants=\"cascadePoses\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"inline-block whitespace-pre will-change-[opacity,filter,transform]\">{{ character }}</motion.span>\n      </motion.span>\n    </AnimatePresence></template>\n    <AnimatePresence v-else :initial=\"false\"><motion.span :key=\"`${animation}-${value}`\" v-bind=\"pose\" class=\"absolute left-0 top-[0.08em] inline-block max-w-full truncate will-change-[opacity,filter,transform]\"><slot /></motion.span></AnimatePresence>\n  </span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/action-swap/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type ActionSwapBlurButtonProps = InstanceType<\n  (typeof import(\"./ActionSwapBlurButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapBlurIconProps = InstanceType<\n  (typeof import(\"./ActionSwapBlurIcon.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapBlurTextProps = InstanceType<\n  (typeof import(\"./ActionSwapBlurText.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapButtonProps = InstanceType<\n  (typeof import(\"./ActionSwapButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapCascadeButtonProps = InstanceType<\n  (typeof import(\"./ActionSwapCascadeButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapCascadeIconProps = InstanceType<\n  (typeof import(\"./ActionSwapCascadeIcon.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapCascadeTextProps = InstanceType<\n  (typeof import(\"./ActionSwapCascadeText.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapIconProps = InstanceType<\n  (typeof import(\"./ActionSwapIcon.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapRollButtonProps = InstanceType<\n  (typeof import(\"./ActionSwapRollButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapRollIconProps = InstanceType<\n  (typeof import(\"./ActionSwapRollIcon.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapRollTextProps = InstanceType<\n  (typeof import(\"./ActionSwapRollText.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapTextProps = InstanceType<\n  (typeof import(\"./ActionSwapText.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/poses.ts",
+      "target": "~/src/components/orvui/motion/action-swap/src/poses.ts",
+      "type": "registry:lib",
+      "content": "import { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nexport function swapPose(animation: \"cascade\" | \"blur\" | \"roll\", kind: \"icon\" | \"text\", quiet: boolean) {\n  const rolling = animation !== \"blur\";\n  const initial = rolling ? { opacity: 0, y: kind === \"icon\" ? 12 : \"90%\", filter: \"blur(6px)\" }\n    : { opacity: 0, scale: kind === \"icon\" ? 0.25 : 0.96, filter: \"blur(6px)\" };\n  const exit = rolling ? { opacity: 0, y: kind === \"icon\" ? -12 : \"-90%\", filter: \"blur(6px)\", transition: { duration: 0.14, ease: EASE_OUT } }\n    : { opacity: 0, scale: kind === \"icon\" ? 0.25 : 0.96, filter: \"blur(6px)\", transition: { duration: 0.12, ease: EASE_OUT } };\n  return { initial: quiet ? false as const : initial, animate: { opacity: 1, y: 0, scale: 1, filter: \"blur(0px)\" }, exit: quiet ? undefined : exit, transition: rolling ? SPRING_SWAP : { duration: 0.18, ease: EASE_OUT } };\n}\nexport const cascadePoses = {\n  initial: { opacity: 0, y: \"105%\", filter: \"blur(6px)\" },\n  animate: (offset: unknown = 0) => ({ opacity: 1, y: \"0%\", filter: \"blur(0px)\", transition: { ...SPRING_SWAP, delay: Number(offset) } }),\n  exit: (offset: unknown = 0) => ({ opacity: 0, y: \"-105%\", filter: \"blur(6px)\", transition: { duration: 0.16, ease: EASE_OUT, delay: Number(offset) / 2 } }),\n};\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/public-types.ts",
+      "target": "~/src/components/orvui/motion/action-swap/src/public-types.ts",
+      "type": "registry:lib",
+      "content": "import type { ActionSwapButtonProps } from \"./api-types\";\nexport type ActionSwapAnimation = NonNullable<\n  ActionSwapButtonProps[\"animation\"]\n>;\nexport type ActionSwapButtonSize = NonNullable<ActionSwapButtonProps[\"size\"]>;\nexport type ActionSwapButtonVariant = NonNullable<\n  ActionSwapButtonProps[\"variant\"]\n>;\nexport type ActionSwapItem = ActionSwapButtonProps[\"items\"][number];\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/index.ts",
+      "target": "~/src/components/orvui/motion/button/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as Button } from \"./src/Button.vue\";\nexport { default as ButtonLink } from \"./src/ButtonLink.vue\";\nexport { default as MagneticButton } from \"./src/MagneticButton.vue\";\nexport { default as MetallicButton } from \"./src/MetallicButton.vue\";\nexport { default as StatefulButton } from \"./src/StatefulButton.vue\";\n\nexport type * from \"./src/api-types\";\n\nexport type { ButtonState } from \"./src/StatefulButton.vue\";\n\nexport type * from \"./src/public-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/button/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type ButtonLinkProps = InstanceType<\n  (typeof import(\"./ButtonLink.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ButtonProps = InstanceType<\n  (typeof import(\"./Button.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MagneticButtonProps = InstanceType<\n  (typeof import(\"./MagneticButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MetallicButtonProps = InstanceType<\n  (typeof import(\"./MetallicButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type StatefulButtonProps = InstanceType<\n  (typeof import(\"./StatefulButton.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/Button.vue",
+      "target": "~/src/components/orvui/motion/button/src/Button.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\n\nexport interface ButtonProps {\n  variant?: \"primary\" | \"secondary\" | \"ghost\" | \"outline\";\n  size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n  pressScale?: number;\n  ripple?: boolean;\n  disabled?: boolean;\n  type?: \"button\" | \"submit\" | \"reset\";\n}\nconst props = withDefaults(defineProps<ButtonProps>(), { variant: \"primary\", size: \"md\", pressScale: 0.93, type: \"button\" });\nconst reduced = useReducedMotion();\nconst waves = ref<{ key: number; left: number; top: number; diameter: number }[]>([]);\nlet sequence = 0;\nconst appearance = computed(() => ({\n  primary: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n  secondary: \"border border-border bg-card text-foreground\",\n  ghost: \"text-muted-foreground hover:text-foreground hover:bg-muted/60\",\n  outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\",\n})[props.variant]);\nconst geometry = computed(() => ({\n  sm: \"h-8 px-3 text-xs gap-1.5 rounded-full\", md: \"h-10 px-5 text-sm gap-2 rounded-full\",\n  lg: \"h-12 px-6 text-base gap-2 rounded-full\", icon: \"h-8 w-8 rounded-lg\",\n})[props.size]);\nfunction startWave(event: PointerEvent) {\n  if (!props.ripple || props.disabled || reduced.value) return;\n  const bounds = (event.currentTarget as HTMLElement).getBoundingClientRect();\n  waves.value = [...waves.value, {\n    key: sequence++, left: event.clientX - bounds.left, top: event.clientY - bounds.top,\n    diameter: 2 * Math.max(bounds.width, bounds.height),\n  }];\n}\nfunction finishWave(key: number) { waves.value = waves.value.filter(wave => wave.key !== key); }\nonBeforeUnmount(() => { waves.value = []; });\n</script>\n\n<template>\n  <motion.button :type=\"type\" :disabled=\"disabled\" :transition=\"SPRING_PRESS\" @pointerdown=\"startWave\"\n    :while-press=\"reduced || disabled ? undefined : { scale: pressScale }\"\n    :while-hover=\"reduced || disabled ? undefined : { scale: 1.02 }\"\n    :class=\"cn('relative inline-flex items-center justify-center font-medium select-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', ripple && 'overflow-hidden', appearance, geometry, $attrs.class)\">\n    <span v-if=\"ripple\" class=\"pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit]\">\n      <motion.span v-for=\"wave in waves\" :key=\"wave.key\" class=\"absolute rounded-full bg-current\"\n        :style=\"{ left: `${wave.left}px`, top: `${wave.top}px`, width: `${wave.diameter}px`, height: `${wave.diameter}px`, x: '-50%', y: '-50%' }\"\n        :initial=\"{ scale: 0.05, opacity: 0.3 }\" :animate=\"{ scale: 1, opacity: 0 }\"\n        :transition=\"{ duration: 1.6, ease: EASE_OUT }\" @animation-complete=\"finishWave(wave.key)\" />\n    </span>\n    <slot />\n  </motion.button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/ButtonLink.vue",
+      "target": "~/src/components/orvui/motion/button/src/ButtonLink.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{ href?: string; variant?: \"primary\" | \"secondary\" | \"ghost\" | \"outline\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\"; pressScale?: number }>(), { variant: \"primary\", size: \"md\", pressScale: 0.93 });\nconst reduced = useReducedMotion();\nconst color = computed(() => ({ primary: \"bg-primary text-primary-foreground hover:bg-primary/90\", secondary: \"border border-border bg-card text-foreground hover:border-border\", ghost: \"text-muted-foreground hover:text-foreground hover:bg-muted/60\", outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\" })[props.variant]);\nconst geometry = computed(() => ({ sm: \"h-8 px-3 text-xs gap-1.5 rounded-full\", md: \"h-10 px-5 text-sm gap-2 rounded-full\", lg: \"h-12 px-6 text-base gap-2 rounded-full\", icon: \"h-8 w-8 rounded-lg\" })[props.size]);\n</script>\n<template>\n  <motion.a :href=\"href\" :while-press=\"reduced ? undefined : { scale: pressScale }\" :while-hover=\"reduced ? undefined : { scale: 1.02 }\"\n    :transition=\"SPRING_PRESS\" :class=\"cn('inline-flex items-center justify-center font-medium select-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', color, geometry, $attrs.class)\"><slot /></motion.a>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/Magnetic.vue",
+      "target": "~/src/components/orvui/motion/button/src/Magnetic.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from \"vue\";\nimport { motion, useMotionValue, useSpring } from \"motion-v\";\nimport { SPRING_MOUSE } from \"../../../lib/ease\";\nimport { resolveElement, useMediaQuery, useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{ strength?: number }>(), { strength: 0.35 });\nconst element = ref<HTMLElement | null>(null), reduced = useReducedMotion();\nconst hover = useMediaQuery(\"(hover: hover) and (pointer: fine)\");\nconst enabled = computed(() => hover.value && !reduced.value);\nconst x = useMotionValue(0), y = useMotionValue(0);\nconst springX = useSpring(x, SPRING_MOUSE), springY = useSpring(y, SPRING_MOUSE);\nfunction reset() { x.set(0); y.set(0); }\nfunction track(event: MouseEvent) {\n  if (!enabled.value || !element.value) return;\n  const bounds = element.value.getBoundingClientRect();\n  x.set(props.strength * (event.clientX - bounds.left - bounds.width / 2));\n  y.set(props.strength * (event.clientY - bounds.top - bounds.height / 2));\n}\nwatch(enabled, active => { if (!active) { reset(); springX.jump(0); springY.jump(0); } });\nonBeforeUnmount(() => { x.destroy(); y.destroy(); });\ndefineExpose({ x, y });\n</script>\n<template><motion.div :ref=\"node => element = resolveElement<HTMLElement>(node)\" @mousemove=\"track\" @mouseleave=\"reset\"\n  :style=\"{ x: springX, y: springY }\" class=\"inline-block\"><slot /></motion.div></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/MagneticButton.vue",
+      "target": "~/src/components/orvui/motion/button/src/MagneticButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { ref } from \"vue\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport Button from \"./Button.vue\";\nimport Magnetic from \"./Magnetic.vue\";\nwithDefaults(defineProps<{ strength?: number; disabled?: boolean; magneticClassName?: string }>(), { strength: 0.25 });\nconst button = ref<unknown>();\nfunction focus() { resolveElement<HTMLButtonElement>(button.value)?.focus(); }\ndefineExpose({ focus });\n</script>\n<template><Magnetic :strength=\"strength\" :class=\"magneticClassName\"><Button ref=\"button\" v-bind=\"$attrs\" :disabled=\"disabled\"><slot /></Button></Magnetic></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/MetallicButton.vue",
+      "target": "~/src/components/orvui/motion/button/src/MetallicButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_IN_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport Button from \"./Button.vue\";\nconst props = withDefaults(defineProps<{ size?: \"sm\" | \"md\" | \"lg\" | \"icon\"; paused?: boolean; disabled?: boolean }>(), { size: \"md\", paused: false });\nconst reduced = useReducedMotion(), hovered = ref(false);\nconst animated = computed(() => !props.paused && !reduced.value);\n</script>\n<template>\n  <Button variant=\"ghost\" :size=\"size\" :disabled=\"disabled\" @hover-start=\"hovered = true\" @hover-end=\"hovered = false\"\n    :class=\"cn('group relative isolate overflow-hidden border-0 bg-transparent text-foreground hover:bg-transparent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 shadow-[0_8px_22px_rgba(0,0,0,0.16)]', size === 'icon' && 'rounded-full', $attrs.class)\">\n    <motion.span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 left-[-18%] z-0 w-[136%] rounded-[inherit] bg-[linear-gradient(105deg,#111_0%,#737373_14%,#fafafa_26%,#525252_38%,#0a0a0a_50%,#a3a3a3_64%,#fff_75%,#404040_87%,#111_100%)]\"\n      :animate=\"animated ? { x: ['0%', '13%', '0%'] } : undefined\" :transition=\"animated ? { duration: 8, ease: EASE_IN_OUT, repeat: Infinity } : undefined\" />\n    <motion.span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 left-[-58%] z-[1] w-[52%] -skew-x-12 bg-[linear-gradient(90deg,transparent,rgba(255,255,255,0.5)_48%,transparent)] opacity-50 blur-[3px] mix-blend-screen\"\n      :animate=\"animated ? { x: hovered ? '310%' : '0%' } : undefined\" :transition=\"animated ? { duration: 2.4, ease: EASE_IN_OUT } : undefined\" />\n    <span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-[2px] z-[2] rounded-[inherit] bg-background transition-colors group-hover:bg-muted/40\" />\n    <span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-[2px] z-[3] rounded-[inherit] shadow-[inset_0_1px_0_rgba(255,255,255,0.28),inset_0_-1px_0_rgba(0,0,0,0.16)]\" />\n    <span class=\"relative z-10 inline-flex items-center justify-center gap-2\"><slot /></span>\n  </Button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/public-types.ts",
+      "target": "~/src/components/orvui/motion/button/src/public-types.ts",
+      "type": "registry:lib",
+      "content": "import type { ButtonProps } from \"./api-types\";\nexport type ButtonSize = NonNullable<ButtonProps[\"size\"]>;\nexport type ButtonVariant = NonNullable<ButtonProps[\"variant\"]>;\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/StatefulButton.vue",
+      "target": "~/src/components/orvui/motion/button/src/StatefulButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, useSlots, type Component, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Check, Loader2, X } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport Button, { type ButtonProps } from \"./Button.vue\";\nimport StatefulText from \"./StatefulText.vue\";\nexport type ButtonState = \"idle\" | \"loading\" | \"success\" | \"error\";\ninterface Props extends ButtonProps {\n  state?: ButtonState; loadingText?: VNodeChild | Component; successText?: VNodeChild | Component;\n  errorText?: VNodeChild | Component; icon?: VNodeChild | Component;\n}\nconst props = withDefaults(defineProps<Props>(), { state: \"idle\", loadingText: \"Loading\", successText: \"Done\", errorText: \"Try again\" });\nconst slots = useSlots(), reduced = useReducedMotion();\nconst statusIcon = computed(() => ({ loading: Loader2, success: Check, error: X })[props.state === \"idle\" ? \"loading\" : props.state]);\nfunction content(): VNodeChild | Component {\n  if (props.state === \"idle\") return slots.default?.();\n  const overrides = { loading: props.loadingText, success: props.successText, error: props.errorText };\n  return slots[props.state]?.() ?? overrides[props.state];\n}\nconst iconPoses = {\n  initial: { opacity: 0, width: 0, scale: 0.7, filter: \"blur(6px)\" },\n  animate: { opacity: 1, width: \"1.5rem\", scale: 1, filter: \"blur(0px)\", transition: SPRING_SWAP },\n  exit: { opacity: 0, width: 0, scale: 0.7, filter: \"blur(6px)\", transition: { duration: 0.16, ease: EASE_OUT } },\n};\n</script>\n<template>\n  <Button v-bind=\"$attrs\" :variant=\"variant\" :size=\"size\" :press-scale=\"pressScale\" :ripple=\"ripple\" :type=\"type\"\n    :disabled=\"disabled || state === 'loading'\" :aria-busy=\"state === 'loading'\" :while-hover=\"undefined\">\n    <span aria-live=\"polite\" class=\"relative inline-flex items-center justify-center overflow-hidden\">\n      <AnimatePresence :initial=\"false\" as=\"span\" class=\"contents\">\n        <motion.span v-if=\"state !== 'idle'\" :key=\"`${state}-icon`\" :variants=\"iconPoses\"\n          :initial=\"reduced ? { opacity: 0 } : 'initial'\" :animate=\"reduced ? { opacity: 1 } : 'animate'\" :exit=\"reduced ? { opacity: 0 } : 'exit'\"\n          :transition=\"reduced ? { duration: 0.15 } : undefined\" class=\"inline-grid shrink-0 place-items-center overflow-hidden\">\n          <component :is=\"statusIcon\" :class=\"['h-4 w-4', state === 'loading' && !reduced && 'animate-spin']\" />\n        </motion.span>\n      </AnimatePresence>\n      <StatefulText :value=\"state\" :nodes=\"content()\" />\n      <AnimatePresence :initial=\"false\" as=\"span\" class=\"contents\">\n        <motion.span v-if=\"state === 'idle' && (icon || slots.icon)\" key=\"idle-icon\" :variants=\"iconPoses\"\n          :initial=\"reduced ? { opacity: 0 } : 'initial'\" :animate=\"reduced ? { opacity: 1 } : 'animate'\" :exit=\"reduced ? { opacity: 0 } : 'exit'\"\n          :transition=\"reduced ? { duration: 0.15 } : undefined\" class=\"inline-grid shrink-0 place-items-center overflow-hidden\"><slot name=\"icon\"><RenderContent :node=\"icon\" /></slot></motion.span>\n      </AnimatePresence>\n    </span>\n  </Button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/StatefulText.vue",
+      "target": "~/src/components/orvui/motion/button/src/StatefulText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, isVNode, onBeforeUnmount, onMounted, onUpdated, ref, Text, type Component, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nconst props = defineProps<{ value: string; nodes: VNodeChild | Component }>();\nconst reduced = useReducedMotion(), measureElement = ref<HTMLSpanElement>(), width = ref<number>();\nfunction plainText(node: VNodeChild | Component): string | null {\n  if (typeof node === \"string\") return node;\n  if (Array.isArray(node)) return node.length === 1 ? plainText(node[0]) : null;\n  return isVNode(node) && node.type === Text && typeof node.children === \"string\" ? node.children : null;\n}\nconst label = computed(() => plainText(props.nodes));\nconst cascade = computed(() => label.value !== null && !reduced.value);\nconst identity = computed(() => label.value === null ? props.value : `${props.value}-${label.value}`);\nfunction delay(custom: unknown) { return typeof custom === \"number\" ? custom : 0; }\nconst poses = {\n  initial: { opacity: 0, y: \"105%\", filter: \"blur(6px)\" },\n  animate: (custom: unknown) => ({ opacity: 1, y: \"0%\", filter: \"blur(0px)\", transition: { ...SPRING_SWAP, delay: delay(custom) } }),\n  exit: (custom: unknown) => ({ opacity: 0, y: \"-105%\", filter: \"blur(6px)\", transition: { duration: 0.16, ease: EASE_OUT, delay: delay(custom) / 2 } }),\n};\nfunction measure() { const measured = measureElement.value?.offsetWidth; if (measured && measured !== width.value) width.value = measured; }\nlet observer: ResizeObserver | undefined;\nonMounted(() => { measure(); if (measureElement.value && typeof ResizeObserver !== \"undefined\") { observer = new ResizeObserver(measure); observer.observe(measureElement.value); } });\nonUpdated(measure);\nonBeforeUnmount(() => observer?.disconnect());\n</script>\n<template>\n  <motion.span :initial=\"false\" :animate=\"{ width: width === undefined ? undefined : `${width}px` }\" :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\" class=\"relative inline-block overflow-hidden whitespace-nowrap align-bottom\">\n    <span ref=\"measureElement\" aria-hidden=\"true\" class=\"invisible inline-block whitespace-nowrap\">\n      <template v-if=\"cascade\"><span v-for=\"(character, index) in label!.split('')\" :key=\"index\" class=\"inline-block whitespace-pre\">{{ character }}</span></template>\n      <RenderContent v-else :node=\"nodes\" />\n    </span>\n    <template v-if=\"cascade\">\n      <span class=\"sr-only\">{{ label }}</span>\n      <AnimatePresence :initial=\"false\" as=\"span\" class=\"contents\">\n        <motion.span :key=\"`cascade-${identity}`\" aria-hidden=\"true\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"absolute left-0 top-0 inline-block whitespace-pre\">\n          <motion.span v-for=\"(character, index) in label!.split('')\" :key=\"index\" :custom=\"index * 0.025\" :variants=\"poses\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"inline-block whitespace-pre will-change-[opacity,filter,transform]\">{{ character }}</motion.span>\n        </motion.span>\n      </AnimatePresence>\n    </template>\n    <AnimatePresence v-else :initial=\"false\" as=\"span\" class=\"contents\">\n      <motion.span :key=\"`text-${identity}`\" :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 14, filter: 'blur(6px)' }\"\n        :animate=\"reduced ? { opacity: 1 } : { opacity: 1, y: 0, filter: 'blur(0px)' }\" :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -14, filter: 'blur(6px)' }\"\n        :transition=\"reduced ? { duration: 0.15 } : SPRING_SWAP\" class=\"absolute left-0 top-0 inline-block will-change-[opacity,filter,transform]\"><RenderContent :node=\"nodes\" /></motion.span>\n    </AnimatePresence>\n  </motion.span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/checkbox/index.ts",
+      "target": "~/src/components/orvui/motion/checkbox/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as Checkbox } from \"./src/Checkbox.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/checkbox/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/checkbox/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type CheckboxProps = InstanceType<\n  (typeof import(\"./Checkbox.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/checkbox/src/Checkbox.vue",
+      "target": "~/src/components/orvui/motion/checkbox/src/Checkbox.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, useAttrs, useId } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\n\nconst props = withDefaults(defineProps<{\n  modelValue?: boolean; defaultValue?: boolean; disabled?: boolean; indeterminate?: boolean;\n  label?: string; description?: string; id?: string; ariaLabel?: string; ariaDescribedBy?: string;\n}>(), { modelValue: undefined, defaultValue: false });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst checked = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst generatedId = useId(), attrs = useAttrs(), reduced = useReducedMotion();\nconst controlId = computed(() => props.id ?? generatedId);\nconst accessibleName = computed(() => props.ariaLabel ?? attrs[\"aria-label\"] as string | undefined);\nconst labelId = computed(() => props.description && props.label && !accessibleName.value ? `${controlId.value}-label` : undefined);\nconst descriptionIds = computed(() => [props.ariaDescribedBy ?? attrs[\"aria-describedby\"], props.description ? `${controlId.value}-description` : undefined].filter(Boolean).join(\" \") || undefined);\nconst hasMark = computed(() => checked.value || props.indeterminate);\nconst state = computed(() => checked.value ? \"checked\" : props.indeterminate ? \"indeterminate\" : \"unchecked\");\nconst mark = computed(() => props.indeterminate ? \"M6 12h12\" : \"M5 13l4 4L19 7\");\nfunction toggle(event: MouseEvent) { if (!props.disabled && !event.defaultPrevented) checked.value = !checked.value; }\n</script>\n\n<template>\n  <label :for=\"controlId\" :style=\"$attrs.style as any\"\n    :class=\"cn('inline-flex gap-3', description ? 'items-start' : 'items-center', disabled ? 'cursor-not-allowed' : 'cursor-pointer', $attrs.class as string)\">\n    <motion.button v-bind=\"{ ...$attrs, class: undefined, style: undefined }\" :id=\"controlId\"\n      type=\"button\" role=\"checkbox\" :aria-checked=\"indeterminate ? 'mixed' : checked\"\n      :aria-label=\"accessibleName\" :aria-labelledby=\"labelId\" :aria-describedby=\"descriptionIds\"\n      :disabled=\"disabled\" :data-state=\"state\" @click=\"toggle\"\n      :while-press=\"reduced || disabled ? undefined : { scale: 0.92 }\" :transition=\"SPRING_PRESS\"\n      :class=\"cn('inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md border-2 outline-none transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-60', hasMark ? 'border-primary bg-primary text-primary-foreground' : 'border-muted-foreground/65 bg-background hover:border-muted-foreground')\">\n      <AnimatePresence :initial=\"false\">\n        <motion.svg v-if=\"hasMark\" :key=\"indeterminate ? 'indeterminate' : 'checked'\"\n          width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" :stroke-width=\"3\"\n          stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"\n          :initial=\"reduced ? { opacity: 1 } : { opacity: 0, scale: 0.5 }\"\n          :animate=\"reduced ? { opacity: 1 } : { opacity: 1, scale: 1 }\"\n          :exit=\"reduced ? { opacity: 0 } : { opacity: 0, scale: 0.5, filter: 'blur(4px)' }\"\n          :transition=\"reduced ? { duration: 0 } : { duration: 0.16, ease: EASE_OUT }\">\n          <title>{{ indeterminate ? 'Partially selected' : 'Selected' }}</title>\n          <motion.path :d=\"mark\" :initial=\"{ pathLength: reduced ? 1 : 0 }\" :animate=\"{ pathLength: 1 }\"\n            :transition=\"reduced ? { duration: 0 } : { duration: indeterminate ? 0.2 : 0.3, ease: EASE_OUT, delay: 0.04 }\" />\n        </motion.svg>\n      </AnimatePresence>\n    </motion.button>\n    <span v-if=\"label || description\" :class=\"cn('flex min-w-0 flex-col gap-0.5 select-none', disabled && 'opacity-60')\">\n      <span v-if=\"label\" :id=\"labelId\" :class=\"cn('text-sm text-foreground', description && 'leading-4')\">{{ label }}</span>\n      <span v-if=\"description\" :id=\"controlId + '-description'\" class=\"text-xs text-muted-foreground\">{{ description }}</span>\n    </span>\n  </label>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/input/index.ts",
+      "target": "~/src/components/orvui/motion/input/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as Input } from \"./src/Input.vue\";\n\nexport type * from \"./src/api-types\";\n\nexport type * from \"./src/public-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/input/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/input/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type InputProps = InstanceType<\n  (typeof import(\"./Input.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/input/src/Input.vue",
+      "target": "~/src/components/orvui/motion/input/src/Input.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useAttrs, useId } from \"vue\";\nimport { AnimatePresence, animate, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useMotionState } from \"../../state\";\nimport { watch } from \"vue\";\nexport interface InputProps {\n  modelValue?: string; defaultValue?: string; label?: string; error?: string | boolean; reserveErrorLine?: boolean;\n  success?: boolean; disabled?: boolean; type?: string; id?: string; leftIcon?: any; rightIcon?: any; classNames?: Record<string, string>;\n}\nconst props = withDefaults(defineProps<InputProps>(), { defaultValue: \"\", type: \"text\" });\nconst emit = defineEmits([\"update:modelValue\", \"change\", \"focus\", \"blur\"]);\nconst value = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst generatedId = useId(), attrs = useAttrs(), reduced = useReducedMotion();\nconst controlId = computed(() => props.id ?? generatedId);\nconst focused = ref(false), field = ref<HTMLElement | null>(null), input = ref<HTMLInputElement | null>(null);\nconst state = computed(() => props.error ? \"error\" : props.success ? \"success\" : focused.value ? \"focused\" : \"idle\");\nconst descriptionIds = computed(() => [attrs[\"aria-describedby\"], typeof props.error === \"string\" ? `${controlId.value}-error` : undefined].filter(Boolean).join(\" \") || undefined);\nlet feedback: ReturnType<typeof animate> | undefined, disposed = false;\nfunction errorFeedback() {\n  feedback?.stop();\n  if (props.error && field.value && !reduced.value) feedback = animate(field.value, { x: [0, -6, 6, -4, 4, -2, 0] }, { duration: 0.45 });\n}\nfunction edit(event: Event) {\n  if (event.defaultPrevented || props.disabled) return;\n  value.value = (event.target as HTMLInputElement).value;\n  void nextTick(() => { if (!disposed && input.value && input.value.value !== value.value) input.value.value = value.value; });\n}\nfunction focus(event: FocusEvent) { focused.value = true; emit(\"focus\", event); }\nfunction blur(event: FocusEvent) { focused.value = false; emit(\"blur\", event); }\nwatch([() => !!props.error, reduced], errorFeedback);\nonMounted(errorFeedback);\nonBeforeUnmount(() => { disposed = true; feedback?.stop(); });\ndefineExpose({ focus: () => input.value?.focus(), input });\n</script>\n<template>\n  <div :class=\"cn('flex flex-col gap-1.5', $attrs.class, classNames?.root)\">\n    <label v-if=\"label\" :for=\"controlId\" :class=\"cn('px-1 text-sm font-medium text-foreground', classNames?.label)\">{{ label }}</label>\n    <div ref=\"field\" :data-state=\"state\" :class=\"cn('relative h-11 overflow-hidden rounded-full border transition-colors duration-200 border-border', focused && !error && 'border-foreground/40 ring-2 ring-ring/40', error && 'border-destructive ring-2 ring-destructive/25', disabled && 'opacity-60', classNames?.field)\">\n      <span v-if=\"$slots.leftIcon || leftIcon\" :class=\"cn('pointer-events-none absolute left-3 top-1/2 flex -translate-y-1/2 items-center text-muted-foreground [&_svg]:h-4 [&_svg]:w-4', classNames?.leftIcon)\"><slot name=\"leftIcon\"><RenderContent :node=\"leftIcon\" /></slot></span>\n      <input ref=\"input\" v-bind=\"{ ...$attrs, class: undefined }\" :id=\"controlId\" :type=\"type\" :value=\"value\" :disabled=\"disabled\" :aria-invalid=\"!!error || undefined\" :aria-describedby=\"descriptionIds\"\n        @input=\"edit\" @focus=\"focus\" @blur=\"blur\" :class=\"cn('peer h-full w-full bg-transparent text-base leading-6 text-foreground caret-foreground outline-none placeholder:text-muted-foreground/75', $slots.leftIcon || leftIcon ? 'pl-10' : 'pl-3.5', $slots.rightIcon || rightIcon || success ? 'pr-10' : 'pr-3.5', disabled && 'cursor-not-allowed', classNames?.input)\" />\n      <motion.svg v-if=\"success\" viewBox=\"0 0 24 24\" fill=\"none\" :class=\"cn('absolute right-3.5 top-1/2 h-5 w-5 -translate-y-1/2 text-(--color-success)', classNames?.successIcon)\">\n        <motion.path d=\"M5 12.5l4.5 4.5L19 7.5\" stroke=\"currentColor\" :stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          :initial=\"{ pathLength: reduced ? 1 : 0 }\" :animate=\"{ pathLength: 1 }\" :transition=\"{ duration: reduced ? 0 : 0.35, ease: 'easeOut' }\" />\n      </motion.svg>\n      <span v-else-if=\"$slots.rightIcon || rightIcon\" :class=\"cn('absolute right-0 top-0 flex h-full items-center text-muted-foreground [&_button]:grid [&_button]:size-11 [&_button]:place-items-center [&_svg]:h-4 [&_svg]:w-4', classNames?.rightIcon)\"><slot name=\"rightIcon\"><RenderContent :node=\"rightIcon\" /></slot></span>\n    </div>\n    <div :class=\"reserveErrorLine ? 'min-h-4' : 'contents'\"><AnimatePresence :initial=\"false\">\n      <motion.p v-if=\"typeof error === 'string' && error\" :id=\"`${controlId}-error`\" role=\"alert\"\n        :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: -4, filter: 'blur(4px)' }\" :animate=\"{ opacity: 1, y: 0, filter: 'blur(0px)' }\"\n        :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -4, filter: 'blur(4px)' }\" :transition=\"{ duration: 0.2 }\" :class=\"cn('px-1 text-xs text-destructive', classNames?.errorMessage)\">{{ error }}</motion.p>\n    </AnimatePresence></div>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/input/src/public-types.ts",
+      "target": "~/src/components/orvui/motion/input/src/public-types.ts",
+      "type": "registry:lib",
+      "content": "export type InputClassNames = Partial<\n  Record<\n    | \"root\"\n    | \"label\"\n    | \"field\"\n    | \"input\"\n    | \"leftIcon\"\n    | \"rightIcon\"\n    | \"successIcon\"\n    | \"errorMessage\",\n    string\n  >\n>;\n"
+    },
+    {
+      "path": "registry/orvui/motion/radio/index.ts",
+      "target": "~/src/components/orvui/motion/radio/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as RadioGroup } from \"./src/RadioGroup.vue\";\nexport { default as RadioGroupItem } from \"./src/RadioGroupItem.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/radio/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/radio/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type RadioGroupItemProps = InstanceType<\n  (typeof import(\"./RadioGroupItem.vue\"))[\"default\"]\n>[\"$props\"];\nexport type RadioGroupProps = InstanceType<\n  (typeof import(\"./RadioGroup.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/radio/src/context.ts",
+      "target": "~/src/components/orvui/motion/radio/src/context.ts",
+      "type": "registry:lib",
+      "content": "import type { ComputedRef, WritableComputedRef } from \"vue\";\nexport interface RadioContext {\n  value: WritableComputedRef<string>;\n  id: string;\n  name: ComputedRef<string>;\n  tabStop: ComputedRef<string | null>;\n  register(value: string, disabled: boolean): void;\n  unregister(value: string): void;\n  setValue(value: string): void;\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/radio/src/RadioGroup.vue",
+      "target": "~/src/components/orvui/motion/radio/src/RadioGroup.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, provide, shallowRef, useId } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { useMotionState } from \"../../state\";\nimport type { RadioContext } from \"./context\";\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string; defaultValue?: string; orientation?: \"vertical\" | \"horizontal\"; name?: string;\n}>(), { defaultValue: \"\", orientation: \"vertical\" });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst selected = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst instanceId = useId();\nconst registry = shallowRef(new Map<string, boolean>());\nconst tabStop = computed(() => {\n  const enabled = [...registry.value].filter(([, disabled]) => !disabled).map(([key]) => key);\n  if (!registry.value.size) return null;\n  return enabled.includes(selected.value) ? selected.value : enabled[0] ?? \"\";\n});\nconst context: RadioContext = {\n  value: selected, id: instanceId, name: computed(() => props.name ?? instanceId), tabStop,\n  register(key, disabled) {\n    if (registry.value.has(key) && registry.value.get(key) === disabled) return;\n    registry.value = new Map([...registry.value, [key, disabled]]);\n  },\n  unregister(key) {\n    const remaining = new Map(registry.value);\n    remaining.delete(key);\n    registry.value = remaining;\n  },\n  setValue(next) { selected.value = next; },\n};\nprovide(\"orvui-radio\", context);\nfunction navigate(event: KeyboardEvent) {\n  if (event.defaultPrevented) return;\n  const root = event.currentTarget as HTMLElement;\n  const controls = [...root.querySelectorAll<HTMLButtonElement>('[role=\"radio\"]')]\n    .filter(control => !control.disabled && control.closest('[role=\"radiogroup\"]') === root);\n  const active = event.target === root ? root.ownerDocument.activeElement : event.target;\n  const index = controls.indexOf(active as HTMLButtonElement);\n  if (index < 0 || !controls.length) return;\n  let destination: number;\n  switch (event.key) {\n    case \"Home\": destination = 0; break;\n    case \"End\": destination = controls.length - 1; break;\n    case \"ArrowRight\": case \"ArrowDown\": destination = (index + 1) % controls.length; break;\n    case \"ArrowLeft\": case \"ArrowUp\": destination = (index + controls.length - 1) % controls.length; break;\n    default: return;\n  }\n  event.preventDefault();\n  controls[destination]!.focus();\n  controls[destination]!.click();\n}\n</script>\n\n<template>\n  <div role=\"radiogroup\" :aria-orientation=\"orientation\" @keydown=\"navigate\"\n    :class=\"cn('flex gap-3', orientation === 'vertical' ? 'flex-col' : 'flex-row flex-wrap', $attrs.class)\">\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/radio/src/RadioGroupItem.vue",
+      "target": "~/src/components/orvui/motion/radio/src/RadioGroupItem.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, inject, onBeforeUnmount, onMounted, useId, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport type { RadioContext } from \"./context\";\n\nconst props = defineProps<{ value: string; label?: string; description?: string; disabled?: boolean; id?: string }>();\nconst group = inject<RadioContext>(\"orvui-radio\");\nif (!group) throw new Error(\"RadioGroupItem must be inside RadioGroup\");\nconst generatedId = useId(), reduced = useReducedMotion();\nconst controlId = computed(() => props.id ?? generatedId);\nconst selected = computed(() => props.value === group.value.value);\nconst labelId = computed(() => props.description && props.label ? `${controlId.value}-label` : undefined);\nconst isTabStop = computed(() => !props.disabled && (group.tabStop.value === null || group.tabStop.value === props.value));\nfunction select(event: MouseEvent) { if (!props.disabled && !event.defaultPrevented) group!.setValue(props.value); }\nonMounted(() => group.register(props.value, !!props.disabled));\nwatch(() => [props.value, props.disabled] as const, ([value, disabled], [previous]) => {\n  if (value !== previous) group.unregister(previous);\n  group.register(value, !!disabled);\n});\nonBeforeUnmount(() => group.unregister(props.value));\n</script>\n\n<template>\n  <label :for=\"controlId\" :style=\"$attrs.style as any\"\n    :class=\"cn('inline-flex gap-3', description ? 'items-start' : 'items-center', disabled ? 'cursor-not-allowed' : 'cursor-pointer', $attrs.class as string)\">\n    <motion.button v-bind=\"{ ...$attrs, class: undefined, style: undefined }\" :id=\"controlId\"\n      type=\"button\" role=\"radio\" :aria-checked=\"selected\" :aria-labelledby=\"labelId\"\n      :aria-describedby=\"[$attrs['aria-describedby'] as string, description ? `${controlId}-description` : undefined].filter(Boolean).join(' ') || undefined\"\n      :disabled=\"disabled\" :tabindex=\"isTabStop ? 0 : -1\" :data-state=\"selected ? 'checked' : 'unchecked'\" @click=\"select\"\n      :while-press=\"reduced || disabled ? undefined : { scale: 0.92 }\" :transition=\"SPRING_PRESS\"\n      :class=\"cn('relative inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 outline-none transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-60', selected ? 'border-primary' : 'border-muted-foreground/65 hover:border-muted-foreground')\">\n      <motion.span v-if=\"selected\" :layout-id=\"group.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\"\n        class=\"absolute inset-1 rounded-full bg-primary\" />\n    </motion.button>\n    <input type=\"radio\" :name=\"group.name.value\" :value=\"value\" :checked=\"selected\" :disabled=\"disabled\" hidden />\n    <span v-if=\"label || description\" :class=\"cn('flex min-w-0 flex-col gap-0.5 select-none', disabled && 'opacity-60')\">\n      <span v-if=\"label\" :id=\"labelId\" :class=\"cn('text-sm text-foreground', description && 'leading-4')\">{{ label }}</span>\n      <span v-if=\"description\" :id=\"controlId + '-description'\" class=\"text-xs text-muted-foreground\">{{ description }}</span>\n    </span>\n  </label>\n</template>\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/approval-card.json"
+  }
+}