41:I[745537,["/_next/static/immutable/chunks/1e0sikmu6kkq_.js","/_next/static/immutable/chunks/03_3-e6rg44r7.js","/_next/static/immutable/chunks/3lz2_lo0jr8ng.js","/_next/static/immutable/chunks/11e_qvj_eibsq.js","/_next/static/immutable/chunks/0iwyy_un3bxzb.js","/_next/static/immutable/chunks/3r_3-g1h6bsi_.js","/_next/static/immutable/chunks/0b2qwql2vyz84.js","/_next/static/immutable/chunks/18nf0ud-r9tzo.js","/_next/static/immutable/chunks/2150yeh5ep-v4.js","/_next/static/immutable/chunks/1a11qet-mq0az.js","/_next/static/immutable/chunks/1niydwml6lomr.js","/_next/static/immutable/chunks/3f8ib5zdewzhp.js","/_next/static/immutable/chunks/22g0bs-pzncvp.js","/_next/static/immutable/chunks/1d8_pr-dj7wou.js","/_next/static/immutable/chunks/1it99n1ocio53.js","/_next/static/immutable/chunks/2l0i4p9dte9ay.js","/_next/static/immutable/chunks/036moqht0jz4e.js","/_next/static/immutable/chunks/0wr68gwdj3tr7.js","/_next/static/immutable/chunks/38j91wonrqzgv.js","/_next/static/immutable/chunks/2stc2oztvqmnv.js","/_next/static/immutable/chunks/0tmr2lntr9xc6.js","/_next/static/immutable/chunks/1knpru6addigx.js","/_next/static/immutable/chunks/2d8j3bnqr52h5.js","/_next/static/immutable/chunks/1xqp04d04x_uq.js","/_next/static/immutable/chunks/156528a3r44q4.js","/_next/static/immutable/chunks/2du-udfmr9duc.js","/_next/static/immutable/chunks/10f2b6xauk6mi.js","/_next/static/immutable/chunks/3-jp7_pu98brj.js","/_next/static/immutable/chunks/2itb_s2618-bs.js","/_next/static/immutable/chunks/21okw_bdim6q5.js","/_next/static/immutable/chunks/0d4h6_egtv1jz.js","/_next/static/immutable/chunks/2swgm53xlfnj5.js","/_next/static/immutable/chunks/3e-_dxk_hrj_-.js","/_next/static/immutable/chunks/3e4zsxnfus-ny.js","/_next/static/immutable/chunks/09r-q9vmd_vwh.js","/_next/static/immutable/chunks/28k1nc6vh-6oo.js"],"CodeCollapsibleWrapper"] 42:I[119550,["/_next/static/immutable/chunks/1e0sikmu6kkq_.js","/_next/static/immutable/chunks/03_3-e6rg44r7.js","/_next/static/immutable/chunks/3lz2_lo0jr8ng.js","/_next/static/immutable/chunks/11e_qvj_eibsq.js","/_next/static/immutable/chunks/0iwyy_un3bxzb.js","/_next/static/immutable/chunks/3r_3-g1h6bsi_.js","/_next/static/immutable/chunks/0b2qwql2vyz84.js","/_next/static/immutable/chunks/18nf0ud-r9tzo.js","/_next/static/immutable/chunks/2150yeh5ep-v4.js","/_next/static/immutable/chunks/1a11qet-mq0az.js","/_next/static/immutable/chunks/1niydwml6lomr.js","/_next/static/immutable/chunks/3f8ib5zdewzhp.js","/_next/static/immutable/chunks/22g0bs-pzncvp.js","/_next/static/immutable/chunks/1d8_pr-dj7wou.js","/_next/static/immutable/chunks/1it99n1ocio53.js","/_next/static/immutable/chunks/2l0i4p9dte9ay.js","/_next/static/immutable/chunks/036moqht0jz4e.js","/_next/static/immutable/chunks/0wr68gwdj3tr7.js","/_next/static/immutable/chunks/38j91wonrqzgv.js","/_next/static/immutable/chunks/2stc2oztvqmnv.js","/_next/static/immutable/chunks/0tmr2lntr9xc6.js","/_next/static/immutable/chunks/1knpru6addigx.js","/_next/static/immutable/chunks/2d8j3bnqr52h5.js","/_next/static/immutable/chunks/1xqp04d04x_uq.js","/_next/static/immutable/chunks/156528a3r44q4.js","/_next/static/immutable/chunks/2du-udfmr9duc.js","/_next/static/immutable/chunks/10f2b6xauk6mi.js","/_next/static/immutable/chunks/3-jp7_pu98brj.js","/_next/static/immutable/chunks/2itb_s2618-bs.js","/_next/static/immutable/chunks/21okw_bdim6q5.js","/_next/static/immutable/chunks/0d4h6_egtv1jz.js","/_next/static/immutable/chunks/2swgm53xlfnj5.js","/_next/static/immutable/chunks/3e-_dxk_hrj_-.js","/_next/static/immutable/chunks/3e4zsxnfus-ny.js","/_next/static/immutable/chunks/09r-q9vmd_vwh.js","/_next/static/immutable/chunks/28k1nc6vh-6oo.js"],"ComponentCode"] 43:T1aad,

"use client"

import { useId } from "react"

import { cn } from "@/lib/utils"

interface MergingBubblesProps {
  size?: "xs" | "sm" | "md" | "lg"
  className?: string
  startIcon?: React.ReactNode
  endIcon?: React.ReactNode
  showPlus?: boolean
}

const sizeConfig = {
  xs: { width: 160, height: 72, iconSize: 24, plusSize: 12 },
  sm: { width: 200, height: 88, iconSize: 32, plusSize: 16 },
  md: { width: 280, height: 124, iconSize: 48, plusSize: 22 },
  lg: { width: 400, height: 176, iconSize: 64, plusSize: 28 },
}

export function MergingBubbles({
  size = "md",
  className,

3c:["$","$L41",null,{"className":"$undefined","lazyName":"merging-bubbles","title":"$undefined","children":["$","$L42",null,{"html":"$43","name":"merging-bubbles","truncated":true,"language":"tsx","title":"$undefined"}]}]

Installation