maverick-wave 5.30.0 → 5.32.0

package/src/assets/images/gallery-oldtown.svg

@@ -1,41 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 450" width="800" height="450" role="img" aria-label="Old town rooftops and a church tower">
-  <defs>
-    <linearGradient id="old-sky" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#6f93b5"/>
-      <stop offset="1" stop-color="#f2ddc0"/>
-    </linearGradient>
-  </defs>
-  <rect width="800" height="450" fill="url(#old-sky)"/>
-  <circle cx="668" cy="112" r="34" fill="#fff3d6" opacity="0.85"/>
-  <g fill="#9a8570" opacity="0.6">
-    <polygon points="60,300 118,240 176,300"/>
-    <rect x="60" y="300" width="116" height="150"/>
-    <polygon points="640,296 700,234 760,296"/>
-    <rect x="640" y="296" width="120" height="154"/>
-  </g>
-  <polygon points="330,206 372,146 414,206" fill="#8f4b3c"/>
-  <rect x="344" y="206" width="56" height="244" fill="#e0cdb2"/>
-  <rect x="360" y="142" width="24" height="10" fill="#6b4136"/>
-  <circle cx="372" cy="238" r="14" fill="#f6efe1" stroke="#6b4136" stroke-width="3"/>
-  <g>
-    <polygon points="140,326 196,268 252,326" fill="#a4553f"/>
-    <rect x="146" y="326" width="100" height="124" fill="#e6d4b8"/>
-    <polygon points="252,308 316,246 380,308" fill="#8d4a38"/>
-    <rect x="258" y="308" width="116" height="142" fill="#dcc7a6"/>
-    <polygon points="400,318 458,258 516,318" fill="#b25e44"/>
-    <rect x="406" y="318" width="104" height="132" fill="#e9d9be"/>
-    <polygon points="516,300 578,240 640,300" fill="#94503b"/>
-    <rect x="522" y="300" width="112" height="150" fill="#d9c4a2"/>
-  </g>
-  <g fill="#6b5a45">
-    <rect x="168" y="356" width="20" height="26"/><rect x="206" y="356" width="20" height="26"/>
-    <rect x="168" y="404" width="20" height="26"/><rect x="206" y="404" width="20" height="26"/>
-    <rect x="282" y="342" width="22" height="30"/><rect x="328" y="342" width="22" height="30"/>
-    <rect x="282" y="396" width="22" height="30"/><rect x="328" y="396" width="22" height="30"/>
-    <rect x="428" y="352" width="20" height="28"/><rect x="468" y="352" width="20" height="28"/>
-    <rect x="428" y="404" width="20" height="28"/><rect x="468" y="404" width="20" height="28"/>
-    <rect x="546" y="336" width="22" height="30"/><rect x="590" y="336" width="22" height="30"/>
-    <rect x="546" y="392" width="22" height="30"/><rect x="590" y="392" width="22" height="30"/>
-  </g>
-  <rect y="440" width="800" height="10" fill="#6b5a45"/>
-</svg>

package/src/assets/images/gallery-snow.svg

@@ -1,39 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 450" width="800" height="450" role="img" aria-label="Snowy hills with pine trees">
-  <defs>
-    <linearGradient id="sno-sky" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#48628a"/>
-      <stop offset="0.65" stop-color="#9db6cf"/>
-      <stop offset="1" stop-color="#e2edf4"/>
-    </linearGradient>
-  </defs>
-  <rect width="800" height="450" fill="url(#sno-sky)"/>
-  <g fill="#ffffff" opacity="0.75">
-    <circle cx="92" cy="66" r="3"/><circle cx="214" cy="112" r="2.5"/><circle cx="336" cy="54" r="3"/>
-    <circle cx="452" cy="128" r="2.5"/><circle cx="548" cy="72" r="3"/><circle cx="664" cy="140" r="2.5"/>
-    <circle cx="742" cy="62" r="3"/><circle cx="160" cy="172" r="2.5"/><circle cx="392" cy="190" r="2.5"/>
-    <circle cx="612" cy="204" r="2.5"/>
-  </g>
-  <polygon points="0,272 148,178 288,266 428,166 566,262 706,182 800,252 800,450 0,450" fill="#c3d6e6"/>
-  <path d="M0,318 C150,282 268,344 420,320 C560,298 672,286 800,326 L800,450 L0,450 Z" fill="#e8f2f8"/>
-  <g fill="#2c4a41">
-    <polygon points="96,388 128,296 160,388"/>
-    <polygon points="104,356 128,296 152,356"/>
-    <rect x="122" y="386" width="12" height="22"/>
-    <polygon points="228,404 268,290 308,404"/>
-    <polygon points="238,364 268,290 298,364"/>
-    <rect x="260" y="402" width="14" height="26"/>
-    <polygon points="504,398 540,296 576,398"/>
-    <polygon points="513,362 540,296 567,362"/>
-    <rect x="533" y="396" width="13" height="24"/>
-    <polygon points="600,382 632,300 664,382"/>
-    <polygon points="608,352 632,300 656,352"/>
-    <rect x="626" y="380" width="12" height="20"/>
-  </g>
-  <g fill="#f3f9fc">
-    <polygon points="128,296 141,326 115,326"/>
-    <polygon points="268,290 283,324 253,324"/>
-    <polygon points="540,296 553,328 527,328"/>
-    <polygon points="632,300 644,328 620,328"/>
-  </g>
-  <path d="M0,406 C170,388 300,428 460,410 C608,393 700,398 800,412 L800,450 L0,450 Z" fill="#ffffff"/>
-</svg>

package/src/assets/images/photo-balloon.svg

@@ -1,35 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="800" height="800" role="img" aria-label="Hot air balloon in a morning sky">
-  <defs>
-    <linearGradient id="bl-sky" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#6fb8e0"/>
-      <stop offset="1" stop-color="#fbe3c2"/>
-    </linearGradient>
-    <clipPath id="bl-env">
-      <path d="M400,150 C520,150 590,240 575,340 C560,430 470,490 440,560 L360,560 C330,490 240,430 225,340 C210,240 280,150 400,150 Z"/>
-    </clipPath>
-  </defs>
-  <rect width="800" height="800" fill="url(#bl-sky)"/>
-  <g fill="#fff" opacity="0.7">
-    <ellipse cx="140" cy="220" rx="80" ry="22"/>
-    <ellipse cx="190" cy="206" rx="50" ry="18"/>
-    <ellipse cx="660" cy="520" rx="96" ry="24"/>
-    <ellipse cx="700" cy="506" rx="56" ry="18"/>
-  </g>
-  <g clip-path="url(#bl-env)">
-    <rect x="200" y="140" width="400" height="430" fill="#e4572e"/>
-    <rect x="280" y="140" width="60" height="430" fill="#f3a712"/>
-    <rect x="370" y="140" width="60" height="430" fill="#fff4e0"/>
-    <rect x="460" y="140" width="60" height="430" fill="#f3a712"/>
-  </g>
-  <g stroke="#5b4636" stroke-width="3">
-    <line x1="362" y1="560" x2="374" y2="610"/>
-    <line x1="438" y1="560" x2="426" y2="610"/>
-  </g>
-  <rect x="370" y="608" width="60" height="42" rx="6" fill="#8a5a3b"/>
-  <g transform="translate(610 250) scale(0.28)">
-    <path d="M400,150 C520,150 590,240 575,340 C560,430 470,490 440,560 L360,560 C330,490 240,430 225,340 C210,240 280,150 400,150 Z" fill="#2e86ab"/>
-    <rect x="370" y="600" width="60" height="42" rx="6" fill="#5b4636"/>
-  </g>
-  <polygon points="0,700 200,660 420,710 620,650 800,690 800,800 0,800" fill="#8fb77a"/>
-  <polygon points="0,750 260,720 520,760 800,730 800,800 0,800" fill="#6a9a5a"/>
-</svg>

package/src/assets/images/photo-forest-path.svg

@@ -1,31 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 800" width="600" height="800" role="img" aria-label="Path through a sunlit forest">
-  <defs>
-    <linearGradient id="fp-air" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#f6e8b8"/>
-      <stop offset="0.7" stop-color="#b8c98a"/>
-      <stop offset="1" stop-color="#6f9360"/>
-    </linearGradient>
-  </defs>
-  <rect width="600" height="800" fill="url(#fp-air)"/>
-  <g fill="#fffbe6" opacity="0.35">
-    <polygon points="380,0 440,0 250,800 150,800"/>
-    <polygon points="480,0 510,0 380,800 330,800"/>
-  </g>
-  <g fill="#8a9d6c" opacity="0.7">
-    <rect x="200" y="0" width="14" height="560"/>
-    <rect x="360" y="0" width="12" height="560"/>
-    <rect x="270" y="0" width="10" height="540"/>
-  </g>
-  <polygon points="0,560 600,540 600,800 0,800" fill="#4c7340"/>
-  <polygon points="270,548 330,548 460,800 140,800" fill="#d9bd8c"/>
-  <g fill="#2c3d27">
-    <rect x="20" y="0" width="46" height="800"/>
-    <rect x="110" y="0" width="30" height="640"/>
-    <rect x="430" y="0" width="34" height="660"/>
-    <rect x="520" y="0" width="56" height="800"/>
-  </g>
-  <g fill="#3f5a36">
-    <ellipse cx="60" cy="760" rx="90" ry="40"/>
-    <ellipse cx="560" cy="770" rx="100" ry="44"/>
-  </g>
-</svg>

package/src/assets/images/photo-lighthouse.svg

@@ -1,42 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 800" width="600" height="800" role="img" aria-label="Lighthouse on a cliff at dusk">
-  <defs>
-    <linearGradient id="lh-sky" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#18234a"/>
-      <stop offset="0.55" stop-color="#6d4a8c"/>
-      <stop offset="1" stop-color="#f2a36b"/>
-    </linearGradient>
-    <linearGradient id="lh-sea" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#4a5b86"/>
-      <stop offset="1" stop-color="#101c33"/>
-    </linearGradient>
-    <linearGradient id="lh-beam" x1="0" y1="0" x2="1" y2="0">
-      <stop offset="0" stop-color="#fff4c9" stop-opacity="0.6"/>
-      <stop offset="1" stop-color="#fff4c9" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
-  <rect width="600" height="560" fill="url(#lh-sky)"/>
-  <g fill="#fff">
-    <circle cx="420" cy="70" r="2"/>
-    <circle cx="520" cy="130" r="1.5"/>
-    <circle cx="300" cy="110" r="1.5"/>
-    <circle cx="80" cy="60" r="2"/>
-    <circle cx="210" cy="190" r="1.2"/>
-    <circle cx="560" cy="40" r="1.2"/>
-  </g>
-  <rect y="540" width="600" height="260" fill="url(#lh-sea)"/>
-  <g stroke="#f7c08f" stroke-opacity="0.4" stroke-width="3" stroke-linecap="round">
-    <line x1="330" y1="566" x2="470" y2="566"/>
-    <line x1="360" y1="598" x2="540" y2="598"/>
-    <line x1="400" y1="640" x2="520" y2="640"/>
-    <line x1="430" y1="690" x2="590" y2="690"/>
-  </g>
-  <polygon points="160,350 600,250 600,440" fill="url(#lh-beam)"/>
-  <circle cx="150" cy="355" r="46" fill="#ffe9a6" opacity="0.25"/>
-  <polygon points="-10,800 -10,570 60,556 150,590 230,604 300,646 360,706 404,800" fill="#0c1426"/>
-  <polygon points="128,592 172,592 164,380 136,380" fill="#f1ece4"/>
-  <polygon points="130,540 170,540 168.5,500 131.5,500" fill="#c8433b"/>
-  <polygon points="133,460 167,460 165.5,420 134.5,420" fill="#c8433b"/>
-  <rect x="124" y="368" width="52" height="12" rx="2" fill="#2a2f45"/>
-  <rect x="136" y="338" width="28" height="30" fill="#ffe9a6"/>
-  <polygon points="130,340 170,340 150,314" fill="#2a2f45"/>
-</svg>

package/src/assets/images/photo-palm.svg

@@ -1,27 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="800" height="800" role="img" aria-label="Palm tree against a sunset over the sea">
-  <defs>
-    <linearGradient id="pm-sky" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#2c1f4a"/>
-      <stop offset="0.55" stop-color="#d9587a"/>
-      <stop offset="1" stop-color="#f7b267"/>
-    </linearGradient>
-  </defs>
-  <rect width="800" height="520" fill="url(#pm-sky)"/>
-  <circle cx="470" cy="500" r="120" fill="#ffd27a"/>
-  <rect y="500" width="800" height="300" fill="#3a2a5a"/>
-  <g fill="#ffd27a" opacity="0.6">
-    <rect x="380" y="530" width="180" height="6" rx="3"/>
-    <rect x="400" y="566" width="140" height="6" rx="3"/>
-    <rect x="420" y="604" width="100" height="6" rx="3"/>
-    <rect x="440" y="644" width="60" height="6" rx="3"/>
-  </g>
-  <path d="M0,720 C200,690 420,700 800,740 L800,800 L0,800 Z" fill="#1c1430"/>
-  <path d="M200,730 C210,600 230,420 290,250 L304,254 C250,420 232,600 226,730 Z" fill="#1c1430"/>
-  <g fill="#1c1430">
-    <path d="M296,252 C360,190 450,190 520,240 C440,220 380,230 300,262 Z"/>
-    <path d="M296,252 C340,180 330,120 280,80 C310,140 300,190 290,250 Z"/>
-    <path d="M296,252 C220,190 140,200 90,250 C160,228 220,232 292,262 Z"/>
-    <path d="M296,252 C380,250 440,300 470,370 C420,310 370,290 300,266 Z"/>
-    <path d="M296,252 C220,260 170,310 150,380 C190,320 240,290 294,266 Z"/>
-  </g>
-</svg>

package/src/assets/images/photo-peak.svg

@@ -1,27 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 800" width="600" height="800" role="img" aria-label="Snowy mountain peak under a starry sky">
-  <defs>
-    <linearGradient id="pk-sky" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#0b1330"/>
-      <stop offset="0.6" stop-color="#2d3f73"/>
-      <stop offset="1" stop-color="#9fb2d4"/>
-    </linearGradient>
-  </defs>
-  <rect width="600" height="800" fill="url(#pk-sky)"/>
-  <g fill="#fff">
-    <circle cx="60" cy="80" r="2"/>
-    <circle cx="140" cy="160" r="1.4"/>
-    <circle cx="250" cy="60" r="1.8"/>
-    <circle cx="380" cy="120" r="1.4"/>
-    <circle cx="470" cy="50" r="2.2"/>
-    <circle cx="540" cy="190" r="1.4"/>
-    <circle cx="90" cy="250" r="1.2"/>
-    <circle cx="500" cy="280" r="1.2"/>
-    <circle cx="330" cy="210" r="1"/>
-  </g>
-  <circle cx="470" cy="130" r="28" fill="#f4ecd6"/>
-  <polygon points="300,190 600,600 600,800 0,800 0,640" fill="#5d7aa6"/>
-  <polygon points="300,190 356,266 334,258 318,280 298,262 276,284 262,258 246,262" fill="#eef4fa"/>
-  <polygon points="300,190 600,600 600,800 380,800 330,420" fill="#46618c"/>
-  <polygon points="0,700 120,600 250,690 380,610 520,700 600,660 600,800 0,800" fill="#2d4468"/>
-  <polygon points="0,760 150,700 300,770 460,710 600,760 600,800 0,800" fill="#1a2b47"/>
-</svg>

package/src/assets/images/photo-tower.svg

@@ -1,34 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 800" width="600" height="800" role="img" aria-label="Television tower above the city at night">
-  <defs>
-    <linearGradient id="tw-sky" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#0e1433"/>
-      <stop offset="0.6" stop-color="#3b2d63"/>
-      <stop offset="1" stop-color="#b0628a"/>
-    </linearGradient>
-    <pattern id="tw-win" width="16" height="22" patternUnits="userSpaceOnUse">
-      <rect x="4" y="6" width="6" height="8" fill="#ffd98a" opacity="0.7"/>
-    </pattern>
-  </defs>
-  <rect width="600" height="800" fill="url(#tw-sky)"/>
-  <circle cx="120" cy="120" r="34" fill="#f4e7c8"/>
-  <circle cx="134" cy="110" r="34" fill="#12183a"/>
-  <rect x="318" y="40" width="4" height="90" fill="#c9c3dd"/>
-  <circle cx="320" cy="38" r="5" fill="#ff7b6b"/>
-  <polygon points="310,130 330,130 338,800 302,800" fill="#241f43"/>
-  <ellipse cx="320" cy="250" rx="46" ry="42" fill="#2e2856"/>
-  <rect x="274" y="246" width="92" height="8" fill="#ffd98a" opacity="0.8"/>
-  <g fill="#1a1633">
-    <rect x="0" y="560" width="90" height="240"/>
-    <rect x="100" y="620" width="70" height="180"/>
-    <rect x="180" y="520" width="80" height="280"/>
-    <rect x="380" y="580" width="90" height="220"/>
-    <rect x="480" y="500" width="120" height="300"/>
-  </g>
-  <g fill="url(#tw-win)">
-    <rect x="0" y="560" width="90" height="240"/>
-    <rect x="100" y="620" width="70" height="180"/>
-    <rect x="180" y="520" width="80" height="280"/>
-    <rect x="380" y="580" width="90" height="220"/>
-    <rect x="480" y="500" width="120" height="300"/>
-  </g>
-</svg>

package/src/assets/images/photo-waterfall.svg

@@ -1,32 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 800" width="600" height="800" role="img" aria-label="Waterfall between mossy cliffs">
-  <defs>
-    <linearGradient id="wf-sky" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#8cc7df"/>
-      <stop offset="1" stop-color="#e6f3ee"/>
-    </linearGradient>
-    <linearGradient id="wf-water" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#d6eef6"/>
-      <stop offset="1" stop-color="#f7fcff"/>
-    </linearGradient>
-  </defs>
-  <rect width="600" height="800" fill="url(#wf-sky)"/>
-  <polygon points="0,120 110,90 200,150 230,800 0,800" fill="#4d6b4f"/>
-  <polygon points="600,80 480,110 390,170 370,800 600,800" fill="#435f46"/>
-  <polygon points="0,260 90,240 180,300 200,800 0,800" fill="#3a5540"/>
-  <polygon points="600,300 470,280 400,330 390,800 600,800" fill="#34503b"/>
-  <rect x="226" y="150" width="148" height="560" fill="url(#wf-water)"/>
-  <g stroke="#b5dcea" stroke-width="3" stroke-linecap="round">
-    <line x1="250" y1="170" x2="250" y2="690"/>
-    <line x1="290" y1="160" x2="290" y2="700"/>
-    <line x1="330" y1="175" x2="330" y2="690"/>
-    <line x1="356" y1="165" x2="356" y2="700"/>
-  </g>
-  <ellipse cx="300" cy="730" rx="300" ry="90" fill="#5d9fb5"/>
-  <g fill="#fff" opacity="0.8">
-    <circle cx="240" cy="700" r="34"/>
-    <circle cx="300" cy="690" r="40"/>
-    <circle cx="360" cy="702" r="32"/>
-  </g>
-  <polygon points="0,760 160,740 220,800 0,800" fill="#26392b"/>
-  <polygon points="600,750 430,745 380,800 600,800" fill="#26392b"/>
-</svg>

package/src/assets/images/slider-field.svg

@@ -1,124 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500" width="800" height="500" role="img" aria-label="Golden field under a wide sky">
-  <defs>
-    <linearGradient id="sd-sky" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#5ea3d8"/>
-      <stop offset="1" stop-color="#f1e2b6"/>
-    </linearGradient>
-    <linearGradient id="sd-field" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#dfba5c"/>
-      <stop offset="1" stop-color="#9c6d1e"/>
-    </linearGradient>
-    <g id="ear">
-      <path d="M0,0 v-24" stroke="#8a6018" stroke-width="2.4" stroke-linecap="round" fill="none"/>
-      <ellipse cx="0" cy="-31" rx="4.4" ry="9" fill="#e0b241"/>
-      <ellipse cx="0" cy="-31" rx="1.6" ry="9" fill="#a97c1e" opacity="0.5"/>
-    </g>
-  </defs>
-  <rect width="800" height="500" fill="url(#sd-sky)"/>
-  <circle cx="606" cy="104" r="46" fill="#fff5d0"/>
-  <circle cx="606" cy="104" r="78" fill="#fff5d0" opacity="0.25"/>
-  <g fill="#ffffff" opacity="0.8">
-    <ellipse cx="168" cy="98" rx="66" ry="20"/>
-    <ellipse cx="216" cy="86" rx="44" ry="16"/>
-    <ellipse cx="430" cy="62" rx="52" ry="16"/>
-    <ellipse cx="470" cy="54" rx="34" ry="12"/>
-  </g>
-  <g fill="#6d8a4e">
-    <ellipse cx="86" cy="272" rx="30" ry="20"/>
-    <ellipse cx="122" cy="276" rx="22" ry="15"/>
-    <ellipse cx="248" cy="274" rx="26" ry="17"/>
-    <ellipse cx="470" cy="272" rx="34" ry="21"/>
-    <ellipse cx="508" cy="277" rx="24" ry="15"/>
-    <ellipse cx="686" cy="274" rx="28" ry="18"/>
-    <ellipse cx="722" cy="278" rx="20" ry="13"/>
-  </g>
-  <path d="M0,278 C120,270 220,284 340,276 C460,268 580,282 800,272 L800,306 L0,306 Z" fill="#7fa15a"/>
-  <path d="M0,300 C160,292 300,312 460,300 C600,290 700,300 800,296 L800,500 L0,500 Z" fill="url(#sd-field)"/>
-  <g opacity="0.55">
-    <use href="#ear" transform="translate(8,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(29,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(50,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(71,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(92,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(113,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(134,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(155,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(176,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(197,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(218,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(239,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(260,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(281,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(302,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(323,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(344,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(365,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(386,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(407,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(428,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(449,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(470,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(491,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(512,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(533,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(554,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(575,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(596,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(617,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(638,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(659,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(680,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(701,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(722,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(743,335) scale(0.5)"/>
-    <use href="#ear" transform="translate(764,332) scale(0.5)"/>
-    <use href="#ear" transform="translate(785,335) scale(0.5)"/>
-  </g>
-  <g opacity="0.8">
-    <use href="#ear" transform="translate(4,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(37,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(70,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(103,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(136,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(169,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(202,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(235,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(268,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(301,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(334,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(367,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(400,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(433,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(466,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(499,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(532,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(565,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(598,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(631,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(664,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(697,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(730,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(763,402) scale(0.78)"/>
-    <use href="#ear" transform="translate(796,402) scale(0.78)"/>
-  </g>
-  <g>
-    <use href="#ear" transform="translate(-6,482) scale(1.15)"/>
-    <use href="#ear" transform="translate(41,501) scale(1.15)"/>
-    <use href="#ear" transform="translate(88,492) scale(1.15)"/>
-    <use href="#ear" transform="translate(135,497) scale(1.15)"/>
-    <use href="#ear" transform="translate(182,488) scale(1.15)"/>
-    <use href="#ear" transform="translate(229,493) scale(1.15)"/>
-    <use href="#ear" transform="translate(276,498) scale(1.15)"/>
-    <use href="#ear" transform="translate(323,489) scale(1.15)"/>
-    <use href="#ear" transform="translate(370,494) scale(1.15)"/>
-    <use href="#ear" transform="translate(417,499) scale(1.15)"/>
-    <use href="#ear" transform="translate(464,490) scale(1.15)"/>
-    <use href="#ear" transform="translate(511,495) scale(1.15)"/>
-    <use href="#ear" transform="translate(558,500) scale(1.15)"/>
-    <use href="#ear" transform="translate(605,491) scale(1.15)"/>
-    <use href="#ear" transform="translate(652,496) scale(1.15)"/>
-    <use href="#ear" transform="translate(699,501) scale(1.15)"/>
-    <use href="#ear" transform="translate(746,492) scale(1.15)"/>
-    <use href="#ear" transform="translate(793,497) scale(1.15)"/>
-  </g>
-</svg>

package/src/assets/images/slider-forest.svg

@@ -1,33 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500" width="800" height="500" role="img" aria-label="Misty pine forest">
-  <defs>
-    <linearGradient id="sf-bg" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#b9cfc4"/>
-      <stop offset="0.5" stop-color="#6f9481"/>
-      <stop offset="1" stop-color="#294438"/>
-    </linearGradient>
-  </defs>
-  <rect width="800" height="500" fill="url(#sf-bg)"/>
-  <g fill="#8fae9d" opacity="0.55">
-    <polygon points="60,400 108,190 156,400"/>
-    <polygon points="210,410 252,206 294,410"/>
-    <polygon points="380,396 424,180 468,396"/>
-    <polygon points="546,410 590,200 634,410"/>
-    <polygon points="700,398 744,186 788,398"/>
-  </g>
-  <rect y="240" width="800" height="90" fill="#c3d6cc" opacity="0.45"/>
-  <g fill="#3f6653">
-    <polygon points="0,440 52,214 104,440"/>
-    <polygon points="146,450 196,196 246,450"/>
-    <polygon points="316,436 370,180 424,436"/>
-    <polygon points="490,452 542,192 594,452"/>
-    <polygon points="644,438 700,178 756,438"/>
-  </g>
-  <rect y="366" width="800" height="70" fill="#cfe0d7" opacity="0.4"/>
-  <g fill="#1e3a2d">
-    <polygon points="-20,500 40,270 100,500"/>
-    <polygon points="228,500 292,250 356,500"/>
-    <polygon points="452,500 512,262 572,500"/>
-    <polygon points="686,500 752,244 818,500"/>
-  </g>
-  <rect y="470" width="800" height="30" fill="#16291f"/>
-</svg>

package/src/assets/images/slider-lake.svg

@@ -1,35 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500" width="800" height="500" role="img" aria-label="Turquoise mountain lake">
-  <defs>
-    <linearGradient id="sl-sky" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#3f8fb8"/>
-      <stop offset="1" stop-color="#bfe4e8"/>
-    </linearGradient>
-    <linearGradient id="sl-water" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#2aa39b"/>
-      <stop offset="1" stop-color="#0d5c66"/>
-    </linearGradient>
-  </defs>
-  <rect width="800" height="500" fill="url(#sl-sky)"/>
-  <g fill="#ffffff" opacity="0.7">
-    <ellipse cx="580" cy="72" rx="58" ry="18"/>
-    <ellipse cx="624" cy="64" rx="38" ry="14"/>
-  </g>
-  <polygon points="0,272 140,158 292,268 430,142 568,272 706,178 800,266 800,300 0,300" fill="#6e9fb8"/>
-  <polygon points="430,142 470,182 456,177 442,190 426,178 402,185" fill="#ffffff"/>
-  <polygon points="0,300 800,300 800,500 0,500" fill="url(#sl-water)"/>
-  <polygon points="0,300 140,362 292,304 430,376 568,302 706,352 800,306 800,300" fill="#3fb3a8" opacity="0.55"/>
-  <g fill="#e8fbfa" opacity="0.5">
-    <rect x="90" y="348" width="180" height="6" rx="3"/>
-    <rect x="410" y="392" width="240" height="6" rx="3"/>
-    <rect x="180" y="428" width="300" height="7" rx="3.5"/>
-    <rect x="520" y="452" width="200" height="6" rx="3"/>
-  </g>
-  <g fill="#1c5c4a">
-    <polygon points="88,304 116,214 144,304"/>
-    <polygon points="140,304 164,232 188,304"/>
-    <polygon points="624,304 652,222 680,304"/>
-    <polygon points="676,304 700,240 724,304"/>
-  </g>
-  <path d="M0,296 C60,290 120,300 190,296 L190,312 L0,312 Z" fill="#2f6f52"/>
-  <path d="M610,296 C680,288 740,300 800,294 L800,312 L610,312 Z" fill="#2f6f52"/>
-</svg>

package/src/assets/images/slider-mountains.svg

@@ -1,29 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500" width="800" height="500" role="img" aria-label="Mountain landscape in daylight">
-  <defs>
-    <linearGradient id="sm-sky" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#4c8fd0"/>
-      <stop offset="1" stop-color="#cfe6f5"/>
-    </linearGradient>
-  </defs>
-  <rect width="800" height="500" fill="url(#sm-sky)"/>
-  <g fill="#ffffff" opacity="0.85">
-    <ellipse cx="182" cy="96" rx="62" ry="22"/>
-    <ellipse cx="228" cy="84" rx="42" ry="18"/>
-    <ellipse cx="140" cy="104" rx="40" ry="16"/>
-    <ellipse cx="612" cy="140" rx="70" ry="20"/>
-    <ellipse cx="660" cy="130" rx="44" ry="16"/>
-  </g>
-  <polygon points="0,330 124,214 248,318 372,196 500,326 628,222 752,332 800,300 800,500 0,500" fill="#8fb0cc"/>
-  <polygon points="372,196 414,236 400,231 386,243 370,232 344,239" fill="#ffffff"/>
-  <polygon points="628,222 664,258 651,253 639,264 626,254 604,260" fill="#ffffff"/>
-  <polygon points="0,378 138,272 268,372 400,258 536,382 664,286 800,388 800,500 0,500" fill="#5c86ab"/>
-  <polygon points="400,258 438,296 425,291 412,302 397,292 374,298" fill="#f2f8fc"/>
-  <polygon points="0,430 150,344 296,428 438,340 578,432 706,362 800,428 800,500 0,500" fill="#3b5f83"/>
-  <path d="M0,462 C160,444 300,478 460,458 C606,440 700,448 800,462 L800,500 L0,500 Z" fill="#2a4762"/>
-  <g fill="#24405a">
-    <polygon points="86,462 106,410 126,462"/>
-    <polygon points="128,466 152,404 176,466"/>
-    <polygon points="640,464 664,406 688,464"/>
-    <polygon points="684,468 704,418 724,468"/>
-  </g>
-</svg>

package/src/assets/images/slider-trees.svg

@@ -1,41 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500" width="800" height="500" role="img" aria-label="Row of trees against a sunset">
-  <defs>
-    <linearGradient id="st-sky" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#6a3a72"/>
-      <stop offset="0.45" stop-color="#d4674f"/>
-      <stop offset="1" stop-color="#f7c56b"/>
-    </linearGradient>
-  </defs>
-  <rect width="800" height="500" fill="url(#st-sky)"/>
-  <circle cx="400" cy="330" r="72" fill="#ffe9a8"/>
-  <circle cx="400" cy="330" r="120" fill="#ffe9a8" opacity="0.22"/>
-  <path d="M0,352 C140,336 260,362 400,348 C540,334 660,356 800,344 L800,500 L0,500 Z" fill="#7a3f37"/>
-  <g fill="#2a1622">
-    <path d="M104,362 l-9,-142 c0,-6 22,-6 22,0 l-9,142 Z"/>
-    <ellipse cx="106" cy="214" rx="46" ry="34"/><ellipse cx="76" cy="234" rx="34" ry="26"/>
-    <ellipse cx="138" cy="232" rx="32" ry="24"/><ellipse cx="112" cy="188" rx="30" ry="24"/>
-    <path d="M246,360 l-7,-176 c0,-5 18,-5 18,0 l-7,176 Z"/>
-    <ellipse cx="246" cy="178" rx="40" ry="30"/><ellipse cx="218" cy="196" rx="30" ry="23"/>
-    <ellipse cx="274" cy="194" rx="28" ry="22"/><ellipse cx="252" cy="156" rx="26" ry="21"/>
-    <path d="M560,358 l-9,-166 c0,-6 22,-6 22,0 l-9,166 Z"/>
-    <ellipse cx="560" cy="188" rx="44" ry="33"/><ellipse cx="528" cy="208" rx="32" ry="25"/>
-    <ellipse cx="592" cy="206" rx="30" ry="23"/><ellipse cx="566" cy="162" rx="28" ry="23"/>
-    <path d="M690,358 l-7,-128 c0,-5 18,-5 18,0 l-7,128 Z"/>
-    <ellipse cx="690" cy="226" rx="36" ry="27"/><ellipse cx="666" cy="242" rx="27" ry="21"/>
-    <ellipse cx="714" cy="240" rx="25" ry="20"/><ellipse cx="696" cy="204" rx="24" ry="19"/>
-  </g>
-  <g fill="#1a0f18">
-    <path d="M42,382 l-11,-130 c0,-7 26,-7 26,0 l-11,130 Z"/>
-    <ellipse cx="42" cy="248" rx="42" ry="32"/><ellipse cx="12" cy="268" rx="32" ry="25"/>
-    <ellipse cx="72" cy="266" rx="28" ry="22"/><ellipse cx="50" cy="218" rx="26" ry="22"/>
-    <path d="M768,384 l-10,-124 c0,-7 24,-7 24,0 l-10,124 Z"/>
-    <ellipse cx="768" cy="258" rx="40" ry="30"/><ellipse cx="740" cy="276" rx="30" ry="24"/>
-    <ellipse cx="796" cy="274" rx="26" ry="21"/><ellipse cx="774" cy="230" rx="25" ry="20"/>
-  </g>
-  <path d="M0,428 C170,414 320,442 480,424 C620,408 700,418 800,426 L800,500 L0,500 Z" fill="#3d1f22"/>
-  <g fill="#8f4c3c" opacity="0.55">
-    <ellipse cx="180" cy="404" rx="34" ry="7"/>
-    <ellipse cx="470" cy="392" rx="42" ry="8"/>
-    <ellipse cx="662" cy="410" rx="30" ry="7"/>
-  </g>
-</svg>