@orvui/vue 0.0.0-stage → 0.1.1

package/registry/swap.json

@@ -0,0 +1,149 @@
+{
+  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
+  "name": "swap",
+  "type": "registry:block",
+  "title": "Multi-chain Swap",
+  "description": "Compose an asset exchange with token choices, amounts and destination information.",
+  "files": [
+    {
+      "path": "registry/orvui/blocks/swap/index.ts",
+      "target": "~/src/components/orvui/blocks/swap/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as MultiChainSwap } from \"./src/MultiChainSwap.vue\";\nexport * from \"./src/types\";\nexport { default as Swap } from \"./src/MultiChainSwap.vue\";\nexport * from \"./src/data\";\nexport * from \"./src/constants\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/blocks/swap/src/api-types.ts",
+      "target": "~/src/components/orvui/blocks/swap/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type MultiChainSwapProps = InstanceType<\n  (typeof import(\"./MultiChainSwap.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/blocks/swap/src/ChainChip.vue",
+      "target": "~/src/components/orvui/blocks/swap/src/ChainChip.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport type { Chain } from \"./types\";\ndefineProps<{ active: boolean; chain?: Chain; label?: string }>();\n</script>\n<template>\n  <button\n    type=\"button\"\n    :aria-pressed=\"active\"\n    :title=\"chain?.name ?? label\"\n    :class=\"\n      cn(\n        'inline-flex h-9 shrink-0 items-center justify-center rounded-xl border transition-colors active:scale-[0.97] transition-transform',\n        chain ? 'w-9' : 'px-3',\n        active\n          ? 'border-primary/20 bg-muted/60 text-foreground'\n          : 'border-border/60 bg-background/40 text-foreground hover:border-border',\n      )\n    \"\n  >\n    <span\n      v-if=\"chain\"\n      :style=\"{ width: '20px', height: '20px' }\"\n      :class=\"\n        cn(\n          'inline-flex shrink-0 items-center justify-center rounded-full text-[9px] font-bold',\n          chain.tone,\n        )\n      \"\n      >{{ chain.symbol }}</span\n    ><span v-else class=\"text-xs font-semibold\">{{ label }}</span>\n  </button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/swap/src/constants.ts",
+      "target": "~/src/components/orvui/blocks/swap/src/constants.ts",
+      "type": "registry:lib",
+      "content": "// Swap-local aliases for the shared motion tokens in ../../lib/ease.\nexport {\n  EASE_OUT as EASE,\n  EASE_DRAWER as SWAP_DRAWER_EASE,\n} from \"../../../lib/ease\";\n"
+    },
+    {
+      "path": "registry/orvui/blocks/swap/src/data.ts",
+      "target": "~/src/components/orvui/blocks/swap/src/data.ts",
+      "type": "registry:lib",
+      "content": "import type { Chain, Token } from \"./types\";\nconst networks = [\n  [\"eth\", \"Ethereum\", \"bg-primary text-primary-foreground\", \"Ξ\"],\n  [\"sol\", \"Solana\", \"bg-secondary text-secondary-foreground\", \"◎\"],\n  [\"base\", \"Base\", \"bg-accent text-accent-foreground\", \"B\"],\n  [\"arb\", \"Arbitrum\", \"bg-muted text-muted-foreground\", \"A\"],\n  [\"op\", \"Optimism\", \"bg-destructive text-primary-foreground\", \"O\"],\n  [\"poly\", \"Polygon\", \"bg-primary/80 text-primary-foreground\", \"P\"],\n  [\"bnb\", \"BNB\", \"bg-secondary text-secondary-foreground\", \"B\"],\n  [\"avax\", \"Avalanche\", \"bg-destructive/80 text-primary-foreground\", \"A\"],\n];\nexport const CHAINS: Chain[] = networks.map(([id, name, tone, symbol]) => ({\n  id,\n  name,\n  tone,\n  symbol,\n}));\ntype TokenSeed = [string, string, string, string, number, number?, string?];\nconst seeds: TokenSeed[] = [\n  [\"eth-eth\", \"ETH\", \"Ether\", \"eth\", 1.245, 3142],\n  [\"eth-weth\", \"WETH\", \"Wrapped Ether\", \"eth\", 0.5, 3142],\n  [\"eth-usdc\", \"USDC\", \"USD Coin\", \"eth\", 4521, 1],\n  [\"eth-usdt\", \"USDT\", \"Tether\", \"eth\", 2100, 1],\n  [\"eth-dai\", \"DAI\", \"Dai Stablecoin\", \"eth\", 800, 1],\n  [\"eth-wbtc\", \"WBTC\", \"Wrapped Bitcoin\", \"eth\", 0.04, 96000],\n  [\"eth-link\", \"LINK\", \"ChainLink Token\", \"eth\", 120, 22, \"0x51...86ca\"],\n  [\"eth-aztec\", \"AZTEC\", \"AZTEC\", \"eth\", 0, undefined, \"0xa2...62d2\"],\n  [\"eth-cfg\", \"CFG\", \"Centrifuge\", \"eth\", 0, undefined, \"0xcc...8a94\"],\n  [\"eth-ondo\", \"ONDO\", \"Ondo\", \"eth\", 0, undefined, \"0xfa...9be3\"],\n  [\"sol-sol\", \"SOL\", \"Solana\", \"sol\", 12.4, 168],\n  [\"sol-usdc\", \"USDC\", \"USD Coin\", \"sol\", 985.32, 1],\n  [\"base-eth\", \"ETH\", \"Ether\", \"base\", 0.65, 3142],\n  [\"base-usdc\", \"USDC\", \"USD Coin\", \"base\", 1200, 1],\n  [\"arb-arb\", \"ARB\", \"Arbitrum\", \"arb\", 800, 0.95],\n  [\"arb-eth\", \"ETH\", \"Ether\", \"arb\", 0.32, 3142],\n  [\"op-op\", \"OP\", \"Optimism\", \"op\", 450, 2.8],\n  [\"poly-matic\", \"MATIC\", \"Polygon\", \"poly\", 1500, 0.75],\n  [\"bnb-bnb\", \"BNB\", \"BNB\", \"bnb\", 0, 620],\n  [\"avax-avax\", \"AVAX\", \"Avalanche\", \"avax\", 0, 38],\n];\nexport const TOKENS: Token[] = seeds.map(\n  ([id, symbol, name, chainId, balance, usd, address], index) => ({\n    id,\n    symbol,\n    name,\n    chainId,\n    balance,\n    ...(usd === undefined ? {} : { usd }),\n    ...(address ? { address, trending: true } : {}),\n    ...(index < 6 ? { popular: true } : {}),\n  }),\n);\n"
+    },
+    {
+      "path": "registry/orvui/blocks/swap/src/DestinationRow.vue",
+      "target": "~/src/components/orvui/blocks/swap/src/DestinationRow.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Check, ChevronDown, Send, X } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE } from \"./constants\";\nimport { isValidAddress, truncateAddress } from \"./utils\";\nconst props = defineProps<{\n    show: boolean;\n    address: string;\n    reduce: boolean;\n  }>(),\n  emit = defineEmits<{ toggle: []; address: [address: string] }>();\nconst input = ref<HTMLInputElement>(),\n  valid = computed(() => !!props.address && isValidAddress(props.address));\nlet frame = 0;\nwatch(\n  () => props.show,\n  (show) => {\n    cancelAnimationFrame(frame);\n    if (show)\n      frame = requestAnimationFrame(() =>\n        input.value?.focus({ preventScroll: true }),\n      );\n  },\n  { flush: \"post\" },\n);\nonBeforeUnmount(() => cancelAnimationFrame(frame));\n</script>\n<template>\n  <div\n    class=\"mt-1 overflow-hidden rounded-xl border border-border/50 bg-background/40\"\n  >\n    <button\n      type=\"button\"\n      class=\"flex w-full items-center justify-between gap-2 px-3.5 py-2.5 text-[12px] text-muted-foreground hover:text-foreground\"\n      @click=\"emit('toggle')\"\n    >\n      <span class=\"flex items-center gap-2\"\n        ><Send class=\"h-3.5 w-3.5 shrink-0\" /><span>{{\n          show && valid\n            ? \"To: \" + truncateAddress(address)\n            : \"Send to different address\"\n        }}</span></span\n      ><motion.span\n        :animate=\"reduce ? {} : { rotate: show ? 180 : 0 }\"\n        :transition=\"{ duration: reduce ? 0 : 0.2, ease: EASE }\"\n        :style=\"{ display: 'inline-flex' }\"\n        ><ChevronDown class=\"h-3.5 w-3.5\"\n      /></motion.span></button\n    ><AnimatePresence as=\"div\" class=\"contents\"\n      ><motion.div\n        v-if=\"show\"\n        key=\"dest-input\"\n        :initial=\"reduce ? { opacity: 0 } : { height: 0, opacity: 0 }\"\n        :animate=\"reduce ? { opacity: 1 } : { height: 'auto', opacity: 1 }\"\n        :exit=\"reduce ? { opacity: 0 } : { height: 0, opacity: 0 }\"\n        :transition=\"{ duration: reduce ? 0 : 0.22, ease: EASE }\"\n        :style=\"{ overflow: 'hidden' }\"\n        ><div class=\"border-t border-border/50 px-3.5 pb-3 pt-2.5\">\n          <div\n            :class=\"\n              cn(\n                'flex items-center gap-2 rounded-lg border px-2.5 py-2 transition-colors',\n                address && !valid ? 'border-destructive/40' : 'border-border',\n              )\n            \"\n          >\n            <input\n              ref=\"input\"\n              :value=\"address\"\n              aria-label=\"Destination address\"\n              placeholder=\"0x... or name.eth\"\n              :spellcheck=\"false\"\n              class=\"min-w-0 flex-1 bg-transparent font-mono text-[12px] text-foreground outline-none placeholder:text-muted-foreground/60\"\n              @input=\"\n                emit(\n                  'address',\n                  ($event.target as HTMLInputElement).value.trim(),\n                )\n              \"\n            /><AnimatePresence mode=\"wait\" as=\"span\" class=\"contents\"\n              ><motion.span\n                v-if=\"valid\"\n                key=\"check\"\n                :initial=\"{ opacity: 0, scale: 0.7 }\"\n                :animate=\"{ opacity: 1, scale: 1 }\"\n                :exit=\"{ opacity: 0, scale: 0.7 }\"\n                :transition=\"{ duration: reduce ? 0 : 0.14, ease: EASE }\"\n                ><Check\n                  class=\"h-3.5 w-3.5 shrink-0 text-primary\" /></motion.span\n              ><motion.button\n                v-else-if=\"address\"\n                key=\"clear\"\n                type=\"button\"\n                aria-label=\"Clear address\"\n                :initial=\"{ opacity: 0, scale: 0.7 }\"\n                :animate=\"{ opacity: 1, scale: 1 }\"\n                :exit=\"{ opacity: 0, scale: 0.7 }\"\n                :transition=\"{ duration: reduce ? 0 : 0.14, ease: EASE }\"\n                class=\"shrink-0 text-muted-foreground hover:text-foreground\"\n                @click=\"emit('address', '')\"\n                ><X class=\"h-3.5 w-3.5\" /></motion.button\n            ></AnimatePresence>\n          </div></div></motion.div\n    ></AnimatePresence>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/swap/src/Field.vue",
+      "target": "~/src/components/orvui/blocks/swap/src/Field.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, useId } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ChevronDown, LoaderCircle, Wallet } from \"lucide-vue-next\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE } from \"./constants\";\nimport { formatAmount, sanitizeAmount } from \"./utils\";\nimport type { Chain, Token, TokenSide } from \"./types\";\nimport TokenDot from \"./TokenDot.vue\";\nconst props = defineProps<{\n    side: TokenSide;\n    token: Token;\n    chain: Chain;\n    amount: string;\n    editable: boolean;\n    quoting: boolean;\n  }>(),\n  emit = defineEmits<{ amount: [amount: string]; openPicker: [] }>();\nconst id = useId(),\n  reduce = useReducedMotion(),\n  usd = computed(() => (Number(props.amount) || 0) * (props.token.usd ?? 0));\n</script>\n<template>\n  <div\n    class=\"relative rounded-2xl border border-border/50 bg-background/40 p-3.5\"\n  >\n    <label\n      :for=\"id\"\n      class=\"mb-2 block text-[11px] font-medium uppercase tracking-wider text-muted-foreground\"\n      >{{ side === \"from\" ? \"You pay\" : \"You get\" }}</label\n    >\n    <div class=\"flex items-center justify-between gap-3\">\n      <div class=\"min-w-0 flex-1\">\n        <input\n          v-if=\"editable\"\n          :id=\"id\"\n          inputmode=\"decimal\"\n          :value=\"amount\"\n          placeholder=\"0\"\n          class=\"w-full bg-transparent text-2xl font-semibold tracking-tight text-foreground tabular-nums outline-none placeholder:text-muted-foreground/60\"\n          @input=\"\n            emit(\n              'amount',\n              sanitizeAmount(($event.target as HTMLInputElement).value),\n            )\n          \"\n        />\n        <div\n          v-else\n          class=\"flex h-9 items-center gap-2 text-2xl font-semibold tracking-tight tabular-nums\"\n        >\n          <motion.span\n            :animate=\"{\n              opacity: quoting ? 0.55 : 1,\n              filter: quoting ? 'blur(2px)' : 'blur(0px)',\n            }\"\n            :transition=\"{ duration: reduce ? 0 : 0.18, ease: EASE }\"\n            class=\"text-foreground\"\n            >{{ amount || \"0\" }}</motion.span\n          ><AnimatePresence as=\"span\" class=\"contents\"\n            ><motion.span\n              v-if=\"quoting\"\n              :initial=\"{ opacity: 0, scale: 0.85 }\"\n              :animate=\"{ opacity: 1, scale: 1 }\"\n              :exit=\"{ opacity: 0, scale: 0.85 }\"\n              :transition=\"{ duration: reduce ? 0 : 0.14, ease: EASE }\"\n              ><LoaderCircle\n                class=\"h-4 w-4 animate-spin text-muted-foreground\" /></motion.span\n          ></AnimatePresence>\n        </div>\n        <p class=\"mt-1 text-[11px] text-muted-foreground tabular-nums\">\n          ≈ ${{ formatAmount(usd, 2) }}\n        </p>\n      </div>\n      <button\n        type=\"button\"\n        class=\"group inline-flex h-10 items-center gap-2 rounded-full border border-border bg-card pl-1 pr-2.5 text-sm font-semibold text-foreground transition-transform hover:border-border active:scale-[0.97]\"\n        @click=\"emit('openPicker')\"\n      >\n        <TokenDot :token=\"token\" :chain=\"chain\" /><span>{{ token.symbol }}</span\n        ><ChevronDown class=\"h-3.5 w-3.5 text-muted-foreground\" />\n      </button>\n    </div>\n    <div\n      class=\"mt-2 flex items-center justify-between text-[11px] text-muted-foreground\"\n    >\n      <span class=\"inline-flex items-center gap-1\"\n        ><Wallet class=\"h-3 w-3\" /><span class=\"tabular-nums\">{{\n          token.balance ? formatAmount(token.balance) : \"0.00\"\n        }}</span\n        ><span>· {{ chain.name }}</span></span\n      ><button\n        v-if=\"side === 'from' && token.balance\"\n        type=\"button\"\n        class=\"rounded px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground hover:bg-muted/60 hover:text-foreground\"\n        @click=\"emit('amount', String(token.balance))\"\n      >\n        Max\n      </button>\n    </div>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/swap/src/MultiChainSwap.vue",
+      "target": "~/src/components/orvui/blocks/swap/src/MultiChainSwap.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ArrowDownUp, LoaderCircle, Settings } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport { CHAINS, TOKENS } from \"./data\";\nimport { EASE } from \"./constants\";\nimport { formatAmount } from \"./utils\";\nimport { useSwap, type SwapOrder } from \"./use-swap\";\nimport type { Chain, Token } from \"./types\";\nimport Field from \"./Field.vue\";\nimport DestinationRow from \"./DestinationRow.vue\";\nimport TokenPicker from \"./TokenPicker.vue\";\nconst props = withDefaults(\n  defineProps<{\n    chains?: Chain[];\n    tokens?: Token[];\n    defaultFromId?: string;\n    defaultToId?: string;\n  }>(),\n  {\n    chains: () => CHAINS,\n    tokens: () => TOKENS,\n    defaultFromId: \"eth-eth\",\n    defaultToId: \"sol-sol\",\n  },\n);\nconst emit = defineEmits<{ swap: [order: SwapOrder]; connect: [] }>();\nconst {\n  reduce,\n  fromId,\n  toId,\n  amount,\n  rotation,\n  quoting,\n  picking,\n  showDest,\n  destination,\n  from,\n  to,\n  fromChain,\n  toChain,\n  rate,\n  total,\n  disabled,\n  label,\n  flip,\n  pick,\n  toggleDestination,\n  submit,\n} = useSwap(props, (order) => emit(\"swap\", order));\n</script>\n<template>\n  <div\n    class=\"relative isolate w-full max-w-[420px] overflow-hidden rounded-3xl border border-border/30 bg-card\"\n  >\n    <div\n      class=\"flex h-12 items-center justify-between border-b border-border/50 px-3\"\n    >\n      <span class=\"px-2 text-sm font-semibold tracking-tight text-foreground\"\n        >Swap</span\n      ><button\n        type=\"button\"\n        aria-label=\"Settings\"\n        class=\"inline-flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground transition-transform hover:bg-muted/60 hover:text-foreground active:scale-[0.97]\"\n      >\n        <Settings class=\"h-4 w-4\" />\n      </button>\n    </div>\n    <div class=\"flex flex-col gap-1.5 p-4\">\n      <Field\n        side=\"from\"\n        :token=\"from\"\n        :chain=\"fromChain\"\n        :amount=\"amount\"\n        editable\n        :quoting=\"false\"\n        @amount=\"amount = $event\"\n        @open-picker=\"picking = 'from'\"\n      />\n      <div class=\"relative -my-4 flex justify-center\" :style=\"{ zIndex: 1 }\">\n        <motion.button\n          type=\"button\"\n          aria-label=\"Reverse direction\"\n          :while-press=\"reduce ? undefined : { scale: 0.9 }\"\n          :animate=\"reduce ? undefined : { rotate: rotation }\"\n          :transition=\"\n            reduce\n              ? { duration: 0 }\n              : { type: 'spring', stiffness: 380, damping: 26, mass: 0.6 }\n          \"\n          class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border-[3px] border-card bg-muted text-foreground backdrop-blur\"\n          @click=\"flip\"\n          ><ArrowDownUp class=\"h-3.5 w-3.5\"\n        /></motion.button>\n      </div>\n      <Field\n        side=\"to\"\n        :token=\"to\"\n        :chain=\"toChain\"\n        :amount=\"total > 0 ? formatAmount(total) : ''\"\n        :editable=\"false\"\n        :quoting=\"quoting\"\n        @open-picker=\"picking = 'to'\"\n      />\n      <div\n        class=\"mt-3 grid grid-cols-2 gap-x-4 gap-y-1.5 rounded-xl border border-border/50 bg-background/40 px-3.5 py-2.5 text-[11px]\"\n      >\n        <span class=\"text-muted-foreground\">Rate</span\n        ><span class=\"text-right tabular-nums text-foreground\"\n          ><LoaderCircle\n            v-if=\"quoting\"\n            class=\"ml-auto inline h-3 w-3 animate-spin text-muted-foreground\"\n          /><template v-else\n            >1 {{ from.symbol }} ≈ {{ formatAmount(rate) }}\n            {{ to.symbol }}</template\n          ></span\n        ><span class=\"text-muted-foreground\">Network fee</span\n        ><span class=\"text-right tabular-nums text-foreground\">$0.42</span\n        ><span class=\"text-muted-foreground\">Slippage</span\n        ><span class=\"text-right tabular-nums text-foreground\">0.50%</span\n        ><span class=\"text-muted-foreground\">ETA</span\n        ><span class=\"text-right text-foreground\">≈ 24s</span>\n      </div>\n      <DestinationRow\n        :show=\"showDest\"\n        :address=\"destination\"\n        :reduce=\"reduce\"\n        @toggle=\"toggleDestination\"\n        @address=\"destination = $event\"\n      /><motion.button\n        type=\"button\"\n        :while-press=\"disabled || reduce ? undefined : { scale: 0.97 }\"\n        :transition=\"SPRING_PRESS\"\n        :disabled=\"disabled\"\n        :class=\"\n          cn(\n            'mt-3 inline-flex h-12 w-full items-center justify-center rounded-2xl text-sm font-semibold transition-colors',\n            disabled\n              ? 'cursor-not-allowed bg-muted text-muted-foreground'\n              : 'bg-primary text-primary-foreground hover:bg-primary/90',\n          )\n        \"\n        @click=\"submit\"\n        ><AnimatePresence mode=\"wait\" :initial=\"false\"\n          ><motion.span\n            :key=\"label\"\n            :initial=\"{ opacity: 0 }\"\n            :animate=\"{ opacity: 1 }\"\n            :exit=\"{ opacity: 0 }\"\n            :transition=\"{ duration: reduce ? 0 : 0.14, ease: EASE }\"\n            >{{ label }}</motion.span\n          ></AnimatePresence\n        ></motion.button\n      >\n    </div>\n    <TokenPicker\n      :open=\"picking !== null\"\n      :side=\"picking\"\n      :chains=\"chains\"\n      :tokens=\"tokens\"\n      :selected-id=\"picking === 'from' ? fromId : toId\"\n      :reduce=\"reduce\"\n      @pick=\"pick\"\n      @close=\"picking = null\"\n    />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/swap/src/TokenDot.vue",
+      "target": "~/src/components/orvui/blocks/swap/src/TokenDot.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport type { Chain, Token } from \"./types\";\nconst props = withDefaults(\n  defineProps<{ token: Token; chain: Chain; size?: number }>(),\n  { size: 28 },\n);\nconst diameter = computed(() => `${props.size}px`),\n  badge = computed(() => `${props.size * 0.42}px`);\n</script>\n<template>\n  <span\n    class=\"relative inline-flex shrink-0\"\n    :style=\"{ width: diameter, height: diameter }\"\n    ><span\n      class=\"absolute inset-0 inline-flex items-center justify-center rounded-full border border-border bg-background text-[11px] font-bold text-foreground\"\n      >{{ token.symbol.substring(0, 2) }}</span\n    ><span\n      :style=\"{ width: badge, height: badge }\"\n      :class=\"\n        cn(\n          'absolute -bottom-0.5 -right-0.5 inline-flex items-center justify-center rounded-full border-2 border-card text-[7px] font-bold',\n          chain.tone,\n        )\n      \"\n      >{{ chain.symbol }}</span\n    ></span\n  >\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/swap/src/TokenPicker.vue",
+      "target": "~/src/components/orvui/blocks/swap/src/TokenPicker.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Search, X } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PANEL } from \"../../../lib/ease\";\nimport { useOverlay } from \"../../../lib/composables\";\nimport { EASE } from \"./constants\";\nimport { formatAmount } from \"./utils\";\nimport ChainChip from \"./ChainChip.vue\";\nimport TokenDot from \"./TokenDot.vue\";\nimport type { Chain, Token, TokenSide } from \"./types\";\nconst props = defineProps<{\n    open: boolean;\n    side: TokenSide | null;\n    chains: Chain[];\n    tokens: Token[];\n    selectedId: string;\n    reduce: boolean;\n  }>(),\n  emit = defineEmits<{ pick: [id: string]; close: [] }>();\nconst chainFilter = ref(\"all\"),\n  q = ref(\"\"),\n  input = ref<HTMLInputElement>(),\n  panel = ref<HTMLElement | null>(null);\nconst popular = computed(() =>\n    props.tokens.filter((token) => token.popular).slice(0, 6),\n  ),\n  chainById = computed(\n    () => new Map(props.chains.map((chain) => [chain.id, chain])),\n  );\nconst filtered = computed(() => {\n  const term = q.value.trim().toLowerCase();\n  return props.tokens.filter(\n    (token) =>\n      (chainFilter.value === \"all\" || token.chainId === chainFilter.value) &&\n      (!term ||\n        [\n          token.symbol,\n          token.name,\n          chainById.value.get(token.chainId)?.name,\n          token.address,\n        ].some((field) => field?.toLowerCase().includes(term))),\n  );\n});\nwatch(\n  () => props.open,\n  (show) => {\n    if (show) q.value = \"\";\n  },\n);\nuseOverlay(\n  computed(() => props.open),\n  panel,\n  () => emit(\"close\"),\n  () => input.value,\n);\n</script>\n<template>\n  <AnimatePresence as=\"div\" class=\"contents\"\n    ><motion.button\n      v-if=\"open\"\n      key=\"backdrop\"\n      type=\"button\"\n      aria-label=\"Close\"\n      :initial=\"{ opacity: 0 }\"\n      :animate=\"{ opacity: 1 }\"\n      :exit=\"{ opacity: 0 }\"\n      :transition=\"{ duration: reduce ? 0 : 0.2, ease: EASE }\"\n      class=\"absolute inset-0 z-10 cursor-default bg-background/40 backdrop-blur-sm\"\n      @click=\"emit('close')\"\n    /><motion.div\n      v-if=\"open\"\n      key=\"sheet\"\n      ref=\"panel\"\n      :initial=\"reduce ? { opacity: 0 } : { opacity: 0, y: '100%' }\"\n      :animate=\"reduce ? { opacity: 1 } : { opacity: 1, y: 0 }\"\n      :exit=\"reduce ? { opacity: 0 } : { opacity: 0, y: '100%' }\"\n      :transition=\"reduce ? { duration: 0.18, ease: EASE } : SPRING_PANEL\"\n      class=\"absolute inset-x-0 bottom-0 z-20 flex max-h-[92%] flex-col rounded-t-3xl border-t border-border bg-card shadow-2xl\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :aria-label=\"`Select ${side === 'from' ? 'from' : 'to'} token`\"\n      ><div class=\"flex justify-center pb-1 pt-2.5\">\n        <span class=\"h-1 w-9 rounded-full bg-muted\" />\n      </div>\n      <div class=\"flex items-center gap-2 border-b border-border px-4 pb-3\">\n        <Search class=\"h-4 w-4 shrink-0 text-muted-foreground\" /><input\n          ref=\"input\"\n          v-model=\"q\"\n          placeholder=\"Search name or paste address\"\n          aria-label=\"Search tokens\"\n          class=\"w-full bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground/70\"\n        /><button\n          type=\"button\"\n          aria-label=\"Close\"\n          class=\"inline-flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground hover:bg-muted/60 hover:text-foreground\"\n          @click=\"emit('close')\"\n        >\n          <X class=\"h-3.5 w-3.5\" />\n        </button>\n      </div>\n      <div\n        class=\"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden flex items-center gap-1.5 overflow-x-auto border-b border-border px-3 py-5\"\n      >\n        <ChainChip\n          :active=\"chainFilter === 'all'\"\n          label=\"All\"\n          @click=\"chainFilter = 'all'\"\n        /><ChainChip\n          v-for=\"chain in chains\"\n          :key=\"chain.id\"\n          :active=\"chainFilter === chain.id\"\n          :chain=\"chain\"\n          @click=\"chainFilter = chain.id\"\n        />\n      </div>\n      <div class=\"flex-1 overflow-y-auto px-3 pb-4 pt-3\">\n        <template v-if=\"!q && chainFilter === 'all'\"\n          ><p\n            class=\"px-1 pb-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\"\n          >\n            Most popular\n          </p>\n          <div\n            class=\"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden flex items-center gap-1.5 overflow-x-auto pb-3\"\n          >\n            <template v-for=\"token in popular\" :key=\"token.id\"\n              ><button\n                v-if=\"chainById.has(token.chainId)\"\n                type=\"button\"\n                class=\"inline-flex shrink-0 items-center gap-2 rounded-full border border-border bg-background/50 py-1 pl-1 pr-3 text-sm font-semibold text-foreground transition-transform hover:border-border active:scale-[0.97]\"\n                @click=\"emit('pick', token.id)\"\n              >\n                <TokenDot\n                  :token=\"token\"\n                  :chain=\"chainById.get(token.chainId)!\"\n                  :size=\"22\"\n                />{{ token.symbol }}\n              </button></template\n            >\n          </div></template\n        >\n        <p\n          class=\"px-1 pb-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\"\n        >\n          {{ q ? \"Results\" : chainFilter === \"all\" ? \"Trending\" : \"Tokens\" }}\n        </p>\n        <ul class=\"flex flex-col gap-0.5\">\n          <li\n            v-if=\"!filtered.length\"\n            class=\"py-8 text-center text-xs text-muted-foreground\"\n          >\n            No tokens found\n          </li>\n          <li v-for=\"token in filtered\" :key=\"token.id\">\n            <button\n              v-if=\"chainById.has(token.chainId)\"\n              type=\"button\"\n              :class=\"\n                cn(\n                  'flex w-full items-center justify-between rounded-xl px-2 py-2 text-left transition-colors active:scale-[0.97]',\n                  token.id === selectedId ? 'bg-muted/60' : 'hover:bg-muted/60',\n                )\n              \"\n              @click=\"emit('pick', token.id)\"\n            >\n              <span class=\"flex min-w-0 items-center gap-2.5\"\n                ><TokenDot\n                  :token=\"token\"\n                  :chain=\"chainById.get(token.chainId)!\"\n                  :size=\"32\"\n                /><span class=\"flex min-w-0 flex-col\"\n                  ><span\n                    class=\"truncate text-sm font-semibold text-foreground\"\n                    >{{ token.name }}</span\n                  ><span class=\"truncate text-[11px] text-muted-foreground\">{{\n                    token.symbol\n                  }}</span></span\n                ></span\n              ><span\n                class=\"shrink-0 text-right text-[11px] tabular-nums text-muted-foreground\"\n                >{{\n                  token.address ??\n                  (token.balance ? formatAmount(token.balance) : \"\")\n                }}</span\n              >\n            </button>\n          </li>\n        </ul>\n      </div></motion.div\n    ></AnimatePresence\n  >\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/swap/src/types.ts",
+      "target": "~/src/components/orvui/blocks/swap/src/types.ts",
+      "type": "registry:lib",
+      "content": "export type Chain = { id: string; name: string; tone: string; symbol: string };\nexport type Token = {\n  id: string;\n  symbol: string;\n  name: string;\n  chainId: string;\n  address?: string;\n  balance?: number;\n  usd?: number;\n  trending?: boolean;\n  popular?: boolean;\n};\nexport type TokenSide = \"from\" | \"to\";\n"
+    },
+    {
+      "path": "registry/orvui/blocks/swap/src/use-swap.ts",
+      "target": "~/src/components/orvui/blocks/swap/src/use-swap.ts",
+      "type": "registry:lib",
+      "content": "import { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { isValidAddress, truncateAddress } from \"./utils\";\nimport type { Chain, Token, TokenSide } from \"./types\";\nexport type SwapOrder = {\n  from: Token;\n  to: Token;\n  amount: number;\n  toAmount: number;\n  destination?: string;\n};\nexport function useSwap(\n  props: {\n    tokens: Token[];\n    chains: Chain[];\n    defaultFromId: string;\n    defaultToId: string;\n  },\n  send: (order: SwapOrder) => void,\n) {\n  const reduce = useReducedMotion(),\n    fromId = ref(props.defaultFromId),\n    toId = ref(props.defaultToId),\n    amount = ref(\"1\"),\n    rotation = ref(0),\n    quoting = ref(false),\n    picking = ref<TokenSide | null>(null),\n    showDest = ref(false),\n    destination = ref(\"\");\n  function token(id: string) {\n    const entry = props.tokens.find((token) => token.id === id);\n    if (!entry) throw new Error(\"Unknown token id: \" + id);\n    return entry;\n  }\n  function chain(id: string) {\n    const entry = props.chains.find((chain) => chain.id === id);\n    if (!entry) throw new Error(\"Unknown chain id: \" + id);\n    return entry;\n  }\n  const from = computed(() => token(fromId.value)),\n    to = computed(() => token(toId.value)),\n    fromChain = computed(() => chain(from.value.chainId)),\n    toChain = computed(() => chain(to.value.chainId));\n  const numeric = computed(() => Number(amount.value) || 0),\n    rate = computed(() =>\n      from.value.usd && to.value.usd ? from.value.usd / to.value.usd : 1,\n    ),\n    total = computed(() => numeric.value * rate.value);\n  const insufficient = computed(\n    () =>\n      from.value.balance !== undefined && numeric.value > from.value.balance,\n  );\n  const disabled = computed(() => numeric.value <= 0 || insufficient.value);\n  const label = computed(() =>\n    numeric.value <= 0\n      ? \"Enter an amount\"\n      : insufficient.value\n        ? `Insufficient ${from.value.symbol}`\n        : destination.value && isValidAddress(destination.value)\n          ? `Swap + Send to ${truncateAddress(destination.value)}`\n          : `Swap ${from.value.symbol} → ${to.value.symbol}`,\n  );\n  let quoteTimer: ReturnType<typeof setTimeout> | undefined,\n    mounted = false;\n  function quote() {\n    clearTimeout(quoteTimer);\n    quoting.value = mounted && !!numeric.value;\n    if (quoting.value)\n      quoteTimer = setTimeout(() => {\n        quoting.value = false;\n      }, 450);\n  }\n  watch([numeric, fromId, toId], quote);\n  onMounted(() => {\n    mounted = true;\n    quote();\n  });\n  onBeforeUnmount(() => {\n    mounted = false;\n    clearTimeout(quoteTimer);\n  });\n  function flip() {\n    rotation.value += 180;\n    [fromId.value, toId.value] = [toId.value, fromId.value];\n  }\n  function pick(id: string) {\n    const side = picking.value;\n    if (!side) return;\n    const selected = side === \"from\" ? fromId : toId,\n      other = side === \"from\" ? toId : fromId;\n    if (id === other.value) other.value = selected.value;\n    selected.value = id;\n    picking.value = null;\n  }\n  function toggleDestination() {\n    if (showDest.value) destination.value = \"\";\n    showDest.value = !showDest.value;\n  }\n  function submit() {\n    if (!disabled.value)\n      send({\n        from: from.value,\n        to: to.value,\n        amount: numeric.value,\n        toAmount: total.value,\n        destination: destination.value || undefined,\n      });\n  }\n  return {\n    reduce,\n    fromId,\n    toId,\n    amount,\n    rotation,\n    quoting,\n    picking,\n    showDest,\n    destination,\n    from,\n    to,\n    fromChain,\n    toChain,\n    rate,\n    total,\n    disabled,\n    label,\n    flip,\n    pick,\n    toggleDestination,\n    submit,\n  };\n}\n"
+    },
+    {
+      "path": "registry/orvui/blocks/swap/src/utils.ts",
+      "target": "~/src/components/orvui/blocks/swap/src/utils.ts",
+      "type": "registry:lib",
+      "content": "export function isValidAddress(value: string) {\n  return (\n    /^0x[0-9a-fA-F]{40}$/.test(value) ||\n    (value.length > 5 && /\\.(eth|sol|bnb)$/.test(value))\n  );\n}\nexport function truncateAddress(value: string) {\n  return value.length === 42 && value.startsWith(\"0x\")\n    ? [value.substring(0, 6), value.substring(38)].join(\"...\")\n    : value;\n}\nexport function sanitizeAmount(value: string) {\n  let result = \"\",\n    decimal = false;\n  for (const char of value) {\n    if (char >= \"0\" && char <= \"9\") result += char;\n    else if (char === \".\" && !decimal) {\n      decimal = true;\n      result += \".\";\n    }\n  }\n  return result;\n}\nexport function formatAmount(value: number, max = 6) {\n  return !Number.isFinite(value) || value === 0\n    ? \"0\"\n    : value.toLocaleString(undefined, {\n        maximumFractionDigits: value >= 1000 ? 2 : max,\n      });\n}\n"
+    },
+    {
+      "path": "registry/orvui/lib/composables.ts",
+      "target": "~/src/components/orvui/lib/composables.ts",
+      "type": "registry:lib",
+      "content": "import { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nimport { layerManager, type Layer } from \"./layers\";\n\nexport function useControllable<T>(props: Record<string, any>, key: string, emit: (...args: any[]) => void, fallback: T) {\n  const local = ref<T>(fallback) as Ref<T>;\n  const read = () => props[key] as T | undefined;\n  return computed<T>({\n    get() { const supplied = read(); return supplied === undefined ? local.value : supplied; },\n    set(value) { if (read() === undefined) local.value = value; emit(`update:${key}`, value); },\n  });\n}\n\nexport function useMediaQuery(query: string) {\n  const matches = ref(false);\n  let disconnect: (() => void) | undefined;\n  onMounted(() => {\n    if (typeof window.matchMedia !== \"function\") return;\n    const media = window.matchMedia(query);\n    const update = () => { matches.value = media.matches; };\n    update();\n    media.addEventListener?.(\"change\", update);\n    disconnect = () => media.removeEventListener?.(\"change\", update);\n  });\n  onBeforeUnmount(() => disconnect?.());\n  return matches;\n}\nexport function useReducedMotion() { return useMediaQuery(\"(prefers-reduced-motion: reduce)\"); }\n\nconst lockedProperties = [\"overflow\", \"position\", \"top\", \"left\", \"right\", \"width\"] as const;\nlet scrollOwners = 0;\nlet unlockPage: (() => void) | undefined;\nfunction acquirePage() {\n  if (scrollOwners++ === 0) {\n    const body = document.body.style;\n    const saved = lockedProperties.map(name => ({ name, value: body.getPropertyValue(name), priority: body.getPropertyPriority(name) }));\n    const x = window.scrollX, y = window.scrollY;\n    body.setProperty(\"overflow\", \"hidden\");\n    body.setProperty(\"position\", \"fixed\");\n    body.setProperty(\"left\", `${-x}px`);\n    body.setProperty(\"top\", `${-y}px`);\n    body.setProperty(\"right\", \"0px\");\n    body.setProperty(\"width\", \"100%\");\n    unlockPage = () => {\n      for (const entry of saved) {\n        if (entry.value) body.setProperty(entry.name, entry.value, entry.priority);\n        else body.removeProperty(entry.name);\n      }\n      const root = document.documentElement.style;\n      const behavior = root.getPropertyValue(\"scroll-behavior\");\n      const priority = root.getPropertyPriority(\"scroll-behavior\");\n      root.setProperty(\"scroll-behavior\", \"auto\");\n      window.scrollTo(x, y);\n      if (behavior) root.setProperty(\"scroll-behavior\", behavior, priority);\n      else root.removeProperty(\"scroll-behavior\");\n    };\n  }\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    if (--scrollOwners === 0) { unlockPage?.(); unlockPage = undefined; }\n  };\n}\nexport function useScrollLock(locked: Ref<boolean>) {\n  let mounted = false;\n  let release: (() => void) | undefined;\n  const update = (value: boolean) => {\n    if (!mounted) return;\n    if (value && !release) release = acquirePage();\n    if (!value && release) { release(); release = undefined; }\n  };\n  onMounted(() => { mounted = true; update(locked.value); });\n  watch(locked, update);\n  onBeforeUnmount(() => { release?.(); release = undefined; mounted = false; });\n}\n\nexport function resolveElement<T extends Element = HTMLElement>(value: unknown): T | null {\n  if (!value) return null;\n  const unwrapped = (value as { $el?: unknown }).$el ?? value;\n  return typeof (unwrapped as Element).nodeType === \"number\" && (unwrapped as Element).nodeType === 1 ? unwrapped as T : null;\n}\nconst focusable = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])';\nfunction createLayer(modal: boolean, panel?: { readonly value: unknown }): Layer {\n  return { key: Symbol(\"orvui-layer\"), modal, owner: getCurrentInstance(), surface: () => resolveElement(panel?.value), returnTo: null };\n}\nexport function useOverlay(open: Ref<boolean>, panel: Ref<HTMLElement | null>, close: () => void, initialFocus?: () => HTMLElement | undefined) {\n  const layer = createLayer(true, panel);\n  let mounted = false;\n  let revision = 0;\n  const sync = async (value: boolean) => {\n    const current = ++revision;\n    if (!mounted) return;\n    if (!value) { layerManager.detach(layer, true); return; }\n    if (!layerManager.attach(layer)) return;\n    await nextTick();\n    if (!mounted || current !== revision || !open.value || !layerManager.top(layer)) return;\n    (initialFocus?.() ?? layer.surface()?.querySelector<HTMLElement>(focusable) ?? layer.surface())?.focus({ preventScroll: true });\n  };\n  const onKey = (event: KeyboardEvent) => {\n    if (event.defaultPrevented || !open.value) return;\n    if (event.key === \"Escape\" && layerManager.top(layer)) {\n      event.preventDefault(); event.stopPropagation(); close(); return;\n    }\n    if (event.key !== \"Tab\" || !layerManager.modal(layer)) return;\n    const candidates = new Set<HTMLElement>();\n    for (const surface of layerManager.scopes(layer)) {\n      for (const node of surface.querySelectorAll<HTMLElement>(focusable)) {\n        if (node.getClientRects().length > 0 && !node.closest(\"[inert]\")) candidates.add(node);\n      }\n    }\n    event.preventDefault();\n    const nodes = [...candidates];\n    if (!nodes.length) { layer.surface()?.focus(); return; }\n    const position = nodes.indexOf(document.activeElement as HTMLElement);\n    const next = position < 0 ? (event.shiftKey ? nodes.length - 1 : 0) : (position + (event.shiftKey ? -1 : 1) + nodes.length) % nodes.length;\n    nodes[next].focus();\n  };\n  useScrollLock(open);\n  onMounted(() => { mounted = true; document.addEventListener(\"keydown\", onKey); void sync(open.value); });\n  watch(open, value => void sync(value));\n  onBeforeUnmount(() => { mounted = false; revision++; document.removeEventListener(\"keydown\", onKey); layerManager.detach(layer, true); });\n  return {\n    isTop: () => open.value && layerManager.top(layer),\n    containsHigher: (target: EventTarget | null) => layerManager.higher(layer, target),\n    containsOwnedPortal: (target: HTMLElement) => layerManager.containsPortal(layer.owner, target),\n  };\n}\nexport function useFloatingLayer(open: Ref<boolean>, panel?: { readonly value: unknown }) {\n  const layer = createLayer(false, panel);\n  let mounted = false;\n  let unregister: (() => void) | undefined;\n  const sync = (value: boolean) => {\n    if (!mounted) return;\n    if (value) layerManager.attach(layer); else layerManager.detach(layer, false);\n  };\n  onMounted(() => { mounted = true; unregister = layerManager.portal(layer.owner, layer.surface); sync(open.value); });\n  watch(open, sync, { flush: \"sync\" });\n  onBeforeUnmount(() => { mounted = false; unregister?.(); layerManager.detach(layer, false); });\n  const isTop = () => open.value && layerManager.top(layer);\n  return {\n    isTop,\n    claimEscape(event: KeyboardEvent) {\n      if (event.key !== \"Escape\" || event.defaultPrevented || !isTop()) return false;\n      event.preventDefault(); event.stopImmediatePropagation(); return true;\n    },\n    containsHigher: (target: EventTarget | null) => layerManager.higher(layer, target),\n  };\n}\nexport function useEventListener(target: () => EventTarget | null | undefined, event: string, handler: EventListener, options?: AddEventListenerOptions) {\n  let remove: (() => void) | undefined;\n  onMounted(() => { const element = target(); element?.addEventListener(event, handler, options); remove = () => element?.removeEventListener(event, handler, options); });\n  onBeforeUnmount(() => remove?.());\n}\n"
+    },
+    {
+      "path": "registry/orvui/lib/ease.ts",
+      "target": "~/src/components/orvui/lib/ease.ts",
+      "type": "registry:lib",
+      "content": "export const EASE_OUT = [0.16, 1, 0.3, 1] as const;\nexport const EASE_IN_OUT = [0.77, 0, 0.175, 1] as const;\nexport const EASE_DRAWER = [0.32, 0.72, 0, 1] as const;\nexport const EASE_OUT_CSS = \"cubic-bezier(0.16,1,0.3,1)\";\nexport const SPRING_PRESS = {\n  type: \"spring\",\n  stiffness: 500,\n  damping: 30,\n  mass: 0.6,\n} as const;\nexport const SPRING_SWAP = {\n  type: \"spring\",\n  stiffness: 460,\n  damping: 30,\n  mass: 0.55,\n} as const;\nexport const SPRING_PANEL = {\n  type: \"spring\",\n  stiffness: 420,\n  damping: 40,\n  mass: 0.5,\n} as const;\nexport const SPRING_LAYOUT = {\n  type: \"spring\",\n  stiffness: 360,\n  damping: 32,\n  mass: 0.6,\n} as const;\nexport const SPRING_MOUSE = { stiffness: 200, damping: 15, mass: 0.3 } as const;\nexport const SPRING_GLIDE = { stiffness: 700, damping: 50, mass: 0.5 } as const;\nexport const SPRING_TIMELINE = {\n  type: \"spring\",\n  stiffness: 120,\n  damping: 24,\n  mass: 1,\n} as const;\n"
+    },
+    {
+      "path": "registry/orvui/lib/layers.ts",
+      "target": "~/src/components/orvui/lib/layers.ts",
+      "type": "registry:lib",
+      "content": "import type { ComponentInternalInstance } from \"vue\";\n\ntype Surface = () => HTMLElement | null;\nexport interface Layer {\n  key: symbol;\n  modal: boolean;\n  owner: ComponentInternalInstance | null;\n  surface: Surface;\n  returnTo: HTMLElement | null;\n}\nconst active: Layer[] = [];\nconst portals = new Set<{ owner: ComponentInternalInstance | null; surface: Surface }>();\n\nfunction belongsTo(child: ComponentInternalInstance | null, parent: ComponentInternalInstance | null) {\n  if (!parent) return false;\n  for (let node = child; node; node = node.parent) if (node === parent) return true;\n  return false;\n}\nfunction later(layer: Layer) {\n  const index = active.indexOf(layer);\n  return index < 0 ? [] : active.slice(index + 1);\n}\nexport const layerManager = {\n  attach(layer: Layer) {\n    if (active.includes(layer)) return false;\n    layer.returnTo = document.activeElement as HTMLElement | null;\n    const before = active.findIndex(entry => entry.owner !== layer.owner && belongsTo(entry.owner, layer.owner));\n    active.splice(before < 0 ? active.length : before, 0, layer);\n    return true;\n  },\n  detach(layer: Layer, restore: boolean) {\n    const index = active.indexOf(layer);\n    if (index < 0) return;\n    const wasLast = index === active.length - 1;\n    const surface = layer.surface();\n    for (const successor of later(layer)) {\n      if (successor.returnTo && surface?.contains(successor.returnTo)) successor.returnTo = layer.returnTo;\n    }\n    active.splice(index, 1);\n    if (restore && wasLast && layer.returnTo?.isConnected) layer.returnTo.focus({ preventScroll: true });\n  },\n  top(layer: Layer) { return active.at(-1) === layer; },\n  modal(layer: Layer) { return active.slice().reverse().find(entry => entry.modal) === layer; },\n  higher(layer: Layer, target: EventTarget | null) {\n    return !!target && typeof (target as Node).nodeType === \"number\" && later(layer).some(entry => entry.surface()?.contains(target as Node));\n  },\n  scopes(layer: Layer) {\n    const result = [layer.surface()];\n    for (const entry of later(layer)) if (!entry.modal && belongsTo(entry.owner, layer.owner)) result.push(entry.surface());\n    return result.filter((surface): surface is HTMLElement => surface !== null);\n  },\n  portal(owner: ComponentInternalInstance | null, surface: Surface) {\n    const portal = { owner, surface };\n    portals.add(portal);\n    return () => portals.delete(portal);\n  },\n  containsPortal(owner: ComponentInternalInstance | null, target: HTMLElement) {\n    for (const portal of portals) {\n      const node = portal.surface();\n      if (node && belongsTo(portal.owner, owner) && target.contains(node)) return true;\n    }\n    return false;\n  },\n};\n"
+    },
+    {
+      "path": "registry/orvui/lib/utils.ts",
+      "target": "~/src/components/orvui/lib/utils.ts",
+      "type": "registry:lib",
+      "content": "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: unknown[]) {\n  const combined = clsx(...inputs as ClassValue[]);\n  return twMerge(combined);\n}\nexport function clamp(value: number, min: number, max: number) {\n  const aboveFloor = Math.max(min, value);\n  return Math.min(aboveFloor, max);\n}\n"
+    },
+    {
+      "path": "registry/orvui/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": "blocks",
+    "registry": "https://orvui.efu.me/r/swap.json"
+  }
+}