@orvui/vue 0.0.0-stage → 0.1.0

package/dist/wallet-card-DOa9Q4pg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallet-card-DOa9Q4pg.js","names":["_hoisted_1","_openBlock","_createBlock","_unref","_createElementBlock","_createCommentVNode","_sfc_main","_hoisted_1","_openBlock","_createElementBlock","_withModifiers","_createVNode","_unref","ActionSwapIcon","_withCtx","_createBlock","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_unref","_createVNode","AccountAvatar","_Fragment","_renderList","_toDisplayString","_withCtx","_createBlock","_createTextVNode","_createCommentVNode","CopyButton","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_unref","_createCommentVNode","_createVNode","_withCtx","_createBlock","_createElementVNode","_withKeys","_normalizeClass","_Fragment","_renderList","_toDisplayString","_sfc_main","_openBlock","_createElementBlock","_createElementVNode","_createVNode","AccountSwitcher","_unref","SearchBar","Button","_withCtx","_createCommentVNode","_createBlock","_resolveDynamicComponent","ActionSwapText","_createTextVNode","_toDisplayString","_normalizeClass","_Fragment","_renderList","_sfc_main","useReducedMotion","SPRING_PRESS","cn","ActionSwapText_default","ActionSwapIcon_default","useBlockDismiss","useControllable","RenderNode","useWallet","accountId","props","change","account","computed","item","hidden","ref","delta","shownBalance","money","version","watch","amount","next","before","value","MORPH","LIST","ITEM","HEAD","diceBearGlassUrl","seed","truncateAddress","address","useWalletPanel","open","armed","root","reduce","layoutId","useId","name","timer","disposed","nextTick","focused","delay","onBeforeUnmount","_hoisted_1$4","AccountAvatar_default","defineComponent","__props","url","openBlock","createBlock","unref","createElementBlock","createCommentVNode","_hoisted_1$3","CopyButton_default","copied","reset","copy","withModifiers","createVNode","withCtx","Check","Copy","_hoisted_1$2","_hoisted_2$2","_hoisted_3$2","_hoisted_4$2","_hoisted_5$2","AccountSwitcher_default","__emit","emit","createElementVNode","normalizeClass","Fragment","renderList","toDisplayString","ChevronDown","AnimatePresence","motion","morph","_cache","createTextVNode","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","_hoisted_4$1","_hoisted_5$1","SearchBar_default","input","resolveElement","query","filtered","term","glide","update","submit","Search","EASE_OUT","$event","withKeys","History","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","WalletCard_default","id","actions","ArrowUp","ArrowDownToLine","Repeat","CreditCard","Button_default","Bell","resolveDynamicComponent","EyeOff","Eye","TrendingUp","TrendingDown"],"sources":["../src/blocks/wallet-card/src/use-wallet.ts","../src/blocks/wallet-card/src/constants.ts","../src/blocks/wallet-card/src/utils.ts","../src/blocks/wallet-card/src/use-wallet-panel.ts","../src/blocks/wallet-card/src/AccountAvatar.vue","../src/blocks/wallet-card/src/AccountAvatar.vue","../src/blocks/wallet-card/src/CopyButton.vue","../src/blocks/wallet-card/src/CopyButton.vue","../src/blocks/wallet-card/src/AccountSwitcher.vue","../src/blocks/wallet-card/src/AccountSwitcher.vue","../src/blocks/wallet-card/src/SearchBar.vue","../src/blocks/wallet-card/src/SearchBar.vue","../src/blocks/wallet-card/src/WalletCard.vue","../src/blocks/wallet-card/src/WalletCard.vue"],"sourcesContent":["import { computed, ref, watch } from \"vue\";\nimport { useControllable, type Content } from \"../../shared\";\nexport interface Account {\n  id: string;\n  name: string;\n  address: string;\n  avatar?: Content;\n}\nexport function useWallet(\n  props: {\n    accounts: Account[];\n    accountId?: string;\n    defaultAccountId?: string;\n    balance: number;\n    balancePrefix: string;\n    defaultBalanceHidden: boolean;\n    defaultChange?: number;\n  },\n  change: (id: string) => void,\n) {\n  const accountId = useControllable(\n    () => props.accountId,\n    props.defaultAccountId ?? props.accounts[0]?.id ?? \"\",\n    change,\n  );\n  const account = computed(\n    () =>\n      props.accounts.find((item) => item.id === accountId.value) ??\n      props.accounts[0],\n  );\n  const hidden = ref(props.defaultBalanceHidden),\n    delta = ref(\n      props.defaultChange ? { id: 0, amount: props.defaultChange } : null,\n    );\n  const shownBalance = computed(\n    () => props.balancePrefix + money(props.balance),\n  );\n  let version = 0;\n  watch(\n    () => props.balance,\n    (next, before) => {\n      const amount = next - before;\n      if (amount) delta.value = { id: ++version, amount };\n    },\n  );\n  return { accountId, account, hidden, delta, shownBalance };\n}\nexport function money(value: number) {\n  return value.toLocaleString(undefined, {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  });\n}\n","export const MORPH = { type: \"spring\", duration: 0.5, bounce: 0.22 } as const;\nexport const LIST = {\n  hidden: {},\n  show: { transition: { staggerChildren: 0.035, delayChildren: 0.12 } },\n};\nexport const ITEM = {\n  hidden: { opacity: 0, y: -6, filter: \"blur(3px)\" },\n  show: { opacity: 1, y: 0, filter: \"blur(0px)\" },\n};\nexport const HEAD = \"flex items-center gap-2 px-2 py-1.5 text-left\";\n","export function diceBearGlassUrl(seed: string) {\n  return (\n    \"https://api.dicebear.com/9.x/glass/svg?seed=\" + encodeURIComponent(seed)\n  );\n}\nexport function truncateAddress(address: string) {\n  if (address.length <= 12) return address;\n  return [address.substring(0, 6), address.substring(address.length - 4)].join(\n    \"…\",\n  );\n}\n","import {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  useId,\n  watch,\n  type Ref,\n} from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useBlockDismiss } from \"../../dismiss\";\nimport { MORPH } from \"./constants\";\nexport function useWalletPanel(\n  name: string,\n  delay: number,\n  focused?: () => void,\n) {\n  const open = ref(false),\n    armed = ref(false),\n    root = ref<HTMLElement>(),\n    reduce = useReducedMotion(),\n    layoutId = useId() + name;\n  let timer: ReturnType<typeof setTimeout> | undefined,\n    disposed = false;\n  useBlockDismiss(open, root, () => {\n    open.value = false;\n  });\n  watch([open, reduce], () => {\n    clearTimeout(timer);\n    armed.value = false;\n    if (!open.value) return;\n    void nextTick(() => {\n      if (!disposed && open.value) focused?.();\n    });\n    timer = setTimeout(\n      () => {\n        armed.value = true;\n      },\n      reduce.value ? 0 : delay,\n    );\n  });\n  onBeforeUnmount(() => {\n    disposed = true;\n    clearTimeout(timer);\n  });\n  return {\n    open,\n    armed,\n    root,\n    reduce,\n    layoutId,\n    morph: computed(() => (reduce.value ? { duration: 0 } : MORPH)),\n  };\n}\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { RenderNode } from \"../../shared\";\nimport { diceBearGlassUrl } from \"./utils\";\nimport type { WalletAccount } from \"./WalletCard.vue\";\nconst props = defineProps<{ account?: WalletAccount }>();\nconst url = computed(() =>\n  props.account\n    ? diceBearGlassUrl(props.account.id || props.account.address)\n    : \"\",\n);\n</script>\n<template>\n  <RenderNode v-if=\"account?.avatar\" :node=\"account.avatar\" /><img\n    v-else-if=\"account\"\n    :src=\"url\"\n    :alt=\"account.name\"\n    class=\"h-7 w-7 shrink-0 rounded-full bg-muted\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { RenderNode } from \"../../shared\";\nimport { diceBearGlassUrl } from \"./utils\";\nimport type { WalletAccount } from \"./WalletCard.vue\";\nconst props = defineProps<{ account?: WalletAccount }>();\nconst url = computed(() =>\n  props.account\n    ? diceBearGlassUrl(props.account.id || props.account.address)\n    : \"\",\n);\n</script>\n<template>\n  <RenderNode v-if=\"account?.avatar\" :node=\"account.avatar\" /><img\n    v-else-if=\"account\"\n    :src=\"url\"\n    :alt=\"account.name\"\n    class=\"h-7 w-7 shrink-0 rounded-full bg-muted\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { onBeforeUnmount, ref } from \"vue\";\nimport { Check, Copy } from \"lucide-vue-next\";\nimport { ActionSwapIcon } from \"../../../motion/action-swap\";\nconst props = defineProps<{ value: string }>(),\n  copied = ref(false);\nlet reset: ReturnType<typeof setTimeout> | undefined,\n  disposed = false;\nasync function copy() {\n  try {\n    await navigator.clipboard.writeText(props.value);\n  } catch {}\n  if (disposed) return;\n  copied.value = true;\n  clearTimeout(reset);\n  reset = setTimeout(() => {\n    copied.value = false;\n  }, 1400);\n}\nonBeforeUnmount(() => {\n  disposed = true;\n  clearTimeout(reset);\n});\n</script>\n<template>\n  <button\n    type=\"button\"\n    :aria-label=\"copied ? 'Copied' : 'Copy address'\"\n    class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-lg text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground\"\n    @click.stop=\"copy\"\n  >\n    <ActionSwapIcon\n      :value=\"copied ? 'check' : 'copy'\"\n      animation=\"cascade\"\n      class=\"h-3.5 w-3.5\"\n      ><Check v-if=\"copied\" class=\"h-3.5 w-3.5 text-emerald-500\" /><Copy\n        v-else\n        class=\"h-3.5 w-3.5\"\n    /></ActionSwapIcon>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { onBeforeUnmount, ref } from \"vue\";\nimport { Check, Copy } from \"lucide-vue-next\";\nimport { ActionSwapIcon } from \"../../../motion/action-swap\";\nconst props = defineProps<{ value: string }>(),\n  copied = ref(false);\nlet reset: ReturnType<typeof setTimeout> | undefined,\n  disposed = false;\nasync function copy() {\n  try {\n    await navigator.clipboard.writeText(props.value);\n  } catch {}\n  if (disposed) return;\n  copied.value = true;\n  clearTimeout(reset);\n  reset = setTimeout(() => {\n    copied.value = false;\n  }, 1400);\n}\nonBeforeUnmount(() => {\n  disposed = true;\n  clearTimeout(reset);\n});\n</script>\n<template>\n  <button\n    type=\"button\"\n    :aria-label=\"copied ? 'Copied' : 'Copy address'\"\n    class=\"inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-lg text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground\"\n    @click.stop=\"copy\"\n  >\n    <ActionSwapIcon\n      :value=\"copied ? 'check' : 'copy'\"\n      animation=\"cascade\"\n      class=\"h-3.5 w-3.5\"\n      ><Check v-if=\"copied\" class=\"h-3.5 w-3.5 text-emerald-500\" /><Copy\n        v-else\n        class=\"h-3.5 w-3.5\"\n    /></ActionSwapIcon>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Check, ChevronDown } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { HEAD, ITEM, LIST } from \"./constants\";\nimport { truncateAddress } from \"./utils\";\nimport { useWalletPanel } from \"./use-wallet-panel\";\nimport AccountAvatar from \"./AccountAvatar.vue\";\nimport CopyButton from \"./CopyButton.vue\";\nimport type { WalletAccount } from \"./WalletCard.vue\";\ndefineProps<{ accounts: WalletAccount[]; activeAccount?: WalletAccount }>();\nconst emit = defineEmits<{ select: [id: string] }>();\nconst { open, armed, root, reduce, layoutId, morph } = useWalletPanel(\n  \"-account\",\n  280,\n);\n</script>\n<template>\n  <div ref=\"root\" class=\"min-w-0\">\n    <div aria-hidden=\"true\" :class=\"cn('pointer-events-none opacity-0', HEAD)\">\n      <AccountAvatar :account=\"activeAccount ?? accounts[0]\" /><span\n        class=\"grid\"\n        ><span\n          v-for=\"account in accounts\"\n          :key=\"account.id\"\n          class=\"col-start-1 row-start-1 whitespace-nowrap text-sm font-medium\"\n          >{{ account.name }}</span\n        ></span\n      ><ChevronDown class=\"h-4 w-4\" />\n    </div>\n    <AnimatePresence :initial=\"false\" mode=\"popLayout\" as=\"div\" class=\"contents\"\n      ><motion.button\n        v-if=\"!open\"\n        key=\"trigger\"\n        :layout-id=\"layoutId\"\n        type=\"button\"\n        aria-haspopup=\"listbox\"\n        aria-expanded=\"false\"\n        :transition=\"morph\"\n        :style=\"{ borderRadius: '16px' }\"\n        :class=\"\n          cn(\n            'absolute -left-2 top-0 z-20 max-w-full outline-none transition-colors hover:bg-muted/60',\n            HEAD,\n          )\n        \"\n        @click=\"open = true\"\n        ><template v-if=\"activeAccount\"\n          ><AccountAvatar :account=\"activeAccount\" /><motion.span\n            layout=\"position\"\n            class=\"truncate text-sm font-medium text-foreground\"\n            >{{ activeAccount.name }}</motion.span\n          ><motion.span layout=\"position\" class=\"text-muted-foreground\"\n            ><ChevronDown\n              class=\"h-4 w-4\" /></motion.span></template></motion.button\n    ></AnimatePresence>\n    <AnimatePresence :initial=\"false\" mode=\"popLayout\" as=\"div\" class=\"contents\"\n      ><motion.div\n        v-if=\"open\"\n        key=\"panel\"\n        :layout-id=\"layoutId\"\n        role=\"listbox\"\n        :transition=\"morph\"\n        :style=\"{ borderRadius: '16px' }\"\n        class=\"absolute -left-2 -right-2 top-0 z-30 overflow-hidden border border-border/30 bg-background backdrop-blur-md\"\n        ><button\n          type=\"button\"\n          :class=\"cn('w-full outline-none', HEAD)\"\n          @click=\"open = false\"\n        >\n          <AccountAvatar :account=\"activeAccount\" /><motion.span\n            layout=\"position\"\n            class=\"min-w-0 flex-1 truncate text-sm font-medium text-foreground\"\n            >{{ activeAccount?.name ?? \"Select account\" }}</motion.span\n          ><motion.span\n            layout=\"position\"\n            :animate=\"{ rotate: 180 }\"\n            :transition=\"morph\"\n            class=\"text-muted-foreground\"\n            ><ChevronDown class=\"h-4 w-4\"\n          /></motion.span></button\n        ><motion.ul\n          initial=\"hidden\"\n          animate=\"show\"\n          :variants=\"reduce ? undefined : LIST\"\n          :class=\"\n            cn(\n              'max-h-64 overflow-y-auto p-1.5',\n              !armed && 'pointer-events-none',\n            )\n          \"\n          ><motion.li\n            v-for=\"account in accounts\"\n            :key=\"account.id\"\n            :variants=\"reduce ? undefined : ITEM\"\n            :class=\"\n              cn(\n                'flex items-center rounded-xl pr-1 text-sm transition-colors',\n                account.id === activeAccount?.id\n                  ? 'bg-muted text-foreground'\n                  : [\n                      'text-muted-foreground',\n                      armed && 'hover:bg-muted hover:text-foreground',\n                    ],\n              )\n            \"\n            ><button\n              type=\"button\"\n              role=\"option\"\n              :aria-selected=\"account.id === activeAccount?.id\"\n              class=\"flex min-w-0 flex-1 items-center gap-2.5 rounded-xl px-2 py-2 text-left outline-none\"\n              @click=\"\n                emit('select', account.id);\n                open = false;\n              \"\n            >\n              <AccountAvatar :account=\"account\" /><span\n                class=\"flex min-w-0 flex-1 flex-col\"\n                ><span class=\"truncate font-medium\">{{ account.name }}</span\n                ><span class=\"truncate text-xs text-muted-foreground\">{{\n                  truncateAddress(account.address)\n                }}</span></span\n              ><Check\n                v-if=\"account.id === activeAccount?.id\"\n                class=\"h-4 w-4 shrink-0 text-foreground\"\n              /></button\n            ><CopyButton\n              :value=\"account.address\" /></motion.li></motion.ul></motion.div\n    ></AnimatePresence>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Check, ChevronDown } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { HEAD, ITEM, LIST } from \"./constants\";\nimport { truncateAddress } from \"./utils\";\nimport { useWalletPanel } from \"./use-wallet-panel\";\nimport AccountAvatar from \"./AccountAvatar.vue\";\nimport CopyButton from \"./CopyButton.vue\";\nimport type { WalletAccount } from \"./WalletCard.vue\";\ndefineProps<{ accounts: WalletAccount[]; activeAccount?: WalletAccount }>();\nconst emit = defineEmits<{ select: [id: string] }>();\nconst { open, armed, root, reduce, layoutId, morph } = useWalletPanel(\n  \"-account\",\n  280,\n);\n</script>\n<template>\n  <div ref=\"root\" class=\"min-w-0\">\n    <div aria-hidden=\"true\" :class=\"cn('pointer-events-none opacity-0', HEAD)\">\n      <AccountAvatar :account=\"activeAccount ?? accounts[0]\" /><span\n        class=\"grid\"\n        ><span\n          v-for=\"account in accounts\"\n          :key=\"account.id\"\n          class=\"col-start-1 row-start-1 whitespace-nowrap text-sm font-medium\"\n          >{{ account.name }}</span\n        ></span\n      ><ChevronDown class=\"h-4 w-4\" />\n    </div>\n    <AnimatePresence :initial=\"false\" mode=\"popLayout\" as=\"div\" class=\"contents\"\n      ><motion.button\n        v-if=\"!open\"\n        key=\"trigger\"\n        :layout-id=\"layoutId\"\n        type=\"button\"\n        aria-haspopup=\"listbox\"\n        aria-expanded=\"false\"\n        :transition=\"morph\"\n        :style=\"{ borderRadius: '16px' }\"\n        :class=\"\n          cn(\n            'absolute -left-2 top-0 z-20 max-w-full outline-none transition-colors hover:bg-muted/60',\n            HEAD,\n          )\n        \"\n        @click=\"open = true\"\n        ><template v-if=\"activeAccount\"\n          ><AccountAvatar :account=\"activeAccount\" /><motion.span\n            layout=\"position\"\n            class=\"truncate text-sm font-medium text-foreground\"\n            >{{ activeAccount.name }}</motion.span\n          ><motion.span layout=\"position\" class=\"text-muted-foreground\"\n            ><ChevronDown\n              class=\"h-4 w-4\" /></motion.span></template></motion.button\n    ></AnimatePresence>\n    <AnimatePresence :initial=\"false\" mode=\"popLayout\" as=\"div\" class=\"contents\"\n      ><motion.div\n        v-if=\"open\"\n        key=\"panel\"\n        :layout-id=\"layoutId\"\n        role=\"listbox\"\n        :transition=\"morph\"\n        :style=\"{ borderRadius: '16px' }\"\n        class=\"absolute -left-2 -right-2 top-0 z-30 overflow-hidden border border-border/30 bg-background backdrop-blur-md\"\n        ><button\n          type=\"button\"\n          :class=\"cn('w-full outline-none', HEAD)\"\n          @click=\"open = false\"\n        >\n          <AccountAvatar :account=\"activeAccount\" /><motion.span\n            layout=\"position\"\n            class=\"min-w-0 flex-1 truncate text-sm font-medium text-foreground\"\n            >{{ activeAccount?.name ?? \"Select account\" }}</motion.span\n          ><motion.span\n            layout=\"position\"\n            :animate=\"{ rotate: 180 }\"\n            :transition=\"morph\"\n            class=\"text-muted-foreground\"\n            ><ChevronDown class=\"h-4 w-4\"\n          /></motion.span></button\n        ><motion.ul\n          initial=\"hidden\"\n          animate=\"show\"\n          :variants=\"reduce ? undefined : LIST\"\n          :class=\"\n            cn(\n              'max-h-64 overflow-y-auto p-1.5',\n              !armed && 'pointer-events-none',\n            )\n          \"\n          ><motion.li\n            v-for=\"account in accounts\"\n            :key=\"account.id\"\n            :variants=\"reduce ? undefined : ITEM\"\n            :class=\"\n              cn(\n                'flex items-center rounded-xl pr-1 text-sm transition-colors',\n                account.id === activeAccount?.id\n                  ? 'bg-muted text-foreground'\n                  : [\n                      'text-muted-foreground',\n                      armed && 'hover:bg-muted hover:text-foreground',\n                    ],\n              )\n            \"\n            ><button\n              type=\"button\"\n              role=\"option\"\n              :aria-selected=\"account.id === activeAccount?.id\"\n              class=\"flex min-w-0 flex-1 items-center gap-2.5 rounded-xl px-2 py-2 text-left outline-none\"\n              @click=\"\n                emit('select', account.id);\n                open = false;\n              \"\n            >\n              <AccountAvatar :account=\"account\" /><span\n                class=\"flex min-w-0 flex-1 flex-col\"\n                ><span class=\"truncate font-medium\">{{ account.name }}</span\n                ><span class=\"truncate text-xs text-muted-foreground\">{{\n                  truncateAddress(account.address)\n                }}</span></span\n              ><Check\n                v-if=\"account.id === activeAccount?.id\"\n                class=\"h-4 w-4 shrink-0 text-foreground\"\n              /></button\n            ><CopyButton\n              :value=\"account.address\" /></motion.li></motion.ul></motion.div\n    ></AnimatePresence>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { History, Search } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport { ITEM, LIST } from \"./constants\";\nimport { useWalletPanel } from \"./use-wallet-panel\";\nconst props = withDefaults(\n  defineProps<{ placeholder?: string; recent?: string[] }>(),\n  { placeholder: \"Search\", recent: () => [] },\n);\nconst emit = defineEmits<{\n  change: [query: string];\n  submit: [query: string];\n}>();\nconst input = ref<unknown>(),\n  value = ref(\"\");\nconst { open, armed, root, reduce, layoutId, morph } = useWalletPanel(\n  \"-search\",\n  260,\n  () => resolveElement<HTMLInputElement>(input.value)?.focus(),\n);\nconst query = computed(() => value.value.trim().toLowerCase()),\n  filtered = computed(() =>\n    props.recent.filter(\n      (term) => !query.value || term.toLowerCase().includes(query.value),\n    ),\n  );\nconst glide = computed(() =>\n  reduce.value\n    ? { duration: 0 }\n    : { type: \"spring\" as const, duration: 0.5, bounce: 0 },\n);\nfunction update(next: string) {\n  value.value = next;\n  emit(\"change\", next);\n}\nfunction submit(next: string) {\n  emit(\"submit\", next);\n  open.value = false;\n}\n</script>\n<template>\n  <div ref=\"root\" class=\"shrink-0\">\n    <div v-if=\"open\" aria-hidden=\"true\" class=\"h-8 w-8\" />\n    <AnimatePresence :initial=\"false\" mode=\"popLayout\" as=\"div\" class=\"contents\"\n      ><motion.button\n        v-if=\"!open\"\n        key=\"icon\"\n        :layout-id=\"layoutId\"\n        type=\"button\"\n        aria-label=\"Search\"\n        :transition=\"morph\"\n        :style=\"{ borderRadius: '12px' }\"\n        class=\"inline-flex h-8 w-8 items-center justify-center rounded-lg text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground\"\n        @click=\"open = true\"\n        ><Search class=\"h-4 w-4\" /></motion.button></AnimatePresence\n    ><AnimatePresence\n      :initial=\"false\"\n      mode=\"popLayout\"\n      as=\"div\"\n      class=\"contents\"\n      ><motion.div\n        v-if=\"open\"\n        key=\"panel\"\n        :layout-id=\"layoutId\"\n        :transition=\"morph\"\n        :style=\"{ borderRadius: '16px' }\"\n        class=\"absolute -left-2 -right-2 top-0 z-40 overflow-hidden border border-border/30 bg-background backdrop-blur-md\"\n        ><div class=\"flex h-9 items-center gap-2 px-3\">\n          <motion.span layout=\"position\" :transition=\"glide\" class=\"shrink-0\"\n            ><Search class=\"h-4 w-4 text-muted-foreground\" /></motion.span\n          ><motion.input\n            ref=\"input\"\n            layout=\"position\"\n            :initial=\"reduce ? false : { opacity: 0 }\"\n            :animate=\"{ opacity: 1 }\"\n            :transition=\"{\n              opacity: { duration: 0.15, delay: 0.12, ease: EASE_OUT },\n              layout: glide,\n            }\"\n            :value=\"value\"\n            :placeholder=\"placeholder\"\n            aria-label=\"Search wallet\"\n            class=\"min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground\"\n            @input=\"update(($event.target as HTMLInputElement).value)\"\n            @keydown.enter=\"value.trim() && submit(value.trim())\"\n            @keydown.esc=\"open = false\"\n          />\n        </div>\n        <div class=\"h-px bg-border/40\" />\n        <motion.ul\n          v-if=\"filtered.length\"\n          initial=\"hidden\"\n          animate=\"show\"\n          :variants=\"reduce ? undefined : LIST\"\n          :class=\"\n            cn(\n              'max-h-56 overflow-y-auto p-1.5',\n              !armed && 'pointer-events-none',\n            )\n          \"\n          ><motion.li\n            v-for=\"term in filtered\"\n            :key=\"term\"\n            layout=\"position\"\n            :variants=\"reduce ? undefined : ITEM\"\n            ><button\n              type=\"button\"\n              :class=\"\n                cn(\n                  'flex w-full items-center gap-2.5 rounded-xl px-2.5 py-2 text-left text-sm text-muted-foreground outline-none transition-colors',\n                  armed && 'hover:bg-muted hover:text-foreground',\n                )\n              \"\n              @click=\"\n                update(term);\n                submit(term);\n              \"\n            >\n              <History class=\"h-4 w-4 shrink-0\" /><span\n                class=\"min-w-0 flex-1 truncate\"\n                >{{ term }}</span\n              >\n            </button></motion.li\n          ></motion.ul\n        ><motion.div\n          v-else\n          layout=\"position\"\n          class=\"flex flex-col items-center gap-1 px-4 py-8 text-center\"\n          ><Search class=\"h-5 w-5 text-muted-foreground/60\" />\n          <p class=\"text-sm text-muted-foreground\">\n            {{ query ? \"No matches\" : \"No recent searches\" }}\n          </p></motion.div\n        ></motion.div\n      ></AnimatePresence\n    >\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { History, Search } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport { ITEM, LIST } from \"./constants\";\nimport { useWalletPanel } from \"./use-wallet-panel\";\nconst props = withDefaults(\n  defineProps<{ placeholder?: string; recent?: string[] }>(),\n  { placeholder: \"Search\", recent: () => [] },\n);\nconst emit = defineEmits<{\n  change: [query: string];\n  submit: [query: string];\n}>();\nconst input = ref<unknown>(),\n  value = ref(\"\");\nconst { open, armed, root, reduce, layoutId, morph } = useWalletPanel(\n  \"-search\",\n  260,\n  () => resolveElement<HTMLInputElement>(input.value)?.focus(),\n);\nconst query = computed(() => value.value.trim().toLowerCase()),\n  filtered = computed(() =>\n    props.recent.filter(\n      (term) => !query.value || term.toLowerCase().includes(query.value),\n    ),\n  );\nconst glide = computed(() =>\n  reduce.value\n    ? { duration: 0 }\n    : { type: \"spring\" as const, duration: 0.5, bounce: 0 },\n);\nfunction update(next: string) {\n  value.value = next;\n  emit(\"change\", next);\n}\nfunction submit(next: string) {\n  emit(\"submit\", next);\n  open.value = false;\n}\n</script>\n<template>\n  <div ref=\"root\" class=\"shrink-0\">\n    <div v-if=\"open\" aria-hidden=\"true\" class=\"h-8 w-8\" />\n    <AnimatePresence :initial=\"false\" mode=\"popLayout\" as=\"div\" class=\"contents\"\n      ><motion.button\n        v-if=\"!open\"\n        key=\"icon\"\n        :layout-id=\"layoutId\"\n        type=\"button\"\n        aria-label=\"Search\"\n        :transition=\"morph\"\n        :style=\"{ borderRadius: '12px' }\"\n        class=\"inline-flex h-8 w-8 items-center justify-center rounded-lg text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground\"\n        @click=\"open = true\"\n        ><Search class=\"h-4 w-4\" /></motion.button></AnimatePresence\n    ><AnimatePresence\n      :initial=\"false\"\n      mode=\"popLayout\"\n      as=\"div\"\n      class=\"contents\"\n      ><motion.div\n        v-if=\"open\"\n        key=\"panel\"\n        :layout-id=\"layoutId\"\n        :transition=\"morph\"\n        :style=\"{ borderRadius: '16px' }\"\n        class=\"absolute -left-2 -right-2 top-0 z-40 overflow-hidden border border-border/30 bg-background backdrop-blur-md\"\n        ><div class=\"flex h-9 items-center gap-2 px-3\">\n          <motion.span layout=\"position\" :transition=\"glide\" class=\"shrink-0\"\n            ><Search class=\"h-4 w-4 text-muted-foreground\" /></motion.span\n          ><motion.input\n            ref=\"input\"\n            layout=\"position\"\n            :initial=\"reduce ? false : { opacity: 0 }\"\n            :animate=\"{ opacity: 1 }\"\n            :transition=\"{\n              opacity: { duration: 0.15, delay: 0.12, ease: EASE_OUT },\n              layout: glide,\n            }\"\n            :value=\"value\"\n            :placeholder=\"placeholder\"\n            aria-label=\"Search wallet\"\n            class=\"min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground\"\n            @input=\"update(($event.target as HTMLInputElement).value)\"\n            @keydown.enter=\"value.trim() && submit(value.trim())\"\n            @keydown.esc=\"open = false\"\n          />\n        </div>\n        <div class=\"h-px bg-border/40\" />\n        <motion.ul\n          v-if=\"filtered.length\"\n          initial=\"hidden\"\n          animate=\"show\"\n          :variants=\"reduce ? undefined : LIST\"\n          :class=\"\n            cn(\n              'max-h-56 overflow-y-auto p-1.5',\n              !armed && 'pointer-events-none',\n            )\n          \"\n          ><motion.li\n            v-for=\"term in filtered\"\n            :key=\"term\"\n            layout=\"position\"\n            :variants=\"reduce ? undefined : ITEM\"\n            ><button\n              type=\"button\"\n              :class=\"\n                cn(\n                  'flex w-full items-center gap-2.5 rounded-xl px-2.5 py-2 text-left text-sm text-muted-foreground outline-none transition-colors',\n                  armed && 'hover:bg-muted hover:text-foreground',\n                )\n              \"\n              @click=\"\n                update(term);\n                submit(term);\n              \"\n            >\n              <History class=\"h-4 w-4 shrink-0\" /><span\n                class=\"min-w-0 flex-1 truncate\"\n                >{{ term }}</span\n              >\n            </button></motion.li\n          ></motion.ul\n        ><motion.div\n          v-else\n          layout=\"position\"\n          class=\"flex flex-col items-center gap-1 px-4 py-8 text-center\"\n          ><Search class=\"h-5 w-5 text-muted-foreground/60\" />\n          <p class=\"text-sm text-muted-foreground\">\n            {{ query ? \"No matches\" : \"No recent searches\" }}\n          </p></motion.div\n        ></motion.div\n      ></AnimatePresence\n    >\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { AnimatePresence, motion } from \"motion-v\";\nimport {\n  Bell,\n  Eye,\n  EyeOff,\n  TrendingDown,\n  TrendingUp,\n  ArrowUp,\n  ArrowDownToLine,\n  Repeat,\n  CreditCard,\n} from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { ActionSwapText } from \"../../../motion/action-swap\";\nimport { Button } from \"../../../motion/button\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { type Content } from \"../../shared\";\nimport { useWallet, money } from \"./use-wallet\";\nimport AccountSwitcher from \"./AccountSwitcher.vue\";\nimport SearchBar from \"./SearchBar.vue\";\nexport interface WalletAccount {\n  id: string;\n  name: string;\n  address: string;\n  avatar?: Content;\n}\nconst props = withDefaults(\n  defineProps<{\n    accounts: WalletAccount[];\n    accountId?: string;\n    defaultAccountId?: string;\n    balance: number;\n    balancePrefix?: string;\n    defaultChange?: number;\n    defaultBalanceHidden?: boolean;\n    searchPlaceholder?: string;\n    searchRecent?: string[];\n    hasNotifications?: boolean;\n  }>(),\n  {\n    balancePrefix: \"$\",\n    defaultBalanceHidden: false,\n    searchRecent: () => [],\n    hasNotifications: false,\n  },\n);\nconst emit = defineEmits<{\n  \"update:accountId\": [id: string];\n  accountChange: [id: string];\n  send: [];\n  deposit: [];\n  swap: [];\n  buy: [];\n  searchChange: [value: string];\n  searchSubmit: [value: string];\n  notifications: [];\n}>();\nconst reduce = useReducedMotion();\nconst { accountId, account, hidden, delta, shownBalance } = useWallet(\n  props,\n  (id) => {\n    emit(\"update:accountId\", id);\n    emit(\"accountChange\", id);\n  },\n);\nconst actions = [\n  { id: \"send\", label: \"Send\", icon: ArrowUp, run: () => emit(\"send\") },\n  {\n    id: \"deposit\",\n    label: \"Deposit\",\n    icon: ArrowDownToLine,\n    run: () => emit(\"deposit\"),\n  },\n  { id: \"swap\", label: \"Swap\", icon: Repeat, run: () => emit(\"swap\") },\n  { id: \"buy\", label: \"Buy\", icon: CreditCard, run: () => emit(\"buy\") },\n];\n</script>\n<template>\n  <div\n    class=\"relative w-full max-w-xs overflow-hidden rounded-4xl border border-border p-6\"\n  >\n    <div class=\"relative flex items-center justify-between gap-2\">\n      <AccountSwitcher\n        :accounts=\"accounts\"\n        :active-account=\"account\"\n        @select=\"accountId = $event\"\n      />\n      <div class=\"flex shrink-0 items-center gap-1\">\n        <SearchBar\n          :placeholder=\"searchPlaceholder\"\n          :recent=\"searchRecent\"\n          @change=\"emit('searchChange', $event)\"\n          @submit=\"emit('searchSubmit', $event)\"\n        /><Button\n          variant=\"ghost\"\n          size=\"icon\"\n          aria-label=\"Notifications\"\n          class=\"relative\"\n          @click=\"emit('notifications')\"\n          ><Bell class=\"h-4 w-4\" /><span\n            v-if=\"hasNotifications\"\n            class=\"absolute right-1.5 top-1.5 flex h-2 w-2\"\n            ><span\n              class=\"absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-60\" /><span\n              class=\"relative inline-flex h-2 w-2 rounded-full bg-primary\" /></span\n        ></Button>\n      </div>\n    </div>\n    <div class=\"mt-8 flex flex-col items-center text-center\">\n      <div class=\"flex items-center gap-1.5\">\n        <p class=\"text-xs text-muted-foreground\">Balance</p>\n        <button\n          type=\"button\"\n          :aria-label=\"hidden ? 'Show balance' : 'Hide balance'\"\n          :aria-pressed=\"hidden\"\n          class=\"text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n          @click=\"hidden = !hidden\"\n        >\n          <component :is=\"hidden ? EyeOff : Eye\" class=\"h-3.5 w-3.5\" />\n        </button>\n      </div>\n      <ActionSwapText\n        :value=\"hidden ? 'hidden' : shownBalance\"\n        animation=\"cascade\"\n        class=\"text-3xl font-semibold text-foreground\"\n        >{{ hidden ? \"*******\" : shownBalance }}</ActionSwapText\n      >\n      <div v-if=\"hidden\" class=\"mt-2 flex h-7 items-center justify-center\">\n        <span\n          class=\"translate-y-[3px] text-sm font-semibold leading-none tracking-[0.3em] text-muted-foreground\"\n          >*****</span\n        >\n      </div>\n      <div v-else class=\"mt-2 flex h-7 items-center justify-center\">\n        <AnimatePresence mode=\"wait\" as=\"span\" class=\"contents\"\n          ><motion.span\n            v-if=\"delta\"\n            :key=\"delta.id\"\n            :initial=\"{\n              opacity: 0,\n              y: reduce ? 0 : 6,\n              scale: reduce ? 1 : 0.9,\n            }\"\n            :animate=\"{ opacity: 1, y: 0, scale: 1 }\"\n            :exit=\"{ opacity: 0, y: reduce ? 0 : -6, scale: reduce ? 1 : 0.9 }\"\n            :transition=\"{ duration: 0.2, ease: EASE_OUT }\"\n            :class=\"\n              cn(\n                'inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-xs font-semibold tabular-nums',\n                delta.amount > 0\n                  ? 'bg-emerald-500/15 text-emerald-600 dark:text-emerald-400'\n                  : 'bg-red-500/15 text-red-600 dark:text-red-400',\n              )\n            \"\n            ><component\n              :is=\"delta.amount > 0 ? TrendingUp : TrendingDown\"\n              class=\"h-3.5 w-3.5\"\n            />{{ delta.amount > 0 ? \"+\" : \"-\" }}${{\n              money(Math.abs(delta.amount))\n            }}</motion.span\n          ></AnimatePresence\n        >\n      </div>\n    </div>\n    <div class=\"mt-8\">\n      <div class=\"flex items-start justify-between gap-2\">\n        <motion.button\n          v-for=\"item in actions\"\n          :key=\"item.id\"\n          type=\"button\"\n          :while-press=\"reduce ? undefined : { scale: 0.94 }\"\n          :transition=\"SPRING_PRESS\"\n          class=\"flex flex-1 flex-col items-center gap-2 outline-none\"\n          @click=\"item.run\"\n          ><span\n            class=\"flex h-12 w-12 items-center justify-center rounded-full bg-muted text-foreground\"\n            ><component :is=\"item.icon\" class=\"h-5 w-5\" /></span\n          ><span class=\"text-xs font-medium text-muted-foreground\">{{\n            item.label\n          }}</span></motion.button\n        >\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { AnimatePresence, motion } from \"motion-v\";\nimport {\n  Bell,\n  Eye,\n  EyeOff,\n  TrendingDown,\n  TrendingUp,\n  ArrowUp,\n  ArrowDownToLine,\n  Repeat,\n  CreditCard,\n} from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { ActionSwapText } from \"../../../motion/action-swap\";\nimport { Button } from \"../../../motion/button\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { type Content } from \"../../shared\";\nimport { useWallet, money } from \"./use-wallet\";\nimport AccountSwitcher from \"./AccountSwitcher.vue\";\nimport SearchBar from \"./SearchBar.vue\";\nexport interface WalletAccount {\n  id: string;\n  name: string;\n  address: string;\n  avatar?: Content;\n}\nconst props = withDefaults(\n  defineProps<{\n    accounts: WalletAccount[];\n    accountId?: string;\n    defaultAccountId?: string;\n    balance: number;\n    balancePrefix?: string;\n    defaultChange?: number;\n    defaultBalanceHidden?: boolean;\n    searchPlaceholder?: string;\n    searchRecent?: string[];\n    hasNotifications?: boolean;\n  }>(),\n  {\n    balancePrefix: \"$\",\n    defaultBalanceHidden: false,\n    searchRecent: () => [],\n    hasNotifications: false,\n  },\n);\nconst emit = defineEmits<{\n  \"update:accountId\": [id: string];\n  accountChange: [id: string];\n  send: [];\n  deposit: [];\n  swap: [];\n  buy: [];\n  searchChange: [value: string];\n  searchSubmit: [value: string];\n  notifications: [];\n}>();\nconst reduce = useReducedMotion();\nconst { accountId, account, hidden, delta, shownBalance } = useWallet(\n  props,\n  (id) => {\n    emit(\"update:accountId\", id);\n    emit(\"accountChange\", id);\n  },\n);\nconst actions = [\n  { id: \"send\", label: \"Send\", icon: ArrowUp, run: () => emit(\"send\") },\n  {\n    id: \"deposit\",\n    label: \"Deposit\",\n    icon: ArrowDownToLine,\n    run: () => emit(\"deposit\"),\n  },\n  { id: \"swap\", label: \"Swap\", icon: Repeat, run: () => emit(\"swap\") },\n  { id: \"buy\", label: \"Buy\", icon: CreditCard, run: () => emit(\"buy\") },\n];\n</script>\n<template>\n  <div\n    class=\"relative w-full max-w-xs overflow-hidden rounded-4xl border border-border p-6\"\n  >\n    <div class=\"relative flex items-center justify-between gap-2\">\n      <AccountSwitcher\n        :accounts=\"accounts\"\n        :active-account=\"account\"\n        @select=\"accountId = $event\"\n      />\n      <div class=\"flex shrink-0 items-center gap-1\">\n        <SearchBar\n          :placeholder=\"searchPlaceholder\"\n          :recent=\"searchRecent\"\n          @change=\"emit('searchChange', $event)\"\n          @submit=\"emit('searchSubmit', $event)\"\n        /><Button\n          variant=\"ghost\"\n          size=\"icon\"\n          aria-label=\"Notifications\"\n          class=\"relative\"\n          @click=\"emit('notifications')\"\n          ><Bell class=\"h-4 w-4\" /><span\n            v-if=\"hasNotifications\"\n            class=\"absolute right-1.5 top-1.5 flex h-2 w-2\"\n            ><span\n              class=\"absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-60\" /><span\n              class=\"relative inline-flex h-2 w-2 rounded-full bg-primary\" /></span\n        ></Button>\n      </div>\n    </div>\n    <div class=\"mt-8 flex flex-col items-center text-center\">\n      <div class=\"flex items-center gap-1.5\">\n        <p class=\"text-xs text-muted-foreground\">Balance</p>\n        <button\n          type=\"button\"\n          :aria-label=\"hidden ? 'Show balance' : 'Hide balance'\"\n          :aria-pressed=\"hidden\"\n          class=\"text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n          @click=\"hidden = !hidden\"\n        >\n          <component :is=\"hidden ? EyeOff : Eye\" class=\"h-3.5 w-3.5\" />\n        </button>\n      </div>\n      <ActionSwapText\n        :value=\"hidden ? 'hidden' : shownBalance\"\n        animation=\"cascade\"\n        class=\"text-3xl font-semibold text-foreground\"\n        >{{ hidden ? \"*******\" : shownBalance }}</ActionSwapText\n      >\n      <div v-if=\"hidden\" class=\"mt-2 flex h-7 items-center justify-center\">\n        <span\n          class=\"translate-y-[3px] text-sm font-semibold leading-none tracking-[0.3em] text-muted-foreground\"\n          >*****</span\n        >\n      </div>\n      <div v-else class=\"mt-2 flex h-7 items-center justify-center\">\n        <AnimatePresence mode=\"wait\" as=\"span\" class=\"contents\"\n          ><motion.span\n            v-if=\"delta\"\n            :key=\"delta.id\"\n            :initial=\"{\n              opacity: 0,\n              y: reduce ? 0 : 6,\n              scale: reduce ? 1 : 0.9,\n            }\"\n            :animate=\"{ opacity: 1, y: 0, scale: 1 }\"\n            :exit=\"{ opacity: 0, y: reduce ? 0 : -6, scale: reduce ? 1 : 0.9 }\"\n            :transition=\"{ duration: 0.2, ease: EASE_OUT }\"\n            :class=\"\n              cn(\n                'inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-xs font-semibold tabular-nums',\n                delta.amount > 0\n                  ? 'bg-emerald-500/15 text-emerald-600 dark:text-emerald-400'\n                  : 'bg-red-500/15 text-red-600 dark:text-red-400',\n              )\n            \"\n            ><component\n              :is=\"delta.amount > 0 ? TrendingUp : TrendingDown\"\n              class=\"h-3.5 w-3.5\"\n            />{{ delta.amount > 0 ? \"+\" : \"-\" }}${{\n              money(Math.abs(delta.amount))\n            }}</motion.span\n          ></AnimatePresence\n        >\n      </div>\n    </div>\n    <div class=\"mt-8\">\n      <div class=\"flex items-start justify-between gap-2\">\n        <motion.button\n          v-for=\"item in actions\"\n          :key=\"item.id\"\n          type=\"button\"\n          :while-press=\"reduce ? undefined : { scale: 0.94 }\"\n          :transition=\"SPRING_PRESS\"\n          class=\"flex flex-1 flex-col items-center gap-2 outline-none\"\n          @click=\"item.run\"\n          ><span\n            class=\"flex h-12 w-12 items-center justify-center rounded-full bg-muted text-foreground\"\n            ><component :is=\"item.icon\" class=\"h-5 w-5\" /></span\n          ><span class=\"text-xs font-medium text-muted-foreground\">{{\n            item.label\n          }}</span></motion.button\n        >\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/wheel-picker-GAAJPpFm.js

@@ -0,0 +1,372 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { n as t } from "./state-DWNDjqAL.js";
+import { t as n } from "./utils-DIrLOK2M.js";
+import { Fragment as r, computed as i, createElementBlock as a, createElementVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v } from "vue";
+// src/motion/wheel-picker/src/tick-sound.ts
+var y = .016, b = [
+	[
+		980,
+		.0038,
+		.5,
+		0
+	],
+	[
+		1820,
+		.0024,
+		.3,
+		.65
+	],
+	[
+		3160,
+		.00115,
+		.12,
+		1.3
+	]
+], x, S = 0;
+function C(e) {
+	let t = Math.ceil(e.sampleRate * y), n = e.createBuffer(1, t, e.sampleRate), r = n.getChannelData(0), i = 0, a = 0;
+	for (let n = 0; n < t; n++) {
+		let t = n / e.sampleRate, o = Math.min(1, t / 12e-5) * Math.min(1, (y - t) / .001), s = Math.random() * 2 - 1, c = (s - a) * Math.exp(-t / 38e-5) * .035;
+		a = s;
+		for (let [e, n, r, i] of b) c += Math.sin(Math.PI * 2 * e * t + i) * Math.exp(-t / n) * r;
+		r[n] = c * o, i = Math.max(i, Math.abs(r[n]));
+	}
+	if (i) for (let e = 0; e < t; e++) r[e] *= .9 / i;
+	return n;
+}
+function w() {
+	if (x) return x;
+	if (typeof window > "u") return;
+	let e = window.AudioContext ?? window.webkitAudioContext;
+	if (!e) return;
+	let t = new e(), n = t.createGain();
+	return n.gain.value = .055, n.connect(t.destination), x = {
+		context: t,
+		gain: n,
+		buffer: C(t)
+	};
+}
+function T() {
+	S++;
+	let e = !1, t;
+	function n() {
+		if (e) return;
+		let t = w();
+		return t?.context.state === "suspended" && t.context.resume().catch(() => void 0), t;
+	}
+	function r() {
+		t?.stop(), t = void 0;
+	}
+	return {
+		prepare() {
+			n();
+		},
+		play() {
+			let e = n();
+			if (!e) return;
+			r();
+			let i = e.context.createBufferSource();
+			i.buffer = e.buffer, i.connect(e.gain), i.onended = () => {
+				i.disconnect(), t === i && (t = void 0);
+			}, t = i, i.start();
+		},
+		dispose() {
+			if (!e && (e = !0, r(), S = Math.max(0, S - 1), S === 0 && x)) {
+				let e = x;
+				x = void 0, e.context.close();
+			}
+		}
+	};
+}
+// src/motion/wheel-picker/src/drum-state.ts
+var E = (e, t, n) => Math.max(t, Math.min(n, e)), D = (e) => 1 - (1 - e) ** 3, O = (e) => {
+	let t = e - 1;
+	return 1 + 2.35 * t * t * t + 1.35 * t * t;
+};
+function k(e, t, n, r, a, o) {
+	let s = i(() => e.options.map((e) => typeof e == "string" ? {
+		label: e,
+		value: e
+	} : e)), l = i(() => Math.max(0, s.value.length - 1)), u = i(() => {
+		let t = Math.max(1, Math.floor(e.visibleCount / 2)), n = t + 1, r = 90 / n, i = e.itemHeight / Math.tan(r * Math.PI / 180);
+		return {
+			angle: r,
+			radius: i,
+			hideBeyond: n,
+			height: Math.round(2 * i * Math.sin(t * r * Math.PI / 180) + e.itemHeight)
+		};
+	}), p = m(!1), h = (e) => Math.max(0, s.value.findIndex((t) => t.value === e)), g = h(t.value), _ = t.value, y = g, b = 0, x = 0, S, C, w = 0, k, A = null, j = !1;
+	function M() {
+		return C ??= T();
+	}
+	function N(e) {
+		let t = `translateZ(${-u.value.radius}px) rotateX(${u.value.angle * e}deg)`;
+		for (let n of [a.value, o.value]) if (n) {
+			n.style.transform = t;
+			for (let t of n.children) {
+				let n = t, r = Math.abs(Number(n.dataset.index) - e) > u.value.hideBeyond ? "hidden" : "visible";
+				n.style.visibility !== r && (n.style.visibility = r);
+			}
+		}
+	}
+	function P(r) {
+		let i = s.value[E(r, 0, l.value)]?.value;
+		i !== void 0 && i !== _ && (_ = i, e.sound && n.value && M().play(), t.value = i);
+	}
+	function F(t) {
+		let r = E(Math.round(t), 0, l.value);
+		e.sound && !n.value && r !== y && M().play(), y = r;
+	}
+	function I() {
+		cancelAnimationFrame(b), b = 0;
+	}
+	function L(e) {
+		g = e, N(e), F(e);
+	}
+	function R(e, t, n = D) {
+		I();
+		let r = g, i = e - r;
+		if (!i || t <= 0) {
+			L(e), P(e);
+			return;
+		}
+		let a = performance.now();
+		function o(s) {
+			if (j) return;
+			let c = (s - a) / t;
+			c >= 1 ? (L(e), P(e), b = 0) : (L(r + i * n(c)), b = requestAnimationFrame(o));
+		}
+		b = requestAnimationFrame(o);
+	}
+	function z(e) {
+		if (g < 0 || g > l.value) {
+			R(E(Math.round(g), 0, l.value), 260);
+			return;
+		}
+		let t = Math.sign(e) * e ** 2 / 84e-5, n = E(Math.round(g + t), 0, l.value);
+		R(n, E(Math.sqrt(Math.abs(n - g)) * 300 + 240, 280, 1700), O);
+	}
+	function B(t) {
+		I(), e.sound && M().prepare(), p.value = !0, k = {
+			y: t,
+			position: g,
+			samples: [[t, performance.now()]]
+		};
+	}
+	function V(t) {
+		k && (w = t, k.samples.push([t, performance.now()]), k.samples.length > 8 && k.samples.shift(), !x && (x = requestAnimationFrame(() => {
+			if (x = 0, !k) return;
+			let t = k.position + (k.y - w) / e.itemHeight, n = t < 0 ? t * .3 : t > l.value ? l.value + (t - l.value) * .3 : t;
+			L(n), P(Math.round(E(n, 0, l.value)));
+		})));
+	}
+	function H() {
+		if (!k) return;
+		let t = k.samples;
+		k = void 0, p.value = !1, cancelAnimationFrame(x), x = 0;
+		let n = 0;
+		if (t.length > 1) {
+			let r = t.at(-1), i = t.find((e) => r[1] - e[1] <= 90) ?? t[0], a = r[1] - i[1];
+			a > 0 && (n = E((i[0] - r[0]) / e.itemHeight / a, -.18, .18));
+		}
+		z(n);
+	}
+	function U(t) {
+		if (!(e.disabled || n.value || t.pointerType === "touch")) {
+			B(t.clientY);
+			try {
+				r.value?.setPointerCapture(t.pointerId);
+			} catch {}
+		}
+	}
+	function W(e) {
+		e.pointerType !== "touch" && V(e.clientY);
+	}
+	function G(e) {
+		if (e.pointerType !== "touch") {
+			try {
+				r.value?.releasePointerCapture(e.pointerId);
+			} catch {}
+			H();
+		}
+	}
+	function K(t) {
+		if (e.disabled || n.value) return;
+		t.preventDefault(), e.sound && M().prepare(), I();
+		let r = t.deltaY * (t.deltaMode === 1 ? 16 : 1);
+		L(E(g + r * .012, 0, l.value)), P(Math.round(g)), clearTimeout(S), S = setTimeout(() => R(E(Math.round(g), 0, l.value), 240, O), 110);
+	}
+	function q(t) {
+		if (e.disabled) return;
+		let n = Math.round(g), r = {
+			ArrowUp: -1,
+			ArrowDown: 1,
+			Home: -n,
+			End: l.value - n
+		};
+		t.key in r && (t.preventDefault(), e.sound && M().prepare(), R(E(Math.round(g) + r[t.key], 0, l.value), 300, O));
+	}
+	function J(t) {
+		!e.disabled && !n.value && t.touches[0] && B(t.touches[0].clientY);
+	}
+	function Y(e) {
+		k && e.touches[0] && (e.preventDefault(), V(e.touches[0].clientY));
+	}
+	function X() {
+		A &&= (A.removeEventListener("touchstart", J), A.removeEventListener("touchmove", Y), A.removeEventListener("touchend", H), A.removeEventListener("touchcancel", H), A.removeEventListener("wheel", K), null);
+	}
+	function Z() {
+		X(), A = r.value, !(!A || n.value || e.disabled) && (A.addEventListener("touchstart", J, { passive: !0 }), A.addEventListener("touchmove", Y, { passive: !1 }), A.addEventListener("touchend", H), A.addEventListener("touchcancel", H), A.addEventListener("wheel", K, { passive: !1 }));
+	}
+	function Q() {
+		if (k) return;
+		let e = h(t.value);
+		_ = t.value, Math.abs(Math.round(g) - e) < .001 ? N(g) : R(e, 260);
+	}
+	v([
+		t,
+		s,
+		u,
+		n,
+		() => e.sound
+	], Q, { flush: "post" }), v([n, () => e.disabled], () => {
+		c(() => {
+			j || Z();
+		});
+	}), f(() => {
+		Z(), N(g);
+	}), d(() => {
+		j = !0, I(), cancelAnimationFrame(x), clearTimeout(S), C?.dispose(), k = void 0, X();
+	});
+	function $(t) {
+		return {
+			top: `${-e.itemHeight / 2}px`,
+			height: `${e.itemHeight}px`,
+			transform: `rotateX(${-u.value.angle * t}deg) translateZ(${u.value.radius}px)`
+		};
+	}
+	return {
+		options: s,
+		geometry: u,
+		grabbing: p,
+		publish: P,
+		pointerDown: U,
+		pointerMove: W,
+		pointerEnd: G,
+		keyboard: q,
+		rowStyle: $
+	};
+}
+// src/motion/wheel-picker/src/WheelPicker.vue?vue&type=script&setup=true&lang.ts
+var A = ["aria-label"], j = ["disabled", "onClick"], M = [
+	"aria-label",
+	"aria-disabled",
+	"tabindex"
+], N = ["data-index"], P = ["data-index"], F = { class: "sr-only" }, I = ["aria-selected"], L = /* @__PURE__ */ s({
+	__name: "WheelPicker",
+	props: {
+		options: {},
+		modelValue: {},
+		defaultValue: {},
+		visibleCount: { default: 5 },
+		itemHeight: { default: 36 },
+		disabled: { type: Boolean },
+		sound: { type: Boolean },
+		ariaLabel: {}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(i, { emit: s }) {
+		let c = i, d = s, f = e(), y = m(null), b = m(null), x = m(null), S = t(c, d, "modelValue", c.defaultValue), { options: C, geometry: w, grabbing: T, publish: E, pointerDown: D, pointerMove: O, pointerEnd: L, keyboard: R, rowStyle: z } = k(c, S, f, y, b, x), B = m(null);
+		return v([
+			S,
+			C,
+			() => c.itemHeight,
+			f,
+			B
+		], () => {
+			if (!f.value || !B.value) return;
+			let e = Math.max(0, C.value.findIndex((e) => e.value === S.value));
+			B.value.scrollTop = e * c.itemHeight;
+		}, { flush: "post" }), (e, t) => _(f) ? (p(), a("div", {
+			key: 0,
+			"aria-label": i.ariaLabel,
+			class: l(_(n)("relative overflow-hidden rounded-2xl border border-border bg-card", i.disabled && "pointer-events-none opacity-50")),
+			style: u({ height: `${_(w).height}px` })
+		}, [o("div", {
+			class: "pointer-events-none absolute inset-x-0 top-1/2 z-10 -translate-y-1/2 border-border border-y bg-foreground/[0.04]",
+			style: u({ height: `${i.itemHeight}px` })
+		}, null, 4), o("ul", {
+			ref_key: "fallback",
+			ref: B,
+			class: "h-full snap-y snap-mandatory overflow-y-auto [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_bottom,transparent,#000_22%,#000_78%,transparent)]",
+			style: u({
+				paddingTop: `${(_(w).height - i.itemHeight) / 2}px`,
+				paddingBottom: `${(_(w).height - i.itemHeight) / 2}px`
+			})
+		}, [(p(!0), a(r, null, h(_(C), (e, t) => (p(), a("li", {
+			key: e.value,
+			class: "snap-center"
+		}, [o("button", {
+			type: "button",
+			disabled: i.disabled,
+			onClick: (e) => _(E)(t),
+			class: l(_(n)("flex w-full items-center justify-center font-medium", e.value === _(S) ? "text-foreground" : "text-muted-foreground")),
+			style: u({ height: `${i.itemHeight}px` })
+		}, g(e.label), 15, j)]))), 128))], 4)], 14, A)) : (p(), a("div", {
+			key: 1,
+			ref_key: "container",
+			ref: y,
+			role: "listbox",
+			"aria-label": i.ariaLabel,
+			"aria-disabled": i.disabled || void 0,
+			tabindex: i.disabled ? -1 : 0,
+			onKeydown: t[0] ||= (...e) => _(R) && _(R)(...e),
+			onPointerdown: t[1] ||= (...e) => _(D) && _(D)(...e),
+			onPointermove: t[2] ||= (...e) => _(O) && _(O)(...e),
+			onPointerup: t[3] ||= (...e) => _(L) && _(L)(...e),
+			onPointercancel: t[4] ||= (...e) => _(L) && _(L)(...e),
+			class: l(_(n)("relative touch-none overflow-hidden rounded-2xl border border-border bg-card outline-none focus-visible:ring-2 focus-visible:ring-foreground/20 select-none [-webkit-touch-callout:none] [mask-image:linear-gradient(to_bottom,transparent,#000_22%,#000_78%,transparent)]", _(T) ? "cursor-grabbing" : "cursor-grab", i.disabled && "pointer-events-none opacity-50")),
+			style: u({
+				height: `${_(w).height}px`,
+				perspective: "1000px"
+			})
+		}, [
+			o("ul", {
+				ref_key: "drum",
+				ref: b,
+				"aria-hidden": "true",
+				class: "absolute inset-x-0 top-1/2 m-0 h-0 list-none p-0 [backface-visibility:hidden] [transform-style:preserve-3d] [will-change:transform]"
+			}, [(p(!0), a(r, null, h(_(C), (e, t) => (p(), a("li", {
+				key: e.value,
+				"data-index": t,
+				class: "absolute inset-x-0 flex items-center justify-center font-medium text-muted-foreground",
+				style: u(_(z)(t))
+			}, g(e.label), 13, N))), 128))], 512),
+			o("div", {
+				class: "pointer-events-none absolute inset-x-0 top-1/2 z-10 -translate-y-1/2 overflow-hidden rounded-md bg-foreground/[0.04]",
+				style: u({
+					height: `${i.itemHeight}px`,
+					perspective: "1000px"
+				})
+			}, [o("ul", {
+				ref_key: "band",
+				ref: x,
+				"aria-hidden": "true",
+				class: "absolute inset-x-0 top-1/2 m-0 h-0 list-none p-0 [backface-visibility:hidden] [transform-style:preserve-3d] [will-change:transform]"
+			}, [(p(!0), a(r, null, h(_(C), (e, t) => (p(), a("li", {
+				key: e.value,
+				"data-index": t,
+				class: "absolute inset-x-0 flex items-center justify-center font-medium text-foreground",
+				style: u(_(z)(t))
+			}, g(e.label), 13, P))), 128))], 512)], 4),
+			o("div", F, [(p(!0), a(r, null, h(_(C), (e) => (p(), a("div", {
+				key: e.value,
+				role: "option",
+				"aria-selected": _(S) === e.value
+			}, g(e.label), 9, I))), 128))])
+		], 46, M));
+	}
+});
+export { L as t };
+
+//# sourceMappingURL=wheel-picker-GAAJPpFm.js.map

package/dist/wheel-picker-GAAJPpFm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wheel-picker-GAAJPpFm.js","names":["_unref","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_Fragment","_renderList","_toDisplayString","_sfc_main","useReducedMotion","useMotionState","cn","DETENT_SECONDS","PARTIALS","shared","leases","synthesize","length","context","buffer","samples","maximum","prior","index","seconds","envelope","noise","amplitude","frequency","decay","gain","phase","resource","Constructor","createTickPlayer","disposed","active","prepare","sound","stop","source","clamp","minimum","value","easeOut","progress","easeBack","useDrumState","options","computed","props","option","last","geometry","half","cutoff","angle","radius","grabbing","ref","indexOf","position","accepted","published","soundedRow","glideFrame","dragFrame","wheelTimer","audio","latestY","gesture","bound","paint","transform","list","drum","band","child","element","visibility","publish","reduced","tick","row","update","glide","from","delta","target","duration","started","frame","time","easing","fling","projection","velocity","begin","y","move","raw","end","latest","reference","point","elapsed","pointerDown","event","pointerMove","pointerEnd","wheel","pixels","keyboard","direction","touchStart","touchMove","unbind","bind","container","follow","watch","onMounted","onBeforeUnmount","rowStyle","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","WheelPicker_default","defineComponent","__emit","__props","emit","reduce","candidate","fallback","unref","openBlock","createElementBlock","normalizeClass","normalizeStyle","createElementVNode","Fragment","renderList","toDisplayString","_cache","args"],"sources":["../src/motion/wheel-picker/src/tick-sound.ts","../src/motion/wheel-picker/src/drum-state.ts","../src/motion/wheel-picker/src/WheelPicker.vue","../src/motion/wheel-picker/src/WheelPicker.vue"],"sourcesContent":["const DETENT_SECONDS = .016;\nconst PARTIALS = [[980, .0038, .5, 0], [1820, .0024, .3, .65], [3160, .00115, .12, 1.3]] as const;\ntype AudioConstructor = typeof AudioContext;\ninterface SoundResource { context: AudioContext; gain: GainNode; buffer: AudioBuffer }\nlet shared: SoundResource | undefined;\nlet leases = 0;\nfunction synthesize(context: AudioContext) {\n  const length = Math.ceil(context.sampleRate * DETENT_SECONDS);\n  const buffer = context.createBuffer(1, length, context.sampleRate);\n  const samples = buffer.getChannelData(0);\n  let maximum = 0;\n  let prior = 0;\n  for (let index = 0; index < length; index++) {\n    const seconds = index / context.sampleRate;\n    const envelope = Math.min(1, seconds / .00012) * Math.min(1, (DETENT_SECONDS - seconds) / .001);\n    const noise = Math.random() * 2 - 1;\n    let amplitude = (noise - prior) * Math.exp(-seconds / .00038) * .035;\n    prior = noise;\n    for (const [frequency, decay, gain, phase] of PARTIALS) amplitude += Math.sin(Math.PI * 2 * frequency * seconds + phase) * Math.exp(-seconds / decay) * gain;\n    samples[index] = amplitude * envelope;\n    maximum = Math.max(maximum, Math.abs(samples[index]));\n  }\n  if (maximum) for (let index = 0; index < length; index++) samples[index] *= .9 / maximum;\n  return buffer;\n}\nfunction resource() {\n  if (shared) return shared;\n  if (typeof window === \"undefined\") return;\n  const Constructor = window.AudioContext ?? (window as unknown as { webkitAudioContext?: AudioConstructor }).webkitAudioContext;\n  if (!Constructor) return;\n  const context = new Constructor();\n  const gain = context.createGain();\n  gain.gain.value = .055;\n  gain.connect(context.destination);\n  return shared = { context, gain, buffer: synthesize(context) };\n}\ninterface TickPlayer { prepare: () => void; play: () => void; dispose: () => void }\nexport function createTickPlayer(): TickPlayer {\n  leases++;\n  let disposed = false;\n  let active: AudioBufferSourceNode | undefined;\n  function prepare() { if (disposed) return; const sound = resource(); if (sound?.context.state === \"suspended\") void sound.context.resume().catch(() => undefined); return sound; }\n  function stop() { active?.stop(); active = undefined; }\n  return {\n    prepare() { prepare(); },\n    play() { const sound = prepare(); if (!sound) return; stop(); const source = sound.context.createBufferSource(); source.buffer = sound.buffer; source.connect(sound.gain); source.onended = () => { source.disconnect(); if (active === source) active = undefined; }; active = source; source.start(); },\n    dispose() { if (disposed) return; disposed = true; stop(); leases = Math.max(0, leases - 1); if (leases === 0 && shared) { const sound = shared; shared = undefined; void sound.context.close(); } },\n  };\n}\n","import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nimport { createTickPlayer } from \"./tick-sound\";\nexport type DrumOption = string | { label: string; value: string };\nconst clamp = (value: number, minimum: number, maximum: number) => Math.max(minimum, Math.min(maximum, value));\nconst easeOut = (progress: number) => 1 - (1 - progress) ** 3;\nconst easeBack = (progress: number) => { const t = progress - 1; return 1 + 2.35 * t * t * t + 1.35 * t * t; };\nexport function useDrumState(props: { options: DrumOption[]; visibleCount: number; itemHeight: number; disabled?: boolean; sound?: boolean }, accepted: Ref<string | undefined>, reduced: Ref<boolean>, container: Ref<HTMLElement | null>, drum: Ref<HTMLElement | null>, band: Ref<HTMLElement | null>) {\n  const options = computed(() => props.options.map(option => typeof option === \"string\" ? { label: option, value: option } : option));\n  const last = computed(() => Math.max(0, options.value.length - 1));\n  const geometry = computed(() => { const half = Math.max(1, Math.floor(props.visibleCount / 2)); const cutoff = half + 1; const angle = 90 / cutoff; const radius = props.itemHeight / Math.tan(angle * Math.PI / 180); return { angle, radius, hideBeyond: cutoff, height: Math.round(2 * radius * Math.sin(half * angle * Math.PI / 180) + props.itemHeight) }; });\n  const grabbing = ref(false);\n  const indexOf = (value: string | undefined) => Math.max(0, options.value.findIndex(option => option.value === value));\n  let position = indexOf(accepted.value);\n  let published = accepted.value;\n  let soundedRow = position;\n  let glideFrame = 0;\n  let dragFrame = 0;\n  let wheelTimer: ReturnType<typeof setTimeout> | undefined;\n  let audio: ReturnType<typeof createTickPlayer> | undefined;\n  let latestY = 0;\n  let gesture: { y: number; position: number; samples: [number, number][] } | undefined;\n  let bound: HTMLElement | null = null;\n  let disposed = false;\n  function sound() { return audio ??= createTickPlayer(); }\n  function paint(value: number) { const transform = `translateZ(${-geometry.value.radius}px) rotateX(${geometry.value.angle * value}deg)`; for (const list of [drum.value, band.value]) { if (!list) continue; list.style.transform = transform; for (const child of list.children) { const element = child as HTMLElement; const visibility = Math.abs(Number(element.dataset.index) - value) > geometry.value.hideBeyond ? \"hidden\" : \"visible\"; if (element.style.visibility !== visibility) element.style.visibility = visibility; } } }\n  function publish(index: number) { const value = options.value[clamp(index, 0, last.value)]?.value; if (value === undefined || value === published) return; published = value; if (props.sound && reduced.value) sound().play(); accepted.value = value; }\n  function tick(value: number) { const row = clamp(Math.round(value), 0, last.value); if (props.sound && !reduced.value && row !== soundedRow) sound().play(); soundedRow = row; }\n  function stop() { cancelAnimationFrame(glideFrame); glideFrame = 0; }\n  function update(value: number) { position = value; paint(value); tick(value); }\n  function glide(target: number, duration: number, easing = easeOut) {\n    stop(); const from = position; const delta = target - from;\n    if (!delta || duration <= 0) { update(target); publish(target); return; }\n    const started = performance.now();\n    function frame(time: number) { if (disposed) return; const progress = (time - started) / duration; if (progress >= 1) { update(target); publish(target); glideFrame = 0; return; } update(from + delta * easing(progress)); glideFrame = requestAnimationFrame(frame); }\n    glideFrame = requestAnimationFrame(frame);\n  }\n  function fling(velocity: number) { if (position < 0 || position > last.value) { glide(clamp(Math.round(position), 0, last.value), 260); return; } const projection = Math.sign(velocity) * velocity ** 2 / (2 * .00042); const target = clamp(Math.round(position + projection), 0, last.value); const duration = clamp(Math.sqrt(Math.abs(target - position)) * 300 + 240, 280, 1700); glide(target, duration, easeBack); }\n  function begin(y: number) { stop(); if (props.sound) sound().prepare(); grabbing.value = true; gesture = { y, position, samples: [[y, performance.now()]] }; }\n  function move(y: number) { if (!gesture) return; latestY = y; gesture.samples.push([y, performance.now()]); if (gesture.samples.length > 8) gesture.samples.shift(); if (dragFrame) return; dragFrame = requestAnimationFrame(() => { dragFrame = 0; if (!gesture) return; const raw = gesture.position + (gesture.y - latestY) / props.itemHeight; const value = raw < 0 ? raw * .3 : raw > last.value ? last.value + (raw - last.value) * .3 : raw; update(value); publish(Math.round(clamp(value, 0, last.value))); }); }\n  function end() { if (!gesture) return; const samples = gesture.samples; gesture = undefined; grabbing.value = false; cancelAnimationFrame(dragFrame); dragFrame = 0; let velocity = 0; if (samples.length > 1) { const latest = samples.at(-1)!; const reference = samples.find(point => latest[1] - point[1] <= 90) ?? samples[0]; const elapsed = latest[1] - reference[1]; if (elapsed > 0) velocity = clamp((reference[0] - latest[0]) / props.itemHeight / elapsed, -.18, .18); } fling(velocity); }\n  function pointerDown(event: PointerEvent) { if (props.disabled || reduced.value || event.pointerType === \"touch\") return; begin(event.clientY); try { container.value?.setPointerCapture(event.pointerId); } catch {} }\n  function pointerMove(event: PointerEvent) { if (event.pointerType !== \"touch\") move(event.clientY); }\n  function pointerEnd(event: PointerEvent) { if (event.pointerType === \"touch\") return; try { container.value?.releasePointerCapture(event.pointerId); } catch {} end(); }\n  function wheel(event: WheelEvent) { if (props.disabled || reduced.value) return; event.preventDefault(); if (props.sound) sound().prepare(); stop(); const pixels = event.deltaY * (event.deltaMode === 1 ? 16 : 1); update(clamp(position + pixels * .012, 0, last.value)); publish(Math.round(position)); clearTimeout(wheelTimer); wheelTimer = setTimeout(() => glide(clamp(Math.round(position), 0, last.value), 240, easeBack), 110); }\n  function keyboard(event: KeyboardEvent) { if (props.disabled) return; const index = Math.round(position); const direction: Record<string, number> = { ArrowUp: -1, ArrowDown: 1, Home: -index, End: last.value - index }; if (!(event.key in direction)) return; event.preventDefault(); if (props.sound) sound().prepare(); glide(clamp(Math.round(position) + direction[event.key], 0, last.value), 300, easeBack); }\n  function touchStart(event: TouchEvent) { if (!props.disabled && !reduced.value && event.touches[0]) begin(event.touches[0].clientY); }\n  function touchMove(event: TouchEvent) { if (!gesture || !event.touches[0]) return; event.preventDefault(); move(event.touches[0].clientY); }\n  function unbind() { if (!bound) return; bound.removeEventListener(\"touchstart\", touchStart); bound.removeEventListener(\"touchmove\", touchMove); bound.removeEventListener(\"touchend\", end); bound.removeEventListener(\"touchcancel\", end); bound.removeEventListener(\"wheel\", wheel); bound = null; }\n  function bind() { unbind(); bound = container.value; if (!bound || reduced.value || props.disabled) return; bound.addEventListener(\"touchstart\", touchStart, { passive: true }); bound.addEventListener(\"touchmove\", touchMove, { passive: false }); bound.addEventListener(\"touchend\", end); bound.addEventListener(\"touchcancel\", end); bound.addEventListener(\"wheel\", wheel, { passive: false }); }\n  function follow() { if (gesture) return; const target = indexOf(accepted.value); published = accepted.value; if (Math.abs(Math.round(position) - target) < .001) paint(position); else glide(target, 260); }\n  watch([accepted, options, geometry, reduced, () => props.sound], follow, { flush: \"post\" });\n  watch([reduced, () => props.disabled], () => { void nextTick(() => { if (!disposed) bind(); }); });\n  onMounted(() => { bind(); paint(position); });\n  onBeforeUnmount(() => { disposed = true; stop(); cancelAnimationFrame(dragFrame); clearTimeout(wheelTimer); audio?.dispose(); gesture = undefined; unbind(); });\n  function rowStyle(index: number) { return { top: `${-props.itemHeight / 2}px`, height: `${props.itemHeight}px`, transform: `rotateX(${-geometry.value.angle * index}deg) translateZ(${geometry.value.radius}px)` }; }\n  return { options, geometry, grabbing, publish, pointerDown, pointerMove, pointerEnd, keyboard, rowStyle };\n}\n","<script setup lang=\"ts\">\nimport { ref, watch } from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\nimport { cn } from \"../../../lib/utils\";\nimport { useDrumState } from \"./drum-state\";\nexport type WheelPickerOption = string | { label: string; value: string };\nconst props = withDefaults(defineProps<{ options: WheelPickerOption[]; modelValue?: string; defaultValue?: string; visibleCount?: number; itemHeight?: number; disabled?: boolean; sound?: boolean; ariaLabel?: string }>(), { visibleCount: 5, itemHeight: 36 });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst reduce = useReducedMotion();\nconst container = ref<HTMLElement | null>(null);\nconst drum = ref<HTMLElement | null>(null);\nconst band = ref<HTMLElement | null>(null);\nconst candidate = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst { options, geometry, grabbing, publish, pointerDown, pointerMove, pointerEnd, keyboard, rowStyle } = useDrumState(props, candidate, reduce, container, drum, band);\nconst fallback = ref<HTMLUListElement | null>(null);\nwatch([candidate, options, () => props.itemHeight, reduce, fallback], () => {\n  if (!reduce.value || !fallback.value) return;\n  const index = Math.max(0, options.value.findIndex(option => option.value === candidate.value));\n  fallback.value.scrollTop = index * props.itemHeight;\n}, { flush: \"post\" });\n</script>\n<template>\n  <div v-if=\"reduce\" :aria-label=\"ariaLabel\" :class=\"cn('relative overflow-hidden rounded-2xl border border-border bg-card', disabled && 'pointer-events-none opacity-50')\" :style=\"{ height: `${geometry.height}px` }\"><div class=\"pointer-events-none absolute inset-x-0 top-1/2 z-10 -translate-y-1/2 border-border border-y bg-foreground/[0.04]\" :style=\"{ height: `${itemHeight}px` }\" /><ul ref=\"fallback\" class=\"h-full snap-y snap-mandatory overflow-y-auto [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_bottom,transparent,#000_22%,#000_78%,transparent)]\" :style=\"{ paddingTop: `${(geometry.height - itemHeight) / 2}px`, paddingBottom: `${(geometry.height - itemHeight) / 2}px` }\"><li v-for=\"(option, index) in options\" :key=\"option.value\" class=\"snap-center\"><button type=\"button\" :disabled=\"disabled\" @click=\"publish(index)\" :class=\"cn('flex w-full items-center justify-center font-medium', option.value === candidate ? 'text-foreground' : 'text-muted-foreground')\" :style=\"{ height: `${itemHeight}px` }\">{{ option.label }}</button></li></ul></div>\n  <div v-else ref=\"container\" role=\"listbox\" :aria-label=\"ariaLabel\" :aria-disabled=\"disabled || undefined\" :tabindex=\"disabled ? -1 : 0\" @keydown=\"keyboard\" @pointerdown=\"pointerDown\" @pointermove=\"pointerMove\" @pointerup=\"pointerEnd\" @pointercancel=\"pointerEnd\" :class=\"cn('relative touch-none overflow-hidden rounded-2xl border border-border bg-card outline-none focus-visible:ring-2 focus-visible:ring-foreground/20 select-none [-webkit-touch-callout:none] [mask-image:linear-gradient(to_bottom,transparent,#000_22%,#000_78%,transparent)]', grabbing ? 'cursor-grabbing' : 'cursor-grab', disabled && 'pointer-events-none opacity-50')\" :style=\"{ height: `${geometry.height}px`, perspective: '1000px' }\">\n    <ul ref=\"drum\" aria-hidden=\"true\" class=\"absolute inset-x-0 top-1/2 m-0 h-0 list-none p-0 [backface-visibility:hidden] [transform-style:preserve-3d] [will-change:transform]\"><li v-for=\"(option, index) in options\" :key=\"option.value\" :data-index=\"index\" class=\"absolute inset-x-0 flex items-center justify-center font-medium text-muted-foreground\" :style=\"rowStyle(index)\">{{ option.label }}</li></ul>\n    <div class=\"pointer-events-none absolute inset-x-0 top-1/2 z-10 -translate-y-1/2 overflow-hidden rounded-md bg-foreground/[0.04]\" :style=\"{ height: `${itemHeight}px`, perspective: '1000px' }\"><ul ref=\"band\" aria-hidden=\"true\" class=\"absolute inset-x-0 top-1/2 m-0 h-0 list-none p-0 [backface-visibility:hidden] [transform-style:preserve-3d] [will-change:transform]\"><li v-for=\"(option, index) in options\" :key=\"option.value\" :data-index=\"index\" class=\"absolute inset-x-0 flex items-center justify-center font-medium text-foreground\" :style=\"rowStyle(index)\">{{ option.label }}</li></ul></div>\n    <div class=\"sr-only\"><div v-for=\"option in options\" :key=\"option.value\" role=\"option\" :aria-selected=\"candidate === option.value\">{{ option.label }}</div></div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ref, watch } from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\nimport { cn } from \"../../../lib/utils\";\nimport { useDrumState } from \"./drum-state\";\nexport type WheelPickerOption = string | { label: string; value: string };\nconst props = withDefaults(defineProps<{ options: WheelPickerOption[]; modelValue?: string; defaultValue?: string; visibleCount?: number; itemHeight?: number; disabled?: boolean; sound?: boolean; ariaLabel?: string }>(), { visibleCount: 5, itemHeight: 36 });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst reduce = useReducedMotion();\nconst container = ref<HTMLElement | null>(null);\nconst drum = ref<HTMLElement | null>(null);\nconst band = ref<HTMLElement | null>(null);\nconst candidate = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst { options, geometry, grabbing, publish, pointerDown, pointerMove, pointerEnd, keyboard, rowStyle } = useDrumState(props, candidate, reduce, container, drum, band);\nconst fallback = ref<HTMLUListElement | null>(null);\nwatch([candidate, options, () => props.itemHeight, reduce, fallback], () => {\n  if (!reduce.value || !fallback.value) return;\n  const index = Math.max(0, options.value.findIndex(option => option.value === candidate.value));\n  fallback.value.scrollTop = index * props.itemHeight;\n}, { flush: \"post\" });\n</script>\n<template>\n  <div v-if=\"reduce\" :aria-label=\"ariaLabel\" :class=\"cn('relative overflow-hidden rounded-2xl border border-border bg-card', disabled && 'pointer-events-none opacity-50')\" :style=\"{ height: `${geometry.height}px` }\"><div class=\"pointer-events-none absolute inset-x-0 top-1/2 z-10 -translate-y-1/2 border-border border-y bg-foreground/[0.04]\" :style=\"{ height: `${itemHeight}px` }\" /><ul ref=\"fallback\" class=\"h-full snap-y snap-mandatory overflow-y-auto [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [mask-image:linear-gradient(to_bottom,transparent,#000_22%,#000_78%,transparent)]\" :style=\"{ paddingTop: `${(geometry.height - itemHeight) / 2}px`, paddingBottom: `${(geometry.height - itemHeight) / 2}px` }\"><li v-for=\"(option, index) in options\" :key=\"option.value\" class=\"snap-center\"><button type=\"button\" :disabled=\"disabled\" @click=\"publish(index)\" :class=\"cn('flex w-full items-center justify-center font-medium', option.value === candidate ? 'text-foreground' : 'text-muted-foreground')\" :style=\"{ height: `${itemHeight}px` }\">{{ option.label }}</button></li></ul></div>\n  <div v-else ref=\"container\" role=\"listbox\" :aria-label=\"ariaLabel\" :aria-disabled=\"disabled || undefined\" :tabindex=\"disabled ? -1 : 0\" @keydown=\"keyboard\" @pointerdown=\"pointerDown\" @pointermove=\"pointerMove\" @pointerup=\"pointerEnd\" @pointercancel=\"pointerEnd\" :class=\"cn('relative touch-none overflow-hidden rounded-2xl border border-border bg-card outline-none focus-visible:ring-2 focus-visible:ring-foreground/20 select-none [-webkit-touch-callout:none] [mask-image:linear-gradient(to_bottom,transparent,#000_22%,#000_78%,transparent)]', grabbing ? 'cursor-grabbing' : 'cursor-grab', disabled && 'pointer-events-none opacity-50')\" :style=\"{ height: `${geometry.height}px`, perspective: '1000px' }\">\n    <ul ref=\"drum\" aria-hidden=\"true\" class=\"absolute inset-x-0 top-1/2 m-0 h-0 list-none p-0 [backface-visibility:hidden] [transform-style:preserve-3d] [will-change:transform]\"><li v-for=\"(option, index) in options\" :key=\"option.value\" :data-index=\"index\" class=\"absolute inset-x-0 flex items-center justify-center font-medium text-muted-foreground\" :style=\"rowStyle(index)\">{{ option.label }}</li></ul>\n    <div class=\"pointer-events-none absolute inset-x-0 top-1/2 z-10 -translate-y-1/2 overflow-hidden rounded-md bg-foreground/[0.04]\" :style=\"{ height: `${itemHeight}px`, perspective: '1000px' }\"><ul ref=\"band\" aria-hidden=\"true\" class=\"absolute inset-x-0 top-1/2 m-0 h-0 list-none p-0 [backface-visibility:hidden] [transform-style:preserve-3d] [will-change:transform]\"><li v-for=\"(option, index) in options\" :key=\"option.value\" :data-index=\"index\" class=\"absolute inset-x-0 flex items-center justify-center font-medium text-foreground\" :style=\"rowStyle(index)\">{{ option.label }}</li></ul></div>\n    <div class=\"sr-only\"><div v-for=\"option in options\" :key=\"option.value\" role=\"option\" :aria-selected=\"candidate === option.value\">{{ option.label }}</div></div>\n  </div>\n</template>\n"],"mappings":"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"}