@orbitconnect/react 0.1.0

package/dist/bg.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1408 768" width="1408" height="768" fill="none"><defs><symbol id="n" viewBox="0 0 32 32"><rect width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><path d="m6 22-4 8 12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="f" viewBox="0 0 32 32"><rect width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><path d="m26 22 4 8-12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="p" viewBox="0 0 32 32"><ellipse cx="16" cy="12" rx="16" ry="12" stroke="currentColor" stroke-width="1.5"/><path d="m8 24-4 8 12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="h" viewBox="0 0 32 32"><ellipse cx="16" cy="12" rx="16" ry="12" stroke="currentColor" stroke-width="1.5"/><path d="m22 24 6 8-12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="q" viewBox="0 0 32 32"><rect x="4" width="28" height="16" rx="4" stroke="currentColor" stroke-width="1.5"/><rect y="12" width="28" height="16" rx="4" stroke="currentColor" stroke-width="1.5"/></symbol><symbol id="d" viewBox="0 0 32 32"><path d="M2 0Q0 0 0 2v18q0 2 2 2h12l-4 8 8-8h12q2 0 2-2V2q0-2-2-2Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="t" viewBox="0 0 32 32"><rect y="8" width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><path d="m24 8 6-8-10 8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="i" viewBox="0 0 32 32"><ellipse cx="16" cy="11" rx="14" ry="10" stroke="currentColor" stroke-width="1.5"/><circle cx="10" cy="24" r="2.5" stroke="currentColor" stroke-width="1.5"/><circle cx="6" cy="29" r="1.5" stroke="currentColor" stroke-width="1.5"/></symbol><symbol id="s" viewBox="0 0 32 32"><rect width="32" height="24" rx="3" stroke="currentColor" stroke-width="1.5"/><path stroke="currentColor" stroke-width="1.5" d="M8 8h16M8 14h12"/></symbol><symbol id="k" viewBox="0 0 32 32"><rect width="32" height="22" rx="11" stroke="currentColor" stroke-width="1.5"/><circle cx="9" cy="11" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="16" cy="11" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23" cy="11" r="2" stroke="currentColor" stroke-width="1.2"/><path d="m6 22-4 8 12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="g" viewBox="0 0 32 32"><rect width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><path d="M16 16q-6-6-6-9t3-3q2 0 3 2 1-2 3-2 3 0 3 3t-6 9Z" stroke="currentColor" stroke-width="1.2"/><path d="m26 22 4 8-12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="m" viewBox="0 0 32 32"><rect width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><path d="M10 6q-1 2 0 4 3 4 6 5 2 1 4 0l2-2-3-3-2 2q-2-1-4-3l2-2Z" stroke="currentColor" stroke-width="1.2"/><path d="m6 22-4 8 12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="o" viewBox="0 0 32 32"><rect width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><rect x="6" y="6" width="12" height="10" rx="2" stroke="currentColor" stroke-width="1.2"/><path d="m18 9 8-3v10l-8-3Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><path d="m26 22 4 8-12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="b" viewBox="0 0 32 32"><rect width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><circle cx="16" cy="10" r="6" stroke="currentColor" stroke-width="1.2"/><path d="M13 11q3 3 6 0" stroke="currentColor" stroke-width="1.2"/><circle cx="14" cy="9" r=".8" fill="currentColor"/><circle cx="18" cy="9" r=".8" fill="currentColor"/><path d="m6 22-4 8 12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="j" viewBox="0 0 32 32"><rect width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><path d="m16 4 1.5 5H22l-3.5 3 1.5 5-4-3-4 3 1.5-5L10 9h4.5Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><path d="m26 22 4 8-12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="r" viewBox="0 0 32 32"><rect width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><rect x="5" y="4" width="22" height="14" rx="2" stroke="currentColor" stroke-width="1.2"/><circle cx="10" cy="9" r="2" stroke="currentColor"/><path d="m5 16 6-5 5 4 4-3 7 6" stroke="currentColor"/><path d="m6 22-4 8 12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="a" viewBox="0 0 32 32"><rect width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><rect x="12" y="10" width="8" height="7" rx="1" stroke="currentColor" stroke-width="1.2"/><path d="M13 10V8q0-3 3-3t3 3v2" stroke="currentColor" stroke-width="1.2"/><path d="m26 22 4 8-12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="l" viewBox="0 0 32 32"><rect width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><rect x="13" y="4" width="6" height="9" rx="3" stroke="currentColor" stroke-width="1.2"/><path d="M10 11q0 6 6 6t6-6m-6 6v3" stroke="currentColor" stroke-width="1.2"/><path d="m6 22-4 8 12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="c" viewBox="0 0 32 32"><rect width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><path d="M16 17q-5-3-4-8 2 2 3 1-1-3 2-5 0 3 2 4t2 4-5 4Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><path d="m26 22 4 8-12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol><symbol id="e" viewBox="0 0 32 32"><rect width="32" height="22" rx="5" stroke="currentColor" stroke-width="1.5"/><path d="M14 17v-5q0-2 2-3l2-4q2 0 2 2v3h3q1 0 1 1l-1 6q0 1-1 1h-8Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><rect x="11" y="11" width="3" height="7" rx="1" stroke="currentColor" stroke-width="1.2"/><path d="m6 22-4 8 12-8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></symbol></defs><use href="#a" x="10" y="-55" width="32" height="32" color="#6c2997" transform="rotate(14 26 -39)"/><use href="#b" x="90" y="-65" width="32" height="32" color="#523a94" transform="rotate(-9 106 -49)"/><use href="#c" x="170" y="-53" width="32" height="32" color="#4a328c" transform="rotate(20 186 -37)"/><use href="#d" x="250" y="-63" width="32" height="32" color="#6c2997" transform="rotate(-5 266 -47)"/><use href="#e" x="330" y="-53" width="32" height="32" color="#523a94" transform="rotate(11 346 -37)"/><use href="#f" x="410" y="-63" width="32" height="32" color="#4a328c" transform="rotate(-18 426 -47)"/><use href="#g" x="490" y="-53" width="32" height="32" color="#6c2997" transform="rotate(6 506 -37)"/><use href="#h" x="570" y="-65" width="32" height="32" color="#523a94" transform="rotate(-22 586 -49)"/><use href="#i" x="650" y="-53" width="32" height="32" color="#4a328c" transform="rotate(15 666 -37)"/><use href="#j" x="730" y="-63" width="32" height="32" color="#6c2997" transform="rotate(-7 746 -47)"/><use href="#k" x="810" y="-53" width="32" height="32" color="#523a94" transform="rotate(19 826 -37)"/><use href="#l" x="890" y="-65" width="32" height="32" color="#4a328c" transform="rotate(-3 906 -49)"/><use href="#m" x="970" y="-53" width="32" height="32" color="#6c2997" transform="rotate(13 986 -37)"/><use href="#n" x="1050" y="-63" width="32" height="32" color="#523a94" transform="rotate(-16 1066 -47)"/><use href="#o" x="1130" y="-53" width="32" height="32" color="#4a328c" transform="rotate(8 1146 -37)"/><use href="#p" x="1210" y="-65" width="32" height="32" color="#6c2997" transform="rotate(-21 1226 -49)"/><use href="#q" x="1290" y="-53" width="32" height="32" color="#523a94" transform="rotate(4 1306 -37)"/><use href="#r" x="1370" y="-63" width="32" height="32" color="#4a328c" transform="rotate(-12 1386 -47)"/><use href="#s" x="50" y="-10" width="32" height="32" color="#6c2997" transform="rotate(17 66 6)"/><use href="#t" x="130" y="-20" width="32" height="32" color="#523a94" transform="rotate(-8 146 -4)"/><use href="#e" x="210" y="-8" width="32" height="32" color="#4a328c" transform="rotate(22 226 8)"/><use href="#g" x="290" y="-18" width="32" height="32" color="#6c2997" transform="rotate(-14 306 -2)"/><use href="#b" x="370" y="-8" width="32" height="32" color="#523a94" transform="rotate(6 386 8)"/><use href="#a" x="450" y="-20" width="32" height="32" color="#4a328c" transform="rotate(-20 466 -4)"/><use href="#c" x="530" y="-8" width="32" height="32" color="#6c2997" transform="rotate(11 546 8)"/><use href="#f" x="610" y="-18" width="32" height="32" color="#523a94" transform="rotate(-4 626 -2)"/><use href="#h" x="690" y="-8" width="32" height="32" color="#4a328c" transform="rotate(18 706 8)"/><use href="#d" x="770" y="-20" width="32" height="32" color="#6c2997" transform="rotate(-10 786 -4)"/><use href="#i" x="850" y="-8" width="32" height="32" color="#523a94" transform="rotate(5 866 8)"/><use href="#k" x="930" y="-20" width="32" height="32" color="#4a328c" transform="rotate(-21 946 -4)"/><use href="#m" x="1010" y="-8" width="32" height="32" color="#6c2997" transform="rotate(13 1026 8)"/><use href="#j" x="1090" y="-20" width="32" height="32" color="#523a94" transform="rotate(-7 1106 -4)"/><use href="#l" x="1170" y="-8" width="32" height="32" color="#4a328c" transform="rotate(19 1186 8)"/><use href="#n" x="1250" y="-20" width="32" height="32" color="#6c2997" transform="rotate(-15 1266 -4)"/><use href="#p" x="1330" y="-8" width="32" height="32" color="#523a94" transform="rotate(9 1346 8)"/><use href="#n" x="10" y="15" width="32" height="32" color="#6c2997" transform="rotate(-15 26 31)"/><use href="#f" x="90" y="8" width="32" height="32" color="#523a94" transform="rotate(10 106 24)"/><use href="#p" x="170" y="18" width="32" height="32" color="#6c2997" transform="rotate(5 186 34)"/><use href="#h" x="250" y="6" width="32" height="32" color="#4a328c" transform="rotate(-12 266 22)"/><use href="#q" x="330" y="16" width="32" height="32" color="#6c2997" transform="rotate(18 346 32)"/><use href="#d" x="410" y="5" width="32" height="32" color="#523a94" transform="rotate(-8 426 21)"/><use href="#t" x="490" y="14" width="32" height="32" color="#4a328c" transform="rotate(14 506 30)"/><use href="#i" x="570" y="4" width="32" height="32" color="#6c2997" transform="rotate(-20 586 20)"/><use href="#s" x="650" y="16" width="32" height="32" color="#523a94" transform="rotate(7 666 32)"/><use href="#k" x="730" y="5" width="32" height="32" color="#4a328c" transform="rotate(-5 746 21)"/><use href="#g" x="810" y="15" width="32" height="32" color="#6c2997" transform="rotate(12 826 31)"/><use href="#m" x="890" y="4" width="32" height="32" color="#523a94" transform="rotate(-18 906 20)"/><use href="#o" x="970" y="16" width="32" height="32" color="#4a328c" transform="rotate(6 986 32)"/><use href="#b" x="1050" y="5" width="32" height="32" color="#6c2997" transform="rotate(-10 1066 21)"/><use href="#j" x="1130" y="15" width="32" height="32" color="#523a94" transform="rotate(20 1146 31)"/><use href="#r" x="1210" y="4" width="32" height="32" color="#4a328c" transform="rotate(-15 1226 20)"/><use href="#a" x="1290" y="16" width="32" height="32" color="#6c2997" transform="rotate(9 1306 32)"/><use href="#l" x="1370" y="5" width="32" height="32" color="#523a94" transform="rotate(-22 1386 21)"/><use href="#c" x="50" y="80" width="32" height="32" color="#4a328c" transform="rotate(16 66 96)"/><use href="#e" x="130" y="70" width="32" height="32" color="#6c2997" transform="rotate(-7 146 86)"/><use href="#n" x="210" y="82" width="32" height="32" color="#523a94" transform="rotate(22 226 98)"/><use href="#p" x="290" y="72" width="32" height="32" color="#4a328c" transform="rotate(-14 306 88)"/><use href="#q" x="370" y="82" width="32" height="32" color="#6c2997" transform="rotate(5 386 98)"/><use href="#t" x="450" y="70" width="32" height="32" color="#523a94" transform="rotate(-19 466 86)"/><use href="#k" x="530" y="82" width="32" height="32" color="#4a328c" transform="rotate(11 546 98)"/><use href="#g" x="610" y="72" width="32" height="32" color="#6c2997" transform="rotate(-8 626 88)"/><use href="#o" x="690" y="82" width="32" height="32" color="#523a94" transform="rotate(17 706 98)"/><use href="#b" x="770" y="70" width="32" height="32" color="#4a328c" transform="rotate(-12 786 86)"/><use href="#r" x="850" y="82" width="32" height="32" color="#6c2997" transform="rotate(3 866 98)"/><use href="#l" x="930" y="72" width="32" height="32" color="#523a94" transform="rotate(-21 946 88)"/><use href="#c" x="1010" y="82" width="32" height="32" color="#4a328c" transform="rotate(9 1026 98)"/><use href="#e" x="1090" y="70" width="32" height="32" color="#6c2997" transform="rotate(-6 1106 86)"/><use href="#f" x="1170" y="82" width="32" height="32" color="#523a94" transform="rotate(19 1186 98)"/><use href="#h" x="1250" y="72" width="32" height="32" color="#4a328c" transform="rotate(-13 1266 88)"/><use href="#d" x="1330" y="82" width="32" height="32" color="#6c2997" transform="rotate(8 1346 98)"/><use href="#i" x="10" y="148" width="32" height="32" color="#523a94" transform="rotate(-4 26 164)"/><use href="#s" x="90" y="138" width="32" height="32" color="#4a328c" transform="rotate(15 106 154)"/><use href="#m" x="170" y="150" width="32" height="32" color="#6c2997" transform="rotate(-20 186 166)"/><use href="#j" x="250" y="140" width="32" height="32" color="#523a94" transform="rotate(6 266 156)"/><use href="#a" x="330" y="150" width="32" height="32" color="#4a328c" transform="rotate(-11 346 166)"/><use href="#n" x="410" y="138" width="32" height="32" color="#6c2997" transform="rotate(21 426 154)"/><use href="#p" x="490" y="150" width="32" height="32" color="#523a94" transform="rotate(-7 506 166)"/><use href="#q" x="570" y="140" width="32" height="32" color="#4a328c" transform="rotate(13 586 156)"/><use href="#t" x="650" y="150" width="32" height="32" color="#6c2997" transform="rotate(-18 666 166)"/><use href="#k" x="730" y="138" width="32" height="32" color="#523a94" transform="rotate(4 746 154)"/><use href="#g" x="810" y="150" width="32" height="32" color="#4a328c" transform="rotate(-22 826 166)"/><use href="#o" x="890" y="140" width="32" height="32" color="#6c2997" transform="rotate(10 906 156)"/><use href="#b" x="970" y="150" width="32" height="32" color="#523a94" transform="rotate(-16 986 166)"/><use href="#r" x="1050" y="138" width="32" height="32" color="#4a328c" transform="rotate(7 1066 154)"/><use href="#l" x="1130" y="150" width="32" height="32" color="#6c2997" transform="rotate(-3 1146 166)"/><use href="#c" x="1210" y="140" width="32" height="32" color="#523a94" transform="rotate(18 1226 156)"/><use href="#e" x="1290" y="150" width="32" height="32" color="#4a328c" transform="rotate(-9 1306 166)"/><use href="#f" x="1370" y="138" width="32" height="32" color="#6c2997" transform="rotate(14 1386 154)"/><use href="#h" x="50" y="215" width="32" height="32" color="#523a94" transform="rotate(-17 66 231)"/><use href="#d" x="130" y="205" width="32" height="32" color="#4a328c" transform="rotate(12 146 221)"/><use href="#i" x="210" y="218" width="32" height="32" color="#6c2997" transform="rotate(-5 226 234)"/><use href="#s" x="290" y="207" width="32" height="32" color="#523a94" transform="rotate(22 306 223)"/><use href="#g" x="370" y="218" width="32" height="32" color="#4a328c" transform="rotate(-14 386 234)"/><use href="#m" x="450" y="207" width="32" height="32" color="#6c2997" transform="rotate(8 466 223)"/><use href="#b" x="530" y="218" width="32" height="32" color="#523a94" transform="rotate(-20 546 234)"/><use href="#j" x="610" y="207" width="32" height="32" color="#4a328c" transform="rotate(5 626 223)"/><use href="#a" x="690" y="218" width="32" height="32" color="#6c2997" transform="rotate(-11 706 234)"/><use href="#l" x="770" y="207" width="32" height="32" color="#523a94" transform="rotate(19 786 223)"/><use href="#c" x="850" y="218" width="32" height="32" color="#4a328c" transform="rotate(-8 866 234)"/><use href="#e" x="930" y="207" width="32" height="32" color="#6c2997" transform="rotate(16 946 223)"/><use href="#n" x="1010" y="218" width="32" height="32" color="#523a94" transform="rotate(-22 1026 234)"/><use href="#p" x="1090" y="207" width="32" height="32" color="#4a328c" transform="rotate(3 1106 223)"/><use href="#q" x="1170" y="218" width="32" height="32" color="#6c2997" transform="rotate(-15 1186 234)"/><use href="#t" x="1250" y="207" width="32" height="32" color="#523a94" transform="rotate(10 1266 223)"/><use href="#k" x="1330" y="218" width="32" height="32" color="#4a328c" transform="rotate(-6 1346 234)"/><use href="#o" x="10" y="283" width="32" height="32" color="#6c2997" transform="rotate(20 26 299)"/><use href="#r" x="90" y="273" width="32" height="32" color="#523a94" transform="rotate(-13 106 289)"/><use href="#f" x="170" y="285" width="32" height="32" color="#4a328c" transform="rotate(7 186 301)"/><use href="#h" x="250" y="275" width="32" height="32" color="#6c2997" transform="rotate(-19 266 291)"/><use href="#d" x="330" y="285" width="32" height="32" color="#523a94" transform="rotate(14 346 301)"/><use href="#i" x="410" y="275" width="32" height="32" color="#4a328c" transform="rotate(-4 426 291)"/><use href="#s" x="490" y="285" width="32" height="32" color="#6c2997" transform="rotate(21 506 301)"/><use href="#g" x="570" y="275" width="32" height="32" color="#523a94" transform="rotate(-10 586 291)"/><use href="#m" x="650" y="285" width="32" height="32" color="#4a328c" transform="rotate(6 666 301)"/><use href="#b" x="730" y="275" width="32" height="32" color="#6c2997" transform="rotate(-22 746 291)"/><use href="#j" x="810" y="285" width="32" height="32" color="#523a94" transform="rotate(11 826 301)"/><use href="#a" x="890" y="275" width="32" height="32" color="#4a328c" transform="rotate(-17 906 291)"/><use href="#l" x="970" y="285" width="32" height="32" color="#6c2997" transform="rotate(3 986 301)"/><use href="#c" x="1050" y="275" width="32" height="32" color="#523a94" transform="rotate(-8 1066 291)"/><use href="#e" x="1130" y="285" width="32" height="32" color="#4a328c" transform="rotate(18 1146 301)"/><use href="#n" x="1210" y="275" width="32" height="32" color="#6c2997" transform="rotate(-12 1226 291)"/><use href="#p" x="1290" y="285" width="32" height="32" color="#523a94" transform="rotate(9 1306 301)"/><use href="#q" x="1370" y="275" width="32" height="32" color="#4a328c" transform="rotate(-20 1386 291)"/><use href="#t" x="50" y="350" width="32" height="32" color="#6c2997" transform="rotate(15 66 366)"/><use href="#k" x="130" y="340" width="32" height="32" color="#523a94" transform="rotate(-6 146 356)"/><use href="#o" x="210" y="352" width="32" height="32" color="#4a328c" transform="rotate(22 226 368)"/><use href="#r" x="290" y="342" width="32" height="32" color="#6c2997" transform="rotate(-16 306 358)"/><use href="#f" x="370" y="352" width="32" height="32" color="#523a94" transform="rotate(5 386 368)"/><use href="#h" x="450" y="342" width="32" height="32" color="#4a328c" transform="rotate(-21 466 358)"/><use href="#d" x="530" y="352" width="32" height="32" color="#6c2997" transform="rotate(12 546 368)"/><use href="#i" x="610" y="342" width="32" height="32" color="#523a94" transform="rotate(-7 626 358)"/><use href="#s" x="690" y="352" width="32" height="32" color="#4a328c" transform="rotate(19 706 368)"/><use href="#g" x="770" y="342" width="32" height="32" color="#6c2997" transform="rotate(-3 786 358)"/><use href="#m" x="850" y="352" width="32" height="32" color="#523a94" transform="rotate(14 866 368)"/><use href="#b" x="930" y="342" width="32" height="32" color="#4a328c" transform="rotate(-18 946 358)"/><use href="#j" x="1010" y="352" width="32" height="32" color="#6c2997" transform="rotate(8 1026 368)"/><use href="#a" x="1090" y="342" width="32" height="32" color="#523a94" transform="rotate(-11 1106 358)"/><use href="#l" x="1170" y="352" width="32" height="32" color="#4a328c" transform="rotate(20 1186 368)"/><use href="#c" x="1250" y="342" width="32" height="32" color="#6c2997" transform="rotate(-4 1266 358)"/><use href="#e" x="1330" y="352" width="32" height="32" color="#523a94" transform="rotate(10 1346 368)"/><use href="#n" x="10" y="418" width="32" height="32" color="#4a328c" transform="rotate(-22 26 434)"/><use href="#p" x="90" y="408" width="32" height="32" color="#6c2997" transform="rotate(17 106 424)"/><use href="#q" x="170" y="420" width="32" height="32" color="#523a94" transform="rotate(-9 186 436)"/><use href="#t" x="250" y="410" width="32" height="32" color="#4a328c" transform="rotate(6 266 426)"/><use href="#k" x="330" y="420" width="32" height="32" color="#6c2997" transform="rotate(-15 346 436)"/><use href="#g" x="410" y="410" width="32" height="32" color="#523a94" transform="rotate(21 426 426)"/><use href="#o" x="490" y="420" width="32" height="32" color="#4a328c" transform="rotate(-5 506 436)"/><use href="#b" x="570" y="410" width="32" height="32" color="#6c2997" transform="rotate(13 586 426)"/><use href="#r" x="650" y="420" width="32" height="32" color="#523a94" transform="rotate(-19 666 436)"/><use href="#a" x="730" y="410" width="32" height="32" color="#4a328c" transform="rotate(4 746 426)"/><use href="#l" x="810" y="420" width="32" height="32" color="#6c2997" transform="rotate(-12 826 436)"/><use href="#c" x="890" y="410" width="32" height="32" color="#523a94" transform="rotate(22 906 426)"/><use href="#e" x="970" y="420" width="32" height="32" color="#4a328c" transform="rotate(-8 986 436)"/><use href="#f" x="1050" y="410" width="32" height="32" color="#6c2997" transform="rotate(16 1066 426)"/><use href="#h" x="1130" y="420" width="32" height="32" color="#523a94" transform="rotate(-3 1146 436)"/><use href="#d" x="1210" y="410" width="32" height="32" color="#4a328c" transform="rotate(11 1226 426)"/><use href="#i" x="1290" y="420" width="32" height="32" color="#6c2997" transform="rotate(-20 1306 436)"/><use href="#s" x="1370" y="410" width="32" height="32" color="#523a94" transform="rotate(7 1386 426)"/><use href="#m" x="50" y="485" width="32" height="32" color="#4a328c" transform="rotate(-14 66 501)"/><use href="#j" x="130" y="475" width="32" height="32" color="#6c2997" transform="rotate(9 146 491)"/><use href="#n" x="210" y="487" width="32" height="32" color="#523a94" transform="rotate(-21 226 503)"/><use href="#p" x="290" y="477" width="32" height="32" color="#4a328c" transform="rotate(5 306 493)"/><use href="#q" x="370" y="487" width="32" height="32" color="#6c2997" transform="rotate(-17 386 503)"/><use href="#t" x="450" y="477" width="32" height="32" color="#523a94" transform="rotate(12 466 493)"/><use href="#k" x="530" y="487" width="32" height="32" color="#4a328c" transform="rotate(-6 546 503)"/><use href="#g" x="610" y="477" width="32" height="32" color="#6c2997" transform="rotate(20 626 493)"/><use href="#o" x="690" y="487" width="32" height="32" color="#523a94" transform="rotate(-10 706 503)"/><use href="#b" x="770" y="477" width="32" height="32" color="#4a328c" transform="rotate(3 786 493)"/><use href="#r" x="850" y="487" width="32" height="32" color="#6c2997" transform="rotate(-22 866 503)"/><use href="#l" x="930" y="477" width="32" height="32" color="#523a94" transform="rotate(15 946 493)"/><use href="#c" x="1010" y="487" width="32" height="32" color="#4a328c" transform="rotate(-7 1026 503)"/><use href="#e" x="1090" y="477" width="32" height="32" color="#6c2997" transform="rotate(18 1106 493)"/><use href="#f" x="1170" y="487" width="32" height="32" color="#523a94" transform="rotate(-13 1186 503)"/><use href="#h" x="1250" y="477" width="32" height="32" color="#4a328c" transform="rotate(8 1266 493)"/><use href="#d" x="1330" y="487" width="32" height="32" color="#6c2997" transform="rotate(-19 1346 503)"/><use href="#i" x="10" y="553" width="32" height="32" color="#523a94" transform="rotate(11 26 569)"/><use href="#s" x="90" y="543" width="32" height="32" color="#4a328c" transform="rotate(-16 106 559)"/><use href="#m" x="170" y="555" width="32" height="32" color="#6c2997" transform="rotate(4 186 571)"/><use href="#j" x="250" y="545" width="32" height="32" color="#523a94" transform="rotate(-22 266 561)"/><use href="#a" x="330" y="555" width="32" height="32" color="#4a328c" transform="rotate(14 346 571)"/><use href="#n" x="410" y="545" width="32" height="32" color="#6c2997" transform="rotate(-8 426 561)"/><use href="#p" x="490" y="555" width="32" height="32" color="#523a94" transform="rotate(21 506 571)"/><use href="#q" x="570" y="545" width="32" height="32" color="#4a328c" transform="rotate(-3 586 561)"/><use href="#t" x="650" y="555" width="32" height="32" color="#6c2997" transform="rotate(17 666 571)"/><use href="#k" x="730" y="545" width="32" height="32" color="#523a94" transform="rotate(-12 746 561)"/><use href="#g" x="810" y="555" width="32" height="32" color="#4a328c" transform="rotate(6 826 571)"/><use href="#o" x="890" y="545" width="32" height="32" color="#6c2997" transform="rotate(-20 906 561)"/><use href="#b" x="970" y="555" width="32" height="32" color="#523a94" transform="rotate(10 986 571)"/><use href="#r" x="1050" y="545" width="32" height="32" color="#4a328c" transform="rotate(-5 1066 561)"/><use href="#l" x="1130" y="555" width="32" height="32" color="#6c2997" transform="rotate(19 1146 571)"/><use href="#c" x="1210" y="545" width="32" height="32" color="#523a94" transform="rotate(-9 1226 561)"/><use href="#e" x="1290" y="555" width="32" height="32" color="#4a328c" transform="rotate(13 1306 571)"/><use href="#f" x="1370" y="545" width="32" height="32" color="#6c2997" transform="rotate(-18 1386 561)"/><use href="#h" x="50" y="620" width="32" height="32" color="#523a94" transform="rotate(7 66 636)"/><use href="#d" x="130" y="610" width="32" height="32" color="#4a328c" transform="rotate(-15 146 626)"/><use href="#i" x="210" y="622" width="32" height="32" color="#6c2997" transform="rotate(22 226 638)"/><use href="#s" x="290" y="612" width="32" height="32" color="#523a94" transform="rotate(-4 306 628)"/><use href="#g" x="370" y="622" width="32" height="32" color="#4a328c" transform="rotate(16 386 638)"/><use href="#m" x="450" y="612" width="32" height="32" color="#6c2997" transform="rotate(-11 466 628)"/><use href="#b" x="530" y="622" width="32" height="32" color="#523a94" transform="rotate(5 546 638)"/><use href="#j" x="610" y="612" width="32" height="32" color="#4a328c" transform="rotate(-20 626 628)"/><use href="#a" x="690" y="622" width="32" height="32" color="#6c2997" transform="rotate(12 706 638)"/><use href="#l" x="770" y="612" width="32" height="32" color="#523a94" transform="rotate(-7 786 628)"/><use href="#c" x="850" y="622" width="32" height="32" color="#4a328c" transform="rotate(21 866 638)"/><use href="#e" x="930" y="612" width="32" height="32" color="#6c2997" transform="rotate(-13 946 628)"/><use href="#n" x="1010" y="622" width="32" height="32" color="#523a94" transform="rotate(8 1026 638)"/><use href="#p" x="1090" y="612" width="32" height="32" color="#4a328c" transform="rotate(-19 1106 628)"/><use href="#q" x="1170" y="622" width="32" height="32" color="#6c2997" transform="rotate(3 1186 638)"/><use href="#t" x="1250" y="612" width="32" height="32" color="#523a94" transform="rotate(-14 1266 628)"/><use href="#k" x="1330" y="622" width="32" height="32" color="#4a328c" transform="rotate(18 1346 638)"/><use href="#o" x="1370" y="700" width="32" height="32" color="#6c2997" transform="rotate(-6 1386 716)"/><use href="#r" x="10" y="688" width="32" height="32" color="#523a94" transform="rotate(14 26 704)"/><use href="#a" x="90" y="678" width="32" height="32" color="#4a328c" transform="rotate(-9 106 694)"/><use href="#l" x="170" y="690" width="32" height="32" color="#6c2997" transform="rotate(20 186 706)"/><use href="#c" x="250" y="680" width="32" height="32" color="#523a94" transform="rotate(-5 266 696)"/><use href="#e" x="330" y="690" width="32" height="32" color="#4a328c" transform="rotate(11 346 706)"/><use href="#f" x="410" y="680" width="32" height="32" color="#6c2997" transform="rotate(-18 426 696)"/><use href="#h" x="490" y="690" width="32" height="32" color="#523a94" transform="rotate(6 506 706)"/><use href="#d" x="570" y="680" width="32" height="32" color="#4a328c" transform="rotate(-22 586 696)"/><use href="#i" x="650" y="690" width="32" height="32" color="#6c2997" transform="rotate(15 666 706)"/><use href="#s" x="730" y="680" width="32" height="32" color="#523a94" transform="rotate(-7 746 696)"/><use href="#k" x="810" y="690" width="32" height="32" color="#4a328c" transform="rotate(19 826 706)"/><use href="#g" x="890" y="680" width="32" height="32" color="#6c2997" transform="rotate(-3 906 696)"/><use href="#m" x="970" y="690" width="32" height="32" color="#523a94" transform="rotate(13 986 706)"/><use href="#b" x="1050" y="680" width="32" height="32" color="#4a328c" transform="rotate(-16 1066 696)"/><use href="#j" x="1130" y="690" width="32" height="32" color="#6c2997" transform="rotate(8 1146 706)"/><use href="#n" x="1210" y="680" width="32" height="32" color="#523a94" transform="rotate(-21 1226 696)"/><use href="#p" x="1290" y="690" width="32" height="32" color="#4a328c" transform="rotate(4 1306 706)"/><use href="#q" x="1370" y="680" width="32" height="32" color="#6c2997" transform="rotate(-12 1386 696)"/><use href="#t" x="50" y="725" width="32" height="32" color="#4a328c" transform="rotate(17 66 741)"/><use href="#k" x="130" y="715" width="32" height="32" color="#6c2997" transform="rotate(-8 146 731)"/><use href="#o" x="210" y="727" width="32" height="32" color="#523a94" transform="rotate(22 226 743)"/><use href="#r" x="290" y="717" width="32" height="32" color="#4a328c" transform="rotate(-14 306 733)"/><use href="#l" x="370" y="727" width="32" height="32" color="#6c2997" transform="rotate(6 386 743)"/><use href="#c" x="450" y="717" width="32" height="32" color="#523a94" transform="rotate(-20 466 733)"/><use href="#e" x="530" y="727" width="32" height="32" color="#4a328c" transform="rotate(11 546 743)"/><use href="#f" x="610" y="717" width="32" height="32" color="#6c2997" transform="rotate(-4 626 733)"/><use href="#h" x="690" y="727" width="32" height="32" color="#523a94" transform="rotate(18 706 743)"/><use href="#d" x="770" y="717" width="32" height="32" color="#4a328c" transform="rotate(-10 786 733)"/><use href="#i" x="850" y="727" width="32" height="32" color="#6c2997" transform="rotate(5 866 743)"/><use href="#s" x="930" y="717" width="32" height="32" color="#523a94" transform="rotate(-21 946 733)"/><use href="#g" x="1010" y="727" width="32" height="32" color="#4a328c" transform="rotate(13 1026 743)"/><use href="#b" x="1090" y="717" width="32" height="32" color="#6c2997" transform="rotate(-7 1106 733)"/><use href="#j" x="1170" y="727" width="32" height="32" color="#523a94" transform="rotate(19 1186 743)"/><use href="#a" x="1250" y="717" width="32" height="32" color="#4a328c" transform="rotate(-15 1266 733)"/><use href="#n" x="1330" y="727" width="32" height="32" color="#6c2997" transform="rotate(9 1346 743)"/><use href="#p" x="10" y="760" width="32" height="32" color="#523a94" transform="rotate(-19 26 776)"/><use href="#m" x="90" y="750" width="32" height="32" color="#4a328c" transform="rotate(7 106 766)"/><use href="#q" x="170" y="762" width="32" height="32" color="#6c2997" transform="rotate(-12 186 778)"/><use href="#t" x="250" y="752" width="32" height="32" color="#523a94" transform="rotate(21 266 768)"/><use href="#k" x="330" y="762" width="32" height="32" color="#4a328c" transform="rotate(-5 346 778)"/><use href="#g" x="410" y="752" width="32" height="32" color="#6c2997" transform="rotate(16 426 768)"/><use href="#o" x="490" y="762" width="32" height="32" color="#523a94" transform="rotate(-22 506 778)"/><use href="#b" x="570" y="752" width="32" height="32" color="#4a328c" transform="rotate(10 586 768)"/><use href="#r" x="650" y="762" width="32" height="32" color="#6c2997" transform="rotate(-3 666 778)"/><use href="#l" x="730" y="752" width="32" height="32" color="#523a94" transform="rotate(14 746 768)"/><use href="#c" x="810" y="762" width="32" height="32" color="#4a328c" transform="rotate(-18 826 778)"/><use href="#e" x="890" y="752" width="32" height="32" color="#6c2997" transform="rotate(8 906 768)"/><use href="#f" x="970" y="762" width="32" height="32" color="#523a94" transform="rotate(-11 986 778)"/><use href="#h" x="1050" y="752" width="32" height="32" color="#4a328c" transform="rotate(20 1066 768)"/><use href="#d" x="1130" y="762" width="32" height="32" color="#6c2997" transform="rotate(-6 1146 778)"/><use href="#i" x="1210" y="752" width="32" height="32" color="#523a94" transform="rotate(15 1226 768)"/><use href="#s" x="1290" y="762" width="32" height="32" color="#4a328c" transform="rotate(-17 1306 778)"/><use href="#j" x="1370" y="752" width="32" height="32" color="#6c2997" transform="rotate(4 1386 768)"/></svg>

package/dist/call/CallContext.d.ts

@@ -0,0 +1,27 @@
+export type CallState = 'idle' | 'ringing' | 'incoming' | 'active' | 'ended';
+export interface ActiveCall {
+    callId: string;
+    callType: 'voice' | 'video';
+    remoteUserId: string;
+    remoteUserName?: string;
+    remoteAvatarSrc?: string;
+    state: CallState;
+    remoteMuted?: boolean;
+    remoteOnHold?: boolean;
+    /** The conversation this call was initiated from — used for in-call chat */
+    conversationId?: string;
+}
+export interface CallContextValue {
+    call: ActiveCall | null;
+    localStream: MediaStream | null;
+    remoteStream: MediaStream | null;
+    initiateCall: (calleeId: string, callType: 'voice' | 'video', conversationId?: string) => Promise<string>;
+    acceptCall: () => Promise<void>;
+    rejectCall: () => Promise<void>;
+    endCall: () => Promise<void>;
+    dismissEnded: () => void;
+    toggleMute: (muted: boolean) => void;
+    toggleCamera: (off: boolean) => void;
+}
+export declare const CallContext: import("react").Context<CallContextValue | null>;
+export declare function useCallContext(): CallContextValue;

package/dist/call/CallProvider.d.ts

@@ -0,0 +1,4 @@
+import { type ReactNode } from 'react';
+export declare function CallProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/call/CallControls.d.ts

@@ -0,0 +1,18 @@
+export interface CallControlsProps {
+    muted: boolean;
+    cameraOff: boolean;
+    speakerOn: boolean;
+    participantCount?: number;
+    onMute: () => void;
+    onCamera: () => void;
+    onSpeaker?: () => void;
+    onScreen?: () => void;
+    onParticipants?: () => void;
+    onMore?: () => void;
+    /** Opens the in-call chat panel — only shown when a conversationId is linked */
+    onChat?: () => void;
+    onEnd: () => void;
+    showCamera?: boolean;
+    showScreen?: boolean;
+}
+export declare function CallControls({ muted, cameraOff, speakerOn, participantCount, onMute, onCamera, onSpeaker, onScreen, onParticipants, onMore, onChat, onEnd, showCamera, showScreen, }: CallControlsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/call/CallHistory.d.ts

@@ -0,0 +1,22 @@
+export type CallDirection = 'incoming' | 'outgoing' | 'missed';
+export type CallHistoryType = 'voice' | 'video';
+export interface CallRecord {
+    id: string;
+    name: string;
+    avatarSrc?: string;
+    direction: CallDirection;
+    callType: CallHistoryType;
+    time: string;
+    /** The remote user's app_user_id — used to call back */
+    remoteUserId: string;
+    isGroup?: boolean;
+    groupAvatars?: string[];
+}
+interface CallHistoryProps {
+    records: CallRecord[];
+    onCall: (id: string, type: CallHistoryType) => void;
+    activeTab?: 'chats' | 'calls' | 'meet';
+    onTabChange?: (tab: 'chats' | 'calls' | 'meet') => void;
+}
+export declare function CallHistory({ records, onCall, activeTab, onTabChange }: CallHistoryProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/call/CallScreen.d.ts

@@ -0,0 +1,11 @@
+export interface CallScreenProps {
+    callerName: string;
+    callerAvatar?: string;
+    callType: 'voice' | 'video';
+    remoteStream?: MediaStream | null;
+    /** Conversation linked to this call — enables the in-call chat button */
+    conversationId?: string;
+    onEnd: () => void;
+    onMute?: (muted: boolean) => void;
+}
+export declare function CallScreen({ callerName, callerAvatar, remoteStream, conversationId, onEnd, onMute }: CallScreenProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/call/InCallChatPanel.d.ts

@@ -0,0 +1,7 @@
+interface InCallChatPanelProps {
+    open: boolean;
+    conversationId: string | undefined;
+    onClose: () => void;
+}
+export declare function InCallChatPanel({ open, conversationId, onClose }: InCallChatPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/call/IncomingCallModal.d.ts

@@ -0,0 +1,8 @@
+export interface IncomingCallModalProps {
+    callerName: string;
+    callerAvatar?: string;
+    callType: 'voice' | 'video';
+    onAccept: () => void;
+    onReject: () => void;
+}
+export declare function IncomingCallModal({ callerName, callerAvatar, callType, onAccept, onReject }: IncomingCallModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/call/OutgoingCallScreen.d.ts

@@ -0,0 +1,8 @@
+export interface OutgoingCallScreenProps {
+    calleeName: string;
+    calleeAvatar?: string;
+    callType: 'voice' | 'video';
+    state: 'ringing' | 'active';
+    onCancel: () => void;
+}
+export declare function OutgoingCallScreen({ calleeName, calleeAvatar, callType, state, onCancel }: OutgoingCallScreenProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/call/VideoCallScreen.d.ts

@@ -0,0 +1,23 @@
+export interface VideoParticipant {
+    id: string;
+    name: string;
+    avatarSrc?: string;
+    isMuted?: boolean;
+    isActiveSpeaker?: boolean;
+    videoStream?: MediaStream;
+}
+export interface VideoCallScreenProps {
+    title: string;
+    participants: VideoParticipant[];
+    localParticipant: VideoParticipant;
+    remoteStream?: MediaStream | null;
+    /** Conversation linked to this call — enables the in-call chat button */
+    conversationId?: string;
+    onEnd: () => void;
+    onMute?: (muted: boolean) => void;
+    onCamera?: (off: boolean) => void;
+    onParticipants?: () => void;
+    onMore?: () => void;
+    onMinimize?: () => void;
+}
+export declare function VideoCallScreen({ title, participants, localParticipant, remoteStream, conversationId, onEnd, onMute, onCamera, onParticipants, onMore, onMinimize, }: VideoCallScreenProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/call/index.d.ts

@@ -0,0 +1,11 @@
+export { CallScreen } from './CallScreen';
+export type { CallScreenProps } from './CallScreen';
+export { VideoCallScreen } from './VideoCallScreen';
+export type { VideoCallScreenProps, VideoParticipant } from './VideoCallScreen';
+export { IncomingCallModal } from './IncomingCallModal';
+export type { IncomingCallModalProps } from './IncomingCallModal';
+export { CallHistory } from './CallHistory';
+export type { CallRecord, CallDirection, CallHistoryType } from './CallHistory';
+export { CallControls } from './CallControls';
+export type { CallControlsProps } from './CallControls';
+export { InCallChatPanel } from './InCallChatPanel';

package/dist/components/chat/AttachmentPicker.d.ts

@@ -0,0 +1,23 @@
+export type AttachmentType = 'image' | 'video' | 'audio' | 'document' | 'location';
+export interface AttachmentResult {
+    type: AttachmentType;
+    mediaId?: string;
+    url?: string;
+    filename?: string;
+    size?: number;
+    mimeType?: string;
+    waveform?: number[];
+    duration?: string;
+    location?: {
+        lat: number;
+        lng: number;
+        label?: string;
+    };
+}
+export interface AttachmentPickerProps {
+    onSelect: (attachment: AttachmentResult) => void;
+    onClose?: () => void;
+    /** Restrict which tabs are shown. Defaults to all. */
+    allow?: AttachmentType[];
+}
+export declare function AttachmentPicker({ onSelect, onClose, allow }: AttachmentPickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/AttachmentRenderer.d.ts

@@ -0,0 +1,15 @@
+import type { Attachment } from './MessageBubble';
+interface RendererProps {
+    attachment: Attachment;
+    sender: boolean;
+    /** Caption text to overlay (message content) */
+    caption?: string;
+    /** Bubble border-radius so media clips to the same shape */
+    borderRadius: string;
+    /** Called when the user clicks a media/file attachment to open the viewer */
+    onMediaOpen?: (attachment: Attachment, imageSet?: Attachment[]) => void;
+    /** All image attachments in the current conversation (for lightbox navigation) */
+    imageSet?: Attachment[];
+}
+export declare function AttachmentRenderer(props: RendererProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/chat/AudioRecorder.d.ts

@@ -0,0 +1,6 @@
+import type { AttachmentResult } from './AttachmentPicker';
+export interface AudioRecorderProps {
+    onSend: (attachment: AttachmentResult) => void;
+    onCancel: () => void;
+}
+export declare function AudioRecorder({ onSend, onCancel }: AudioRecorderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/BatchToolbar.d.ts

@@ -0,0 +1,8 @@
+export interface BatchToolbarProps {
+    selectedCount: number;
+    onDelete: () => void;
+    onRecall: () => void;
+    onForward: () => void;
+    onCancel: () => void;
+}
+export declare function BatchToolbar({ selectedCount, onDelete, onRecall, onForward, onCancel }: BatchToolbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/CallBanner.d.ts

@@ -0,0 +1,14 @@
+export interface CallBannerData {
+    callType: 'voice' | 'video';
+    callStatus: 'ended' | 'missed';
+    durationSeconds: number;
+    callId: string;
+}
+interface CallBannerProps {
+    data: CallBannerData;
+    sender: boolean;
+    time: string;
+    onCallBack?: (callId: string, type: 'voice' | 'video') => void;
+}
+export declare function CallBanner({ data, sender, time, onCallBack }: CallBannerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/chat/ChatBox.d.ts

@@ -0,0 +1,90 @@
+import { type ReactNode } from 'react';
+import { type MessageBubbleProps, type Attachment } from './MessageBubble';
+import type { AttachmentResult } from './AttachmentPicker';
+import type { StickerPack } from './StickerPicker';
+/** Info passed to the renderHeader render prop */
+export interface ChatHeaderInfo {
+    conversationName: string;
+    avatarSrc?: string;
+    isOnline?: boolean;
+    conversationId?: string;
+    otherUserId?: string;
+}
+export interface ChatBoxProps {
+    conversationName: string;
+    avatarSrc?: string;
+    isOnline?: boolean;
+    /** Full presence status of the other participant */
+    presenceStatus?: 'online' | 'away' | 'offline';
+    /**
+     * Replace the default header identity section (avatar + name + status) with
+     * your own component. Receives the current conversation info as props.
+     *
+     * @example
+     * renderHeader={({ conversationName, avatarSrc, isOnline }) => (
+     *   <div className="flex items-center gap-2">
+     *     <img src={avatarSrc} className="w-10 h-10 rounded-full" />
+     *     <div>
+     *       <p className="font-semibold">{conversationName}</p>
+     *       <p className="text-xs text-green-400">{isOnline ? 'Online' : 'Offline'}</p>
+     *     </div>
+     *   </div>
+     * )}
+     */
+    renderHeader?: (info: ChatHeaderInfo) => ReactNode;
+    /** A React node rendered at the very top of the message list, before any messages.
+     *  Only rendered when provided. Useful for announcements, warnings, pinned info, etc. */
+    chatBanner?: ReactNode;
+    messages: MessageBubbleProps[];
+    typingUsers?: string[];
+    onBack?: () => void;
+    onCall?: () => void;
+    onVideoCall?: () => void;
+    onSend: (text: string, attachment?: AttachmentResult) => void;
+    onTyping?: () => void;
+    onCallBack?: (callId: string, type: 'voice' | 'video') => void;
+    replyingTo?: {
+        messageId: string;
+        senderName: string;
+        content: string;
+        attachmentUrl?: string;
+        attachmentType?: string;
+    } | null;
+    onDismissReply?: () => void;
+    onReplyMessage?: (msg: MessageBubbleProps) => void;
+    batchMode?: boolean;
+    batchSelectedCount?: number;
+    batchSelectedIds?: string[];
+    onToggleBatchSelect?: (messageId: string) => void;
+    onBatchDelete?: () => void;
+    onBatchRecall?: () => void;
+    onBatchForward?: () => void;
+    onBatchCancel?: () => void;
+    searchActive?: boolean;
+    searchQuery?: string;
+    onSearchToggle?: () => void;
+    onSearchChange?: (query: string) => void;
+    searchResultIds?: string[];
+    searchCurrentIndex?: number;
+    onSearchNext?: () => void;
+    onSearchPrev?: () => void;
+    onForwardMessage?: (messageId: string) => void;
+    onRecallMessage?: (messageId: string) => void;
+    onDeleteMessage?: (messageId: string) => void;
+    onInfoMessage?: (messageId: string) => void;
+    onEditMessage?: (messageId: string) => void;
+    onReactMessage?: (messageId: string, emoji: string) => void;
+    onPinMessage?: (messageId: string, isPinned: boolean) => void;
+    /** Pinned messages to show in the pinned bar above the message list */
+    pinnedMessages?: MessageBubbleProps[];
+    /** Whether the conversation is a group */
+    isGroup?: boolean;
+    /** The other participant's app_user_id — used for live presence updates */
+    otherUserId?: string;
+    stickerPacks?: StickerPack[];
+    tenorApiKey?: string;
+    defaultQuickMessages?: import('./QuickMessages').QuickMessage[];
+    onMediaOpen?: (attachment: Attachment, imageSet?: Attachment[]) => void;
+    imageSet?: Attachment[];
+}
+export declare function ChatBox({ conversationName, avatarSrc, isOnline, presenceStatus, renderHeader, chatBanner, messages, typingUsers, onBack, onCall, onVideoCall, onSend, onTyping, onCallBack, replyingTo, onDismissReply, onReplyMessage, batchMode, batchSelectedCount, batchSelectedIds, onToggleBatchSelect, onBatchDelete, onBatchRecall, onBatchForward, onBatchCancel, searchActive, searchQuery, onSearchToggle, onSearchChange, searchResultIds, searchCurrentIndex, onSearchNext, onSearchPrev, onForwardMessage, onRecallMessage, onDeleteMessage, onInfoMessage, onEditMessage, onReactMessage, onPinMessage, pinnedMessages, isGroup, otherUserId, stickerPacks, tenorApiKey, defaultQuickMessages, onMediaOpen, imageSet, }: ChatBoxProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/Composer.d.ts

@@ -0,0 +1,15 @@
+import { type AttachmentResult } from './AttachmentPicker';
+import type { StickerPack } from './StickerPicker';
+import type { QuickMessage } from './QuickMessages';
+interface ComposerProps {
+    onSend: (text: string) => void;
+    onAttach?: (attachment: AttachmentResult) => void;
+    onTyping?: () => void;
+    placeholder?: string;
+    stickerPacks?: StickerPack[];
+    tenorApiKey?: string;
+    /** Default quick messages seeded into localStorage if none exist yet */
+    defaultQuickMessages?: QuickMessage[];
+}
+export declare function Composer({ onSend, onAttach, onTyping, placeholder, stickerPacks, tenorApiKey, defaultQuickMessages }: ComposerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/chat/ConversationList.d.ts

@@ -0,0 +1,32 @@
+export interface Conversation {
+    id: string;
+    name: string;
+    avatarSrc?: string;
+    lastMessage?: string;
+    lastMessageId?: string;
+    senderPrefix?: string;
+    lastMessageStatus?: 'sent' | 'delivered' | 'read';
+    time: string;
+    unreadCount?: number;
+    isTyping?: boolean;
+    typingName?: string;
+    isMuted?: boolean;
+    isGroup?: boolean;
+    groupAvatars?: string[];
+    online?: boolean;
+    presenceStatus?: 'online' | 'away' | 'offline';
+    /** For direct conversations — the other participant's app_user_id, used to initiate calls */
+    otherUserId?: string;
+}
+interface ConversationListProps {
+    conversations: Conversation[];
+    onSelect: (id: string) => void;
+    onNewChat?: () => void;
+    activeTab?: 'chats' | 'calls' | 'meet';
+    onTabChange?: (tab: 'chats' | 'calls' | 'meet') => void;
+    globalSearchApiUrl?: string;
+    authToken?: string;
+    onNavigateToMessage?: (conversationId: string, messageId: string) => void;
+}
+export declare function ConversationList({ conversations, onSelect, onNewChat, activeTab, onTabChange, globalSearchApiUrl, authToken, onNavigateToMessage }: ConversationListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/chat/ConversationPicker.d.ts

@@ -0,0 +1,7 @@
+import type { Conversation } from './ConversationList';
+export interface ConversationPickerProps {
+    conversations: Array<Pick<Conversation, 'id' | 'name' | 'avatarSrc'>>;
+    onConfirm: (selectedIds: string[]) => void;
+    onClose: () => void;
+}
+export declare function ConversationPicker({ conversations, onConfirm, onClose }: ConversationPickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/ConversationProfile.d.ts

@@ -0,0 +1,13 @@
+import type { MessageBubbleProps } from './MessageBubble';
+export interface ConversationProfileProps {
+    name: string;
+    avatarSrc?: string;
+    isOnline?: boolean;
+    isGroup?: boolean;
+    otherUserId?: string;
+    messages: MessageBubbleProps[];
+    pinnedMessages: MessageBubbleProps[];
+    onClose: () => void;
+    onUnpin?: (messageId: string) => void;
+}
+export declare function ConversationProfile({ name, avatarSrc, isOnline, otherUserId, messages, pinnedMessages, onClose, onUnpin, }: ConversationProfileProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/DocumentViewer.d.ts

@@ -0,0 +1,2 @@
+import type { DocumentViewerProps } from './mediaViewerRegistry';
+export declare function DocumentViewer({ attachment, onClose }: DocumentViewerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/EmojiPicker.d.ts

@@ -0,0 +1,5 @@
+export interface EmojiPickerProps {
+    onSelect: (emoji: string) => void;
+    onClose?: () => void;
+}
+export declare function EmojiPicker({ onSelect, onClose }: EmojiPickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/ImageViewer.d.ts

@@ -0,0 +1,2 @@
+import type { ImageViewerProps } from './mediaViewerRegistry';
+export declare function ImageViewer({ attachment, imageSet, onClose }: ImageViewerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/LinkPreview.d.ts

@@ -0,0 +1,7 @@
+import { extractUrls } from './urlUtils';
+export { extractUrls };
+export interface LinkPreviewProps {
+    url: string;
+    sender: boolean;
+}
+export declare function LinkPreview({ url, sender }: LinkPreviewProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/chat/MediaMessage.d.ts

@@ -0,0 +1,5 @@
+export interface MediaMessageProps {
+    mediaId: string;
+    type: 'image' | 'video' | 'audio';
+}
+export declare function MediaMessage({ mediaId, type }: MediaMessageProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/MediaViewer.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { Attachment } from './MessageBubble';
+export type ViewerType = 'image' | 'video' | 'document';
+export interface ActiveViewer {
+    type: ViewerType;
+    attachment: Attachment;
+    imageSet?: Attachment[];
+}
+export interface MediaViewerProps {
+    active: ActiveViewer | null;
+    onClose: () => void;
+}
+export declare function MediaViewer({ active, onClose }: MediaViewerProps): React.ReactPortal | null;

package/dist/components/chat/MessageActionMenu.d.ts

@@ -0,0 +1,16 @@
+export interface MessageActionMenuProps {
+    messageId: string;
+    isSender: boolean;
+    isPinned?: boolean;
+    onReply: () => void;
+    onReact: () => void;
+    onEdit?: () => void;
+    onForward: () => void;
+    onDelete: () => void;
+    onRecall?: () => void;
+    onInfo?: () => void;
+    onSelect: () => void;
+    onPin?: () => void;
+    onClose: () => void;
+}
+export declare function MessageActionMenu({ isSender, isPinned, onReply, onReact, onEdit, onForward, onDelete, onRecall, onInfo, onSelect, onPin, onClose, }: MessageActionMenuProps): import("react/jsx-runtime").JSX.Element;