@orvui/vue 0.0.0-stage → 0.1.1

package/registry/knockout-wheel.json

@@ -0,0 +1,222 @@
+{
+  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
+  "name": "knockout-wheel",
+  "type": "registry:block",
+  "title": "Knockout Wheel",
+  "description": "Browse elimination rounds or a radial bracket with team and match metadata.",
+  "files": [
+    {
+      "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/knockout-bracket/index.ts",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as KnockoutBracket } from \"./src/KnockoutBracket.vue\";\nexport * from \"./src/types\";\nexport { default as KnockoutWheel } from \"./src/KnockoutWheel.vue\";\nexport * from \"./src/data\";\n\nexport type * from \"./src/api-types\";\nexport { ROUNDS as WHEEL_ROUNDS, TEAMS as WHEEL_TEAMS } from \"./src/wheel-data\";\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/api-types.ts",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type KnockoutBracketProps = InstanceType<\n  (typeof import(\"./KnockoutBracket.vue\"))[\"default\"]\n>[\"$props\"];\nexport type KnockoutWheelProps = InstanceType<\n  (typeof import(\"./KnockoutWheel.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/bracket-model.ts",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/bracket-model.ts",
+      "type": "registry:lib",
+      "content": "import type { Match, MatchSide, Round } from \"./types\";\nexport const finished = (match: Match) =>\n  match.status ? match.status === \"finished\" : match.winner != null;\nexport function bracketLabel(round: string, match: Match) {\n  const done = finished(match);\n  const describe = (side: MatchSide) =>\n    (side.team?.name ?? \"TBD\") +\n    (side.score == null\n      ? \"\"\n      : ` ${side.score}` +\n        (side.penalties == null ? \"\" : ` (${side.penalties} on penalties)`));\n  const schedule = done ? [] : [match.date, match.time].filter(Boolean),\n    winner = match.winner ? match[match.winner].team?.name : undefined;\n  return (\n    round +\n    \": \" +\n    describe(match.home) +\n    (done ? \", \" : \" versus \") +\n    describe(match.away) +\n    (schedule.length ? \", \" + schedule.join(\", \") : \"\") +\n    (winner ? \", \" + winner + \" won\" : \"\")\n  );\n}\nexport function bracketLayout(rounds: Round[], page: number, columns: number) {\n  const centers: number[][] = rounds.map(() => []);\n  centers[page] = (rounds[page]?.matches ?? []).map(\n    (_, index) => 74 + index * 144,\n  );\n  for (let level = page + 1; level < rounds.length; level++) {\n    const previous = centers[level - 1],\n      current = centers[level];\n    for (let index = 0; index < rounds[level].matches.length; index++) {\n      const top = previous[index * 2];\n      current[index] =\n        top == null\n          ? (current[index - 1] ?? -70) + 144\n          : (top + (previous[index * 2 + 1] ?? top)) / 2;\n    }\n  }\n  for (let level = page - 1; level >= 0; level--) {\n    const distance = 144 / 2 ** (page - level + 1);\n    centers[level] = rounds[level].matches.map(\n      (_, index) =>\n        (centers[level + 1][Math.floor(index / 2)] ?? 12) +\n        (index % 2 ? distance : -distance),\n    );\n  }\n  const inWindow = (level: number) => level >= page && level < page + columns;\n  const connectors: {\n    key: string;\n    x: number;\n    y: number;\n    height: number;\n    visible: boolean;\n  }[] = [];\n  for (let level = 1; level < rounds.length; level++)\n    for (let index = 0; index < rounds[level].matches.length; index++) {\n      const top = centers[level - 1][index * 2] ?? centers[level][index] ?? 74,\n        bottom = centers[level - 1][index * 2 + 1] ?? top;\n      connectors.push({\n        key: `${level}-${index}`,\n        x: 258 + (level - 1 - page) * 290,\n        y: top,\n        height: Math.max(0, bottom - top),\n        visible: inWindow(level) && inWindow(level - 1),\n      });\n    }\n  let height = 74;\n  for (const row of centers.slice(page, page + columns))\n    for (const center of row) height = Math.max(height, center);\n  return { centers, connectors, height: height + 74 };\n}\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/data.ts",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/data.ts",
+      "type": "registry:lib",
+      "content": "import type { Team } from \"./types\";\nimport { fixture, roundsFrom, type GameSeed } from \"./fixture-builder\";\nconst countries = [\n  [\"southAfrica\", \"Southern Bay\", \"za\"],\n  [\"canada\", \"Cedar FC\", \"ca\"],\n  [\"netherlands\", \"North Harbor\", \"nl\"],\n  [\"morocco\", \"Moonbay\", \"ma\"],\n  [\"germany\", \"Grovefield\", \"de\"],\n  [\"paraguay\", \"Pinehaven\", \"py\"],\n  [\"france\", \"Fjord FC\", \"fr\"],\n  [\"sweden\", \"Silverlake\", \"se\"],\n  [\"belgium\", \"Beacon\", \"be\"],\n  [\"senegal\", \"Suncrest\", \"sn\"],\n  [\"usa\", \"Union\", \"us\"],\n  [\"bosnia\", \"Bayview and Highland\", \"ba\"],\n  [\"spain\", \"Solar\", \"es\"],\n  [\"austria\", \"Aster FC\", \"at\"],\n  [\"portugal\", \"Port Vale\", \"pt\"],\n  [\"croatia\", \"Copper FC\", \"hr\"],\n  [\"brazil\", \"Birch FC\", \"br\"],\n  [\"japan\", \"Juniper\", \"jp\"],\n  [\"ivoryCoast\", \"Clover Coast\", \"ci\"],\n  [\"norway\", \"Northbay\", \"no\"],\n  [\"mexico\", \"Marina\", \"mx\"],\n  [\"ecuador\", \"Elmbridge\", \"ec\"],\n  [\"england\", \"Eastgate\", \"gb-eng\"],\n  [\"drCongo\", \"Dawn Cove\", \"cd\"],\n  [\"switzerland\", \"Snowfield\", \"ch\"],\n  [\"algeria\", \"Amber FC\", \"dz\"],\n  [\"colombia\", \"Coastline\", \"co\"],\n  [\"ghana\", \"Green FC\", \"gh\"],\n  [\"australia\", \"Autumn FC\", \"au\"],\n  [\"egypt\", \"Ember\", \"eg\"],\n  [\"argentina\", \"Ashford\", \"ar\"],\n  [\"caboVerde\", \"Cloud Vale\", \"cv\"],\n] as const;\nexport const TEAMS = Object.fromEntries(\n  countries.map(([id, name, code]) => [id, { name, code }]),\n) as Record<(typeof countries)[number][0], Required<Pick<Team, \"name\" | \"code\">>>;\nconst schedule: [string, GameSeed[]][] = [\n  [\n    \"Round of 32\",\n    [\n      [\n        \"r32-1\",\n        \"southAfrica\",\n        0,\n        \"canada\",\n        1,\n        \"Mon, 29 Jun\",\n        undefined,\n        \"finished\",\n        \"away\",\n      ],\n      [\n        \"r32-2\",\n        \"netherlands\",\n        1,\n        \"morocco\",\n        1,\n        \"Tue, 30 Jun\",\n        undefined,\n        \"finished\",\n        \"away\",\n        2,\n        3,\n      ],\n      [\n        \"r32-3\",\n        \"germany\",\n        1,\n        \"paraguay\",\n        1,\n        \"Tue, 30 Jun\",\n        undefined,\n        \"finished\",\n        \"away\",\n        3,\n        4,\n      ],\n      [\n        \"r32-4\",\n        \"france\",\n        3,\n        \"sweden\",\n        0,\n        \"Wed, 1 Jul\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n      [\n        \"r32-5\",\n        \"belgium\",\n        3,\n        \"senegal\",\n        2,\n        \"Thu, 2 Jul\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n      [\n        \"r32-6\",\n        \"usa\",\n        2,\n        \"bosnia\",\n        0,\n        \"Thu, 2 Jul\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n      [\n        \"r32-7\",\n        \"spain\",\n        3,\n        \"austria\",\n        0,\n        \"Fri, 3 Jul\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n      [\n        \"r32-8\",\n        \"portugal\",\n        2,\n        \"croatia\",\n        1,\n        \"Fri, 3 Jul\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n      [\n        \"r32-9\",\n        \"brazil\",\n        2,\n        \"japan\",\n        1,\n        \"Mon, 29 Jun\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n      [\n        \"r32-10\",\n        \"ivoryCoast\",\n        1,\n        \"norway\",\n        2,\n        \"Tue, 30 Jun\",\n        undefined,\n        \"finished\",\n        \"away\",\n      ],\n      [\n        \"r32-11\",\n        \"mexico\",\n        2,\n        \"ecuador\",\n        0,\n        \"Wed, 1 Jul\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n      [\n        \"r32-12\",\n        \"england\",\n        2,\n        \"drCongo\",\n        1,\n        \"Wed, 1 Jul\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n      [\n        \"r32-13\",\n        \"switzerland\",\n        2,\n        \"algeria\",\n        0,\n        \"Fri, 3 Jul\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n      [\n        \"r32-14\",\n        \"colombia\",\n        1,\n        \"ghana\",\n        0,\n        \"Sat, 4 Jul\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n      [\n        \"r32-15\",\n        \"australia\",\n        1,\n        \"egypt\",\n        1,\n        \"Fri, 3 Jul\",\n        undefined,\n        \"finished\",\n        \"away\",\n        2,\n        4,\n      ],\n      [\n        \"r32-16\",\n        \"argentina\",\n        3,\n        \"caboVerde\",\n        2,\n        \"Sat, 4 Jul\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n    ],\n  ],\n  [\n    \"Round of 16\",\n    [\n      [\n        \"r16-1\",\n        \"canada\",\n        0,\n        \"morocco\",\n        3,\n        \"Sat, 4 Jul\",\n        undefined,\n        \"finished\",\n        \"away\",\n      ],\n      [\n        \"r16-2\",\n        \"paraguay\",\n        0,\n        \"france\",\n        1,\n        \"Sun, 5 Jul\",\n        undefined,\n        \"finished\",\n        \"away\",\n      ],\n      [\n        \"r16-3\",\n        \"usa\",\n        1,\n        \"belgium\",\n        4,\n        \"Mon, 6 Jul\",\n        undefined,\n        \"finished\",\n        \"away\",\n      ],\n      [\n        \"r16-4\",\n        \"portugal\",\n        0,\n        \"spain\",\n        1,\n        \"Mon, 6 Jul\",\n        undefined,\n        \"finished\",\n        \"away\",\n      ],\n      [\n        \"r16-5\",\n        \"brazil\",\n        1,\n        \"norway\",\n        2,\n        \"Mon, 6 Jul\",\n        undefined,\n        \"finished\",\n        \"away\",\n      ],\n      [\n        \"r16-6\",\n        \"mexico\",\n        2,\n        \"england\",\n        3,\n        \"Mon, 6 Jul\",\n        undefined,\n        \"finished\",\n        \"away\",\n      ],\n      [\n        \"r16-7\",\n        \"switzerland\",\n        0,\n        \"colombia\",\n        0,\n        \"Tue, 7 Jul\",\n        undefined,\n        \"finished\",\n        \"home\",\n        4,\n        3,\n      ],\n      [\n        \"r16-8\",\n        \"argentina\",\n        3,\n        \"egypt\",\n        2,\n        \"Tue, 7 Jul\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n    ],\n  ],\n  [\n    \"Quarter-finals\",\n    [\n      [\n        \"qf-1\",\n        \"france\",\n        2,\n        \"morocco\",\n        0,\n        \"Fri, 10 Jul\",\n        \"4:00 am\",\n        \"finished\",\n        \"home\",\n      ],\n      [\n        \"qf-2\",\n        \"spain\",\n        2,\n        \"belgium\",\n        1,\n        \"Sat, 11 Jul\",\n        \"3:00 am\",\n        \"finished\",\n        \"home\",\n      ],\n      [\n        \"qf-3\",\n        \"norway\",\n        1,\n        \"england\",\n        2,\n        \"Today\",\n        undefined,\n        \"finished\",\n        \"away\",\n      ],\n      [\n        \"qf-4\",\n        \"argentina\",\n        3,\n        \"switzerland\",\n        1,\n        \"Today\",\n        undefined,\n        \"finished\",\n        \"home\",\n      ],\n    ],\n  ],\n  [\n    \"Semi-finals\",\n    [\n      [\n        \"sf-1\",\n        \"france\",\n        null,\n        \"spain\",\n        null,\n        \"Wed, 15 Jul\",\n        \"4:00 am\",\n        \"upcoming\",\n      ],\n      [\n        \"sf-2\",\n        \"england\",\n        null,\n        \"argentina\",\n        null,\n        \"Thu, 16 Jul\",\n        \"3:00 am\",\n        \"upcoming\",\n      ],\n    ],\n  ],\n  [\n    \"Final\",\n    [[\"f-1\", null, null, null, null, \"Mon, 20 Jul\", \"3:00 am\", \"upcoming\"]],\n  ],\n];\nexport const ROUNDS = roundsFrom(TEAMS, schedule);\nexport const THIRD_PLACE = fixture(TEAMS, [\n  \"tp-1\",\n  null,\n  null,\n  null,\n  null,\n  \"Sun, 19 Jul\",\n  \"3:00 am\",\n  \"upcoming\",\n]);\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/fixture-builder.ts",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/fixture-builder.ts",
+      "type": "registry:lib",
+      "content": "import type { Match, Round, Team } from \"./types\";\nexport type GameSeed = [\n  string,\n  string | null,\n  number | null,\n  string | null,\n  number | null,\n  string?,\n  string?,\n  (\"finished\" | \"upcoming\")?,\n  (\"home\" | \"away\")?,\n  number?,\n  number?,\n];\nexport function fixture(teams: Record<string, Team>, row: GameSeed): Match {\n  const [\n    id,\n    home,\n    homeScore,\n    away,\n    awayScore,\n    date,\n    time,\n    status,\n    winner,\n    homePenalties,\n    awayPenalties,\n  ] = row;\n  const side = (\n    key: string | null,\n    score: number | null,\n    penalties?: number,\n  ) => ({\n    team: key ? teams[key] : null,\n    score,\n    ...(penalties === undefined ? {} : { penalties }),\n  });\n  return {\n    id,\n    ...(date === undefined ? {} : { date }),\n    ...(time === undefined ? {} : { time }),\n    ...(status === undefined ? {} : { status }),\n    home: side(home, homeScore, homePenalties),\n    away: side(away, awayScore, awayPenalties),\n    ...(winner === undefined ? {} : { winner }),\n  };\n}\nexport function roundsFrom(\n  teams: Record<string, Team>,\n  seeds: [string, GameSeed[]][],\n): Round[] {\n  return seeds.map(([name, games]) => ({\n    name,\n    matches: games.map((row) => fixture(teams, row)),\n  }));\n}\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/KnockoutBracket.vue",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/KnockoutBracket.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { ChevronLeft, ChevronRight } from \"lucide-vue-next\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { bracketLayout, bracketLabel } from \"./bracket-model\";\nimport MatchCard from \"./MatchCard.vue\";\nimport type { Match, Round } from \"./types\";\nconst props = withDefaults(\n  defineProps<{\n    rounds: Round[];\n    initialRound?: number;\n    thirdPlace?: Match;\n    thirdPlaceLabel?: string;\n  }>(),\n  { initialRound: 1, thirdPlaceLabel: \"Third place play-off\" },\n);\nconst maxPage = computed(() =>\n    Math.max(0, props.rounds.length - Math.min(2, props.rounds.length)),\n  ),\n  page = ref(Math.min(maxPage.value, Math.max(0, props.initialRound))),\n  visibleCols = computed(() => Math.min(3, props.rounds.length)),\n  reduce = useReducedMotion();\nconst transition = computed(() =>\n  reduce.value\n    ? { duration: 0 }\n    : {\n        type: \"spring\" as const,\n        stiffness: 260,\n        damping: 32,\n        mass: 0.9,\n        opacity: { duration: 0.28, ease: EASE_OUT },\n      },\n);\nconst containerWidth = computed(() =>\n  Math.max(0, visibleCols.value * 250 + (visibleCols.value - 1) * 40 + 16),\n);\nconst colX = (index: number) => 8 + (index - page.value) * 290,\n  inWindow = (index: number) =>\n    index >= page.value && index < page.value + visibleCols.value;\nconst layout = computed(() =>\n  bracketLayout(props.rounds, page.value, visibleCols.value),\n);\nconst pageStatus = computed(() => {\n  const names = props.rounds\n    .slice(page.value, page.value + visibleCols.value)\n    .map((round) => round.name);\n  return names.length <= 1\n    ? \"Showing \" + (names[0] ?? \"rounds\")\n    : names.length === 2\n      ? `Showing ${names[0]} and ${names[1]}`\n      : `Showing ${names.slice(0, -1).join(\", \")}, and ${names.at(-1)}`;\n});\nwatch(maxPage, (max) => {\n  page.value = Math.min(max, page.value);\n});\n</script>\n<template>\n  <div class=\"w-full max-w-full overflow-x-auto overscroll-x-contain\">\n    <section\n      aria-label=\"Tournament bracket\"\n      class=\"relative mx-auto\"\n      :style=\"{ width: containerWidth + 'px' }\"\n    >\n      <div class=\"sr-only\" aria-live=\"polite\">{{ pageStatus }}</div>\n      <div class=\"relative\" :style=\"{ height: '44px' }\">\n        <div class=\"absolute inset-0 overflow-hidden\">\n          <motion.div\n            v-for=\"(round, index) in rounds\"\n            :key=\"round.name\"\n            :aria-hidden=\"inWindow(index) ? undefined : true\"\n            :initial=\"false\"\n            :animate=\"{ x: colX(index), opacity: inWindow(index) ? 1 : 0 }\"\n            :transition=\"transition\"\n            class=\"absolute left-0 top-0 flex h-full items-center justify-center text-sm font-bold text-foreground\"\n            :style=\"{ width: '250px' }\"\n            >{{ round.name }}</motion.div\n          >\n        </div>\n        <template v-for=\"direction in [-1, 1] as const\" :key=\"direction\"\n          ><button\n            v-if=\"direction < 0 ? page > 0 : page < maxPage\"\n            type=\"button\"\n            :aria-label=\"direction < 0 ? 'Previous round' : 'Next round'\"\n            :style=\"direction < 0 ? { left: '8px' } : { right: '8px' }\"\n            class=\"group absolute top-1/2 z-10 grid size-11 -translate-y-1/2 place-items-center rounded-full outline-none\"\n            @click=\"page = Math.min(maxPage, Math.max(0, page + direction))\"\n          >\n            <span\n              class=\"grid size-9 place-items-center rounded-full text-muted-foreground transition-colors group-hover:bg-foreground/10 group-hover:text-foreground group-focus-visible:ring-2 group-focus-visible:ring-ring\"\n              ><component\n                :is=\"direction < 0 ? ChevronLeft : ChevronRight\"\n                class=\"size-5\"\n            /></span></button\n        ></template>\n      </div>\n      <motion.div\n        class=\"relative overflow-hidden\"\n        :initial=\"false\"\n        :animate=\"{ height: layout.height + 'px' }\"\n        :transition=\"transition\"\n        :style=\"{ width: containerWidth + 'px' }\"\n        ><motion.div\n          v-for=\"connector in layout.connectors\"\n          :key=\"connector.key\"\n          aria-hidden=\"true\"\n          :initial=\"false\"\n          :animate=\"{\n            x: connector.x,\n            y: connector.y,\n            height: connector.height + 'px',\n            opacity: connector.visible ? 1 : 0,\n          }\"\n          :transition=\"\n            connector.visible\n              ? transition\n              : {\n                  ...transition,\n                  x: { duration: 0 },\n                  y: { duration: 0 },\n                  height: { duration: 0 },\n                }\n          \"\n          class=\"pointer-events-none absolute left-0 top-0 rounded-r-xl border-y border-r border-border\"\n          :style=\"{ width: '20px', willChange: 'transform' }\"\n          ><span\n            class=\"absolute left-full top-1/2 h-px bg-border\"\n            :style=\"{ width: '20px' }\"\n        /></motion.div>\n        <ul\n          v-for=\"(round, level) in rounds\"\n          :key=\"round.name\"\n          :aria-label=\"round.name\"\n          :aria-hidden=\"inWindow(level) ? undefined : true\"\n          class=\"m-0 list-none p-0\"\n        >\n          <motion.li\n            v-for=\"(match, index) in round.matches\"\n            :key=\"match.id\"\n            :aria-label=\"bracketLabel(round.name, match)\"\n            :initial=\"false\"\n            :animate=\"{\n              x: colX(level),\n              y: (layout.centers[level]?.[index] ?? 74) - 62,\n              opacity: inWindow(level) ? 1 : 0,\n            }\"\n            :transition=\"transition\"\n            class=\"absolute left-0 top-0\"\n            :style=\"{ willChange: 'transform' }\"\n            ><MatchCard :match=\"match\"\n          /></motion.li></ul\n      ></motion.div>\n      <div\n        v-if=\"thirdPlace\"\n        class=\"mt-8 border-t border-border pt-6\"\n        :style=\"{ paddingLeft: '8px' }\"\n      >\n        <ul :aria-label=\"thirdPlaceLabel\" class=\"m-0 list-none p-0\">\n          <li :aria-label=\"bracketLabel(thirdPlaceLabel, thirdPlace)\">\n            <p class=\"mb-2 text-sm leading-5 text-muted-foreground/80\">\n              {{ thirdPlaceLabel }}\n            </p>\n            <MatchCard :match=\"thirdPlace\" />\n          </li>\n        </ul>\n      </div>\n    </section>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/KnockoutWheel.vue",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/KnockoutWheel.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { Tooltip } from \"../../../motion/tooltip\";\nimport { SIZE, CENTER, OUTER_R, pct, matchLabel } from \"./wheel-model\";\nimport { useWheel } from \"./use-wheel\";\nimport WheelMark from \"./WheelMark.vue\";\nimport type { Round } from \"./types\";\nconst props = withDefaults(\n  defineProps<{ rounds: Round[]; initialRound?: number }>(),\n  { initialRound: 0 },\n);\nconst {\n  reduce,\n  uid,\n  stage,\n  svg,\n  inView,\n  canHover,\n  hovered,\n  focused,\n  visible,\n  model,\n  lit,\n  captions,\n  tabStop,\n  tapped,\n  key,\n  down,\n  cancel,\n  click,\n} = useWheel(props);\n</script>\n<template>\n  <div class=\"w-full max-w-full overflow-x-auto overscroll-x-contain\">\n    <div\n      ref=\"stage\"\n      class=\"relative mx-auto w-full min-w-[32rem] max-w-[34rem]\"\n    >\n      <svg\n        ref=\"svg\"\n        :viewBox=\"`0 0 ${SIZE} ${SIZE}`\"\n        role=\"img\"\n        :aria-label=\"`Tournament wheel${model.champion ? ', won by ' + model.champion.name : ''}`\"\n        class=\"h-auto w-full touch-manipulation\"\n      >\n        <defs>\n          <radialGradient :id=\"uid + '-glow'\">\n            <stop\n              offset=\"0%\"\n              stop-color=\"var(--color-warning)\"\n              stop-opacity=\".14\"\n            />\n            <stop\n              offset=\"45%\"\n              stop-color=\"var(--color-warning)\"\n              stop-opacity=\".04\"\n            />\n            <stop\n              offset=\"100%\"\n              stop-color=\"var(--color-warning)\"\n              stop-opacity=\"0\"\n            />\n          </radialGradient>\n        </defs>\n        <circle\n          v-if=\"model.champion\"\n          :cx=\"CENTER\"\n          :cy=\"CENTER\"\n          :r=\"OUTER_R * 0.62\"\n          :fill=\"`url(#${uid}-glow)`\"\n        />\n        <g>\n          <motion.path\n            v-for=\"link in model.links\"\n            :key=\"link.id\"\n            :d=\"link.d\"\n            fill=\"none\"\n            :initial=\"reduce ? false : { opacity: 0 }\"\n            :animate=\"{ opacity: 1 }\"\n            :transition=\"{ duration: 0.3, delay: link.depth * 0.06 }\"\n            class=\"stroke-border-strong\"\n          />\n        </g>\n        <WheelMark\n          v-for=\"node in model.nodes\"\n          :key=\"node.id\"\n          :node=\"node\"\n          :lit=\"lit.has(node.id)\"\n          :dimmed=\"lit.size > 0 && !lit.has(node.id)\"\n          :load-flag=\"inView\"\n          :reduce=\"reduce\"\n          :show-trophy=\"node.depth === 0 && !!model.champion\"\n          :clip-id=\"uid + '-clip-' + node.id\"\n        />\n      </svg>\n      <div\n        v-for=\"node in model.nodes\"\n        :key=\"node.id\"\n        class=\"absolute\"\n        :style=\"{\n          left: pct(node.x - node.r),\n          top: pct(node.y - node.r),\n          width: pct(node.r * 2),\n          height: pct(node.r * 2),\n        }\"\n      >\n        <Tooltip\n          :content=\"captions.get(node.id) ?? ''\"\n          side=\"top\"\n          :disabled=\"!canHover\"\n          class=\"max-w-[20rem] whitespace-normal text-balance break-words text-center\"\n          ><button\n            :id=\"uid + '-' + node.id\"\n            type=\"button\"\n            :tabindex=\"node.id === tabStop ? 0 : -1\"\n            :aria-label=\"captions.get(node.id)\"\n            class=\"block h-full w-full rounded-full outline-none focus-visible:ring-2 focus-visible:ring-foreground focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n            @keydown=\"key($event, node)\"\n            @focus.capture=\"focused = node.id\"\n            @blur.capture=\"focused = null\"\n            @pointerenter=\"\n              (event) => {\n                if (event.pointerType !== 'touch') hovered = node.id;\n              }\n            \"\n            @pointerleave=\"\n              (event) => {\n                if (event.pointerType !== 'touch') hovered = null;\n              }\n            \"\n            @pointerdown=\"down($event, node)\"\n            @pointercancel=\"cancel\"\n            @click=\"click($event, node)\"\n        /></Tooltip>\n      </div>\n      <motion.p\n        v-if=\"tapped\"\n        :initial=\"reduce ? false : { opacity: 0, scale: 0.94 }\"\n        :animate=\"{ opacity: 1, scale: 1 }\"\n        :transition=\"{ duration: reduce ? 0 : 0.18 }\"\n        :style=\"{\n          left: pct(tapped.x),\n          top: pct(tapped.y + (tapped.y > CENTER ? -tapped.r : tapped.r)),\n        }\"\n        :class=\"\n          cn(\n            'pointer-events-none absolute z-10 w-max max-w-[min(18rem,80vw)] -translate-x-1/2 text-balance break-words rounded-lg border border-border bg-background px-2.5 py-1 text-center text-xs font-medium shadow-lg',\n            tapped.y > CENTER\n              ? '-translate-y-[calc(100%+8px)]'\n              : 'translate-y-2',\n          )\n        \"\n        >{{ captions.get(tapped.id) }}</motion.p\n      >\n    </div>\n    <div class=\"sr-only\">\n      <ul\n        v-for=\"round in [...visible].reverse()\"\n        :key=\"round.name\"\n        :aria-label=\"round.name\"\n      >\n        <li v-for=\"match in round.matches\" :key=\"match.id\">\n          {{ matchLabel(match) }}\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/MatchCard.vue",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/MatchCard.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { finished } from \"./bracket-model\";\nimport TeamCrest from \"./TeamCrest.vue\";\nimport type { Match } from \"./types\";\nconst props = defineProps<{ match: Match }>();\nconst decided = computed(\n  () => finished(props.match) && props.match.winner != null,\n);\nconst badge = computed(\n  () =>\n    props.match.badge ??\n    (finished(props.match)\n      ? props.match.home.penalties != null || props.match.away.penalties != null\n        ? \"FT (P)\"\n        : \"FT\"\n      : null),\n);\n</script>\n<template>\n  <div\n    :style=\"{ width: '250px', height: '124px' }\"\n    class=\"rounded-2xl border border-border bg-card p-4\"\n  >\n    <div class=\"mb-3 flex h-5 items-center justify-between gap-2\">\n      <span\n        class=\"min-w-0 flex-1 truncate text-sm leading-5 text-muted-foreground\"\n        >{{ [match.date, match.time].filter(Boolean).join(\", \") }}</span\n      ><span\n        v-if=\"badge\"\n        class=\"shrink-0 rounded-full bg-background px-2.5 text-xs font-medium leading-5 text-muted-foreground\"\n        >{{ badge }}</span\n      >\n    </div>\n    <div class=\"space-y-2.5\">\n      <div\n        v-for=\"side in ['home', 'away'] as const\"\n        :key=\"side\"\n        class=\"flex items-center gap-3\"\n      >\n        <TeamCrest :team=\"match[side].team\" /><span\n          :class=\"\n            cn(\n              'min-w-0 flex-1 truncate text-base font-medium',\n              decided && match.winner !== side && 'text-muted-foreground',\n            )\n          \"\n          >{{ match[side].team?.name ?? \"TBD\" }}</span\n        ><span\n          v-if=\"match[side].score != null\"\n          :class=\"\n            cn(\n              'shrink-0 text-base font-medium tabular-nums',\n              decided && match.winner !== side && 'text-muted-foreground',\n            )\n          \"\n          >{{\n            match[side].penalties == null\n              ? match[side].score\n              : `${match[side].score} (${match[side].penalties})`\n          }}</span\n        ><span class=\"flex w-1.5 shrink-0 items-center\"\n          ><svg\n            v-if=\"decided && match.winner === side\"\n            viewBox=\"0 0 6 8\"\n            aria-hidden=\"true\"\n            class=\"h-2 w-1.5 shrink-0 fill-foreground\"\n          >\n            <path d=\"M6 0 0 4 6 8Z\" /></svg\n        ></span>\n      </div>\n    </div>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/TeamCrest.vue",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/TeamCrest.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { Shield } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { crestSrc, initials } from \"./wheel-model\";\nimport type { Team } from \"./types\";\nconst props = defineProps<{ team: Team | null }>(),\n  failed = ref<string | null>(null);\nconst src = computed(() => {\n  const url = props.team ? crestSrc(props.team) : null;\n  return failed.value === url ? null : url;\n});\n</script>\n<template>\n  <span class=\"flex h-5 w-7 shrink-0 items-center justify-center\"\n    ><img\n      v-if=\"src\"\n      :src=\"src\"\n      alt=\"\"\n      loading=\"lazy\"\n      :draggable=\"false\"\n      :class=\"\n        cn(\n          'shrink-0 rounded-[4px] border border-border/40',\n          team?.logo\n            ? 'h-5 w-5 border-transparent object-contain'\n            : 'h-5 w-7 object-cover',\n        )\n      \"\n      @error=\"failed = src\" /><span\n      v-else-if=\"team\"\n      class=\"grid size-5 place-items-center rounded-full bg-foreground/10 text-[10px] font-semibold leading-none text-foreground\"\n      >{{ initials(team.name) }}</span\n    ><Shield v-else class=\"size-5 fill-current text-muted-foreground/50\"\n  /></span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/types.ts",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/types.ts",
+      "type": "registry:lib",
+      "content": "export interface Team {\n  name: string;\n  logo?: string;\n  code?: string;\n}\nexport interface MatchSide {\n  team: Team | null;\n  score: number | null;\n  penalties?: number | null;\n}\nexport interface Match {\n  id: string;\n  date?: string;\n  time?: string;\n  status?: \"finished\" | \"upcoming\";\n  home: MatchSide;\n  away: MatchSide;\n  winner?: \"home\" | \"away\";\n  badge?: string;\n}\nexport interface Round {\n  name: string;\n  matches: Match[];\n}\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/use-wheel.ts",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/use-wheel.ts",
+      "type": "registry:lib",
+      "content": "import { computed, onBeforeUnmount, onMounted, ref, useId } from \"vue\";\nimport { useFloatingLayer, useMediaQuery } from \"../../../lib/composables\";\nimport { useReduced } from \"../../shared\";\nimport {\n  buildWheel,\n  championPath,\n  keepTogether,\n  type WheelNode,\n} from \"./wheel-model\";\nimport type { Round } from \"./types\";\nexport function useWheel(props: { rounds: Round[]; initialRound: number }) {\n  const reduce = useReduced(),\n    uid = useId().replaceAll(\":\", \"\"),\n    stage = ref<HTMLElement>(),\n    svg = ref<SVGSVGElement>(),\n    inView = ref(false),\n    canHover = useMediaQuery(\"(hover: hover) and (pointer: fine)\");\n  const hovered = ref<string | null>(null),\n    pinned = ref<string | null>(null),\n    focused = ref<string | null>(null);\n  const active = computed(() => hovered.value ?? pinned.value ?? focused.value);\n  const visible = computed(() =>\n    props.rounds.slice(\n      Math.min(\n        Math.max(props.initialRound, 0),\n        Math.max(props.rounds.length - 1, 0),\n      ),\n    ),\n  );\n  const model = computed(() => buildWheel(visible.value)),\n    winners = computed(() => championPath(visible.value)),\n    activeNode = computed(() =>\n      model.value.nodes.find((node) => node.id === active.value),\n    );\n  const lit = computed(() =>\n      activeNode.value ? new Set([activeNode.value.id]) : winners.value,\n    ),\n    captions = computed(\n      () =>\n        new Map(\n          model.value.nodes.map((node) => [\n            node.id,\n            node.team === null\n              ? \"TBD\"\n              : node.round\n                ? `${keepTogether(node.round)} · ${node.label}`\n                : node.team.name,\n          ]),\n        ),\n    );\n  const tabStop = computed(\n      () => activeNode.value?.id ?? model.value.nodes[0]?.id,\n    ),\n    tapped = computed(() => (canHover.value ? undefined : activeNode.value));\n  const layer = useFloatingLayer(\n    computed(() => pinned.value !== null),\n    stage,\n  );\n  let gesture: { id: string; type: string; pinned: boolean } | undefined,\n    observer: IntersectionObserver | undefined;\n  function key(event: KeyboardEvent, node: WheelNode) {\n    gesture = undefined;\n    if (!event.key.startsWith(\"Arrow\")) return;\n    event.preventDefault();\n    let target: WheelNode | undefined;\n    if (event.key === \"ArrowUp\")\n      target = model.value.nodes.find((peer) => peer.id === node.parentId);\n    else if (event.key === \"ArrowDown\")\n      target = model.value.nodes.find((peer) => peer.parentId === node.id);\n    else {\n      const ring = model.value.nodes\n        .filter((peer) => peer.depth === node.depth)\n        .sort((a, b) => a.angle - b.angle);\n      target =\n        ring[\n          (ring.indexOf(node) +\n            (event.key === \"ArrowRight\" ? 1 : -1) +\n            ring.length) %\n            ring.length\n        ];\n    }\n    if (target) document.getElementById(uid + \"-\" + target.id)?.focus();\n  }\n  function down(event: PointerEvent, node: WheelNode) {\n    gesture = {\n      id: node.id,\n      type: event.pointerType,\n      pinned: pinned.value === node.id,\n    };\n  }\n  function cancel() {\n    gesture = undefined;\n  }\n  function click(event: MouseEvent, node: WheelNode) {\n    const pointer = gesture;\n    gesture = undefined;\n    if (!pointer || pointer.id !== node.id || pointer.type === \"mouse\") return;\n    pinned.value = pinned.value === node.id ? null : node.id;\n    if (pointer.pinned) (event.currentTarget as HTMLElement).blur();\n  }\n  function unpin() {\n    pinned.value = null;\n    const current = document.activeElement;\n    if (current instanceof HTMLElement && stage.value?.contains(current))\n      current.blur();\n  }\n  function outside(event: PointerEvent) {\n    if (!pinned.value || layer.containsHigher(event.target)) return;\n    const target = event.target as Element;\n    if (stage.value?.contains(target) && target.closest(\"button\")) return;\n    event.preventDefault();\n    event.stopPropagation();\n    unpin();\n  }\n  function escape(event: KeyboardEvent) {\n    if (layer.claimEscape(event)) unpin();\n  }\n  onMounted(() => {\n    if (svg.value && typeof IntersectionObserver !== \"undefined\") {\n      observer = new IntersectionObserver(\n        (entries) => {\n          if (entries.some((entry) => entry.isIntersecting)) {\n            inView.value = true;\n            observer?.disconnect();\n          }\n        },\n        { rootMargin: \"300px\" },\n      );\n      observer.observe(svg.value);\n    }\n    document.addEventListener(\"pointerdown\", outside, true);\n    document.addEventListener(\"keydown\", escape);\n  });\n  onBeforeUnmount(() => {\n    observer?.disconnect();\n    document.removeEventListener(\"pointerdown\", outside, true);\n    document.removeEventListener(\"keydown\", escape);\n  });\n  return {\n    reduce,\n    uid,\n    stage,\n    svg,\n    inView,\n    canHover,\n    hovered,\n    focused,\n    visible,\n    model,\n    lit,\n    captions,\n    tabStop,\n    tapped,\n    key,\n    down,\n    cancel,\n    click,\n  };\n}\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/wheel-data.ts",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/wheel-data.ts",
+      "type": "registry:lib",
+      "content": "import type { Team } from \"./types\";\nimport { fixture, roundsFrom, type GameSeed } from \"./fixture-builder\";\nconst countries = [\n  [\"spain\", \"Solar\", \"es\"],\n  [\"japan\", \"Juniper\", \"jp\"],\n  [\"netherlands\", \"North Harbor\", \"nl\"],\n  [\"portugal\", \"Port Vale\", \"pt\"],\n  [\"england\", \"Eastgate\", \"gb-eng\"],\n  [\"uruguay\", \"Upland\", \"uy\"],\n  [\"croatia\", \"Copper FC\", \"hr\"],\n  [\"brazil\", \"Birch FC\", \"br\"],\n  [\"france\", \"Fjord FC\", \"fr\"],\n  [\"morocco\", \"Moonbay\", \"ma\"],\n  [\"belgium\", \"Beacon\", \"be\"],\n  [\"italy\", \"Ivory\", \"it\"],\n  [\"argentina\", \"Ashford\", \"ar\"],\n  [\"mexico\", \"Marina\", \"mx\"],\n  [\"germany\", \"Grovefield\", \"de\"],\n  [\"norway\", \"Northbay\", \"no\"],\n  [\"costaRica\", \"Coral Rise\", \"cr\"],\n  [\"serbia\", \"Seabrook\", \"rs\"],\n  [\"ecuador\", \"Elmbridge\", \"ec\"],\n  [\"ghana\", \"Green FC\", \"gh\"],\n  [\"wales\", \"West FC\", \"gb-wls\"],\n  [\"canada\", \"Cedar FC\", \"ca\"],\n  [\"denmark\", \"Duskvale\", \"dk\"],\n  [\"cameroon\", \"Creekwood\", \"cm\"],\n  [\"poland\", \"Pebble FC\", \"pl\"],\n  [\"senegal\", \"Suncrest\", \"sn\"],\n  [\"tunisia\", \"Tideland\", \"tn\"],\n  [\"switzerland\", \"Snowfield\", \"ch\"],\n  [\"peru\", \"Peak\", \"pe\"],\n  [\"qatar\", \"Quartz\", \"qa\"],\n  [\"sweden\", \"Silverlake\", \"se\"],\n  [\"austria\", \"Aster FC\", \"at\"],\n] as const;\nexport const TEAMS = Object.fromEntries(\n  countries.map(([id, name, code]) => [id, { name, code }]),\n) as Record<(typeof countries)[number][0], Required<Pick<Team, \"name\" | \"code\">>>;\nconst schedule: [string, GameSeed[]][] = [\n  [\n    \"Round of 32\",\n    [\n      [\n        \"w-r32-1\",\n        \"spain\",\n        3,\n        \"costaRica\",\n        0,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r32-2\",\n        \"japan\",\n        2,\n        \"serbia\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r32-3\",\n        \"netherlands\",\n        2,\n        \"ecuador\",\n        0,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r32-4\",\n        \"ghana\",\n        2,\n        \"portugal\",\n        3,\n        undefined,\n        undefined,\n        undefined,\n        \"away\",\n      ],\n      [\n        \"w-r32-5\",\n        \"england\",\n        4,\n        \"wales\",\n        0,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r32-6\",\n        \"canada\",\n        0,\n        \"uruguay\",\n        2,\n        undefined,\n        undefined,\n        undefined,\n        \"away\",\n      ],\n      [\n        \"w-r32-7\",\n        \"croatia\",\n        1,\n        \"denmark\",\n        0,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r32-8\",\n        \"brazil\",\n        3,\n        \"cameroon\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r32-9\",\n        \"france\",\n        2,\n        \"poland\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r32-10\",\n        \"senegal\",\n        0,\n        \"morocco\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"away\",\n      ],\n      [\n        \"w-r32-11\",\n        \"belgium\",\n        2,\n        \"tunisia\",\n        0,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r32-12\",\n        \"switzerland\",\n        1,\n        \"italy\",\n        3,\n        undefined,\n        undefined,\n        undefined,\n        \"away\",\n      ],\n      [\n        \"w-r32-13\",\n        \"argentina\",\n        2,\n        \"peru\",\n        0,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r32-14\",\n        \"qatar\",\n        0,\n        \"mexico\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"away\",\n      ],\n      [\n        \"w-r32-15\",\n        \"germany\",\n        4,\n        \"sweden\",\n        2,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r32-16\",\n        \"austria\",\n        1,\n        \"norway\",\n        2,\n        undefined,\n        undefined,\n        undefined,\n        \"away\",\n      ],\n    ],\n  ],\n  [\n    \"Round of 16\",\n    [\n      [\n        \"w-r16-1\",\n        \"spain\",\n        2,\n        \"japan\",\n        0,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r16-2\",\n        \"netherlands\",\n        1,\n        \"portugal\",\n        3,\n        undefined,\n        undefined,\n        undefined,\n        \"away\",\n      ],\n      [\n        \"w-r16-3\",\n        \"england\",\n        2,\n        \"uruguay\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r16-4\",\n        \"croatia\",\n        0,\n        \"brazil\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"away\",\n      ],\n      [\n        \"w-r16-5\",\n        \"france\",\n        3,\n        \"morocco\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r16-6\",\n        \"belgium\",\n        1,\n        \"italy\",\n        2,\n        undefined,\n        undefined,\n        undefined,\n        \"away\",\n      ],\n      [\n        \"w-r16-7\",\n        \"argentina\",\n        2,\n        \"mexico\",\n        0,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-r16-8\",\n        \"germany\",\n        1,\n        \"norway\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n        4,\n        2,\n      ],\n    ],\n  ],\n  [\n    \"Quarter-finals\",\n    [\n      [\n        \"w-qf-1\",\n        \"spain\",\n        1,\n        \"portugal\",\n        0,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-qf-2\",\n        \"england\",\n        2,\n        \"brazil\",\n        3,\n        undefined,\n        undefined,\n        undefined,\n        \"away\",\n      ],\n      [\n        \"w-qf-3\",\n        \"france\",\n        2,\n        \"italy\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-qf-4\",\n        \"argentina\",\n        3,\n        \"germany\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n    ],\n  ],\n  [\n    \"Semi-finals\",\n    [\n      [\n        \"w-sf-1\",\n        \"spain\",\n        2,\n        \"brazil\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n      [\n        \"w-sf-2\",\n        \"france\",\n        0,\n        \"argentina\",\n        0,\n        undefined,\n        undefined,\n        undefined,\n        \"away\",\n        3,\n        4,\n      ],\n    ],\n  ],\n  [\n    \"Final\",\n    [\n      [\n        \"w-f-1\",\n        \"spain\",\n        2,\n        \"argentina\",\n        1,\n        undefined,\n        undefined,\n        undefined,\n        \"home\",\n      ],\n    ],\n  ],\n];\nexport const ROUNDS = roundsFrom(TEAMS, schedule);\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/wheel-model.ts",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/wheel-model.ts",
+      "type": "registry:lib",
+      "content": "import type { Team, Match, MatchSide, Round } from \"./types\";\nexport const SIZE = 760,\n  CENTER = SIZE / 2,\n  TROPHY_SIZE = 24,\n  TROPHY_GAP = 6,\n  OUTER_R = 318,\n  HUB_R = 34,\n  NODE_MIN = 14.2,\n  NODE_STEP = 2.2,\n  INITIALS_MIN = 15,\n  SIBLING_GAP = 0.9,\n  HUB_ANGLE = 90;\nexport const TROPHY_PATH =\n  \"M5 1H17V4H20Q22 4 22 6C22 9.3 19.8 11.6 16.8 12A6 6 0 0 1 12 15A6 6 0 0 1 7.2 12.1C4.2 11.6 2 9.3 2 6Q2 4 4 4H5ZM4 6C4 7.9 5.1 9.2 6.6 9.7A12 12 0 0 1 5 6ZM18 6A12 12 0 0 1 16.4 9.7C17.9 9.2 19 7.9 19 6ZM9 16.5H15V19H17.5V21H6.5V19H9Z\";\nexport const DIM_TRANSITION = { duration: 0.18 } as const,\n  NO_TRANSITION = { duration: 0 } as const;\nexport const quantize = (value: number) => Math.round(value * 1000) / 1000;\nexport function polar(radius: number, degrees: number) {\n  const angle = (degrees / 180) * Math.PI;\n  return {\n    x: quantize(CENTER + radius * Math.cos(angle)),\n    y: quantize(CENTER + radius * Math.sin(angle)),\n  };\n}\nexport function point(radius: number, degrees: number) {\n  const position = polar(radius, degrees);\n  return position.x.toFixed(2) + \" \" + position.y.toFixed(2);\n}\nexport const pct = (value: number) => ((value / SIZE) * 100).toFixed(4) + \"%\";\nexport type WheelNode = {\n  id: string;\n  parentId: string | null;\n  depth: number;\n  angle: number;\n  x: number;\n  y: number;\n  r: number;\n  team: Team | null;\n  label: string;\n  round: string | null;\n};\nexport type WheelLink = { id: string; d: string; depth: number };\nexport const keepTogether = (text: string) => text.split(\" \").join(\" \");\nexport const teamName = (side: MatchSide) =>\n  keepTogether(side.team?.name ?? \"TBD\");\nexport const crestSrc = (team: Team) =>\n  team.logo ??\n  (team.code ? \"https://flagcdn.com/w80/\" + team.code + \".png\" : null);\nexport const initials = (name: string) =>\n  name\n    .split(/\\s+/)\n    .slice(0, 2)\n    .map((word) => Array.from(word)[0])\n    .join(\"\")\n    .toUpperCase();\nexport function matchLabel(match: Match) {\n  const names = teamName(match.home) + \" v \" + teamName(match.away);\n  if (match.home.score == null || match.away.score == null) return names;\n  const penalties =\n    match.home.penalties != null && match.away.penalties != null\n      ? ` (${match.home.penalties}–${match.away.penalties} pens)`\n      : \"\";\n  return `${names} · ${match.home.score}–${match.away.score}${penalties}`;\n}\nexport function buildWheel(rounds: Round[]) {\n  const nodes: WheelNode[] = [],\n    links: WheelLink[] = [];\n  const levels = rounds.length,\n    final = rounds.at(-1)?.matches[0];\n  if (!final) return { nodes, links, champion: null };\n  const champion = final.winner ? final[final.winner].team : null;\n  const hub: WheelNode = {\n    id: final.id,\n    parentId: null,\n    depth: 0,\n    angle: HUB_ANGLE,\n    x: CENTER,\n    y: CENTER,\n    r: HUB_R,\n    team: champion,\n    label: matchLabel(final),\n    round: rounds.at(-1)!.name,\n  };\n  nodes.push(hub);\n  const radius = (depth: number) => (depth / levels) * OUTER_R;\n  type Work = {\n    match: Match;\n    level: number;\n    index: number;\n    parent: WheelNode;\n    angle: number;\n    wedge: number;\n  };\n  const pending: Work[] = [\n    {\n      match: final,\n      level: levels - 1,\n      index: 0,\n      parent: hub,\n      angle: HUB_ANGLE,\n      wedge: 360,\n    },\n  ];\n  while (pending.length) {\n    const job = pending.pop()!,\n      depth = job.parent.depth + 1,\n      ring = radius(depth),\n      offset = (job.wedge / 4) * (job.parent.depth === 0 ? 1 : SIBLING_GAP),\n      angles = [job.angle - offset, job.angle + offset];\n    const children = angles.map((angle, side) => {\n      const key = side === 0 ? \"home\" : \"away\",\n        feeder =\n          job.level > 0\n            ? rounds[job.level - 1].matches[job.index * 2 + side]\n            : undefined;\n      const node: WheelNode = {\n        id: feeder?.id ?? `${job.match.id}-${key}`,\n        parentId: job.parent.id,\n        depth,\n        angle,\n        ...polar(ring, angle),\n        r: NODE_MIN + (depth - 1) * NODE_STEP,\n        team: feeder\n          ? feeder.winner\n            ? feeder[feeder.winner].team\n            : null\n          : job.match[key].team,\n        label: feeder\n          ? matchLabel(feeder)\n          : (job.match[key].team?.name ?? \"TBD\"),\n        round: feeder ? rounds[job.level - 1].name : null,\n      };\n      nodes.push(node);\n      return { node, feeder, angle };\n    });\n    if (job.parent.depth === 0)\n      for (const child of children)\n        links.push({\n          id: `${job.parent.id}-${child.node.id}`,\n          d: `M ${point(ring, child.angle)} L ${CENTER} ${CENTER}`,\n          depth,\n        });\n    else {\n      const middle = (radius(job.parent.depth) + ring) / 2;\n      links.push(\n        {\n          id: job.parent.id + \"-arc\",\n          d: `M ${point(ring, angles[0])} L ${point(middle, angles[0])} A ${middle} ${middle} 0 0 1 ${point(middle, angles[1])} L ${point(ring, angles[1])}`,\n          depth,\n        },\n        {\n          id: job.parent.id + \"-stem\",\n          d: `M ${point(middle, job.angle)} L ${point(radius(job.parent.depth), job.angle)}`,\n          depth,\n        },\n      );\n    }\n    for (let side = children.length - 1; side >= 0; side--) {\n      const child = children[side];\n      if (child.feeder)\n        pending.push({\n          match: child.feeder,\n          level: job.level - 1,\n          index: job.index * 2 + side,\n          parent: child.node,\n          angle: child.angle,\n          wedge: job.wedge / 2,\n        });\n    }\n  }\n  return { nodes, links, champion };\n}\nexport function championPath(rounds: Round[]) {\n  const path = new Set<string>();\n  let branch = 0;\n  for (let level = rounds.length - 1; level >= 0; level--) {\n    const match = rounds[level].matches[branch];\n    if (!match?.winner) break;\n    path.add(match.id);\n    if (level === 0) path.add(`${match.id}-${match.winner}`);\n    branch = 2 * branch + (match.winner === \"home\" ? 0 : 1);\n  }\n  return path;\n}\n"
+    },
+    {
+      "path": "registry/orvui/blocks/knockout-bracket/src/WheelMark.vue",
+      "target": "~/src/components/orvui/blocks/knockout-bracket/src/WheelMark.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { Shield } from \"lucide-vue-next\";\nimport {\n  crestSrc,\n  initials,\n  INITIALS_MIN,\n  TROPHY_PATH,\n  TROPHY_SIZE,\n  CENTER,\n  HUB_R,\n  TROPHY_GAP,\n  type WheelNode,\n} from \"./wheel-model\";\nimport { SPRING_PANEL } from \"../../../lib/ease\";\nconst props = defineProps<{\n  node: WheelNode;\n  lit: boolean;\n  dimmed: boolean;\n  loadFlag: boolean;\n  reduce: boolean;\n  showTrophy: boolean;\n  clipId: string;\n}>();\nconst failed = ref<string | null>(null),\n  src = computed(() => {\n    const url = props.node.team ? crestSrc(props.node.team) : null;\n    return failed.value === url ? null : url;\n  });\nconst box = computed(() =>\n  props.node.team?.logo\n    ? { w: props.node.r * 1.44, h: props.node.r * 1.44, fit: \"xMidYMid meet\" }\n    : { w: props.node.r * 2.68, h: props.node.r * 2, fit: \"xMidYMid slice\" },\n);\nconst transition = computed(() => ({ duration: props.reduce ? 0 : 0.18 })),\n  fade = computed(() => ({ opacity: props.dimmed ? 0.38 : 1 }));\n</script>\n<template>\n  <motion.g\n    :initial=\"reduce ? false : { opacity: 0, scale: 0.6 }\"\n    :animate=\"{ opacity: 1, scale: 1 }\"\n    :transition=\"\n      reduce\n        ? { duration: 0 }\n        : {\n            ...SPRING_PANEL,\n            opacity: { duration: 0.24 },\n            delay: node.depth * 0.06,\n          }\n    \"\n    :style=\"{ transformOrigin: `${node.x}px ${node.y}px` }\"\n    ><g\n      v-if=\"showTrophy\"\n      :transform=\"`translate(${CENTER - TROPHY_SIZE / 2},${CENTER - HUB_R - TROPHY_GAP - TROPHY_SIZE})`\"\n      ><path :d=\"TROPHY_PATH\" class=\"fill-warning\" /></g\n    ><circle :cx=\"node.x\" :cy=\"node.y\" :r=\"node.r\" class=\"fill-card\" /><template\n      v-if=\"src && loadFlag && node.team\"\n      ><clipPath :id=\"clipId\"\n        ><circle :cx=\"node.x\" :cy=\"node.y\" :r=\"node.r\" /></clipPath\n      ><motion.image\n        :href=\"src\"\n        :x=\"node.x - box.w / 2\"\n        :y=\"node.y - box.h / 2\"\n        :width=\"box.w\"\n        :height=\"box.h\"\n        :clip-path=\"`url(#${clipId})`\"\n        :preserveAspectRatio=\"box.fit\"\n        :initial=\"false\"\n        :animate=\"fade\"\n        :transition=\"transition\"\n        @error=\"failed = src\" /></template\n    ><motion.text\n      v-else-if=\"node.team\"\n      :x=\"node.x\"\n      :y=\"node.y\"\n      text-anchor=\"middle\"\n      dominant-baseline=\"central\"\n      :font-size=\"Math.max(node.r * 0.8, INITIALS_MIN)\"\n      :initial=\"false\"\n      :animate=\"fade\"\n      :transition=\"transition\"\n      class=\"fill-muted-foreground font-semibold\"\n      >{{ initials(node.team.name) }}</motion.text\n    ><motion.g v-else :initial=\"false\" :animate=\"fade\" :transition=\"transition\"\n      ><Shield\n        :x=\"node.x - node.r * 0.7\"\n        :y=\"node.y - node.r * 0.7\"\n        :width=\"node.r * 1.4\"\n        :height=\"node.r * 1.4\"\n        class=\"fill-current text-muted-foreground/50\" /></motion.g\n    ><circle\n      :cx=\"node.x\"\n      :cy=\"node.y\"\n      :r=\"node.r\"\n      fill=\"none\"\n      :stroke-width=\"lit ? 2 : 1\"\n      :class=\"lit ? 'stroke-foreground' : 'stroke-border'\"\n  /></motion.g>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/shared.ts",
+      "target": "~/src/components/orvui/blocks/shared.ts",
+      "type": "registry:lib",
+      "content": "import { useBlockDismiss } from \"./dismiss\";\nimport { resolveElement, useOverlay } from \"../lib/composables\";\nimport {\n  computed,\n  defineComponent,\n  h,\n  isVNode,\n  onMounted,\n  onUnmounted,\n  ref,\n  type Component,\n  type Ref,\n  type VNodeChild,\n} from \"vue\";\n\nexport type Content = VNodeChild | Component;\nexport const RenderNode = defineComponent({\n  props: [\"node\"],\n  setup(props) {\n    return () => {\n      const node = props.node;\n      if (isVNode(node) || node === null || node === undefined) return node;\n      if (typeof node === \"function\" || typeof node === \"object\")\n        return h(node as Component);\n      return node;\n    };\n  },\n});\n\nexport function useControllable<T>(\n  get: () => T | undefined,\n  initial: T,\n  emit: (value: T) => void,\n) {\n  const saved = ref(initial) as Ref<T>;\n  return computed<T>({\n    get() {\n      const value = get();\n      return value === undefined ? saved.value : value;\n    },\n    set(value) {\n      if (get() === undefined) saved.value = value;\n      emit(value);\n    },\n  });\n}\n\nexport function useOutside(\n  root: Ref<HTMLElement | undefined>,\n  close: () => void,\n  open: Ref<boolean>,\n) {\n  useBlockDismiss(open, root, close);\n}\n\nexport function useReduced() {\n  const reduced = ref(false);\n  let detach: (() => void) | undefined;\n  onMounted(() => {\n    if (typeof matchMedia !== \"function\") return;\n    const query = matchMedia(\"(prefers-reduced-motion: reduce)\");\n    const read = () => {\n      reduced.value = query.matches;\n    };\n    read();\n    query.addEventListener(\"change\", read);\n    detach = () => query.removeEventListener(\"change\", read);\n  });\n  onUnmounted(() => detach?.());\n  return reduced;\n}\n\nexport function rove(\n  event: KeyboardEvent,\n  root: HTMLElement,\n  selector = \"button:not(:disabled)\",\n) {\n  const items = [...root.querySelectorAll<HTMLElement>(selector)];\n  if (!items.length) return;\n  const current = items.indexOf(\n    root.ownerDocument.activeElement as HTMLElement,\n  );\n  let destination: number;\n  switch (event.key) {\n    case \"ArrowRight\":\n    case \"ArrowDown\":\n      destination = (current + 1) % items.length;\n      break;\n    case \"ArrowLeft\":\n    case \"ArrowUp\":\n      destination = (current - 1 + items.length) % items.length;\n      break;\n    case \"Home\":\n      destination = 0;\n      break;\n    case \"End\":\n      destination = items.length - 1;\n      break;\n    default:\n      return;\n  }\n  event.preventDefault();\n  items[destination]?.focus();\n}\n\nexport function useDialog(\n  open: Ref<boolean>,\n  root: Ref<HTMLElement | undefined>,\n  initial?: () => HTMLElement | undefined,\n) {\n  const element = computed(() => resolveElement<HTMLElement>(root.value));\n  useOverlay(\n    open,\n    element,\n    () => {\n      open.value = false;\n    },\n    initial,\n  );\n}\n"
+    },
+    {
+      "path": "registry/orvui/lib/composables.ts",
+      "target": "~/src/components/orvui/lib/composables.ts",
+      "type": "registry:lib",
+      "content": "import { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nimport { layerManager, type Layer } from \"./layers\";\n\nexport function useControllable<T>(props: Record<string, any>, key: string, emit: (...args: any[]) => void, fallback: T) {\n  const local = ref<T>(fallback) as Ref<T>;\n  const read = () => props[key] as T | undefined;\n  return computed<T>({\n    get() { const supplied = read(); return supplied === undefined ? local.value : supplied; },\n    set(value) { if (read() === undefined) local.value = value; emit(`update:${key}`, value); },\n  });\n}\n\nexport function useMediaQuery(query: string) {\n  const matches = ref(false);\n  let disconnect: (() => void) | undefined;\n  onMounted(() => {\n    if (typeof window.matchMedia !== \"function\") return;\n    const media = window.matchMedia(query);\n    const update = () => { matches.value = media.matches; };\n    update();\n    media.addEventListener?.(\"change\", update);\n    disconnect = () => media.removeEventListener?.(\"change\", update);\n  });\n  onBeforeUnmount(() => disconnect?.());\n  return matches;\n}\nexport function useReducedMotion() { return useMediaQuery(\"(prefers-reduced-motion: reduce)\"); }\n\nconst lockedProperties = [\"overflow\", \"position\", \"top\", \"left\", \"right\", \"width\"] as const;\nlet scrollOwners = 0;\nlet unlockPage: (() => void) | undefined;\nfunction acquirePage() {\n  if (scrollOwners++ === 0) {\n    const body = document.body.style;\n    const saved = lockedProperties.map(name => ({ name, value: body.getPropertyValue(name), priority: body.getPropertyPriority(name) }));\n    const x = window.scrollX, y = window.scrollY;\n    body.setProperty(\"overflow\", \"hidden\");\n    body.setProperty(\"position\", \"fixed\");\n    body.setProperty(\"left\", `${-x}px`);\n    body.setProperty(\"top\", `${-y}px`);\n    body.setProperty(\"right\", \"0px\");\n    body.setProperty(\"width\", \"100%\");\n    unlockPage = () => {\n      for (const entry of saved) {\n        if (entry.value) body.setProperty(entry.name, entry.value, entry.priority);\n        else body.removeProperty(entry.name);\n      }\n      const root = document.documentElement.style;\n      const behavior = root.getPropertyValue(\"scroll-behavior\");\n      const priority = root.getPropertyPriority(\"scroll-behavior\");\n      root.setProperty(\"scroll-behavior\", \"auto\");\n      window.scrollTo(x, y);\n      if (behavior) root.setProperty(\"scroll-behavior\", behavior, priority);\n      else root.removeProperty(\"scroll-behavior\");\n    };\n  }\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    if (--scrollOwners === 0) { unlockPage?.(); unlockPage = undefined; }\n  };\n}\nexport function useScrollLock(locked: Ref<boolean>) {\n  let mounted = false;\n  let release: (() => void) | undefined;\n  const update = (value: boolean) => {\n    if (!mounted) return;\n    if (value && !release) release = acquirePage();\n    if (!value && release) { release(); release = undefined; }\n  };\n  onMounted(() => { mounted = true; update(locked.value); });\n  watch(locked, update);\n  onBeforeUnmount(() => { release?.(); release = undefined; mounted = false; });\n}\n\nexport function resolveElement<T extends Element = HTMLElement>(value: unknown): T | null {\n  if (!value) return null;\n  const unwrapped = (value as { $el?: unknown }).$el ?? value;\n  return typeof (unwrapped as Element).nodeType === \"number\" && (unwrapped as Element).nodeType === 1 ? unwrapped as T : null;\n}\nconst focusable = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])';\nfunction createLayer(modal: boolean, panel?: { readonly value: unknown }): Layer {\n  return { key: Symbol(\"orvui-layer\"), modal, owner: getCurrentInstance(), surface: () => resolveElement(panel?.value), returnTo: null };\n}\nexport function useOverlay(open: Ref<boolean>, panel: Ref<HTMLElement | null>, close: () => void, initialFocus?: () => HTMLElement | undefined) {\n  const layer = createLayer(true, panel);\n  let mounted = false;\n  let revision = 0;\n  const sync = async (value: boolean) => {\n    const current = ++revision;\n    if (!mounted) return;\n    if (!value) { layerManager.detach(layer, true); return; }\n    if (!layerManager.attach(layer)) return;\n    await nextTick();\n    if (!mounted || current !== revision || !open.value || !layerManager.top(layer)) return;\n    (initialFocus?.() ?? layer.surface()?.querySelector<HTMLElement>(focusable) ?? layer.surface())?.focus({ preventScroll: true });\n  };\n  const onKey = (event: KeyboardEvent) => {\n    if (event.defaultPrevented || !open.value) return;\n    if (event.key === \"Escape\" && layerManager.top(layer)) {\n      event.preventDefault(); event.stopPropagation(); close(); return;\n    }\n    if (event.key !== \"Tab\" || !layerManager.modal(layer)) return;\n    const candidates = new Set<HTMLElement>();\n    for (const surface of layerManager.scopes(layer)) {\n      for (const node of surface.querySelectorAll<HTMLElement>(focusable)) {\n        if (node.getClientRects().length > 0 && !node.closest(\"[inert]\")) candidates.add(node);\n      }\n    }\n    event.preventDefault();\n    const nodes = [...candidates];\n    if (!nodes.length) { layer.surface()?.focus(); return; }\n    const position = nodes.indexOf(document.activeElement as HTMLElement);\n    const next = position < 0 ? (event.shiftKey ? nodes.length - 1 : 0) : (position + (event.shiftKey ? -1 : 1) + nodes.length) % nodes.length;\n    nodes[next].focus();\n  };\n  useScrollLock(open);\n  onMounted(() => { mounted = true; document.addEventListener(\"keydown\", onKey); void sync(open.value); });\n  watch(open, value => void sync(value));\n  onBeforeUnmount(() => { mounted = false; revision++; document.removeEventListener(\"keydown\", onKey); layerManager.detach(layer, true); });\n  return {\n    isTop: () => open.value && layerManager.top(layer),\n    containsHigher: (target: EventTarget | null) => layerManager.higher(layer, target),\n    containsOwnedPortal: (target: HTMLElement) => layerManager.containsPortal(layer.owner, target),\n  };\n}\nexport function useFloatingLayer(open: Ref<boolean>, panel?: { readonly value: unknown }) {\n  const layer = createLayer(false, panel);\n  let mounted = false;\n  let unregister: (() => void) | undefined;\n  const sync = (value: boolean) => {\n    if (!mounted) return;\n    if (value) layerManager.attach(layer); else layerManager.detach(layer, false);\n  };\n  onMounted(() => { mounted = true; unregister = layerManager.portal(layer.owner, layer.surface); sync(open.value); });\n  watch(open, sync, { flush: \"sync\" });\n  onBeforeUnmount(() => { mounted = false; unregister?.(); layerManager.detach(layer, false); });\n  const isTop = () => open.value && layerManager.top(layer);\n  return {\n    isTop,\n    claimEscape(event: KeyboardEvent) {\n      if (event.key !== \"Escape\" || event.defaultPrevented || !isTop()) return false;\n      event.preventDefault(); event.stopImmediatePropagation(); return true;\n    },\n    containsHigher: (target: EventTarget | null) => layerManager.higher(layer, target),\n  };\n}\nexport function useEventListener(target: () => EventTarget | null | undefined, event: string, handler: EventListener, options?: AddEventListenerOptions) {\n  let remove: (() => void) | undefined;\n  onMounted(() => { const element = target(); element?.addEventListener(event, handler, options); remove = () => element?.removeEventListener(event, handler, options); });\n  onBeforeUnmount(() => remove?.());\n}\n"
+    },
+    {
+      "path": "registry/orvui/lib/ease.ts",
+      "target": "~/src/components/orvui/lib/ease.ts",
+      "type": "registry:lib",
+      "content": "export const EASE_OUT = [0.16, 1, 0.3, 1] as const;\nexport const EASE_IN_OUT = [0.77, 0, 0.175, 1] as const;\nexport const EASE_DRAWER = [0.32, 0.72, 0, 1] as const;\nexport const EASE_OUT_CSS = \"cubic-bezier(0.16,1,0.3,1)\";\nexport const SPRING_PRESS = {\n  type: \"spring\",\n  stiffness: 500,\n  damping: 30,\n  mass: 0.6,\n} as const;\nexport const SPRING_SWAP = {\n  type: \"spring\",\n  stiffness: 460,\n  damping: 30,\n  mass: 0.55,\n} as const;\nexport const SPRING_PANEL = {\n  type: \"spring\",\n  stiffness: 420,\n  damping: 40,\n  mass: 0.5,\n} as const;\nexport const SPRING_LAYOUT = {\n  type: \"spring\",\n  stiffness: 360,\n  damping: 32,\n  mass: 0.6,\n} as const;\nexport const SPRING_MOUSE = { stiffness: 200, damping: 15, mass: 0.3 } as const;\nexport const SPRING_GLIDE = { stiffness: 700, damping: 50, mass: 0.5 } as const;\nexport const SPRING_TIMELINE = {\n  type: \"spring\",\n  stiffness: 120,\n  damping: 24,\n  mass: 1,\n} as const;\n"
+    },
+    {
+      "path": "registry/orvui/lib/layers.ts",
+      "target": "~/src/components/orvui/lib/layers.ts",
+      "type": "registry:lib",
+      "content": "import type { ComponentInternalInstance } from \"vue\";\n\ntype Surface = () => HTMLElement | null;\nexport interface Layer {\n  key: symbol;\n  modal: boolean;\n  owner: ComponentInternalInstance | null;\n  surface: Surface;\n  returnTo: HTMLElement | null;\n}\nconst active: Layer[] = [];\nconst portals = new Set<{ owner: ComponentInternalInstance | null; surface: Surface }>();\n\nfunction belongsTo(child: ComponentInternalInstance | null, parent: ComponentInternalInstance | null) {\n  if (!parent) return false;\n  for (let node = child; node; node = node.parent) if (node === parent) return true;\n  return false;\n}\nfunction later(layer: Layer) {\n  const index = active.indexOf(layer);\n  return index < 0 ? [] : active.slice(index + 1);\n}\nexport const layerManager = {\n  attach(layer: Layer) {\n    if (active.includes(layer)) return false;\n    layer.returnTo = document.activeElement as HTMLElement | null;\n    const before = active.findIndex(entry => entry.owner !== layer.owner && belongsTo(entry.owner, layer.owner));\n    active.splice(before < 0 ? active.length : before, 0, layer);\n    return true;\n  },\n  detach(layer: Layer, restore: boolean) {\n    const index = active.indexOf(layer);\n    if (index < 0) return;\n    const wasLast = index === active.length - 1;\n    const surface = layer.surface();\n    for (const successor of later(layer)) {\n      if (successor.returnTo && surface?.contains(successor.returnTo)) successor.returnTo = layer.returnTo;\n    }\n    active.splice(index, 1);\n    if (restore && wasLast && layer.returnTo?.isConnected) layer.returnTo.focus({ preventScroll: true });\n  },\n  top(layer: Layer) { return active.at(-1) === layer; },\n  modal(layer: Layer) { return active.slice().reverse().find(entry => entry.modal) === layer; },\n  higher(layer: Layer, target: EventTarget | null) {\n    return !!target && typeof (target as Node).nodeType === \"number\" && later(layer).some(entry => entry.surface()?.contains(target as Node));\n  },\n  scopes(layer: Layer) {\n    const result = [layer.surface()];\n    for (const entry of later(layer)) if (!entry.modal && belongsTo(entry.owner, layer.owner)) result.push(entry.surface());\n    return result.filter((surface): surface is HTMLElement => surface !== null);\n  },\n  portal(owner: ComponentInternalInstance | null, surface: Surface) {\n    const portal = { owner, surface };\n    portals.add(portal);\n    return () => portals.delete(portal);\n  },\n  containsPortal(owner: ComponentInternalInstance | null, target: HTMLElement) {\n    for (const portal of portals) {\n      const node = portal.surface();\n      if (node && belongsTo(portal.owner, owner) && target.contains(node)) return true;\n    }\n    return false;\n  },\n};\n"
+    },
+    {
+      "path": "registry/orvui/lib/utils.ts",
+      "target": "~/src/components/orvui/lib/utils.ts",
+      "type": "registry:lib",
+      "content": "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: unknown[]) {\n  const combined = clsx(...inputs as ClassValue[]);\n  return twMerge(combined);\n}\nexport function clamp(value: number, min: number, max: number) {\n  const aboveFloor = Math.max(min, value);\n  return Math.min(aboveFloor, max);\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/tooltip/index.ts",
+      "target": "~/src/components/orvui/motion/tooltip/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as TooltipProvider } from \"./src/TooltipProvider.vue\";\nexport { default as Tooltip, default as TooltipRoot } from \"./src/Tooltip.vue\";\nexport { default as TooltipTrigger } from \"./src/TooltipTrigger.vue\";\nexport { default as TooltipContent } from \"./src/TooltipContent.vue\";\nexport type { TooltipProps } from \"./src/Tooltip.vue\";\nexport type {\n  TooltipRootProps,\n  TooltipContentProps,\n  TooltipSide,\n  TooltipAlign,\n  TooltipPoint,\n  TooltipAnchor,\n} from \"./src/context\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/tooltip/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/tooltip/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type TooltipProviderProps = InstanceType<\n  (typeof import(\"./TooltipProvider.vue\"))[\"default\"]\n>[\"$props\"];\nexport type TooltipTriggerProps = InstanceType<\n  (typeof import(\"./TooltipTrigger.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/tooltip/src/context.ts",
+      "target": "~/src/components/orvui/motion/tooltip/src/context.ts",
+      "type": "registry:lib",
+      "content": "import {\n  computed,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n  type ComputedRef,\n  type InjectionKey,\n  type Ref,\n} from \"vue\";\nimport {\n  resolveElement,\n  useControllable,\n  useFloatingLayer,\n} from \"../../../lib/composables\";\nimport { graceArea, inBox, inPolygon } from \"./grace\";\nexport type TooltipSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type TooltipAlign = \"start\" | \"center\" | \"end\";\nexport type TooltipPoint = { x: number; y: number };\nexport type TooltipAnchor = HTMLElement | SVGElement;\nexport interface TooltipTiming {\n  delay: number;\n  closeDelay: number;\n  skipDelay: number;\n}\nexport const timingKey: InjectionKey<ComputedRef<TooltipTiming>> =\n  Symbol(\"tooltip-timing\");\nexport interface TooltipRootProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  delay?: number;\n  closeDelay?: number;\n  disabled?: boolean;\n  asLabel?: boolean;\n  followCursor?: boolean;\n  anchorRef?: TooltipAnchor | null | Ref<TooltipAnchor | null>;\n  id?: string;\n}\nexport interface TooltipContentProps {\n  side?: TooltipSide;\n  align?: TooltipAlign;\n  sideOffset?: number;\n  arrow?: boolean;\n  anchorPoint?: TooltipPoint;\n}\nexport interface TooltipContext {\n  open: ComputedRef<boolean>;\n  id: string;\n  labelId: string;\n  props: Readonly<TooltipRootProps>;\n  anchor: Ref<TooltipAnchor | null>;\n  floating: Ref<HTMLElement | null>;\n  cursor: Ref<TooltipPoint | null>;\n  empty: Ref<boolean>;\n  setTrigger: (value: unknown) => void;\n  setEmpty: (value: boolean) => void;\n  close: () => void;\n  enterContent: () => void;\n  leaveContent: (event: PointerEvent) => void;\n}\nexport const tooltipKey: InjectionKey<TooltipContext> = Symbol(\"tooltip\");\nexport function useTooltip() {\n  const context = inject(tooltipKey);\n  if (!context)\n    throw new Error(\"Tooltip parts must be rendered inside Tooltip\");\n  return context;\n}\n\ntype Session = {\n  mode: \"keyboard\" | \"pointer\";\n  closedAt: number;\n  owner?: { close(): void };\n};\nconst sessions = new WeakMap<Document, Session>();\nfunction sessionFor(document: Document) {\n  let session = sessions.get(document);\n  if (!session) {\n    session = { mode: \"keyboard\", closedAt: 0 };\n    sessions.set(document, session);\n  }\n  return session;\n}\nexport function createTooltip(\n  props: Readonly<TooltipRootProps>,\n  emit: (...args: any[]) => void,\n  id: string,\n  initialEmpty = false,\n): TooltipContext {\n  const timing = inject(\n    timingKey,\n    computed(() => ({ delay: 120, closeDelay: 0, skipDelay: 300 })),\n  );\n  const requested = useControllable(\n    props,\n    \"open\",\n    emit,\n    props.defaultOpen ?? false,\n  );\n  const anchor = ref<TooltipAnchor | null>(null);\n  const floating = ref<HTMLElement | null>(null);\n  const cursor = ref<TooltipPoint | null>(null);\n  const empty = ref(initialEmpty);\n  const open = computed(\n    () => requested.value && !props.disabled && !empty.value,\n  );\n  const layer = useFloatingLayer(open, floating);\n  let documentScope: Document | undefined;\n  let session: Session | undefined;\n  let mounted = false;\n  let disposed = false;\n  let epoch = 0;\n  let waitingToShow = false;\n  const timers = new Set<ReturnType<typeof setTimeout>>();\n  let detachAnchor: (() => void) | undefined;\n  let detachCorridor: (() => void) | undefined;\n  const self = { close };\n  function cancelTimers() {\n    ++epoch;\n    for (const timer of timers) clearTimeout(timer);\n    timers.clear();\n    waitingToShow = false;\n  }\n  function cancelCorridor() {\n    detachCorridor?.();\n    detachCorridor = undefined;\n  }\n  function later(task: () => void, delay: number) {\n    const version = epoch;\n    const timer = setTimeout(() => {\n      timers.delete(timer);\n      if (!disposed && version === epoch) task();\n    }, delay);\n    timers.add(timer);\n  }\n  function commit(next: boolean) {\n    if (requested.value === next) return;\n    requested.value = next;\n    emit(\"openChange\", next);\n  }\n  function close() {\n    cancelTimers();\n    cancelCorridor();\n    if (session && open.value) session.closedAt = Date.now();\n    if (session?.owner === self) session.owner = undefined;\n    commit(false);\n  }\n  function show() {\n    cancelTimers();\n    cancelCorridor();\n    if (\n      disposed ||\n      props.disabled ||\n      empty.value ||\n      anchor.value?.matches(':disabled,[aria-disabled=\"true\"]')\n    )\n      return;\n    if (session?.owner !== self) session?.owner?.close();\n    if (session) session.owner = self;\n    commit(true);\n  }\n  function hover() {\n    cancelTimers();\n    if (open.value || props.disabled || empty.value) return;\n    const delay =\n      session && Date.now() - session.closedAt < timing.value.skipDelay\n        ? 0\n        : (props.delay ?? timing.value.delay);\n    if (delay <= 0) show();\n    else {\n      waitingToShow = true;\n      later(show, delay);\n    }\n  }\n  function hide() {\n    cancelTimers();\n    const delay = props.closeDelay ?? timing.value.closeDelay;\n    if (delay > 0) later(close, delay);\n    else close();\n  }\n  function bridge(\n    event: PointerEvent,\n    source: Element,\n    destination: Element | null,\n  ) {\n    cancelCorridor();\n    if (!destination || !documentScope) {\n      hide();\n      return;\n    }\n    const from = source.getBoundingClientRect();\n    const to = destination.getBoundingClientRect();\n    const polygon = graceArea({ x: event.clientX, y: event.clientY }, to);\n    const track = (event: PointerEvent) => {\n      const point = { x: event.clientX, y: event.clientY };\n      if (\n        !inBox(point, from) &&\n        !inBox(point, to) &&\n        !inPolygon(point, polygon)\n      )\n        hide();\n    };\n    const document = documentScope;\n    document.addEventListener(\"pointermove\", track);\n    detachCorridor = () => document.removeEventListener(\"pointermove\", track);\n  }\n  function bind(element: TooltipAnchor | null) {\n    detachAnchor?.();\n    detachAnchor = undefined;\n    if (!mounted || !element || props.anchorRef) return;\n    let pressed:\n      { type: string; opened: boolean; x: number; y: number } | undefined;\n    let suppressHover = false;\n    let keyboardFocus = false;\n    const updateCursor = (event: PointerEvent) => {\n      if (props.followCursor)\n        cursor.value = { x: event.clientX, y: event.clientY };\n    };\n    const events: Record<string, EventListener> = {\n      pointerenter: (raw) => {\n        const event = raw as PointerEvent;\n        if (event.pointerType === \"touch\") return;\n        updateCursor(event);\n        cancelCorridor();\n        if (!suppressHover) hover();\n        else cancelTimers();\n      },\n      pointerleave: (raw) => {\n        const event = raw as PointerEvent;\n        if (event.pointerType === \"touch\") return;\n        suppressHover = false;\n        cursor.value = null;\n        if (keyboardFocus) return;\n        if (waitingToShow) {\n          cancelTimers();\n          return;\n        }\n        if (open.value && !props.followCursor)\n          bridge(event, element, floating.value);\n        else hide();\n      },\n      pointerdown: (raw) => {\n        const event = raw as PointerEvent;\n        pressed = {\n          type: event.pointerType,\n          opened: open.value,\n          x: event.clientX,\n          y: event.clientY,\n        };\n        updateCursor(event);\n        if (event.pointerType === \"mouse\") {\n          suppressHover = true;\n          close();\n        }\n      },\n      pointermove: (raw) => {\n        const event = raw as PointerEvent;\n        updateCursor(event);\n        if (\n          pressed &&\n          Math.hypot(event.clientX - pressed.x, event.clientY - pressed.y) > 8\n        )\n          pressed = undefined;\n      },\n      pointercancel: () => {\n        pressed = undefined;\n        cursor.value = null;\n      },\n      click: () => {\n        const gesture = pressed;\n        pressed = undefined;\n        if (gesture && gesture.type !== \"mouse\")\n          gesture.opened ? close() : show();\n      },\n      keydown: () => {\n        pressed = undefined;\n        cursor.value = null;\n      },\n      focusin: () => {\n        if (session?.mode === \"keyboard\") {\n          keyboardFocus = true;\n          cursor.value = null;\n          show();\n        }\n      },\n      focusout: (raw) => {\n        if (\n          !element.contains((raw as FocusEvent).relatedTarget as Node | null)\n        ) {\n          keyboardFocus = false;\n          close();\n        }\n      },\n    };\n    for (const [name, listener] of Object.entries(events))\n      element.addEventListener(name, listener);\n    const observer =\n      typeof MutationObserver === \"undefined\"\n        ? undefined\n        : new MutationObserver(() => {\n            if (element.matches(':disabled,[aria-disabled=\"true\"]')) close();\n          });\n    observer?.observe(element, {\n      attributes: true,\n      attributeFilter: [\"disabled\", \"aria-disabled\"],\n    });\n    detachAnchor = () => {\n      observer?.disconnect();\n      for (const [name, listener] of Object.entries(events))\n        element.removeEventListener(name, listener);\n    };\n  }\n  watch(anchor, bind, { flush: \"post\" });\n  watch(\n    () => props.anchorRef,\n    (external) => {\n      if (external)\n        anchor.value = resolveElement<TooltipAnchor>(\n          \"value\" in external ? external.value : external,\n        );\n    },\n    { immediate: true, deep: true },\n  );\n  watch(\n    () => [props.disabled, empty.value],\n    () => {\n      if (props.disabled || (empty.value && !props.anchorRef)) close();\n    },\n  );\n  watch(open, (visible) => {\n    if (!session) return;\n    if (visible) {\n      if (session.owner !== self) session.owner?.close();\n      session.owner = self;\n    } else if (session.owner === self) {\n      session.closedAt = Date.now();\n      session.owner = undefined;\n    }\n  });\n  const keyboard = (event: KeyboardEvent) => {\n    if (session) session.mode = \"keyboard\";\n    if (layer.claimEscape(event)) close();\n  };\n  const pointer = (event: PointerEvent) => {\n    if (session) session.mode = \"pointer\";\n    if (\n      open.value &&\n      !layer.containsHigher(event.target) &&\n      event.target instanceof Node &&\n      !anchor.value?.contains(event.target) &&\n      !floating.value?.contains(event.target)\n    )\n      close();\n  };\n  const scroll = () => {\n    if (props.followCursor && cursor.value) close();\n  };\n  onMounted(() => {\n    mounted = true;\n    documentScope = anchor.value?.ownerDocument ?? document;\n    session = sessionFor(documentScope);\n    documentScope.addEventListener(\"keydown\", keyboard, true);\n    documentScope.addEventListener(\"pointerdown\", pointer, true);\n    window.addEventListener(\"blur\", close);\n    window.addEventListener(\"scroll\", scroll, true);\n    bind(anchor.value);\n    if (open.value) {\n      session.owner?.close();\n      session.owner = self;\n    }\n  });\n  onBeforeUnmount(() => {\n    disposed = true;\n    mounted = false;\n    cancelTimers();\n    cancelCorridor();\n    detachAnchor?.();\n    if (session?.owner === self) session.owner = undefined;\n    documentScope?.removeEventListener(\"keydown\", keyboard, true);\n    documentScope?.removeEventListener(\"pointerdown\", pointer, true);\n    window.removeEventListener(\"blur\", close);\n    window.removeEventListener(\"scroll\", scroll, true);\n  });\n  return {\n    open,\n    id,\n    labelId: id + \"-label\",\n    props,\n    anchor,\n    floating,\n    cursor,\n    empty,\n    setTrigger: (value) => {\n      if (!props.anchorRef) anchor.value = resolveElement<TooltipAnchor>(value);\n    },\n    setEmpty: (value) => {\n      empty.value = value;\n    },\n    close,\n    enterContent: () => {\n      cancelCorridor();\n      cancelTimers();\n    },\n    leaveContent: (event) => {\n      if (props.anchorRef) {\n        cancelTimers();\n        later(close, 100);\n      } else if (floating.value) bridge(event, floating.value, anchor.value);\n    },\n  };\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/tooltip/src/grace.ts",
+      "target": "~/src/components/orvui/motion/tooltip/src/grace.ts",
+      "type": "registry:lib",
+      "content": "type Point = { x: number; y: number };\ntype Box = { left: number; top: number; right: number; bottom: number };\nconst cross = (a: Point, b: Point, c: Point) =>\n  (b.x - a.x) * (c.y - a.y) - (b.y - a.y) * (c.x - a.x);\nconst squared = (a: Point, b: Point) => (a.x - b.x) ** 2 + (a.y - b.y) ** 2;\n/** Gift-wrap the two rectangles into the convex pointer-travel corridor. */\nexport function graceArea(exit: Point, box: Box): Point[] {\n  const points = [\n    { x: exit.x - 5, y: exit.y - 5 },\n    { x: exit.x + 5, y: exit.y - 5 },\n    { x: exit.x + 5, y: exit.y + 5 },\n    { x: exit.x - 5, y: exit.y + 5 },\n    { x: box.left, y: box.top },\n    { x: box.right, y: box.top },\n    { x: box.right, y: box.bottom },\n    { x: box.left, y: box.bottom },\n  ].filter(\n    (point, index, all) =>\n      all.findIndex((other) => other.x === point.x && other.y === point.y) ===\n      index,\n  );\n  const start = points.reduce((best, point) =>\n    point.x < best.x || (point.x === best.x && point.y < best.y) ? point : best,\n  );\n  const hull: Point[] = [];\n  let current = start;\n  do {\n    hull.push(current);\n    let next = points.find((point) => point !== current)!;\n    for (const point of points) {\n      if (point === current) continue;\n      const direction = cross(current, next, point);\n      if (\n        direction < 0 ||\n        (direction === 0 && squared(current, point) > squared(current, next))\n      )\n        next = point;\n    }\n    current = next;\n  } while (current !== start && hull.length <= points.length);\n  return hull;\n}\nexport function inBox(point: Point, box: Box) {\n  return (\n    box.left <= point.x &&\n    point.x <= box.right &&\n    box.top <= point.y &&\n    point.y <= box.bottom\n  );\n}\nexport function inPolygon(point: Point, polygon: Point[]) {\n  if (polygon.length < 3) return false;\n  // All corridor polygons are convex. A point lies inside every oriented edge.\n  let orientation = 0;\n  for (let index = 0; index < polygon.length; index++) {\n    const side = Math.sign(\n      cross(polygon[index]!, polygon[(index + 1) % polygon.length]!, point),\n    );\n    if (!side) continue;\n    if (orientation && side !== orientation) return false;\n    orientation = side;\n  }\n  return true;\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/tooltip/src/position.ts",
+      "target": "~/src/components/orvui/motion/tooltip/src/position.ts",
+      "type": "registry:lib",
+      "content": "import {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from \"vue\";\nimport {\n  arrow as pointArrow,\n  autoUpdate,\n  computePosition,\n  flip,\n  hide,\n  offset,\n  shift,\n  type Placement,\n  type VirtualElement,\n} from \"@floating-ui/dom\";\nimport type {\n  TooltipContext,\n  TooltipContentProps,\n  TooltipSide,\n} from \"./context\";\nexport function createTooltipPosition(\n  context: TooltipContext,\n  props: Readonly<TooltipContentProps>,\n  hasContent: () => boolean,\n) {\n  const mounted = ref(false);\n  const ready = ref(false);\n  const positioner = ref<HTMLElement | null>(null);\n  const arrow = ref<SVGSVGElement | null>(null);\n  const side = ref<TooltipSide>(props.side ?? \"top\");\n  let stopTracking: (() => void) | undefined;\n  let frame: number | undefined;\n  let revision = 0;\n  let binding = 0;\n  let disposed = false;\n  let cursorPlacement: Placement | undefined;\n  const origins: Record<TooltipSide, string> = {\n    top: \"center bottom\",\n    bottom: \"center top\",\n    left: \"right center\",\n    right: \"left center\",\n  };\n  async function place() {\n    const anchor = context.anchor.value;\n    const target = positioner.value;\n    if (!context.open.value || !anchor || !target || disposed) return;\n    const version = ++revision;\n    const point = context.props.followCursor ? context.cursor.value : null;\n    const virtual = !!point || !!props.anchorPoint;\n    const reference: Element | VirtualElement = virtual\n      ? {\n          contextElement: anchor,\n          getBoundingClientRect: () => {\n            const box = anchor.getBoundingClientRect();\n            const x =\n              point?.x ?? box.left + box.width * (props.anchorPoint?.x ?? 0.5);\n            const y =\n              point?.y ?? box.top + box.height * (props.anchorPoint?.y ?? 0.5);\n            return {\n              x,\n              y,\n              left: x,\n              right: x,\n              top: y,\n              bottom: y,\n              width: 0,\n              height: 0,\n            };\n          },\n        }\n      : anchor;\n    const preferred = (\n      props.align === \"center\" || !props.align\n        ? (props.side ?? \"top\")\n        : `${props.side ?? \"top\"}-${props.align}`\n    ) as Placement;\n    const result = await computePosition(reference, target, {\n      strategy: \"fixed\",\n      placement: point ? (cursorPlacement ?? preferred) : preferred,\n      middleware: [\n        offset(props.sideOffset ?? (point ? 12 : 8)),\n        flip({ padding: 8 }),\n        shift({ padding: 8 }),\n        ...(arrow.value\n          ? [pointArrow({ element: arrow.value, padding: 10 })]\n          : []),\n        ...(virtual ? [] : [hide({ strategy: \"referenceHidden\" })]),\n      ],\n    });\n    if (\n      disposed ||\n      version !== revision ||\n      !context.open.value ||\n      positioner.value !== target ||\n      !target.isConnected\n    )\n      return;\n    cursorPlacement = point ? result.placement : undefined;\n    side.value = result.placement.split(\"-\")[0] as TooltipSide;\n    const pixelRatio = window.devicePixelRatio || 1;\n    const snap = (value: number) => Math.round(value * pixelRatio) / pixelRatio;\n    target.style.transform = `translate3d(${snap(result.x)}px,${snap(result.y)}px,0)`;\n    target.style.setProperty(\"--tooltip-origin\", origins[side.value]);\n    target.dataset.placement = result.placement;\n    const box = anchor.getBoundingClientRect();\n    target.style.visibility =\n      result.middlewareData.hide?.referenceHidden && (box.width || box.height)\n        ? \"hidden\"\n        : \"visible\";\n    const triangle = arrow.value;\n    const surface = triangle?.parentElement;\n    if (triangle && surface) {\n      const coordinate = result.middlewareData.arrow;\n      if (coordinate?.x !== undefined)\n        triangle.style.left = `${coordinate.x - surface.clientLeft}px`;\n      if (coordinate?.y !== undefined)\n        triangle.style.top = `${coordinate.y - surface.clientTop}px`;\n      const style = getComputedStyle(surface);\n      triangle.style.setProperty(\"--tooltip-arrow-fill\", style.backgroundColor);\n      triangle.style.setProperty(\n        \"--tooltip-arrow-stroke\",\n        style.borderTopColor,\n      );\n    }\n    ready.value = true;\n  }\n  function schedule() {\n    ++revision;\n    if (frame !== undefined || disposed || !context.open.value) return;\n    frame = requestAnimationFrame(() => {\n      frame = undefined;\n      void place();\n    });\n  }\n  async function bind() {\n    const version = ++binding;\n    ++revision;\n    stopTracking?.();\n    stopTracking = undefined;\n    if (!mounted.value || !context.open.value) {\n      ready.value = false;\n      cursorPlacement = undefined;\n      return;\n    }\n    await nextTick();\n    if (disposed || version !== binding || !context.open.value) return;\n    context.floating.value = positioner.value;\n    if (context.anchor.value && positioner.value)\n      stopTracking = autoUpdate(\n        context.anchor.value,\n        positioner.value,\n        schedule,\n      );\n    schedule();\n  }\n  watch(\n    () => [\n      context.open.value,\n      context.anchor.value,\n      props.side,\n      props.align,\n      props.sideOffset,\n      props.arrow,\n      props.anchorPoint,\n    ],\n    bind,\n    { flush: \"post\" },\n  );\n  watch(context.cursor, schedule);\n  onMounted(() => {\n    mounted.value = true;\n    context.setEmpty(!hasContent());\n    void bind();\n  });\n  onBeforeUnmount(() => {\n    disposed = true;\n    ++binding;\n    ++revision;\n    stopTracking?.();\n    if (frame !== undefined) cancelAnimationFrame(frame);\n    context.floating.value = null;\n  });\n  const arrowPath = computed(\n    () =>\n      ({\n        top: \"M0 6L6 12L12 6\",\n        bottom: \"M0 6L6 0L12 6\",\n        left: \"M6 0L12 6L6 12\",\n        right: \"M6 0L0 6L6 12\",\n      })[side.value],\n  );\n  const arrowStyle = computed(\n    () =>\n      ({\n        top: { top: \"calc(100% - 6px)\" },\n        bottom: { bottom: \"calc(100% - 6px)\" },\n        left: { left: \"calc(100% - 6px)\" },\n        right: { right: \"calc(100% - 6px)\" },\n      })[side.value],\n  );\n  return { mounted, ready, positioner, arrow, arrowPath, arrowStyle };\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/tooltip/src/Tooltip.vue",
+      "target": "~/src/components/orvui/motion/tooltip/src/Tooltip.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { defineComponent, provide, useId, watch, type VNodeChild } from \"vue\";\nimport {\n  createTooltip,\n  tooltipKey,\n  type TooltipRootProps,\n  type TooltipContentProps,\n} from \"./context\";\nimport TooltipTrigger from \"./TooltipTrigger.vue\";\nimport TooltipContent from \"./TooltipContent.vue\";\nexport interface TooltipProps extends TooltipRootProps, TooltipContentProps {\n  content?: VNodeChild;\n}\nconst props = withDefaults(defineProps<TooltipProps>(), {\n  open: undefined,\n  content: undefined,\n  defaultOpen: false,\n});\nconst emit = defineEmits([\"update:open\", \"openChange\"]);\nconst state = createTooltip(\n  props,\n  emit,\n  props.id ?? useId(),\n  props.content === null || props.content === \"\",\n);\nprovide(tooltipKey, state);\nwatch(\n  () => props.content,\n  (content) => {\n    if (content !== undefined)\n      state.setEmpty(content === null || content === false || content === \"\");\n  },\n  { immediate: true },\n);\nconst ContentValue = defineComponent({\n  props: [\"value\"],\n  setup: (props) => () => props.value,\n});\n</script>\n<template>\n  <template v-if=\"content !== undefined\"\n    ><TooltipTrigger v-if=\"$slots.default\" as-child><slot /></TooltipTrigger\n    ><TooltipContent\n      v-bind=\"$attrs\"\n      :side=\"side\"\n      :align=\"align\"\n      :side-offset=\"sideOffset\"\n      :arrow=\"arrow\"\n      :anchor-point=\"anchorPoint\"\n      ><ContentValue :value=\"content\" /></TooltipContent></template\n  ><slot v-else />\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/tooltip/src/TooltipContent.vue",
+      "target": "~/src/components/orvui/motion/tooltip/src/TooltipContent.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { useSlots } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { useTooltip, type TooltipContentProps } from \"./context\";\nimport { createTooltipPosition } from \"./position\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cn } from \"../../../lib/utils\";\nconst props = withDefaults(defineProps<TooltipContentProps>(), {\n  side: \"top\",\n  align: \"center\",\n  arrow: false,\n});\nconst state = useTooltip();\nconst slots = useSlots();\nconst reduced = useReducedMotion();\nconst { mounted, ready, positioner, arrow, arrowPath, arrowStyle } =\n  createTooltipPosition(state, props, () => !!slots.default);\n</script>\n<template>\n  <Teleport v-if=\"mounted\" to=\"body\"\n    ><span\n      v-if=\"state.props.asLabel && !state.empty.value\"\n      :id=\"state.labelId\"\n      hidden\n      ><slot /></span\n    ><AnimatePresence\n      ><span\n        v-if=\"state.open.value && !state.empty.value\"\n        ref=\"positioner\"\n        class=\"pointer-events-none fixed left-0 top-0 z-[9999] w-max\"\n        :style=\"{ visibility: 'hidden', maxWidth: 'calc(100vw - 16px)' }\"\n        ><motion.span\n          v-bind=\"$attrs\"\n          :id=\"state.props.asLabel ? undefined : state.id\"\n          role=\"tooltip\"\n          :aria-hidden=\"state.props.asLabel || undefined\"\n          :initial=\"{ opacity: 0, scale: reduced ? 1 : 0.94 }\"\n          :animate=\"{\n            opacity: ready ? 1 : 0,\n            scale: ready || reduced ? 1 : 0.94,\n          }\"\n          :exit=\"{\n            opacity: 0,\n            scale: reduced ? 1 : 0.94,\n            transition: { duration: 0.12, ease: EASE_OUT },\n          }\"\n          :transition=\"{ duration: 0.18, ease: EASE_OUT }\"\n          :style=\"{\n            transformOrigin: 'var(--tooltip-origin,center)',\n            pointerEvents: state.props.followCursor ? 'none' : 'auto',\n          }\"\n          :class=\"\n            cn(\n              'relative block max-w-[min(20rem,calc(100vw-16px))] whitespace-normal break-words rounded-lg border border-border bg-background px-2.5 py-1 text-xs font-medium text-foreground shadow-md',\n              $attrs.class,\n            )\n          \"\n          @pointerenter=\"state.enterContent\"\n          @pointerleave=\"state.leaveContent\"\n          ><slot /><svg\n            v-if=\"props.arrow\"\n            ref=\"arrow\"\n            aria-hidden=\"true\"\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            class=\"pointer-events-none absolute overflow-visible\"\n            :style=\"arrowStyle\"\n          >\n            <path\n              :d=\"arrowPath + 'Z'\"\n              style=\"fill: var(--tooltip-arrow-fill, transparent)\"\n            />\n            <path\n              :d=\"arrowPath\"\n              fill=\"none\"\n              stroke-width=\"1\"\n              style=\"stroke: var(--tooltip-arrow-stroke, transparent)\"\n            /></svg></motion.span></span></AnimatePresence\n  ></Teleport>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/tooltip/src/TooltipProvider.vue",
+      "target": "~/src/components/orvui/motion/tooltip/src/TooltipProvider.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, inject, provide } from \"vue\";\nimport { timingKey } from \"./context\";\nconst props = defineProps<{\n  delay?: number;\n  closeDelay?: number;\n  skipDelay?: number;\n  skipDelayDuration?: number;\n}>();\nconst inherited = inject(\n  timingKey,\n  computed(() => ({ delay: 120, closeDelay: 0, skipDelay: 300 })),\n);\nprovide(\n  timingKey,\n  computed(() => ({\n    delay: props.delay ?? inherited.value.delay,\n    closeDelay: props.closeDelay ?? inherited.value.closeDelay,\n    skipDelay:\n      props.skipDelay ?? props.skipDelayDuration ?? inherited.value.skipDelay,\n  })),\n);\n</script>\n<template><slot /></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/tooltip/src/TooltipTrigger.vue",
+      "target": "~/src/components/orvui/motion/tooltip/src/TooltipTrigger.vue",
+      "type": "registry:component",
+      "content": "<script lang=\"ts\">\nimport {\n  Comment,\n  Fragment,\n  Text,\n  cloneVNode,\n  defineComponent,\n  h,\n  type VNode,\n} from \"vue\";\nimport { useTooltip } from \"./context\";\nfunction flatten(nodes: VNode[]): VNode[] {\n  return nodes.flatMap((node) =>\n    node.type === Fragment\n      ? flatten(node.children as VNode[])\n      : node.type === Comment ||\n          (node.type === Text && !String(node.children).trim())\n        ? []\n        : [node],\n  );\n}\nexport default defineComponent({\n  name: \"TooltipTrigger\",\n  inheritAttrs: false,\n  props: { asChild: Boolean },\n  setup(props, { attrs, slots }) {\n    const state = useTooltip();\n    return () => {\n      const describedBy =\n        [\n          attrs[\"aria-describedby\"],\n          state.open.value && !state.empty.value ? state.id : undefined,\n        ]\n          .filter(Boolean)\n          .join(\" \") || undefined;\n      const a11y = state.props.asLabel\n        ? {\n            \"aria-labelledby\": state.empty.value\n              ? attrs[\"aria-labelledby\"]\n              : state.labelId,\n          }\n        : { \"aria-describedby\": describedBy };\n      const properties = {\n        ...attrs,\n        ...a11y,\n        \"data-state\": state.open.value ? \"open\" : \"closed\",\n        ref: state.setTrigger,\n      };\n      const children = slots.default?.() ?? [];\n      if (!props.asChild)\n        return h(\"button\", { type: \"button\", ...properties }, children);\n      const elements = flatten(children);\n      return elements.length === 1\n        ? cloneVNode(elements[0]!, properties, true)\n        : elements.length\n          ? elements\n          : null;\n    };\n  },\n});\n</script>\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": [
+    "@floating-ui/dom@^1.7.0",
+    "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/knockout-wheel.json"
+  }
+}