@orvui/vue 0.0.0-stage → 0.1.0

package/dist/swap-BSeVL8dB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swap-BSeVL8dB.js","names":["_hoisted_1","_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_toDisplayString","_normalizeClass","_unref","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_openBlock","_createElementBlock","_createElementVNode","_unref","_toDisplayString","_createVNode","EASE","_withCtx","_createTextVNode","_createBlock","_createCommentVNode","TokenDot","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_unref","_toDisplayString","EASE","_withCtx","_createBlock","_normalizeClass","_createCommentVNode","_sfc_main","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_normalizeClass","_unref","_toDisplayString","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_openBlock","_createBlock","_unref","_withCtx","EASE","_createCommentVNode","_createElementVNode","_createVNode","_withDirectives","_vModelText","ChainChip","_createElementBlock","_Fragment","_renderList","TokenDot","_createTextVNode","_toDisplayString","_normalizeClass","_sfc_main","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_unref","Field","_withCtx","_createBlock","_Fragment","_createTextVNode","_toDisplayString","_createStaticVNode","DestinationRow","_normalizeClass","EASE","TokenPicker","_sfc_main","useOverlay","useReducedMotion","SPRING_PANEL","SPRING_PRESS","EASE_OUT","cn","CHAINS","id","name","tone","symbol","TOKENS","chainId","balance","usd","address","index","isValidAddress","value","truncateAddress","sanitizeAmount","result","decimal","char","formatAmount","max","useSwap","reduce","fromId","ref","props","toId","amount","rotation","quoting","picking","showDest","destination","token","entry","chain","from","computed","to","fromChain","toChain","numeric","rate","total","insufficient","disabled","label","quoteTimer","mounted","quote","watch","onMounted","onBeforeUnmount","flip","pick","side","selected","other","toggleDestination","submit","send","_hoisted_1$5","TokenDot_default","defineComponent","__props","diameter","badge","openBlock","createElementBlock","normalizeStyle","createElementVNode","toDisplayString","normalizeClass","unref","_hoisted_1$4","_hoisted_2$4","_hoisted_3$3","_hoisted_4$3","_hoisted_5$2","_hoisted_6$2","_hoisted_7$2","_hoisted_8$1","_hoisted_9$1","_hoisted_10$1","Field_default","__emit","emit","useId","_cache","$event","createVNode","motion","withCtx","createTextVNode","AnimatePresence","createBlock","LoaderCircle","createCommentVNode","ChevronDown","Wallet","_hoisted_1$3","_hoisted_2$3","_hoisted_3$2","_hoisted_4$2","DestinationRow_default","input","valid","frame","show","Send","Check","X","_hoisted_1$2","_hoisted_2$2","ChainChip_default","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","_hoisted_4$1","_hoisted_5$1","_hoisted_6$1","_hoisted_7$1","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","TokenPicker_default","chainFilter","q","panel","popular","chainById","filtered","term","field","Search","withDirectives","vModelText","Fragment","renderList","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","MultiChainSwap_default","order","Settings","ArrowDownUp","createStaticVNode"],"sources":["../src/blocks/swap/src/data.ts","../src/blocks/swap/src/utils.ts","../src/blocks/swap/src/use-swap.ts","../src/blocks/swap/src/TokenDot.vue","../src/blocks/swap/src/TokenDot.vue","../src/blocks/swap/src/Field.vue","../src/blocks/swap/src/Field.vue","../src/blocks/swap/src/DestinationRow.vue","../src/blocks/swap/src/DestinationRow.vue","../src/blocks/swap/src/ChainChip.vue","../src/blocks/swap/src/ChainChip.vue","../src/blocks/swap/src/TokenPicker.vue","../src/blocks/swap/src/TokenPicker.vue","../src/blocks/swap/src/MultiChainSwap.vue","../src/blocks/swap/src/MultiChainSwap.vue"],"sourcesContent":["import type { Chain, Token } from \"./types\";\nconst networks = [\n  [\"eth\", \"Ethereum\", \"bg-primary text-primary-foreground\", \"Ξ\"],\n  [\"sol\", \"Solana\", \"bg-secondary text-secondary-foreground\", \"◎\"],\n  [\"base\", \"Base\", \"bg-accent text-accent-foreground\", \"B\"],\n  [\"arb\", \"Arbitrum\", \"bg-muted text-muted-foreground\", \"A\"],\n  [\"op\", \"Optimism\", \"bg-destructive text-primary-foreground\", \"O\"],\n  [\"poly\", \"Polygon\", \"bg-primary/80 text-primary-foreground\", \"P\"],\n  [\"bnb\", \"BNB\", \"bg-secondary text-secondary-foreground\", \"B\"],\n  [\"avax\", \"Avalanche\", \"bg-destructive/80 text-primary-foreground\", \"A\"],\n];\nexport const CHAINS: Chain[] = networks.map(([id, name, tone, symbol]) => ({\n  id,\n  name,\n  tone,\n  symbol,\n}));\ntype TokenSeed = [string, string, string, string, number, number?, string?];\nconst seeds: TokenSeed[] = [\n  [\"eth-eth\", \"ETH\", \"Ether\", \"eth\", 1.245, 3142],\n  [\"eth-weth\", \"WETH\", \"Wrapped Ether\", \"eth\", 0.5, 3142],\n  [\"eth-usdc\", \"USDC\", \"USD Coin\", \"eth\", 4521, 1],\n  [\"eth-usdt\", \"USDT\", \"Tether\", \"eth\", 2100, 1],\n  [\"eth-dai\", \"DAI\", \"Dai Stablecoin\", \"eth\", 800, 1],\n  [\"eth-wbtc\", \"WBTC\", \"Wrapped Bitcoin\", \"eth\", 0.04, 96000],\n  [\"eth-link\", \"LINK\", \"ChainLink Token\", \"eth\", 120, 22, \"0x51...86ca\"],\n  [\"eth-aztec\", \"AZTEC\", \"AZTEC\", \"eth\", 0, undefined, \"0xa2...62d2\"],\n  [\"eth-cfg\", \"CFG\", \"Centrifuge\", \"eth\", 0, undefined, \"0xcc...8a94\"],\n  [\"eth-ondo\", \"ONDO\", \"Ondo\", \"eth\", 0, undefined, \"0xfa...9be3\"],\n  [\"sol-sol\", \"SOL\", \"Solana\", \"sol\", 12.4, 168],\n  [\"sol-usdc\", \"USDC\", \"USD Coin\", \"sol\", 985.32, 1],\n  [\"base-eth\", \"ETH\", \"Ether\", \"base\", 0.65, 3142],\n  [\"base-usdc\", \"USDC\", \"USD Coin\", \"base\", 1200, 1],\n  [\"arb-arb\", \"ARB\", \"Arbitrum\", \"arb\", 800, 0.95],\n  [\"arb-eth\", \"ETH\", \"Ether\", \"arb\", 0.32, 3142],\n  [\"op-op\", \"OP\", \"Optimism\", \"op\", 450, 2.8],\n  [\"poly-matic\", \"MATIC\", \"Polygon\", \"poly\", 1500, 0.75],\n  [\"bnb-bnb\", \"BNB\", \"BNB\", \"bnb\", 0, 620],\n  [\"avax-avax\", \"AVAX\", \"Avalanche\", \"avax\", 0, 38],\n];\nexport const TOKENS: Token[] = seeds.map(\n  ([id, symbol, name, chainId, balance, usd, address], index) => ({\n    id,\n    symbol,\n    name,\n    chainId,\n    balance,\n    ...(usd === undefined ? {} : { usd }),\n    ...(address ? { address, trending: true } : {}),\n    ...(index < 6 ? { popular: true } : {}),\n  }),\n);\n","export function isValidAddress(value: string) {\n  return (\n    /^0x[0-9a-fA-F]{40}$/.test(value) ||\n    (value.length > 5 && /\\.(eth|sol|bnb)$/.test(value))\n  );\n}\nexport function truncateAddress(value: string) {\n  return value.length === 42 && value.startsWith(\"0x\")\n    ? [value.substring(0, 6), value.substring(38)].join(\"...\")\n    : value;\n}\nexport function sanitizeAmount(value: string) {\n  let result = \"\",\n    decimal = false;\n  for (const char of value) {\n    if (char >= \"0\" && char <= \"9\") result += char;\n    else if (char === \".\" && !decimal) {\n      decimal = true;\n      result += \".\";\n    }\n  }\n  return result;\n}\nexport function formatAmount(value: number, max = 6) {\n  return !Number.isFinite(value) || value === 0\n    ? \"0\"\n    : value.toLocaleString(undefined, {\n        maximumFractionDigits: value >= 1000 ? 2 : max,\n      });\n}\n","import { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { isValidAddress, truncateAddress } from \"./utils\";\nimport type { Chain, Token, TokenSide } from \"./types\";\nexport type SwapOrder = {\n  from: Token;\n  to: Token;\n  amount: number;\n  toAmount: number;\n  destination?: string;\n};\nexport function useSwap(\n  props: {\n    tokens: Token[];\n    chains: Chain[];\n    defaultFromId: string;\n    defaultToId: string;\n  },\n  send: (order: SwapOrder) => void,\n) {\n  const reduce = useReducedMotion(),\n    fromId = ref(props.defaultFromId),\n    toId = ref(props.defaultToId),\n    amount = ref(\"1\"),\n    rotation = ref(0),\n    quoting = ref(false),\n    picking = ref<TokenSide | null>(null),\n    showDest = ref(false),\n    destination = ref(\"\");\n  function token(id: string) {\n    const entry = props.tokens.find((token) => token.id === id);\n    if (!entry) throw new Error(\"Unknown token id: \" + id);\n    return entry;\n  }\n  function chain(id: string) {\n    const entry = props.chains.find((chain) => chain.id === id);\n    if (!entry) throw new Error(\"Unknown chain id: \" + id);\n    return entry;\n  }\n  const from = computed(() => token(fromId.value)),\n    to = computed(() => token(toId.value)),\n    fromChain = computed(() => chain(from.value.chainId)),\n    toChain = computed(() => chain(to.value.chainId));\n  const numeric = computed(() => Number(amount.value) || 0),\n    rate = computed(() =>\n      from.value.usd && to.value.usd ? from.value.usd / to.value.usd : 1,\n    ),\n    total = computed(() => numeric.value * rate.value);\n  const insufficient = computed(\n    () =>\n      from.value.balance !== undefined && numeric.value > from.value.balance,\n  );\n  const disabled = computed(() => numeric.value <= 0 || insufficient.value);\n  const label = computed(() =>\n    numeric.value <= 0\n      ? \"Enter an amount\"\n      : insufficient.value\n        ? `Insufficient ${from.value.symbol}`\n        : destination.value && isValidAddress(destination.value)\n          ? `Swap + Send to ${truncateAddress(destination.value)}`\n          : `Swap ${from.value.symbol} → ${to.value.symbol}`,\n  );\n  let quoteTimer: ReturnType<typeof setTimeout> | undefined,\n    mounted = false;\n  function quote() {\n    clearTimeout(quoteTimer);\n    quoting.value = mounted && !!numeric.value;\n    if (quoting.value)\n      quoteTimer = setTimeout(() => {\n        quoting.value = false;\n      }, 450);\n  }\n  watch([numeric, fromId, toId], quote);\n  onMounted(() => {\n    mounted = true;\n    quote();\n  });\n  onBeforeUnmount(() => {\n    mounted = false;\n    clearTimeout(quoteTimer);\n  });\n  function flip() {\n    rotation.value += 180;\n    [fromId.value, toId.value] = [toId.value, fromId.value];\n  }\n  function pick(id: string) {\n    const side = picking.value;\n    if (!side) return;\n    const selected = side === \"from\" ? fromId : toId,\n      other = side === \"from\" ? toId : fromId;\n    if (id === other.value) other.value = selected.value;\n    selected.value = id;\n    picking.value = null;\n  }\n  function toggleDestination() {\n    if (showDest.value) destination.value = \"\";\n    showDest.value = !showDest.value;\n  }\n  function submit() {\n    if (!disabled.value)\n      send({\n        from: from.value,\n        to: to.value,\n        amount: numeric.value,\n        toAmount: total.value,\n        destination: destination.value || undefined,\n      });\n  }\n  return {\n    reduce,\n    fromId,\n    toId,\n    amount,\n    rotation,\n    quoting,\n    picking,\n    showDest,\n    destination,\n    from,\n    to,\n    fromChain,\n    toChain,\n    rate,\n    total,\n    disabled,\n    label,\n    flip,\n    pick,\n    toggleDestination,\n    submit,\n  };\n}\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport type { Chain, Token } from \"./types\";\nconst props = withDefaults(\n  defineProps<{ token: Token; chain: Chain; size?: number }>(),\n  { size: 28 },\n);\nconst diameter = computed(() => `${props.size}px`),\n  badge = computed(() => `${props.size * 0.42}px`);\n</script>\n<template>\n  <span\n    class=\"relative inline-flex shrink-0\"\n    :style=\"{ width: diameter, height: diameter }\"\n    ><span\n      class=\"absolute inset-0 inline-flex items-center justify-center rounded-full border border-border bg-background text-[11px] font-bold text-foreground\"\n      >{{ token.symbol.substring(0, 2) }}</span\n    ><span\n      :style=\"{ width: badge, height: badge }\"\n      :class=\"\n        cn(\n          'absolute -bottom-0.5 -right-0.5 inline-flex items-center justify-center rounded-full border-2 border-card text-[7px] font-bold',\n          chain.tone,\n        )\n      \"\n      >{{ chain.symbol }}</span\n    ></span\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport type { Chain, Token } from \"./types\";\nconst props = withDefaults(\n  defineProps<{ token: Token; chain: Chain; size?: number }>(),\n  { size: 28 },\n);\nconst diameter = computed(() => `${props.size}px`),\n  badge = computed(() => `${props.size * 0.42}px`);\n</script>\n<template>\n  <span\n    class=\"relative inline-flex shrink-0\"\n    :style=\"{ width: diameter, height: diameter }\"\n    ><span\n      class=\"absolute inset-0 inline-flex items-center justify-center rounded-full border border-border bg-background text-[11px] font-bold text-foreground\"\n      >{{ token.symbol.substring(0, 2) }}</span\n    ><span\n      :style=\"{ width: badge, height: badge }\"\n      :class=\"\n        cn(\n          'absolute -bottom-0.5 -right-0.5 inline-flex items-center justify-center rounded-full border-2 border-card text-[7px] font-bold',\n          chain.tone,\n        )\n      \"\n      >{{ chain.symbol }}</span\n    ></span\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useId } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ChevronDown, LoaderCircle, Wallet } from \"lucide-vue-next\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE } from \"./constants\";\nimport { formatAmount, sanitizeAmount } from \"./utils\";\nimport type { Chain, Token, TokenSide } from \"./types\";\nimport TokenDot from \"./TokenDot.vue\";\nconst props = defineProps<{\n    side: TokenSide;\n    token: Token;\n    chain: Chain;\n    amount: string;\n    editable: boolean;\n    quoting: boolean;\n  }>(),\n  emit = defineEmits<{ amount: [amount: string]; openPicker: [] }>();\nconst id = useId(),\n  reduce = useReducedMotion(),\n  usd = computed(() => (Number(props.amount) || 0) * (props.token.usd ?? 0));\n</script>\n<template>\n  <div\n    class=\"relative rounded-2xl border border-border/50 bg-background/40 p-3.5\"\n  >\n    <label\n      :for=\"id\"\n      class=\"mb-2 block text-[11px] font-medium uppercase tracking-wider text-muted-foreground\"\n      >{{ side === \"from\" ? \"You pay\" : \"You get\" }}</label\n    >\n    <div class=\"flex items-center justify-between gap-3\">\n      <div class=\"min-w-0 flex-1\">\n        <input\n          v-if=\"editable\"\n          :id=\"id\"\n          inputmode=\"decimal\"\n          :value=\"amount\"\n          placeholder=\"0\"\n          class=\"w-full bg-transparent text-2xl font-semibold tracking-tight text-foreground tabular-nums outline-none placeholder:text-muted-foreground/60\"\n          @input=\"\n            emit(\n              'amount',\n              sanitizeAmount(($event.target as HTMLInputElement).value),\n            )\n          \"\n        />\n        <div\n          v-else\n          class=\"flex h-9 items-center gap-2 text-2xl font-semibold tracking-tight tabular-nums\"\n        >\n          <motion.span\n            :animate=\"{\n              opacity: quoting ? 0.55 : 1,\n              filter: quoting ? 'blur(2px)' : 'blur(0px)',\n            }\"\n            :transition=\"{ duration: reduce ? 0 : 0.18, ease: EASE }\"\n            class=\"text-foreground\"\n            >{{ amount || \"0\" }}</motion.span\n          ><AnimatePresence as=\"span\" class=\"contents\"\n            ><motion.span\n              v-if=\"quoting\"\n              :initial=\"{ opacity: 0, scale: 0.85 }\"\n              :animate=\"{ opacity: 1, scale: 1 }\"\n              :exit=\"{ opacity: 0, scale: 0.85 }\"\n              :transition=\"{ duration: reduce ? 0 : 0.14, ease: EASE }\"\n              ><LoaderCircle\n                class=\"h-4 w-4 animate-spin text-muted-foreground\" /></motion.span\n          ></AnimatePresence>\n        </div>\n        <p class=\"mt-1 text-[11px] text-muted-foreground tabular-nums\">\n          ≈ ${{ formatAmount(usd, 2) }}\n        </p>\n      </div>\n      <button\n        type=\"button\"\n        class=\"group inline-flex h-10 items-center gap-2 rounded-full border border-border bg-card pl-1 pr-2.5 text-sm font-semibold text-foreground transition-transform hover:border-border active:scale-[0.97]\"\n        @click=\"emit('openPicker')\"\n      >\n        <TokenDot :token=\"token\" :chain=\"chain\" /><span>{{ token.symbol }}</span\n        ><ChevronDown class=\"h-3.5 w-3.5 text-muted-foreground\" />\n      </button>\n    </div>\n    <div\n      class=\"mt-2 flex items-center justify-between text-[11px] text-muted-foreground\"\n    >\n      <span class=\"inline-flex items-center gap-1\"\n        ><Wallet class=\"h-3 w-3\" /><span class=\"tabular-nums\">{{\n          token.balance ? formatAmount(token.balance) : \"0.00\"\n        }}</span\n        ><span>· {{ chain.name }}</span></span\n      ><button\n        v-if=\"side === 'from' && token.balance\"\n        type=\"button\"\n        class=\"rounded px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground hover:bg-muted/60 hover:text-foreground\"\n        @click=\"emit('amount', String(token.balance))\"\n      >\n        Max\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useId } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ChevronDown, LoaderCircle, Wallet } from \"lucide-vue-next\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE } from \"./constants\";\nimport { formatAmount, sanitizeAmount } from \"./utils\";\nimport type { Chain, Token, TokenSide } from \"./types\";\nimport TokenDot from \"./TokenDot.vue\";\nconst props = defineProps<{\n    side: TokenSide;\n    token: Token;\n    chain: Chain;\n    amount: string;\n    editable: boolean;\n    quoting: boolean;\n  }>(),\n  emit = defineEmits<{ amount: [amount: string]; openPicker: [] }>();\nconst id = useId(),\n  reduce = useReducedMotion(),\n  usd = computed(() => (Number(props.amount) || 0) * (props.token.usd ?? 0));\n</script>\n<template>\n  <div\n    class=\"relative rounded-2xl border border-border/50 bg-background/40 p-3.5\"\n  >\n    <label\n      :for=\"id\"\n      class=\"mb-2 block text-[11px] font-medium uppercase tracking-wider text-muted-foreground\"\n      >{{ side === \"from\" ? \"You pay\" : \"You get\" }}</label\n    >\n    <div class=\"flex items-center justify-between gap-3\">\n      <div class=\"min-w-0 flex-1\">\n        <input\n          v-if=\"editable\"\n          :id=\"id\"\n          inputmode=\"decimal\"\n          :value=\"amount\"\n          placeholder=\"0\"\n          class=\"w-full bg-transparent text-2xl font-semibold tracking-tight text-foreground tabular-nums outline-none placeholder:text-muted-foreground/60\"\n          @input=\"\n            emit(\n              'amount',\n              sanitizeAmount(($event.target as HTMLInputElement).value),\n            )\n          \"\n        />\n        <div\n          v-else\n          class=\"flex h-9 items-center gap-2 text-2xl font-semibold tracking-tight tabular-nums\"\n        >\n          <motion.span\n            :animate=\"{\n              opacity: quoting ? 0.55 : 1,\n              filter: quoting ? 'blur(2px)' : 'blur(0px)',\n            }\"\n            :transition=\"{ duration: reduce ? 0 : 0.18, ease: EASE }\"\n            class=\"text-foreground\"\n            >{{ amount || \"0\" }}</motion.span\n          ><AnimatePresence as=\"span\" class=\"contents\"\n            ><motion.span\n              v-if=\"quoting\"\n              :initial=\"{ opacity: 0, scale: 0.85 }\"\n              :animate=\"{ opacity: 1, scale: 1 }\"\n              :exit=\"{ opacity: 0, scale: 0.85 }\"\n              :transition=\"{ duration: reduce ? 0 : 0.14, ease: EASE }\"\n              ><LoaderCircle\n                class=\"h-4 w-4 animate-spin text-muted-foreground\" /></motion.span\n          ></AnimatePresence>\n        </div>\n        <p class=\"mt-1 text-[11px] text-muted-foreground tabular-nums\">\n          ≈ ${{ formatAmount(usd, 2) }}\n        </p>\n      </div>\n      <button\n        type=\"button\"\n        class=\"group inline-flex h-10 items-center gap-2 rounded-full border border-border bg-card pl-1 pr-2.5 text-sm font-semibold text-foreground transition-transform hover:border-border active:scale-[0.97]\"\n        @click=\"emit('openPicker')\"\n      >\n        <TokenDot :token=\"token\" :chain=\"chain\" /><span>{{ token.symbol }}</span\n        ><ChevronDown class=\"h-3.5 w-3.5 text-muted-foreground\" />\n      </button>\n    </div>\n    <div\n      class=\"mt-2 flex items-center justify-between text-[11px] text-muted-foreground\"\n    >\n      <span class=\"inline-flex items-center gap-1\"\n        ><Wallet class=\"h-3 w-3\" /><span class=\"tabular-nums\">{{\n          token.balance ? formatAmount(token.balance) : \"0.00\"\n        }}</span\n        ><span>· {{ chain.name }}</span></span\n      ><button\n        v-if=\"side === 'from' && token.balance\"\n        type=\"button\"\n        class=\"rounded px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground hover:bg-muted/60 hover:text-foreground\"\n        @click=\"emit('amount', String(token.balance))\"\n      >\n        Max\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Check, ChevronDown, Send, X } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE } from \"./constants\";\nimport { isValidAddress, truncateAddress } from \"./utils\";\nconst props = defineProps<{\n    show: boolean;\n    address: string;\n    reduce: boolean;\n  }>(),\n  emit = defineEmits<{ toggle: []; address: [address: string] }>();\nconst input = ref<HTMLInputElement>(),\n  valid = computed(() => !!props.address && isValidAddress(props.address));\nlet frame = 0;\nwatch(\n  () => props.show,\n  (show) => {\n    cancelAnimationFrame(frame);\n    if (show)\n      frame = requestAnimationFrame(() =>\n        input.value?.focus({ preventScroll: true }),\n      );\n  },\n  { flush: \"post\" },\n);\nonBeforeUnmount(() => cancelAnimationFrame(frame));\n</script>\n<template>\n  <div\n    class=\"mt-1 overflow-hidden rounded-xl border border-border/50 bg-background/40\"\n  >\n    <button\n      type=\"button\"\n      class=\"flex w-full items-center justify-between gap-2 px-3.5 py-2.5 text-[12px] text-muted-foreground hover:text-foreground\"\n      @click=\"emit('toggle')\"\n    >\n      <span class=\"flex items-center gap-2\"\n        ><Send class=\"h-3.5 w-3.5 shrink-0\" /><span>{{\n          show && valid\n            ? \"To: \" + truncateAddress(address)\n            : \"Send to different address\"\n        }}</span></span\n      ><motion.span\n        :animate=\"reduce ? {} : { rotate: show ? 180 : 0 }\"\n        :transition=\"{ duration: reduce ? 0 : 0.2, ease: EASE }\"\n        :style=\"{ display: 'inline-flex' }\"\n        ><ChevronDown class=\"h-3.5 w-3.5\"\n      /></motion.span></button\n    ><AnimatePresence as=\"div\" class=\"contents\"\n      ><motion.div\n        v-if=\"show\"\n        key=\"dest-input\"\n        :initial=\"reduce ? { opacity: 0 } : { height: 0, opacity: 0 }\"\n        :animate=\"reduce ? { opacity: 1 } : { height: 'auto', opacity: 1 }\"\n        :exit=\"reduce ? { opacity: 0 } : { height: 0, opacity: 0 }\"\n        :transition=\"{ duration: reduce ? 0 : 0.22, ease: EASE }\"\n        :style=\"{ overflow: 'hidden' }\"\n        ><div class=\"border-t border-border/50 px-3.5 pb-3 pt-2.5\">\n          <div\n            :class=\"\n              cn(\n                'flex items-center gap-2 rounded-lg border px-2.5 py-2 transition-colors',\n                address && !valid ? 'border-destructive/40' : 'border-border',\n              )\n            \"\n          >\n            <input\n              ref=\"input\"\n              :value=\"address\"\n              aria-label=\"Destination address\"\n              placeholder=\"0x... or name.eth\"\n              :spellcheck=\"false\"\n              class=\"min-w-0 flex-1 bg-transparent font-mono text-[12px] text-foreground outline-none placeholder:text-muted-foreground/60\"\n              @input=\"\n                emit(\n                  'address',\n                  ($event.target as HTMLInputElement).value.trim(),\n                )\n              \"\n            /><AnimatePresence mode=\"wait\" as=\"span\" class=\"contents\"\n              ><motion.span\n                v-if=\"valid\"\n                key=\"check\"\n                :initial=\"{ opacity: 0, scale: 0.7 }\"\n                :animate=\"{ opacity: 1, scale: 1 }\"\n                :exit=\"{ opacity: 0, scale: 0.7 }\"\n                :transition=\"{ duration: reduce ? 0 : 0.14, ease: EASE }\"\n                ><Check\n                  class=\"h-3.5 w-3.5 shrink-0 text-primary\" /></motion.span\n              ><motion.button\n                v-else-if=\"address\"\n                key=\"clear\"\n                type=\"button\"\n                aria-label=\"Clear address\"\n                :initial=\"{ opacity: 0, scale: 0.7 }\"\n                :animate=\"{ opacity: 1, scale: 1 }\"\n                :exit=\"{ opacity: 0, scale: 0.7 }\"\n                :transition=\"{ duration: reduce ? 0 : 0.14, ease: EASE }\"\n                class=\"shrink-0 text-muted-foreground hover:text-foreground\"\n                @click=\"emit('address', '')\"\n                ><X class=\"h-3.5 w-3.5\" /></motion.button\n            ></AnimatePresence>\n          </div></div></motion.div\n    ></AnimatePresence>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Check, ChevronDown, Send, X } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE } from \"./constants\";\nimport { isValidAddress, truncateAddress } from \"./utils\";\nconst props = defineProps<{\n    show: boolean;\n    address: string;\n    reduce: boolean;\n  }>(),\n  emit = defineEmits<{ toggle: []; address: [address: string] }>();\nconst input = ref<HTMLInputElement>(),\n  valid = computed(() => !!props.address && isValidAddress(props.address));\nlet frame = 0;\nwatch(\n  () => props.show,\n  (show) => {\n    cancelAnimationFrame(frame);\n    if (show)\n      frame = requestAnimationFrame(() =>\n        input.value?.focus({ preventScroll: true }),\n      );\n  },\n  { flush: \"post\" },\n);\nonBeforeUnmount(() => cancelAnimationFrame(frame));\n</script>\n<template>\n  <div\n    class=\"mt-1 overflow-hidden rounded-xl border border-border/50 bg-background/40\"\n  >\n    <button\n      type=\"button\"\n      class=\"flex w-full items-center justify-between gap-2 px-3.5 py-2.5 text-[12px] text-muted-foreground hover:text-foreground\"\n      @click=\"emit('toggle')\"\n    >\n      <span class=\"flex items-center gap-2\"\n        ><Send class=\"h-3.5 w-3.5 shrink-0\" /><span>{{\n          show && valid\n            ? \"To: \" + truncateAddress(address)\n            : \"Send to different address\"\n        }}</span></span\n      ><motion.span\n        :animate=\"reduce ? {} : { rotate: show ? 180 : 0 }\"\n        :transition=\"{ duration: reduce ? 0 : 0.2, ease: EASE }\"\n        :style=\"{ display: 'inline-flex' }\"\n        ><ChevronDown class=\"h-3.5 w-3.5\"\n      /></motion.span></button\n    ><AnimatePresence as=\"div\" class=\"contents\"\n      ><motion.div\n        v-if=\"show\"\n        key=\"dest-input\"\n        :initial=\"reduce ? { opacity: 0 } : { height: 0, opacity: 0 }\"\n        :animate=\"reduce ? { opacity: 1 } : { height: 'auto', opacity: 1 }\"\n        :exit=\"reduce ? { opacity: 0 } : { height: 0, opacity: 0 }\"\n        :transition=\"{ duration: reduce ? 0 : 0.22, ease: EASE }\"\n        :style=\"{ overflow: 'hidden' }\"\n        ><div class=\"border-t border-border/50 px-3.5 pb-3 pt-2.5\">\n          <div\n            :class=\"\n              cn(\n                'flex items-center gap-2 rounded-lg border px-2.5 py-2 transition-colors',\n                address && !valid ? 'border-destructive/40' : 'border-border',\n              )\n            \"\n          >\n            <input\n              ref=\"input\"\n              :value=\"address\"\n              aria-label=\"Destination address\"\n              placeholder=\"0x... or name.eth\"\n              :spellcheck=\"false\"\n              class=\"min-w-0 flex-1 bg-transparent font-mono text-[12px] text-foreground outline-none placeholder:text-muted-foreground/60\"\n              @input=\"\n                emit(\n                  'address',\n                  ($event.target as HTMLInputElement).value.trim(),\n                )\n              \"\n            /><AnimatePresence mode=\"wait\" as=\"span\" class=\"contents\"\n              ><motion.span\n                v-if=\"valid\"\n                key=\"check\"\n                :initial=\"{ opacity: 0, scale: 0.7 }\"\n                :animate=\"{ opacity: 1, scale: 1 }\"\n                :exit=\"{ opacity: 0, scale: 0.7 }\"\n                :transition=\"{ duration: reduce ? 0 : 0.14, ease: EASE }\"\n                ><Check\n                  class=\"h-3.5 w-3.5 shrink-0 text-primary\" /></motion.span\n              ><motion.button\n                v-else-if=\"address\"\n                key=\"clear\"\n                type=\"button\"\n                aria-label=\"Clear address\"\n                :initial=\"{ opacity: 0, scale: 0.7 }\"\n                :animate=\"{ opacity: 1, scale: 1 }\"\n                :exit=\"{ opacity: 0, scale: 0.7 }\"\n                :transition=\"{ duration: reduce ? 0 : 0.14, ease: EASE }\"\n                class=\"shrink-0 text-muted-foreground hover:text-foreground\"\n                @click=\"emit('address', '')\"\n                ><X class=\"h-3.5 w-3.5\" /></motion.button\n            ></AnimatePresence>\n          </div></div></motion.div\n    ></AnimatePresence>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport type { Chain } from \"./types\";\ndefineProps<{ active: boolean; chain?: Chain; label?: string }>();\n</script>\n<template>\n  <button\n    type=\"button\"\n    :aria-pressed=\"active\"\n    :title=\"chain?.name ?? label\"\n    :class=\"\n      cn(\n        'inline-flex h-9 shrink-0 items-center justify-center rounded-xl border transition-colors active:scale-[0.97] transition-transform',\n        chain ? 'w-9' : 'px-3',\n        active\n          ? 'border-primary/20 bg-muted/60 text-foreground'\n          : 'border-border/60 bg-background/40 text-foreground hover:border-border',\n      )\n    \"\n  >\n    <span\n      v-if=\"chain\"\n      :style=\"{ width: '20px', height: '20px' }\"\n      :class=\"\n        cn(\n          'inline-flex shrink-0 items-center justify-center rounded-full text-[9px] font-bold',\n          chain.tone,\n        )\n      \"\n      >{{ chain.symbol }}</span\n    ><span v-else class=\"text-xs font-semibold\">{{ label }}</span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport type { Chain } from \"./types\";\ndefineProps<{ active: boolean; chain?: Chain; label?: string }>();\n</script>\n<template>\n  <button\n    type=\"button\"\n    :aria-pressed=\"active\"\n    :title=\"chain?.name ?? label\"\n    :class=\"\n      cn(\n        'inline-flex h-9 shrink-0 items-center justify-center rounded-xl border transition-colors active:scale-[0.97] transition-transform',\n        chain ? 'w-9' : 'px-3',\n        active\n          ? 'border-primary/20 bg-muted/60 text-foreground'\n          : 'border-border/60 bg-background/40 text-foreground hover:border-border',\n      )\n    \"\n  >\n    <span\n      v-if=\"chain\"\n      :style=\"{ width: '20px', height: '20px' }\"\n      :class=\"\n        cn(\n          'inline-flex shrink-0 items-center justify-center rounded-full text-[9px] font-bold',\n          chain.tone,\n        )\n      \"\n      >{{ chain.symbol }}</span\n    ><span v-else class=\"text-xs font-semibold\">{{ label }}</span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Search, X } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PANEL } from \"../../../lib/ease\";\nimport { useOverlay } from \"../../../lib/composables\";\nimport { EASE } from \"./constants\";\nimport { formatAmount } from \"./utils\";\nimport ChainChip from \"./ChainChip.vue\";\nimport TokenDot from \"./TokenDot.vue\";\nimport type { Chain, Token, TokenSide } from \"./types\";\nconst props = defineProps<{\n    open: boolean;\n    side: TokenSide | null;\n    chains: Chain[];\n    tokens: Token[];\n    selectedId: string;\n    reduce: boolean;\n  }>(),\n  emit = defineEmits<{ pick: [id: string]; close: [] }>();\nconst chainFilter = ref(\"all\"),\n  q = ref(\"\"),\n  input = ref<HTMLInputElement>(),\n  panel = ref<HTMLElement | null>(null);\nconst popular = computed(() =>\n    props.tokens.filter((token) => token.popular).slice(0, 6),\n  ),\n  chainById = computed(\n    () => new Map(props.chains.map((chain) => [chain.id, chain])),\n  );\nconst filtered = computed(() => {\n  const term = q.value.trim().toLowerCase();\n  return props.tokens.filter(\n    (token) =>\n      (chainFilter.value === \"all\" || token.chainId === chainFilter.value) &&\n      (!term ||\n        [\n          token.symbol,\n          token.name,\n          chainById.value.get(token.chainId)?.name,\n          token.address,\n        ].some((field) => field?.toLowerCase().includes(term))),\n  );\n});\nwatch(\n  () => props.open,\n  (show) => {\n    if (show) q.value = \"\";\n  },\n);\nuseOverlay(\n  computed(() => props.open),\n  panel,\n  () => emit(\"close\"),\n  () => input.value,\n);\n</script>\n<template>\n  <AnimatePresence as=\"div\" class=\"contents\"\n    ><motion.button\n      v-if=\"open\"\n      key=\"backdrop\"\n      type=\"button\"\n      aria-label=\"Close\"\n      :initial=\"{ opacity: 0 }\"\n      :animate=\"{ opacity: 1 }\"\n      :exit=\"{ opacity: 0 }\"\n      :transition=\"{ duration: reduce ? 0 : 0.2, ease: EASE }\"\n      class=\"absolute inset-0 z-10 cursor-default bg-background/40 backdrop-blur-sm\"\n      @click=\"emit('close')\"\n    /><motion.div\n      v-if=\"open\"\n      key=\"sheet\"\n      ref=\"panel\"\n      :initial=\"reduce ? { opacity: 0 } : { opacity: 0, y: '100%' }\"\n      :animate=\"reduce ? { opacity: 1 } : { opacity: 1, y: 0 }\"\n      :exit=\"reduce ? { opacity: 0 } : { opacity: 0, y: '100%' }\"\n      :transition=\"reduce ? { duration: 0.18, ease: EASE } : SPRING_PANEL\"\n      class=\"absolute inset-x-0 bottom-0 z-20 flex max-h-[92%] flex-col rounded-t-3xl border-t border-border bg-card shadow-2xl\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :aria-label=\"`Select ${side === 'from' ? 'from' : 'to'} token`\"\n      ><div class=\"flex justify-center pb-1 pt-2.5\">\n        <span class=\"h-1 w-9 rounded-full bg-muted\" />\n      </div>\n      <div class=\"flex items-center gap-2 border-b border-border px-4 pb-3\">\n        <Search class=\"h-4 w-4 shrink-0 text-muted-foreground\" /><input\n          ref=\"input\"\n          v-model=\"q\"\n          placeholder=\"Search name or paste address\"\n          aria-label=\"Search tokens\"\n          class=\"w-full bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground/70\"\n        /><button\n          type=\"button\"\n          aria-label=\"Close\"\n          class=\"inline-flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground hover:bg-muted/60 hover:text-foreground\"\n          @click=\"emit('close')\"\n        >\n          <X class=\"h-3.5 w-3.5\" />\n        </button>\n      </div>\n      <div\n        class=\"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden flex items-center gap-1.5 overflow-x-auto border-b border-border px-3 py-5\"\n      >\n        <ChainChip\n          :active=\"chainFilter === 'all'\"\n          label=\"All\"\n          @click=\"chainFilter = 'all'\"\n        /><ChainChip\n          v-for=\"chain in chains\"\n          :key=\"chain.id\"\n          :active=\"chainFilter === chain.id\"\n          :chain=\"chain\"\n          @click=\"chainFilter = chain.id\"\n        />\n      </div>\n      <div class=\"flex-1 overflow-y-auto px-3 pb-4 pt-3\">\n        <template v-if=\"!q && chainFilter === 'all'\"\n          ><p\n            class=\"px-1 pb-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\"\n          >\n            Most popular\n          </p>\n          <div\n            class=\"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden flex items-center gap-1.5 overflow-x-auto pb-3\"\n          >\n            <template v-for=\"token in popular\" :key=\"token.id\"\n              ><button\n                v-if=\"chainById.has(token.chainId)\"\n                type=\"button\"\n                class=\"inline-flex shrink-0 items-center gap-2 rounded-full border border-border bg-background/50 py-1 pl-1 pr-3 text-sm font-semibold text-foreground transition-transform hover:border-border active:scale-[0.97]\"\n                @click=\"emit('pick', token.id)\"\n              >\n                <TokenDot\n                  :token=\"token\"\n                  :chain=\"chainById.get(token.chainId)!\"\n                  :size=\"22\"\n                />{{ token.symbol }}\n              </button></template\n            >\n          </div></template\n        >\n        <p\n          class=\"px-1 pb-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\"\n        >\n          {{ q ? \"Results\" : chainFilter === \"all\" ? \"Trending\" : \"Tokens\" }}\n        </p>\n        <ul class=\"flex flex-col gap-0.5\">\n          <li\n            v-if=\"!filtered.length\"\n            class=\"py-8 text-center text-xs text-muted-foreground\"\n          >\n            No tokens found\n          </li>\n          <li v-for=\"token in filtered\" :key=\"token.id\">\n            <button\n              v-if=\"chainById.has(token.chainId)\"\n              type=\"button\"\n              :class=\"\n                cn(\n                  'flex w-full items-center justify-between rounded-xl px-2 py-2 text-left transition-colors active:scale-[0.97]',\n                  token.id === selectedId ? 'bg-muted/60' : 'hover:bg-muted/60',\n                )\n              \"\n              @click=\"emit('pick', token.id)\"\n            >\n              <span class=\"flex min-w-0 items-center gap-2.5\"\n                ><TokenDot\n                  :token=\"token\"\n                  :chain=\"chainById.get(token.chainId)!\"\n                  :size=\"32\"\n                /><span class=\"flex min-w-0 flex-col\"\n                  ><span\n                    class=\"truncate text-sm font-semibold text-foreground\"\n                    >{{ token.name }}</span\n                  ><span class=\"truncate text-[11px] text-muted-foreground\">{{\n                    token.symbol\n                  }}</span></span\n                ></span\n              ><span\n                class=\"shrink-0 text-right text-[11px] tabular-nums text-muted-foreground\"\n                >{{\n                  token.address ??\n                  (token.balance ? formatAmount(token.balance) : \"\")\n                }}</span\n              >\n            </button>\n          </li>\n        </ul>\n      </div></motion.div\n    ></AnimatePresence\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Search, X } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PANEL } from \"../../../lib/ease\";\nimport { useOverlay } from \"../../../lib/composables\";\nimport { EASE } from \"./constants\";\nimport { formatAmount } from \"./utils\";\nimport ChainChip from \"./ChainChip.vue\";\nimport TokenDot from \"./TokenDot.vue\";\nimport type { Chain, Token, TokenSide } from \"./types\";\nconst props = defineProps<{\n    open: boolean;\n    side: TokenSide | null;\n    chains: Chain[];\n    tokens: Token[];\n    selectedId: string;\n    reduce: boolean;\n  }>(),\n  emit = defineEmits<{ pick: [id: string]; close: [] }>();\nconst chainFilter = ref(\"all\"),\n  q = ref(\"\"),\n  input = ref<HTMLInputElement>(),\n  panel = ref<HTMLElement | null>(null);\nconst popular = computed(() =>\n    props.tokens.filter((token) => token.popular).slice(0, 6),\n  ),\n  chainById = computed(\n    () => new Map(props.chains.map((chain) => [chain.id, chain])),\n  );\nconst filtered = computed(() => {\n  const term = q.value.trim().toLowerCase();\n  return props.tokens.filter(\n    (token) =>\n      (chainFilter.value === \"all\" || token.chainId === chainFilter.value) &&\n      (!term ||\n        [\n          token.symbol,\n          token.name,\n          chainById.value.get(token.chainId)?.name,\n          token.address,\n        ].some((field) => field?.toLowerCase().includes(term))),\n  );\n});\nwatch(\n  () => props.open,\n  (show) => {\n    if (show) q.value = \"\";\n  },\n);\nuseOverlay(\n  computed(() => props.open),\n  panel,\n  () => emit(\"close\"),\n  () => input.value,\n);\n</script>\n<template>\n  <AnimatePresence as=\"div\" class=\"contents\"\n    ><motion.button\n      v-if=\"open\"\n      key=\"backdrop\"\n      type=\"button\"\n      aria-label=\"Close\"\n      :initial=\"{ opacity: 0 }\"\n      :animate=\"{ opacity: 1 }\"\n      :exit=\"{ opacity: 0 }\"\n      :transition=\"{ duration: reduce ? 0 : 0.2, ease: EASE }\"\n      class=\"absolute inset-0 z-10 cursor-default bg-background/40 backdrop-blur-sm\"\n      @click=\"emit('close')\"\n    /><motion.div\n      v-if=\"open\"\n      key=\"sheet\"\n      ref=\"panel\"\n      :initial=\"reduce ? { opacity: 0 } : { opacity: 0, y: '100%' }\"\n      :animate=\"reduce ? { opacity: 1 } : { opacity: 1, y: 0 }\"\n      :exit=\"reduce ? { opacity: 0 } : { opacity: 0, y: '100%' }\"\n      :transition=\"reduce ? { duration: 0.18, ease: EASE } : SPRING_PANEL\"\n      class=\"absolute inset-x-0 bottom-0 z-20 flex max-h-[92%] flex-col rounded-t-3xl border-t border-border bg-card shadow-2xl\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :aria-label=\"`Select ${side === 'from' ? 'from' : 'to'} token`\"\n      ><div class=\"flex justify-center pb-1 pt-2.5\">\n        <span class=\"h-1 w-9 rounded-full bg-muted\" />\n      </div>\n      <div class=\"flex items-center gap-2 border-b border-border px-4 pb-3\">\n        <Search class=\"h-4 w-4 shrink-0 text-muted-foreground\" /><input\n          ref=\"input\"\n          v-model=\"q\"\n          placeholder=\"Search name or paste address\"\n          aria-label=\"Search tokens\"\n          class=\"w-full bg-transparent text-sm text-foreground outline-none placeholder:text-muted-foreground/70\"\n        /><button\n          type=\"button\"\n          aria-label=\"Close\"\n          class=\"inline-flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground hover:bg-muted/60 hover:text-foreground\"\n          @click=\"emit('close')\"\n        >\n          <X class=\"h-3.5 w-3.5\" />\n        </button>\n      </div>\n      <div\n        class=\"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden flex items-center gap-1.5 overflow-x-auto border-b border-border px-3 py-5\"\n      >\n        <ChainChip\n          :active=\"chainFilter === 'all'\"\n          label=\"All\"\n          @click=\"chainFilter = 'all'\"\n        /><ChainChip\n          v-for=\"chain in chains\"\n          :key=\"chain.id\"\n          :active=\"chainFilter === chain.id\"\n          :chain=\"chain\"\n          @click=\"chainFilter = chain.id\"\n        />\n      </div>\n      <div class=\"flex-1 overflow-y-auto px-3 pb-4 pt-3\">\n        <template v-if=\"!q && chainFilter === 'all'\"\n          ><p\n            class=\"px-1 pb-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\"\n          >\n            Most popular\n          </p>\n          <div\n            class=\"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden flex items-center gap-1.5 overflow-x-auto pb-3\"\n          >\n            <template v-for=\"token in popular\" :key=\"token.id\"\n              ><button\n                v-if=\"chainById.has(token.chainId)\"\n                type=\"button\"\n                class=\"inline-flex shrink-0 items-center gap-2 rounded-full border border-border bg-background/50 py-1 pl-1 pr-3 text-sm font-semibold text-foreground transition-transform hover:border-border active:scale-[0.97]\"\n                @click=\"emit('pick', token.id)\"\n              >\n                <TokenDot\n                  :token=\"token\"\n                  :chain=\"chainById.get(token.chainId)!\"\n                  :size=\"22\"\n                />{{ token.symbol }}\n              </button></template\n            >\n          </div></template\n        >\n        <p\n          class=\"px-1 pb-1.5 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\"\n        >\n          {{ q ? \"Results\" : chainFilter === \"all\" ? \"Trending\" : \"Tokens\" }}\n        </p>\n        <ul class=\"flex flex-col gap-0.5\">\n          <li\n            v-if=\"!filtered.length\"\n            class=\"py-8 text-center text-xs text-muted-foreground\"\n          >\n            No tokens found\n          </li>\n          <li v-for=\"token in filtered\" :key=\"token.id\">\n            <button\n              v-if=\"chainById.has(token.chainId)\"\n              type=\"button\"\n              :class=\"\n                cn(\n                  'flex w-full items-center justify-between rounded-xl px-2 py-2 text-left transition-colors active:scale-[0.97]',\n                  token.id === selectedId ? 'bg-muted/60' : 'hover:bg-muted/60',\n                )\n              \"\n              @click=\"emit('pick', token.id)\"\n            >\n              <span class=\"flex min-w-0 items-center gap-2.5\"\n                ><TokenDot\n                  :token=\"token\"\n                  :chain=\"chainById.get(token.chainId)!\"\n                  :size=\"32\"\n                /><span class=\"flex min-w-0 flex-col\"\n                  ><span\n                    class=\"truncate text-sm font-semibold text-foreground\"\n                    >{{ token.name }}</span\n                  ><span class=\"truncate text-[11px] text-muted-foreground\">{{\n                    token.symbol\n                  }}</span></span\n                ></span\n              ><span\n                class=\"shrink-0 text-right text-[11px] tabular-nums text-muted-foreground\"\n                >{{\n                  token.address ??\n                  (token.balance ? formatAmount(token.balance) : \"\")\n                }}</span\n              >\n            </button>\n          </li>\n        </ul>\n      </div></motion.div\n    ></AnimatePresence\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ArrowDownUp, LoaderCircle, Settings } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport { CHAINS, TOKENS } from \"./data\";\nimport { EASE } from \"./constants\";\nimport { formatAmount } from \"./utils\";\nimport { useSwap, type SwapOrder } from \"./use-swap\";\nimport type { Chain, Token } from \"./types\";\nimport Field from \"./Field.vue\";\nimport DestinationRow from \"./DestinationRow.vue\";\nimport TokenPicker from \"./TokenPicker.vue\";\nconst props = withDefaults(\n  defineProps<{\n    chains?: Chain[];\n    tokens?: Token[];\n    defaultFromId?: string;\n    defaultToId?: string;\n  }>(),\n  {\n    chains: () => CHAINS,\n    tokens: () => TOKENS,\n    defaultFromId: \"eth-eth\",\n    defaultToId: \"sol-sol\",\n  },\n);\nconst emit = defineEmits<{ swap: [order: SwapOrder]; connect: [] }>();\nconst {\n  reduce,\n  fromId,\n  toId,\n  amount,\n  rotation,\n  quoting,\n  picking,\n  showDest,\n  destination,\n  from,\n  to,\n  fromChain,\n  toChain,\n  rate,\n  total,\n  disabled,\n  label,\n  flip,\n  pick,\n  toggleDestination,\n  submit,\n} = useSwap(props, (order) => emit(\"swap\", order));\n</script>\n<template>\n  <div\n    class=\"relative isolate w-full max-w-[420px] overflow-hidden rounded-3xl border border-border/30 bg-card\"\n  >\n    <div\n      class=\"flex h-12 items-center justify-between border-b border-border/50 px-3\"\n    >\n      <span class=\"px-2 text-sm font-semibold tracking-tight text-foreground\"\n        >Swap</span\n      ><button\n        type=\"button\"\n        aria-label=\"Settings\"\n        class=\"inline-flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground transition-transform hover:bg-muted/60 hover:text-foreground active:scale-[0.97]\"\n      >\n        <Settings class=\"h-4 w-4\" />\n      </button>\n    </div>\n    <div class=\"flex flex-col gap-1.5 p-4\">\n      <Field\n        side=\"from\"\n        :token=\"from\"\n        :chain=\"fromChain\"\n        :amount=\"amount\"\n        editable\n        :quoting=\"false\"\n        @amount=\"amount = $event\"\n        @open-picker=\"picking = 'from'\"\n      />\n      <div class=\"relative -my-4 flex justify-center\" :style=\"{ zIndex: 1 }\">\n        <motion.button\n          type=\"button\"\n          aria-label=\"Reverse direction\"\n          :while-press=\"reduce ? undefined : { scale: 0.9 }\"\n          :animate=\"reduce ? undefined : { rotate: rotation }\"\n          :transition=\"\n            reduce\n              ? { duration: 0 }\n              : { type: 'spring', stiffness: 380, damping: 26, mass: 0.6 }\n          \"\n          class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border-[3px] border-card bg-muted text-foreground backdrop-blur\"\n          @click=\"flip\"\n          ><ArrowDownUp class=\"h-3.5 w-3.5\"\n        /></motion.button>\n      </div>\n      <Field\n        side=\"to\"\n        :token=\"to\"\n        :chain=\"toChain\"\n        :amount=\"total > 0 ? formatAmount(total) : ''\"\n        :editable=\"false\"\n        :quoting=\"quoting\"\n        @open-picker=\"picking = 'to'\"\n      />\n      <div\n        class=\"mt-3 grid grid-cols-2 gap-x-4 gap-y-1.5 rounded-xl border border-border/50 bg-background/40 px-3.5 py-2.5 text-[11px]\"\n      >\n        <span class=\"text-muted-foreground\">Rate</span\n        ><span class=\"text-right tabular-nums text-foreground\"\n          ><LoaderCircle\n            v-if=\"quoting\"\n            class=\"ml-auto inline h-3 w-3 animate-spin text-muted-foreground\"\n          /><template v-else\n            >1 {{ from.symbol }} ≈ {{ formatAmount(rate) }}\n            {{ to.symbol }}</template\n          ></span\n        ><span class=\"text-muted-foreground\">Network fee</span\n        ><span class=\"text-right tabular-nums text-foreground\">$0.42</span\n        ><span class=\"text-muted-foreground\">Slippage</span\n        ><span class=\"text-right tabular-nums text-foreground\">0.50%</span\n        ><span class=\"text-muted-foreground\">ETA</span\n        ><span class=\"text-right text-foreground\">≈ 24s</span>\n      </div>\n      <DestinationRow\n        :show=\"showDest\"\n        :address=\"destination\"\n        :reduce=\"reduce\"\n        @toggle=\"toggleDestination\"\n        @address=\"destination = $event\"\n      /><motion.button\n        type=\"button\"\n        :while-press=\"disabled || reduce ? undefined : { scale: 0.97 }\"\n        :transition=\"SPRING_PRESS\"\n        :disabled=\"disabled\"\n        :class=\"\n          cn(\n            'mt-3 inline-flex h-12 w-full items-center justify-center rounded-2xl text-sm font-semibold transition-colors',\n            disabled\n              ? 'cursor-not-allowed bg-muted text-muted-foreground'\n              : 'bg-primary text-primary-foreground hover:bg-primary/90',\n          )\n        \"\n        @click=\"submit\"\n        ><AnimatePresence mode=\"wait\" :initial=\"false\"\n          ><motion.span\n            :key=\"label\"\n            :initial=\"{ opacity: 0 }\"\n            :animate=\"{ opacity: 1 }\"\n            :exit=\"{ opacity: 0 }\"\n            :transition=\"{ duration: reduce ? 0 : 0.14, ease: EASE }\"\n            >{{ label }}</motion.span\n          ></AnimatePresence\n        ></motion.button\n      >\n    </div>\n    <TokenPicker\n      :open=\"picking !== null\"\n      :side=\"picking\"\n      :chains=\"chains\"\n      :tokens=\"tokens\"\n      :selected-id=\"picking === 'from' ? fromId : toId\"\n      :reduce=\"reduce\"\n      @pick=\"pick\"\n      @close=\"picking = null\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ArrowDownUp, LoaderCircle, Settings } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport { CHAINS, TOKENS } from \"./data\";\nimport { EASE } from \"./constants\";\nimport { formatAmount } from \"./utils\";\nimport { useSwap, type SwapOrder } from \"./use-swap\";\nimport type { Chain, Token } from \"./types\";\nimport Field from \"./Field.vue\";\nimport DestinationRow from \"./DestinationRow.vue\";\nimport TokenPicker from \"./TokenPicker.vue\";\nconst props = withDefaults(\n  defineProps<{\n    chains?: Chain[];\n    tokens?: Token[];\n    defaultFromId?: string;\n    defaultToId?: string;\n  }>(),\n  {\n    chains: () => CHAINS,\n    tokens: () => TOKENS,\n    defaultFromId: \"eth-eth\",\n    defaultToId: \"sol-sol\",\n  },\n);\nconst emit = defineEmits<{ swap: [order: SwapOrder]; connect: [] }>();\nconst {\n  reduce,\n  fromId,\n  toId,\n  amount,\n  rotation,\n  quoting,\n  picking,\n  showDest,\n  destination,\n  from,\n  to,\n  fromChain,\n  toChain,\n  rate,\n  total,\n  disabled,\n  label,\n  flip,\n  pick,\n  toggleDestination,\n  submit,\n} = useSwap(props, (order) => emit(\"swap\", order));\n</script>\n<template>\n  <div\n    class=\"relative isolate w-full max-w-[420px] overflow-hidden rounded-3xl border border-border/30 bg-card\"\n  >\n    <div\n      class=\"flex h-12 items-center justify-between border-b border-border/50 px-3\"\n    >\n      <span class=\"px-2 text-sm font-semibold tracking-tight text-foreground\"\n        >Swap</span\n      ><button\n        type=\"button\"\n        aria-label=\"Settings\"\n        class=\"inline-flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground transition-transform hover:bg-muted/60 hover:text-foreground active:scale-[0.97]\"\n      >\n        <Settings class=\"h-4 w-4\" />\n      </button>\n    </div>\n    <div class=\"flex flex-col gap-1.5 p-4\">\n      <Field\n        side=\"from\"\n        :token=\"from\"\n        :chain=\"fromChain\"\n        :amount=\"amount\"\n        editable\n        :quoting=\"false\"\n        @amount=\"amount = $event\"\n        @open-picker=\"picking = 'from'\"\n      />\n      <div class=\"relative -my-4 flex justify-center\" :style=\"{ zIndex: 1 }\">\n        <motion.button\n          type=\"button\"\n          aria-label=\"Reverse direction\"\n          :while-press=\"reduce ? undefined : { scale: 0.9 }\"\n          :animate=\"reduce ? undefined : { rotate: rotation }\"\n          :transition=\"\n            reduce\n              ? { duration: 0 }\n              : { type: 'spring', stiffness: 380, damping: 26, mass: 0.6 }\n          \"\n          class=\"inline-flex h-9 w-9 items-center justify-center rounded-full border-[3px] border-card bg-muted text-foreground backdrop-blur\"\n          @click=\"flip\"\n          ><ArrowDownUp class=\"h-3.5 w-3.5\"\n        /></motion.button>\n      </div>\n      <Field\n        side=\"to\"\n        :token=\"to\"\n        :chain=\"toChain\"\n        :amount=\"total > 0 ? formatAmount(total) : ''\"\n        :editable=\"false\"\n        :quoting=\"quoting\"\n        @open-picker=\"picking = 'to'\"\n      />\n      <div\n        class=\"mt-3 grid grid-cols-2 gap-x-4 gap-y-1.5 rounded-xl border border-border/50 bg-background/40 px-3.5 py-2.5 text-[11px]\"\n      >\n        <span class=\"text-muted-foreground\">Rate</span\n        ><span class=\"text-right tabular-nums text-foreground\"\n          ><LoaderCircle\n            v-if=\"quoting\"\n            class=\"ml-auto inline h-3 w-3 animate-spin text-muted-foreground\"\n          /><template v-else\n            >1 {{ from.symbol }} ≈ {{ formatAmount(rate) }}\n            {{ to.symbol }}</template\n          ></span\n        ><span class=\"text-muted-foreground\">Network fee</span\n        ><span class=\"text-right tabular-nums text-foreground\">$0.42</span\n        ><span class=\"text-muted-foreground\">Slippage</span\n        ><span class=\"text-right tabular-nums text-foreground\">0.50%</span\n        ><span class=\"text-muted-foreground\">ETA</span\n        ><span class=\"text-right text-foreground\">≈ 24s</span>\n      </div>\n      <DestinationRow\n        :show=\"showDest\"\n        :address=\"destination\"\n        :reduce=\"reduce\"\n        @toggle=\"toggleDestination\"\n        @address=\"destination = $event\"\n      /><motion.button\n        type=\"button\"\n        :while-press=\"disabled || reduce ? undefined : { scale: 0.97 }\"\n        :transition=\"SPRING_PRESS\"\n        :disabled=\"disabled\"\n        :class=\"\n          cn(\n            'mt-3 inline-flex h-12 w-full items-center justify-center rounded-2xl text-sm font-semibold transition-colors',\n            disabled\n              ? 'cursor-not-allowed bg-muted text-muted-foreground'\n              : 'bg-primary text-primary-foreground hover:bg-primary/90',\n          )\n        \"\n        @click=\"submit\"\n        ><AnimatePresence mode=\"wait\" :initial=\"false\"\n          ><motion.span\n            :key=\"label\"\n            :initial=\"{ opacity: 0 }\"\n            :animate=\"{ opacity: 1 }\"\n            :exit=\"{ opacity: 0 }\"\n            :transition=\"{ duration: reduce ? 0 : 0.14, ease: EASE }\"\n            >{{ label }}</motion.span\n          ></AnimatePresence\n        ></motion.button\n      >\n    </div>\n    <TokenPicker\n      :open=\"picking !== null\"\n      :side=\"picking\"\n      :chains=\"chains\"\n      :tokens=\"tokens\"\n      :selected-id=\"picking === 'from' ? fromId : toId\"\n      :reduce=\"reduce\"\n      @pick=\"pick\"\n      @close=\"picking = null\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/swipeable-list-AlQhrq07.js

@@ -0,0 +1,249 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { t } from "./utils-DIrLOK2M.js";
+import { r as n, t as r } from "./shared-DAEawhBJ.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createVNode as d, defineComponent as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as v, openBlock as y, ref as b, renderList as x, renderSlot as S, unref as C, useId as w, watch as T, withCtx as E } from "vue";
+import { animate as D, motion as O, useMotionValue as k } from "motion-v";
+import { Ellipsis as A } from "lucide-vue-next";
+// src/blocks/swipeable-list/src/gesture.ts
+function j(e, t, n, r, i, a) {
+	return n === "left" ? e < r * .72 || t < -320 ? null : "left" : n === "right" ? Math.abs(e) < i * .72 || t > 320 ? null : "right" : r > 0 && e > 0 && (e > Math.max(a, r * .46) || t > 720 && e > 14) ? "left" : i > 0 && e < 0 && (e < -Math.max(a, i * .46) || t < -720 && e < -14) ? "right" : null;
+}
+// src/blocks/swipeable-list/src/use-swipe-row.ts
+function M(t, n, r) {
+	let i = e(), o = k(0), s = b(), c = b(), l = a(() => t.item.leftActions ?? []), u = a(() => t.item.rightActions ?? []), d = a(() => l.value.length * t.actionWidth), f = a(() => u.value.length * t.actionWidth), p = a(() => t.openValue?.id === t.item.id ? t.openValue.side : null), h = (e) => e === "left" ? d.value : e === "right" ? -f.value : 0, g = a(() => h(p.value)), y, x = 0, S = !1, C = !1, w = 0;
+	function E(e, t = 0) {
+		let n = ++w;
+		x = e, y?.stop(), i.value ? o.set(e) : y = D(o, e, {
+			type: "spring",
+			stiffness: 560,
+			damping: 48,
+			mass: .82,
+			restDelta: .5,
+			restSpeed: 8,
+			velocity: Math.max(-1500, Math.min(1500, t)),
+			onComplete() {
+				n === w && S && o.set(e);
+			}
+		});
+	}
+	function O(e, r = 0) {
+		n(e ? {
+			id: t.item.id,
+			side: e
+		} : null), E(h(e), r);
+	}
+	T([g, i], () => {
+		S && (i.value || x !== g.value) && E(g.value);
+	}), T(p, (e) => {
+		e && C && (C = !1, m(() => {
+			S && s.value?.querySelector(`[data-side="${e}"] button:not(:disabled)`)?.focus();
+		}));
+	}), v(() => {
+		S = !0, g.value && E(g.value);
+	}), _(() => {
+		S = !1, w++, y?.stop();
+	});
+	function A() {
+		y?.stop(), t.openValue && t.openValue.id !== t.item.id && n(null);
+	}
+	function M(e, n) {
+		O(j(o.get(), n.velocity.x, p.value, d.value, f.value, t.revealThreshold), n.velocity.x);
+	}
+	function N(e, n) {
+		e.disabled || t.item.disabled || (e.onClick?.(t.item), r({
+			item: t.item,
+			action: e,
+			side: n
+		}), t.closeOnAction && (s.value?.contains(document.activeElement) && c.value?.focus(), O(null)));
+	}
+	function P(e) {
+		h(e) && (C = !0, O(e));
+	}
+	function F(e) {
+		e.key === "ArrowLeft" ? (e.preventDefault(), p.value === "left" ? O(null) : P("right")) : e.key === "ArrowRight" ? (e.preventDefault(), p.value === "right" ? O(null) : P("left")) : e.key === "Escape" && p.value && (e.preventDefault(), O(null));
+	}
+	function I(e) {
+		e.key === "Escape" && (e.preventDefault(), c.value?.focus(), O(null));
+	}
+	return {
+		rail: s,
+		toggle: c,
+		left: l,
+		right: u,
+		leftWidth: d,
+		rightWidth: f,
+		openSide: p,
+		x: o,
+		dragStart: A,
+		dragEnd: M,
+		run: N,
+		snap: O,
+		keyboardOpen: P,
+		keydown: F,
+		railKey: I
+	};
+}
+// src/blocks/swipeable-list/src/SwipeableRow.vue?vue&type=script&setup=true&lang.ts
+var N = [
+	"id",
+	"aria-hidden",
+	"inert"
+], P = ["data-side"], F = [
+	"disabled",
+	"tabindex",
+	"aria-label",
+	"onClick"
+], I = { class: "sr-only" }, L = {
+	key: 1,
+	class: "flex min-w-0 items-center gap-3"
+}, R = [
+	"aria-label",
+	"aria-expanded",
+	"aria-controls"
+], z = /* @__PURE__ */ f({
+	__name: "SwipeableRow",
+	props: {
+		item: {},
+		actionWidth: {},
+		revealThreshold: {},
+		openValue: {},
+		closeOnAction: { type: Boolean },
+		classNames: {}
+	},
+	emits: ["change", "action"],
+	setup(e, { emit: n }) {
+		let a = e, u = n, f = w(), { rail: p, toggle: m, left: _, right: v, leftWidth: b, rightWidth: T, openSide: D, x: k, dragStart: j, dragEnd: z, run: B, snap: V, keyboardOpen: H, keydown: U, railKey: W } = M(a, (e) => u("change", e), (e) => u("action", e)), G = {
+			neutral: "text-muted-foreground group-hover:text-foreground",
+			primary: "text-foreground",
+			success: "text-emerald-600 dark:text-emerald-400",
+			warning: "text-amber-600 dark:text-amber-400",
+			danger: "text-destructive"
+		}, K = ["left", "right"];
+		return (n, a) => (y(), c("div", { class: h(C(t)("relative isolate overflow-hidden rounded-2xl bg-muted", e.item.disabled && "opacity-60", e.classNames?.item)) }, [l("div", {
+			ref_key: "rail",
+			ref: p,
+			id: C(f),
+			"aria-hidden": !C(D),
+			inert: !C(D),
+			class: h(C(t)("absolute inset-0 z-0 flex overflow-hidden rounded-2xl", e.classNames?.rail)),
+			onKeydown: a[0] ||= (...e) => C(W) && C(W)(...e)
+		}, [(y(), c(i, null, x(K, (n) => l("div", {
+			key: n,
+			"data-side": n,
+			class: h(C(t)("flex h-full overflow-hidden", n === "left" ? "rounded-l-2xl" : "ml-auto rounded-r-2xl"))
+		}, [(y(!0), c(i, null, x(C(n === "left" ? _ : v), (i) => (y(), c("button", {
+			key: i.id,
+			type: "button",
+			disabled: i.disabled || e.item.disabled,
+			tabindex: C(D) === n ? 0 : -1,
+			"aria-label": typeof i.label == "string" ? i.label : void 0,
+			class: h(C(t)("group flex h-full shrink-0 items-center justify-center outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50", e.classNames?.action)),
+			style: g({ width: e.actionWidth + "px" }),
+			onClick: (e) => C(B)(i, n)
+		}, [l("span", { class: h(C(t)("grid h-9 w-9 place-items-center rounded-full transition-[background-color,color,transform] duration-150 group-hover:bg-background group-active:scale-95 [&_svg]:size-4", G[i.tone ?? "neutral"])) }, [d(C(r), { node: i.icon }, null, 8, ["node"])], 2), l("span", I, [d(C(r), { node: i.label }, null, 8, ["node"])])], 14, F))), 128))], 10, P)), 64))], 42, N), d(C(O).div, {
+			drag: !e.item.disabled && "x",
+			"drag-constraints": {
+				left: -C(T),
+				right: C(b)
+			},
+			"drag-elastic": .04,
+			"drag-momentum": !1,
+			style: g({ x: C(k) }),
+			class: h(C(t)("relative z-10 min-h-[72px] cursor-grab touch-pan-y rounded-2xl border border-border bg-card px-4 py-3 shadow-sm active:cursor-grabbing [-webkit-touch-callout:none] pointer-coarse:select-none", e.classNames?.surface)),
+			onDragStart: C(j),
+			onDragEnd: C(z)
+		}, {
+			default: E(() => [S(n.$slots, "default", { item: e.item }, () => [e.item.content ? (y(), o(C(r), {
+				key: 0,
+				node: e.item.content
+			}, null, 8, ["node"])) : (y(), c("div", L, [
+				e.item.leading ? (y(), c("div", {
+					key: 0,
+					class: h(C(t)("shrink-0 [&_svg]:size-5", e.classNames?.leading))
+				}, [d(C(r), { node: e.item.leading }, null, 8, ["node"])], 2)) : s("", !0),
+				l("div", { class: h(C(t)("min-w-0 flex-1", e.classNames?.content)) }, [e.item.title ? (y(), c("div", {
+					key: 0,
+					class: h(C(t)("truncate text-sm font-medium text-foreground", e.classNames?.title))
+				}, [d(C(r), { node: e.item.title }, null, 8, ["node"])], 2)) : s("", !0), e.item.description ? (y(), c("div", {
+					key: 1,
+					class: h(C(t)("mt-0.5 truncate text-xs text-muted-foreground", e.classNames?.description))
+				}, [d(C(r), { node: e.item.description }, null, 8, ["node"])], 2)) : s("", !0)], 2),
+				e.item.meta ? (y(), c("div", {
+					key: 1,
+					class: h(C(t)("shrink-0 text-xs font-medium text-muted-foreground", e.classNames?.meta))
+				}, [d(C(r), { node: e.item.meta }, null, 8, ["node"])], 2)) : s("", !0)
+			]))]), (C(_).length || C(v).length) && !e.item.disabled ? (y(), c("button", {
+				key: 0,
+				ref_key: "toggle",
+				ref: m,
+				type: "button",
+				"aria-label": typeof e.item.title == "string" ? `Actions for ${e.item.title}` : "Show actions",
+				"aria-expanded": !!C(D),
+				"aria-controls": C(f),
+				class: "sr-only grid place-items-center rounded-full bg-muted text-muted-foreground outline-none focus-visible:not-sr-only focus-visible:absolute focus-visible:right-3 focus-visible:top-1/2 focus-visible:h-8 focus-visible:w-8 focus-visible:-translate-y-1/2 focus-visible:ring-2 focus-visible:ring-ring",
+				onClick: a[1] ||= (e) => C(D) ? C(V)(null) : C(H)(C(T) > 0 ? "right" : "left"),
+				onKeydown: a[2] ||= (...e) => C(U) && C(U)(...e)
+			}, [d(C(A), {
+				"aria-hidden": "true",
+				class: "h-4 w-4"
+			})], 40, R)) : s("", !0)]),
+			_: 3
+		}, 8, [
+			"drag",
+			"drag-constraints",
+			"style",
+			"class",
+			"onDragStart",
+			"onDragEnd"
+		])], 2));
+	}
+}), B = /* @__PURE__ */ f({
+	__name: "SwipeableList",
+	props: {
+		items: {},
+		modelValue: {},
+		defaultValue: { default: null },
+		actionWidth: { default: 56 },
+		revealThreshold: { default: 34 },
+		closeOnAction: {
+			type: Boolean,
+			default: !0
+		},
+		classNames: {}
+	},
+	emits: [
+		"update:modelValue",
+		"valueChange",
+		"action"
+	],
+	setup(e, { emit: r }) {
+		let a = e, s = r, l = n(() => a.modelValue, a.defaultValue, (e) => {
+			s("update:modelValue", e), s("valueChange", e);
+		});
+		return (n, r) => (y(), c("div", { class: h(C(t)("flex w-full flex-col gap-2", e.classNames?.root)) }, [(y(!0), c(i, null, x(e.items, (t) => (y(), o(z, {
+			key: t.id,
+			item: t,
+			"action-width": e.actionWidth,
+			"reveal-threshold": e.revealThreshold,
+			"open-value": C(l),
+			"close-on-action": e.closeOnAction,
+			"class-names": e.classNames,
+			onChange: r[0] ||= (e) => l.value = e,
+			onAction: r[1] ||= (e) => s("action", e)
+		}, u({ _: 2 }, [n.$slots.item ? {
+			name: "default",
+			fn: E((e) => [S(n.$slots, "item", p({ ref_for: !0 }, e))]),
+			key: "0"
+		} : void 0]), 1032, [
+			"item",
+			"action-width",
+			"reveal-threshold",
+			"open-value",
+			"close-on-action",
+			"class-names"
+		]))), 128))], 2));
+	}
+});
+export { B as t };
+
+//# sourceMappingURL=swipeable-list-AlQhrq07.js.map

package/dist/swipeable-list-AlQhrq07.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipeable-list-AlQhrq07.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_Fragment","_renderList","_normalizeStyle","_createVNode","_withCtx","_renderSlot","_createBlock","_createCommentVNode","_sfc_main","$slots","_openBlock","_createElementBlock","_normalizeClass","_unref","_Fragment","_renderList","_createBlock","SwipeableRow","_createSlots","_withCtx","_renderSlot","_mergeProps","_sfc_main","useReducedMotion","useControllable","RenderNode","resolveSwipeSide","open","position","left","velocity","right","threshold","useSwipeRow","reduce","x","useMotionValue","rail","ref","toggle","computed","options","leftWidth","rightWidth","openSide","offset","side","target","animation","commanded","live","focusPending","generation","settle","current","value","animate","snap","change","watch","nextTick","onMounted","onBeforeUnmount","dragStart","dragEnd","info","run","selected","action","keyboardOpen","keydown","event","railKey","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","SwipeableRow_default","defineComponent","__emit","props","__props","emit","railId","useId","payload","tones","sides","openBlock","createElementBlock","normalizeClass","unref","cn","createElementVNode","_cache","args","Fragment","renderList","normalizeStyle","createVNode","motion","withCtx","renderSlot","_ctx","createBlock","createCommentVNode","Ellipsis","SwipeableList_default","next","item","$event","createSlots","mergeProps","scope"],"sources":["../src/blocks/swipeable-list/src/gesture.ts","../src/blocks/swipeable-list/src/use-swipe-row.ts","../src/blocks/swipeable-list/src/SwipeableRow.vue","../src/blocks/swipeable-list/src/SwipeableRow.vue","../src/blocks/swipeable-list/src/SwipeableList.vue","../src/blocks/swipeable-list/src/SwipeableList.vue"],"sourcesContent":["import type { SwipeSide } from \"./SwipeableList.vue\";\nexport function resolveSwipeSide(\n  position: number,\n  velocity: number,\n  open: SwipeSide | null,\n  left: number,\n  right: number,\n  threshold: number,\n): SwipeSide | null {\n  if (open === \"left\")\n    return position < left * 0.72 || velocity < -320 ? null : \"left\";\n  if (open === \"right\")\n    return Math.abs(position) < right * 0.72 || velocity > 320 ? null : \"right\";\n  if (\n    left > 0 &&\n    position > 0 &&\n    (position > Math.max(threshold, left * 0.46) ||\n      (velocity > 720 && position > 14))\n  )\n    return \"left\";\n  if (\n    right > 0 &&\n    position < 0 &&\n    (position < -Math.max(threshold, right * 0.46) ||\n      (velocity < -720 && position < -14))\n  )\n    return \"right\";\n  return null;\n}\n","import {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from \"vue\";\nimport { animate, useMotionValue, type PanInfo } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { resolveSwipeSide } from \"./gesture\";\nimport type {\n  SwipeAction,\n  SwipeableListItem,\n  SwipeableListValue,\n  SwipeSide,\n} from \"./SwipeableList.vue\";\ntype Options = {\n  item: SwipeableListItem;\n  actionWidth: number;\n  revealThreshold: number;\n  openValue: SwipeableListValue | null;\n  closeOnAction: boolean;\n};\nexport function useSwipeRow(\n  options: Options,\n  change: (value: SwipeableListValue | null) => void,\n  action: (payload: {\n    item: SwipeableListItem;\n    action: SwipeAction;\n    side: SwipeSide;\n  }) => void,\n) {\n  const reduce = useReducedMotion(),\n    x = useMotionValue(0);\n  const rail = ref<HTMLDivElement>(),\n    toggle = ref<HTMLButtonElement>();\n  const left = computed(() => options.item.leftActions ?? []),\n    right = computed(() => options.item.rightActions ?? []);\n  const leftWidth = computed(() => left.value.length * options.actionWidth),\n    rightWidth = computed(() => right.value.length * options.actionWidth);\n  const openSide = computed(() =>\n    options.openValue?.id === options.item.id ? options.openValue.side : null,\n  );\n  const offset = (side: SwipeSide | null) =>\n    side === \"left\"\n      ? leftWidth.value\n      : side === \"right\"\n        ? -rightWidth.value\n        : 0;\n  const target = computed(() => offset(openSide.value));\n  let animation: ReturnType<typeof animate> | undefined,\n    commanded = 0,\n    live = false,\n    focusPending = false,\n    generation = 0;\n  function settle(value: number, velocity = 0) {\n    const current = ++generation;\n    commanded = value;\n    animation?.stop();\n    if (reduce.value) {\n      x.set(value);\n      return;\n    }\n    animation = animate(x, value, {\n      type: \"spring\",\n      stiffness: 560,\n      damping: 48,\n      mass: 0.82,\n      restDelta: 0.5,\n      restSpeed: 8,\n      velocity: Math.max(-1500, Math.min(1500, velocity)),\n      onComplete() {\n        if (current === generation && live) x.set(value);\n      },\n    });\n  }\n  function snap(side: SwipeSide | null, velocity = 0) {\n    change(side ? { id: options.item.id, side } : null);\n    settle(offset(side), velocity);\n  }\n  watch([target, reduce], () => {\n    if (live && (reduce.value || commanded !== target.value))\n      settle(target.value);\n  });\n  watch(openSide, (side) => {\n    if (!side || !focusPending) return;\n    focusPending = false;\n    void nextTick(() => {\n      if (live)\n        rail.value\n          ?.querySelector<HTMLButtonElement>(\n            `[data-side=\"${side}\"] button:not(:disabled)`,\n          )\n          ?.focus();\n    });\n  });\n  onMounted(() => {\n    live = true;\n    if (target.value) settle(target.value);\n  });\n  onBeforeUnmount(() => {\n    live = false;\n    generation++;\n    animation?.stop();\n  });\n  function dragStart() {\n    animation?.stop();\n    if (options.openValue && options.openValue.id !== options.item.id)\n      change(null);\n  }\n  function dragEnd(_: PointerEvent, info: PanInfo) {\n    snap(\n      resolveSwipeSide(\n        x.get(),\n        info.velocity.x,\n        openSide.value,\n        leftWidth.value,\n        rightWidth.value,\n        options.revealThreshold,\n      ),\n      info.velocity.x,\n    );\n  }\n  function run(selected: SwipeAction, side: SwipeSide) {\n    if (selected.disabled || options.item.disabled) return;\n    selected.onClick?.(options.item);\n    action({ item: options.item, action: selected, side });\n    if (options.closeOnAction) {\n      if (rail.value?.contains(document.activeElement)) toggle.value?.focus();\n      snap(null);\n    }\n  }\n  function keyboardOpen(side: SwipeSide) {\n    if (!offset(side)) return;\n    focusPending = true;\n    snap(side);\n  }\n  function keydown(event: KeyboardEvent) {\n    if (event.key === \"ArrowLeft\") {\n      event.preventDefault();\n      if (openSide.value === \"left\") snap(null);\n      else keyboardOpen(\"right\");\n    } else if (event.key === \"ArrowRight\") {\n      event.preventDefault();\n      if (openSide.value === \"right\") snap(null);\n      else keyboardOpen(\"left\");\n    } else if (event.key === \"Escape\" && openSide.value) {\n      event.preventDefault();\n      snap(null);\n    }\n  }\n  function railKey(event: KeyboardEvent) {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      toggle.value?.focus();\n      snap(null);\n    }\n  }\n  return {\n    rail,\n    toggle,\n    left,\n    right,\n    leftWidth,\n    rightWidth,\n    openSide,\n    x,\n    dragStart,\n    dragEnd,\n    run,\n    snap,\n    keyboardOpen,\n    keydown,\n    railKey,\n  };\n}\n","<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { Ellipsis } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode } from \"../../shared\";\nimport { useSwipeRow } from \"./use-swipe-row\";\nimport type {\n  SwipeAction,\n  SwipeableListItem,\n  SwipeableListValue,\n  SwipeSide,\n} from \"./SwipeableList.vue\";\nimport type { SwipeableListClassNames } from \"./source-types\";\nconst props = defineProps<{\n  item: SwipeableListItem;\n  actionWidth: number;\n  revealThreshold: number;\n  openValue: SwipeableListValue | null;\n  closeOnAction: boolean;\n  classNames?: SwipeableListClassNames;\n}>();\nconst emit = defineEmits<{\n  change: [value: SwipeableListValue | null];\n  action: [\n    payload: { item: SwipeableListItem; action: SwipeAction; side: SwipeSide },\n  ];\n}>();\nconst railId = useId();\nconst {\n  rail,\n  toggle,\n  left,\n  right,\n  leftWidth,\n  rightWidth,\n  openSide,\n  x,\n  dragStart,\n  dragEnd,\n  run,\n  snap,\n  keyboardOpen,\n  keydown,\n  railKey,\n} = useSwipeRow(\n  props,\n  (value) => emit(\"change\", value),\n  (payload) => emit(\"action\", payload),\n);\nconst tones = {\n  neutral: \"text-muted-foreground group-hover:text-foreground\",\n  primary: \"text-foreground\",\n  success: \"text-emerald-600 dark:text-emerald-400\",\n  warning: \"text-amber-600 dark:text-amber-400\",\n  danger: \"text-destructive\",\n};\nconst sides = [\"left\", \"right\"] as const;\n</script>\n<template>\n  <div\n    :class=\"\n      cn(\n        'relative isolate overflow-hidden rounded-2xl bg-muted',\n        item.disabled && 'opacity-60',\n        classNames?.item,\n      )\n    \"\n  >\n    <div\n      ref=\"rail\"\n      :id=\"railId\"\n      :aria-hidden=\"!openSide\"\n      :inert=\"!openSide\"\n      :class=\"\n        cn(\n          'absolute inset-0 z-0 flex overflow-hidden rounded-2xl',\n          classNames?.rail,\n        )\n      \"\n      @keydown=\"railKey\"\n    >\n      <div\n        v-for=\"side in sides\"\n        :key=\"side\"\n        :data-side=\"side\"\n        :class=\"\n          cn(\n            'flex h-full overflow-hidden',\n            side === 'left' ? 'rounded-l-2xl' : 'ml-auto rounded-r-2xl',\n          )\n        \"\n      >\n        <button\n          v-for=\"action in side === 'left' ? left : right\"\n          :key=\"action.id\"\n          type=\"button\"\n          :disabled=\"action.disabled || item.disabled\"\n          :tabindex=\"openSide === side ? 0 : -1\"\n          :aria-label=\"\n            typeof action.label === 'string' ? action.label : undefined\n          \"\n          :class=\"\n            cn(\n              'group flex h-full shrink-0 items-center justify-center outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50',\n              classNames?.action,\n            )\n          \"\n          :style=\"{ width: actionWidth + 'px' }\"\n          @click=\"run(action, side)\"\n        >\n          <span\n            :class=\"\n              cn(\n                'grid h-9 w-9 place-items-center rounded-full transition-[background-color,color,transform] duration-150 group-hover:bg-background group-active:scale-95 [&_svg]:size-4',\n                tones[action.tone ?? 'neutral'],\n              )\n            \"\n            ><RenderNode :node=\"action.icon\" /></span\n          ><span class=\"sr-only\"><RenderNode :node=\"action.label\" /></span>\n        </button>\n      </div>\n    </div>\n    <motion.div\n      :drag=\"item.disabled ? false : 'x'\"\n      :drag-constraints=\"{ left: -rightWidth, right: leftWidth }\"\n      :drag-elastic=\"0.04\"\n      :drag-momentum=\"false\"\n      :style=\"{ x }\"\n      :class=\"\n        cn(\n          'relative z-10 min-h-[72px] cursor-grab touch-pan-y rounded-2xl border border-border bg-card px-4 py-3 shadow-sm active:cursor-grabbing [-webkit-touch-callout:none] pointer-coarse:select-none',\n          classNames?.surface,\n        )\n      \"\n      @drag-start=\"dragStart\"\n      @drag-end=\"dragEnd\"\n    >\n      <slot :item=\"item\"\n        ><RenderNode v-if=\"item.content\" :node=\"item.content\" />\n        <div v-else class=\"flex min-w-0 items-center gap-3\">\n          <div\n            v-if=\"item.leading\"\n            :class=\"cn('shrink-0 [&_svg]:size-5', classNames?.leading)\"\n          >\n            <RenderNode :node=\"item.leading\" />\n          </div>\n          <div :class=\"cn('min-w-0 flex-1', classNames?.content)\">\n            <div\n              v-if=\"item.title\"\n              :class=\"\n                cn(\n                  'truncate text-sm font-medium text-foreground',\n                  classNames?.title,\n                )\n              \"\n            >\n              <RenderNode :node=\"item.title\" />\n            </div>\n            <div\n              v-if=\"item.description\"\n              :class=\"\n                cn(\n                  'mt-0.5 truncate text-xs text-muted-foreground',\n                  classNames?.description,\n                )\n              \"\n            >\n              <RenderNode :node=\"item.description\" />\n            </div>\n          </div>\n          <div\n            v-if=\"item.meta\"\n            :class=\"\n              cn(\n                'shrink-0 text-xs font-medium text-muted-foreground',\n                classNames?.meta,\n              )\n            \"\n          >\n            <RenderNode :node=\"item.meta\" />\n          </div></div\n      ></slot>\n      <button\n        v-if=\"(left.length || right.length) && !item.disabled\"\n        ref=\"toggle\"\n        type=\"button\"\n        :aria-label=\"\n          typeof item.title === 'string'\n            ? `Actions for ${item.title}`\n            : 'Show actions'\n        \"\n        :aria-expanded=\"!!openSide\"\n        :aria-controls=\"railId\"\n        class=\"sr-only grid place-items-center rounded-full bg-muted text-muted-foreground outline-none focus-visible:not-sr-only focus-visible:absolute focus-visible:right-3 focus-visible:top-1/2 focus-visible:h-8 focus-visible:w-8 focus-visible:-translate-y-1/2 focus-visible:ring-2 focus-visible:ring-ring\"\n        @click=\"\n          openSide\n            ? snap(null)\n            : keyboardOpen(rightWidth > 0 ? 'right' : 'left')\n        \"\n        @keydown=\"keydown\"\n      >\n        <Ellipsis aria-hidden=\"true\" class=\"h-4 w-4\" />\n      </button>\n    </motion.div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { Ellipsis } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode } from \"../../shared\";\nimport { useSwipeRow } from \"./use-swipe-row\";\nimport type {\n  SwipeAction,\n  SwipeableListItem,\n  SwipeableListValue,\n  SwipeSide,\n} from \"./SwipeableList.vue\";\nimport type { SwipeableListClassNames } from \"./source-types\";\nconst props = defineProps<{\n  item: SwipeableListItem;\n  actionWidth: number;\n  revealThreshold: number;\n  openValue: SwipeableListValue | null;\n  closeOnAction: boolean;\n  classNames?: SwipeableListClassNames;\n}>();\nconst emit = defineEmits<{\n  change: [value: SwipeableListValue | null];\n  action: [\n    payload: { item: SwipeableListItem; action: SwipeAction; side: SwipeSide },\n  ];\n}>();\nconst railId = useId();\nconst {\n  rail,\n  toggle,\n  left,\n  right,\n  leftWidth,\n  rightWidth,\n  openSide,\n  x,\n  dragStart,\n  dragEnd,\n  run,\n  snap,\n  keyboardOpen,\n  keydown,\n  railKey,\n} = useSwipeRow(\n  props,\n  (value) => emit(\"change\", value),\n  (payload) => emit(\"action\", payload),\n);\nconst tones = {\n  neutral: \"text-muted-foreground group-hover:text-foreground\",\n  primary: \"text-foreground\",\n  success: \"text-emerald-600 dark:text-emerald-400\",\n  warning: \"text-amber-600 dark:text-amber-400\",\n  danger: \"text-destructive\",\n};\nconst sides = [\"left\", \"right\"] as const;\n</script>\n<template>\n  <div\n    :class=\"\n      cn(\n        'relative isolate overflow-hidden rounded-2xl bg-muted',\n        item.disabled && 'opacity-60',\n        classNames?.item,\n      )\n    \"\n  >\n    <div\n      ref=\"rail\"\n      :id=\"railId\"\n      :aria-hidden=\"!openSide\"\n      :inert=\"!openSide\"\n      :class=\"\n        cn(\n          'absolute inset-0 z-0 flex overflow-hidden rounded-2xl',\n          classNames?.rail,\n        )\n      \"\n      @keydown=\"railKey\"\n    >\n      <div\n        v-for=\"side in sides\"\n        :key=\"side\"\n        :data-side=\"side\"\n        :class=\"\n          cn(\n            'flex h-full overflow-hidden',\n            side === 'left' ? 'rounded-l-2xl' : 'ml-auto rounded-r-2xl',\n          )\n        \"\n      >\n        <button\n          v-for=\"action in side === 'left' ? left : right\"\n          :key=\"action.id\"\n          type=\"button\"\n          :disabled=\"action.disabled || item.disabled\"\n          :tabindex=\"openSide === side ? 0 : -1\"\n          :aria-label=\"\n            typeof action.label === 'string' ? action.label : undefined\n          \"\n          :class=\"\n            cn(\n              'group flex h-full shrink-0 items-center justify-center outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50',\n              classNames?.action,\n            )\n          \"\n          :style=\"{ width: actionWidth + 'px' }\"\n          @click=\"run(action, side)\"\n        >\n          <span\n            :class=\"\n              cn(\n                'grid h-9 w-9 place-items-center rounded-full transition-[background-color,color,transform] duration-150 group-hover:bg-background group-active:scale-95 [&_svg]:size-4',\n                tones[action.tone ?? 'neutral'],\n              )\n            \"\n            ><RenderNode :node=\"action.icon\" /></span\n          ><span class=\"sr-only\"><RenderNode :node=\"action.label\" /></span>\n        </button>\n      </div>\n    </div>\n    <motion.div\n      :drag=\"item.disabled ? false : 'x'\"\n      :drag-constraints=\"{ left: -rightWidth, right: leftWidth }\"\n      :drag-elastic=\"0.04\"\n      :drag-momentum=\"false\"\n      :style=\"{ x }\"\n      :class=\"\n        cn(\n          'relative z-10 min-h-[72px] cursor-grab touch-pan-y rounded-2xl border border-border bg-card px-4 py-3 shadow-sm active:cursor-grabbing [-webkit-touch-callout:none] pointer-coarse:select-none',\n          classNames?.surface,\n        )\n      \"\n      @drag-start=\"dragStart\"\n      @drag-end=\"dragEnd\"\n    >\n      <slot :item=\"item\"\n        ><RenderNode v-if=\"item.content\" :node=\"item.content\" />\n        <div v-else class=\"flex min-w-0 items-center gap-3\">\n          <div\n            v-if=\"item.leading\"\n            :class=\"cn('shrink-0 [&_svg]:size-5', classNames?.leading)\"\n          >\n            <RenderNode :node=\"item.leading\" />\n          </div>\n          <div :class=\"cn('min-w-0 flex-1', classNames?.content)\">\n            <div\n              v-if=\"item.title\"\n              :class=\"\n                cn(\n                  'truncate text-sm font-medium text-foreground',\n                  classNames?.title,\n                )\n              \"\n            >\n              <RenderNode :node=\"item.title\" />\n            </div>\n            <div\n              v-if=\"item.description\"\n              :class=\"\n                cn(\n                  'mt-0.5 truncate text-xs text-muted-foreground',\n                  classNames?.description,\n                )\n              \"\n            >\n              <RenderNode :node=\"item.description\" />\n            </div>\n          </div>\n          <div\n            v-if=\"item.meta\"\n            :class=\"\n              cn(\n                'shrink-0 text-xs font-medium text-muted-foreground',\n                classNames?.meta,\n              )\n            \"\n          >\n            <RenderNode :node=\"item.meta\" />\n          </div></div\n      ></slot>\n      <button\n        v-if=\"(left.length || right.length) && !item.disabled\"\n        ref=\"toggle\"\n        type=\"button\"\n        :aria-label=\"\n          typeof item.title === 'string'\n            ? `Actions for ${item.title}`\n            : 'Show actions'\n        \"\n        :aria-expanded=\"!!openSide\"\n        :aria-controls=\"railId\"\n        class=\"sr-only grid place-items-center rounded-full bg-muted text-muted-foreground outline-none focus-visible:not-sr-only focus-visible:absolute focus-visible:right-3 focus-visible:top-1/2 focus-visible:h-8 focus-visible:w-8 focus-visible:-translate-y-1/2 focus-visible:ring-2 focus-visible:ring-ring\"\n        @click=\"\n          openSide\n            ? snap(null)\n            : keyboardOpen(rightWidth > 0 ? 'right' : 'left')\n        \"\n        @keydown=\"keydown\"\n      >\n        <Ellipsis aria-hidden=\"true\" class=\"h-4 w-4\" />\n      </button>\n    </motion.div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useControllable, type Content } from \"../../shared\";\nimport type { SwipeableListClassNames } from \"./source-types\";\nimport SwipeableRow from \"./SwipeableRow.vue\";\nexport type SwipeSide = \"left\" | \"right\";\nexport interface SwipeableListValue {\n  id: string;\n  side: SwipeSide;\n}\nexport type SwipeActionTone =\n  \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\";\nexport interface SwipeAction {\n  id: string;\n  label: Content;\n  icon: Content;\n  tone?: SwipeActionTone;\n  disabled?: boolean;\n  onClick?: (item: SwipeableListItem) => void;\n}\nexport interface SwipeableListItem {\n  id: string;\n  title?: Content;\n  description?: Content;\n  meta?: Content;\n  leading?: Content;\n  content?: Content;\n  leftActions?: SwipeAction[];\n  rightActions?: SwipeAction[];\n  disabled?: boolean;\n}\nconst props = withDefaults(\n  defineProps<{\n    items: SwipeableListItem[];\n    modelValue?: SwipeableListValue | null;\n    defaultValue?: SwipeableListValue | null;\n    actionWidth?: number;\n    revealThreshold?: number;\n    closeOnAction?: boolean;\n    classNames?: SwipeableListClassNames;\n  }>(),\n  {\n    defaultValue: null,\n    actionWidth: 56,\n    revealThreshold: 34,\n    closeOnAction: true,\n  },\n);\nconst emit = defineEmits<{\n  \"update:modelValue\": [value: SwipeableListValue | null];\n  valueChange: [value: SwipeableListValue | null];\n  action: [\n    payload: { item: SwipeableListItem; action: SwipeAction; side: SwipeSide },\n  ];\n}>();\nconst value = useControllable(\n  () => props.modelValue,\n  props.defaultValue,\n  (next) => {\n    emit(\"update:modelValue\", next);\n    emit(\"valueChange\", next);\n  },\n);\n</script>\n<template>\n  <div :class=\"cn('flex w-full flex-col gap-2', classNames?.root)\">\n    <SwipeableRow\n      v-for=\"item in items\"\n      :key=\"item.id\"\n      :item=\"item\"\n      :action-width=\"actionWidth\"\n      :reveal-threshold=\"revealThreshold\"\n      :open-value=\"value\"\n      :close-on-action=\"closeOnAction\"\n      :class-names=\"classNames\"\n      @change=\"value = $event\"\n      @action=\"emit('action', $event)\"\n      ><template v-if=\"$slots.item\" #default=\"scope\"\n        ><slot name=\"item\" v-bind=\"scope\" /></template\n    ></SwipeableRow>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useControllable, type Content } from \"../../shared\";\nimport type { SwipeableListClassNames } from \"./source-types\";\nimport SwipeableRow from \"./SwipeableRow.vue\";\nexport type SwipeSide = \"left\" | \"right\";\nexport interface SwipeableListValue {\n  id: string;\n  side: SwipeSide;\n}\nexport type SwipeActionTone =\n  \"neutral\" | \"primary\" | \"success\" | \"warning\" | \"danger\";\nexport interface SwipeAction {\n  id: string;\n  label: Content;\n  icon: Content;\n  tone?: SwipeActionTone;\n  disabled?: boolean;\n  onClick?: (item: SwipeableListItem) => void;\n}\nexport interface SwipeableListItem {\n  id: string;\n  title?: Content;\n  description?: Content;\n  meta?: Content;\n  leading?: Content;\n  content?: Content;\n  leftActions?: SwipeAction[];\n  rightActions?: SwipeAction[];\n  disabled?: boolean;\n}\nconst props = withDefaults(\n  defineProps<{\n    items: SwipeableListItem[];\n    modelValue?: SwipeableListValue | null;\n    defaultValue?: SwipeableListValue | null;\n    actionWidth?: number;\n    revealThreshold?: number;\n    closeOnAction?: boolean;\n    classNames?: SwipeableListClassNames;\n  }>(),\n  {\n    defaultValue: null,\n    actionWidth: 56,\n    revealThreshold: 34,\n    closeOnAction: true,\n  },\n);\nconst emit = defineEmits<{\n  \"update:modelValue\": [value: SwipeableListValue | null];\n  valueChange: [value: SwipeableListValue | null];\n  action: [\n    payload: { item: SwipeableListItem; action: SwipeAction; side: SwipeSide },\n  ];\n}>();\nconst value = useControllable(\n  () => props.modelValue,\n  props.defaultValue,\n  (next) => {\n    emit(\"update:modelValue\", next);\n    emit(\"valueChange\", next);\n  },\n);\n</script>\n<template>\n  <div :class=\"cn('flex w-full flex-col gap-2', classNames?.root)\">\n    <SwipeableRow\n      v-for=\"item in items\"\n      :key=\"item.id\"\n      :item=\"item\"\n      :action-width=\"actionWidth\"\n      :reveal-threshold=\"revealThreshold\"\n      :open-value=\"value\"\n      :close-on-action=\"closeOnAction\"\n      :class-names=\"classNames\"\n      @change=\"value = $event\"\n      @action=\"emit('action', $event)\"\n      ><template v-if=\"$slots.item\" #default=\"scope\"\n        ><slot name=\"item\" v-bind=\"scope\" /></template\n    ></SwipeableRow>\n  </div>\n</template>\n"],"mappings":"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"}