@mirai/core 0.3.397 → 0.3.399

package/build/components/Environment/__tests__/__snapshots__/Environment.test.js.snap

@@ -0,0 +1,988 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<Environment> inherit:className 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view row mirai"
+  >
+    <ui-tooltip
+      class="container"
+    >
+      <ui-view
+        class="view row dispatcher"
+      >
+        <ui-view
+          class="view row"
+        >
+          <ui-icon
+            class="icon headline-2"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
+              />
+            </svg>
+          </ui-icon>
+          <ui-text
+            class="text medium action"
+          />
+        </ui-view>
+        <select
+          class="select"
+          data-testid="select-locale"
+          name="locale"
+        >
+          <option
+            value="en-GB"
+          >
+            English
+          </option>
+          <option
+            value="es-ES"
+          >
+            Español
+          </option>
+          <option
+            value="fr-FR"
+          >
+            Français
+          </option>
+          <option
+            value="de-DE"
+          >
+            Deutsch
+          </option>
+          <option
+            value="ja-JP"
+          >
+            日本語
+          </option>
+          <option
+            value="it-IT"
+          >
+            Italiano
+          </option>
+          <option
+            value="pt-PT"
+          >
+            Português
+          </option>
+          <option
+            value="da-DK"
+          >
+            Dansk
+          </option>
+          <option
+            value="fi-FI"
+          >
+            Suomi
+          </option>
+          <option
+            value="nb-NO"
+          >
+            Norsk Bokmål
+          </option>
+          <option
+            value="nl-NL"
+          >
+            Nederlands
+          </option>
+          <option
+            value="pl-PL"
+          >
+            Polski
+          </option>
+          <option
+            value="ru-RU"
+          >
+            Русский
+          </option>
+          <option
+            value="sv-SE"
+          >
+            Svenska
+          </option>
+          <option
+            value="tr-TR"
+          >
+            Türkçe
+          </option>
+          <option
+            value="zh-CN"
+          >
+            中文
+          </option>
+          <option
+            value="cs-CZ"
+          >
+            Čeština 
+          </option>
+          <option
+            value="el-GR"
+          >
+            Ελληνικά
+          </option>
+          <option
+            value="ar-DZ"
+          >
+            العربية
+          </option>
+          <option
+            value="hu-HU"
+          >
+            Magyar
+          </option>
+          <option
+            value="ca-ES"
+          >
+            Català
+          </option>
+          <option
+            value="eu-ES"
+          >
+            Euskara
+          </option>
+        </select>
+      </ui-view>
+    </ui-tooltip>
+    <ui-pressable
+      class="pressable"
+      tabindex="0"
+    >
+      <ui-text
+        class="text small"
+      >
+        ⚫️
+      </ui-text>
+      <ui-text
+        class="text bold small"
+      >
+        v
+      </ui-text>
+    </ui-pressable>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<Environment> renders with currencies, locale, and state enabled 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view row"
+  >
+    <ui-tooltip
+      class="container"
+    >
+      <ui-view
+        class="view row dispatcher"
+      >
+        <ui-view
+          class="view row"
+        >
+          <ui-icon
+            class="icon headline-2"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0z"
+                fill="none"
+              />
+              <path
+                d="M12.89 11.1c-1.78-.59-2.64-.96-2.64-1.9 0-1.02 1.11-1.39 1.81-1.39 1.31 0 1.79.99 1.9 1.34l1.58-.67c-.15-.45-.82-1.92-2.54-2.24V5h-2v1.26c-2.48.56-2.49 2.86-2.49 2.96 0 2.27 2.25 2.91 3.35 3.31 1.58.56 2.28 1.07 2.28 2.03 0 1.13-1.05 1.61-1.98 1.61-1.82 0-2.34-1.87-2.4-2.09l-1.66.67c.63 2.19 2.28 2.78 2.9 2.96V19h2v-1.24c.4-.09 2.9-.59 2.9-3.22 0-1.39-.61-2.61-3.01-3.44zM3 21H1v-6h6v2H4.52c1.61 2.41 4.36 4 7.48 4a9 9 0 0 0 9-9h2c0 6.08-4.92 11-11 11-3.72 0-7.01-1.85-9-4.67V21zm-2-9C1 5.92 5.92 1 12 1c3.72 0 7.01 1.85 9 4.67V3h2v6h-6V7h2.48C17.87 4.59 15.12 3 12 3a9 9 0 0 0-9 9H1z"
+              />
+            </svg>
+          </ui-icon>
+          <ui-text
+            class="text medium action"
+          />
+        </ui-view>
+        <select
+          class="select"
+          data-testid="select-currency"
+          name="currency"
+        >
+          <option
+            value="AED"
+          >
+            AED - United Arab Emirates Dirham
+          </option>
+          <option
+            value="ARS"
+          >
+            ARS - Argentine Peso
+          </option>
+          <option
+            value="AUD"
+          >
+            AUD - Australian Dollar
+          </option>
+          <option
+            value="BGN"
+          >
+            BGN - Bulgarian Lev
+          </option>
+          <option
+            value="BHD"
+          >
+            BHD - Bahraini Dinar
+          </option>
+          <option
+            value="BRL"
+          >
+            BRL - Brazilian Real
+          </option>
+          <option
+            value="CAD"
+          >
+            CAD - Canadian Dollar
+          </option>
+          <option
+            value="CHF"
+          >
+            CHF - Swiss Franc
+          </option>
+          <option
+            value="CLP"
+          >
+            CLP - Chilean Peso
+          </option>
+          <option
+            value="CNY"
+          >
+            CNY - Chinese Yuan
+          </option>
+          <option
+            value="COP"
+          >
+            COP - Colombian Peso
+          </option>
+          <option
+            value="CRC"
+          >
+            CRC - Costa Rican Colón
+          </option>
+          <option
+            value="CVE"
+          >
+            CVE - Cape Verdean Escudo
+          </option>
+          <option
+            value="CZK"
+          >
+            CZK - Czech Koruna
+          </option>
+          <option
+            value="DKK"
+          >
+            DKK - Danish Krone
+          </option>
+          <option
+            value="DOP"
+          >
+            DOP - Dominican Peso
+          </option>
+          <option
+            value="EGP"
+          >
+            EGP - Egyptian Pound
+          </option>
+          <option
+            value="EUR"
+          >
+            EUR - Euro
+          </option>
+          <option
+            value="GBP"
+          >
+            GBP - British Pound
+          </option>
+          <option
+            value="GTQ"
+          >
+            GTQ - Guatemalan Quetzal
+          </option>
+          <option
+            value="HKD"
+          >
+            HKD - Hong Kong Dollar
+          </option>
+          <option
+            value="HRK"
+          >
+            HRK - Croatian Kuna
+          </option>
+          <option
+            value="HUF"
+          >
+            HUF - Hungarian Forint
+          </option>
+          <option
+            value="IDR"
+          >
+            IDR - Indonesian Rupiah
+          </option>
+          <option
+            value="ILS"
+          >
+            ILS - Israeli New Shekel
+          </option>
+          <option
+            value="INR"
+          >
+            INR - Indian Rupee
+          </option>
+          <option
+            value="ISK"
+          >
+            ISK - Icelandic Króna
+          </option>
+          <option
+            value="JPY"
+          >
+            JPY - Japanese Yen
+          </option>
+          <option
+            value="KRW"
+          >
+            KRW - South Korean Won
+          </option>
+          <option
+            value="LTL"
+          >
+            LTL - Lithuanian Litas
+          </option>
+          <option
+            value="LVL"
+          >
+            LVL - Latvian Lats
+          </option>
+          <option
+            value="MAD"
+          >
+            MAD - Moroccan Dirham
+          </option>
+          <option
+            value="MXN"
+          >
+            MXN - Mexican Peso
+          </option>
+          <option
+            value="MYR"
+          >
+            MYR - Malaysian Ringgit
+          </option>
+          <option
+            value="NOK"
+          >
+            NOK - Norwegian Krone
+          </option>
+          <option
+            value="NZD"
+          >
+            NZD - New Zealand Dollar
+          </option>
+          <option
+            value="PEN"
+          >
+            PEN - Peruvian Sol
+          </option>
+          <option
+            value="PHP"
+          >
+            PHP - Philippine Peso
+          </option>
+          <option
+            value="PLN"
+          >
+            PLN - Polish Zloty
+          </option>
+          <option
+            value="RON"
+          >
+            RON - Romanian Leu
+          </option>
+          <option
+            value="RUB"
+          >
+            RUB - Russian Ruble
+          </option>
+          <option
+            value="SEK"
+          >
+            SEK - Swedish Krona
+          </option>
+          <option
+            value="SGD"
+          >
+            SGD - Singapore Dollar
+          </option>
+          <option
+            value="THB"
+          >
+            THB - Thai Baht
+          </option>
+          <option
+            value="TRY"
+          >
+            TRY - Turkish Lira
+          </option>
+          <option
+            value="USD"
+          >
+            USD - US Dollar
+          </option>
+          <option
+            value="VND"
+          >
+            VND - Vietnamese Dong
+          </option>
+          <option
+            value="ZAR"
+          >
+            ZAR - South African Rand
+          </option>
+        </select>
+      </ui-view>
+    </ui-tooltip>
+    <ui-tooltip
+      class="container"
+    >
+      <ui-view
+        class="view row dispatcher"
+      >
+        <ui-view
+          class="view row"
+        >
+          <ui-icon
+            class="icon headline-2"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
+              />
+            </svg>
+          </ui-icon>
+          <ui-text
+            class="text medium action"
+          />
+        </ui-view>
+        <select
+          class="select"
+          data-testid="select-locale"
+          name="locale"
+        >
+          <option
+            value="en-GB"
+          >
+            English
+          </option>
+          <option
+            value="es-ES"
+          >
+            Español
+          </option>
+          <option
+            value="fr-FR"
+          >
+            Français
+          </option>
+          <option
+            value="de-DE"
+          >
+            Deutsch
+          </option>
+          <option
+            value="ja-JP"
+          >
+            日本語
+          </option>
+          <option
+            value="it-IT"
+          >
+            Italiano
+          </option>
+          <option
+            value="pt-PT"
+          >
+            Português
+          </option>
+          <option
+            value="da-DK"
+          >
+            Dansk
+          </option>
+          <option
+            value="fi-FI"
+          >
+            Suomi
+          </option>
+          <option
+            value="nb-NO"
+          >
+            Norsk Bokmål
+          </option>
+          <option
+            value="nl-NL"
+          >
+            Nederlands
+          </option>
+          <option
+            value="pl-PL"
+          >
+            Polski
+          </option>
+          <option
+            value="ru-RU"
+          >
+            Русский
+          </option>
+          <option
+            value="sv-SE"
+          >
+            Svenska
+          </option>
+          <option
+            value="tr-TR"
+          >
+            Türkçe
+          </option>
+          <option
+            value="zh-CN"
+          >
+            中文
+          </option>
+          <option
+            value="cs-CZ"
+          >
+            Čeština 
+          </option>
+          <option
+            value="el-GR"
+          >
+            Ελληνικά
+          </option>
+          <option
+            value="ar-DZ"
+          >
+            العربية
+          </option>
+          <option
+            value="hu-HU"
+          >
+            Magyar
+          </option>
+          <option
+            value="ca-ES"
+          >
+            Català
+          </option>
+          <option
+            value="eu-ES"
+          >
+            Euskara
+          </option>
+        </select>
+      </ui-view>
+    </ui-tooltip>
+    <ui-pressable
+      class="pressable"
+      tabindex="0"
+    >
+      <ui-text
+        class="text small"
+      >
+        ⚫️
+      </ui-text>
+      <ui-text
+        class="text bold small"
+      >
+        v
+      </ui-text>
+    </ui-pressable>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<Environment> renders with default props 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view row"
+  >
+    <ui-tooltip
+      class="container"
+    >
+      <ui-view
+        class="view row dispatcher"
+      >
+        <ui-view
+          class="view row"
+        >
+          <ui-icon
+            class="icon headline-2"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
+              />
+            </svg>
+          </ui-icon>
+          <ui-text
+            class="text medium action"
+          />
+        </ui-view>
+        <select
+          class="select"
+          data-testid="select-locale"
+          name="locale"
+        >
+          <option
+            value="en-GB"
+          >
+            English
+          </option>
+          <option
+            value="es-ES"
+          >
+            Español
+          </option>
+          <option
+            value="fr-FR"
+          >
+            Français
+          </option>
+          <option
+            value="de-DE"
+          >
+            Deutsch
+          </option>
+          <option
+            value="ja-JP"
+          >
+            日本語
+          </option>
+          <option
+            value="it-IT"
+          >
+            Italiano
+          </option>
+          <option
+            value="pt-PT"
+          >
+            Português
+          </option>
+          <option
+            value="da-DK"
+          >
+            Dansk
+          </option>
+          <option
+            value="fi-FI"
+          >
+            Suomi
+          </option>
+          <option
+            value="nb-NO"
+          >
+            Norsk Bokmål
+          </option>
+          <option
+            value="nl-NL"
+          >
+            Nederlands
+          </option>
+          <option
+            value="pl-PL"
+          >
+            Polski
+          </option>
+          <option
+            value="ru-RU"
+          >
+            Русский
+          </option>
+          <option
+            value="sv-SE"
+          >
+            Svenska
+          </option>
+          <option
+            value="tr-TR"
+          >
+            Türkçe
+          </option>
+          <option
+            value="zh-CN"
+          >
+            中文
+          </option>
+          <option
+            value="cs-CZ"
+          >
+            Čeština 
+          </option>
+          <option
+            value="el-GR"
+          >
+            Ελληνικά
+          </option>
+          <option
+            value="ar-DZ"
+          >
+            العربية
+          </option>
+          <option
+            value="hu-HU"
+          >
+            Magyar
+          </option>
+          <option
+            value="ca-ES"
+          >
+            Català
+          </option>
+          <option
+            value="eu-ES"
+          >
+            Euskara
+          </option>
+        </select>
+      </ui-view>
+    </ui-tooltip>
+    <ui-pressable
+      class="pressable"
+      tabindex="0"
+    >
+      <ui-text
+        class="text small"
+      >
+        ⚫️
+      </ui-text>
+      <ui-text
+        class="text bold small"
+      >
+        v
+      </ui-text>
+    </ui-pressable>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<Environment> testID 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view row"
+    data-testid="mirai"
+  >
+    <ui-tooltip
+      class="container"
+    >
+      <ui-view
+        class="view row dispatcher"
+      >
+        <ui-view
+          class="view row"
+        >
+          <ui-icon
+            class="icon headline-2"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
+              />
+            </svg>
+          </ui-icon>
+          <ui-text
+            class="text medium action"
+          />
+        </ui-view>
+        <select
+          class="select"
+          data-testid="select-locale"
+          name="locale"
+        >
+          <option
+            value="en-GB"
+          >
+            English
+          </option>
+          <option
+            value="es-ES"
+          >
+            Español
+          </option>
+          <option
+            value="fr-FR"
+          >
+            Français
+          </option>
+          <option
+            value="de-DE"
+          >
+            Deutsch
+          </option>
+          <option
+            value="ja-JP"
+          >
+            日本語
+          </option>
+          <option
+            value="it-IT"
+          >
+            Italiano
+          </option>
+          <option
+            value="pt-PT"
+          >
+            Português
+          </option>
+          <option
+            value="da-DK"
+          >
+            Dansk
+          </option>
+          <option
+            value="fi-FI"
+          >
+            Suomi
+          </option>
+          <option
+            value="nb-NO"
+          >
+            Norsk Bokmål
+          </option>
+          <option
+            value="nl-NL"
+          >
+            Nederlands
+          </option>
+          <option
+            value="pl-PL"
+          >
+            Polski
+          </option>
+          <option
+            value="ru-RU"
+          >
+            Русский
+          </option>
+          <option
+            value="sv-SE"
+          >
+            Svenska
+          </option>
+          <option
+            value="tr-TR"
+          >
+            Türkçe
+          </option>
+          <option
+            value="zh-CN"
+          >
+            中文
+          </option>
+          <option
+            value="cs-CZ"
+          >
+            Čeština 
+          </option>
+          <option
+            value="el-GR"
+          >
+            Ελληνικά
+          </option>
+          <option
+            value="ar-DZ"
+          >
+            العربية
+          </option>
+          <option
+            value="hu-HU"
+          >
+            Magyar
+          </option>
+          <option
+            value="ca-ES"
+          >
+            Català
+          </option>
+          <option
+            value="eu-ES"
+          >
+            Euskara
+          </option>
+        </select>
+      </ui-view>
+    </ui-tooltip>
+    <ui-pressable
+      class="pressable"
+      tabindex="0"
+    >
+      <ui-text
+        class="text small"
+      >
+        ⚫️
+      </ui-text>
+      <ui-text
+        class="text bold small"
+      >
+        v
+      </ui-text>
+    </ui-pressable>
+  </ui-view>
+</DocumentFragment>
+`;