bge-ui 1.0.1

package/src/icons/ColorTimeFill.vue

@@ -0,0 +1,66 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="12" cy="12" r="10" fill="#798DA3" />
+    <path d="M12 7H10V14.5H16.5V12.5H12V7Z" fill="#191F24" />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'ColorTimeFill',
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #fff833;
+  --icon-gray: #9baec2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #ffff38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404d;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>

package/src/icons/ColorTowardFill.vue

@@ -0,0 +1,68 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="12" cy="12" r="10" fill="#798DA3" />
+    <path d="M6.5 10.75H9V13.25H6.5V10.75Z" fill="#191F24" />
+    <path d="M10.75 10.75H13.25V13.25H10.75V10.75Z" fill="#191F24" />
+    <path d="M17.5 10.75H15V13.25H17.5V10.75Z" fill="#191F24" />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'ColorTowardFill',
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #fff833;
+  --icon-gray: #9baec2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #ffff38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404d;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>

package/src/icons/IntlCh.vue

@@ -0,0 +1,76 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
+      fill="#F1361D"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M11.1117 4.90547L9.84688 5.13261L10.7332 4.15114L10.1801 2.98962L11.3274 3.51849L12.2504 2.57349L12.0731 3.88182L13.1967 4.45929L11.9399 4.73901L11.7113 6.04092L11.1117 4.90547ZM14.2699 8.31965L13.4645 9.31998L13.4888 7.99842L12.3084 7.48429L13.5217 7.13157L13.5976 5.8135L14.3232 6.91706L15.5504 6.61658L14.7856 7.65134L15.4681 8.7837L14.2699 8.31965ZM11.0135 16.8819L11.7835 15.8541L12.9972 16.2761L12.2755 15.1683L13.0037 14.1075L11.7877 14.4505L11.024 13.3729L10.9942 14.6929L9.794 15.0877L10.9916 15.5603L11.0135 16.8819ZM13.8723 12.5277L12.7191 13.0943L13.3003 11.9069L12.448 10.9426L13.6968 11.1351L14.3233 9.97259L14.514 11.279L15.7534 11.5248L14.6224 12.1397L14.7619 13.4541L13.8723 12.5277ZM2.62729 13.576L5.625 11.439L8.6227 13.576L7.51665 10.0647L10.4754 7.87404L6.7941 7.8409L5.625 4.35003L4.45589 7.8409L0.774612 7.87404L3.73335 10.0647L2.62729 13.576Z"
+      fill="#FFDC42"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'IntlCh',
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #fff833;
+  --icon-gray: #9baec2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #ffff38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404d;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>

package/src/icons/IntlEn.vue

@@ -0,0 +1,112 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76515 22.7357 8.8174 24 12 24C15.1826 24 18.2348 22.7357 20.4853 20.4853C22.7357 18.2348 24 15.1826 24 12C24 8.8174 22.7357 5.76515 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76515 1.26428 3.51472 3.51472C1.26428 5.76515 0 8.8174 0 12H0Z"
+      fill="white"
+    />
+    <path
+      d="M23.9059 10.5H13.5001L13.5001 0.0940817C13.0051 0.0317291 12.5042 0 12 0C11.4958 0 10.9949 0.0317263 10.5 0.0940731V10.4957H0.0946106C0.0319086 10.9921 0 11.4944 0 12C0 12.5042 0.0317258 13.005 0.0940718 13.5L10.5 13.5V23.9059C10.9949 23.9683 11.4958 24 12 24C12.5042 24 13.0051 23.9683 13.5001 23.9059V13.5L23.9041 13.5146C23.9676 13.0149 24 12.5091 24 12C24 11.4958 23.9683 10.9949 23.9059 10.5Z"
+      fill="#E3223F"
+    />
+    <path
+      d="M4.64187 2.52062C5.93754 1.51485 7.42188 0.788558 9 0.381042V6.87875L4.64187 2.52062Z"
+      fill="#0052B4"
+    />
+    <path
+      d="M2.52056 4.64195C1.5148 5.93761 0.788523 7.42193 0.381012 9.00003H6.87864L2.52056 4.64195Z"
+      fill="#0052B4"
+    />
+    <path
+      d="M6.87863 15H0.381012C0.788522 16.5781 1.5148 18.0624 2.52055 19.3581L6.87863 15Z"
+      fill="#0052B4"
+    />
+    <path
+      d="M4.64187 21.4794C5.93754 22.4852 7.42188 23.2115 9 23.619V17.1213L4.64187 21.4794Z"
+      fill="#0052B4"
+    />
+    <path
+      d="M15 17.1214V23.619C16.5781 23.2115 18.0624 22.4852 19.3581 21.4795L15 17.1214Z"
+      fill="#0052B4"
+    />
+    <path
+      d="M20.4643 20.5062C20.4713 20.4992 20.4783 20.4923 20.4853 20.4853C20.4923 20.4783 20.4992 20.4714 20.5062 20.4644L20.4643 20.5062Z"
+      fill="#0052B4"
+    />
+    <path
+      d="M21.4794 19.3582C22.4852 18.0625 23.2115 16.5781 23.619 15H17.1213L21.4794 19.3582Z"
+      fill="#0052B4"
+    />
+    <path
+      d="M17.1213 9.00003H23.619C23.2115 7.42191 22.4852 5.93757 21.4794 4.6419L17.1213 9.00003Z"
+      fill="#0052B4"
+    />
+    <path
+      d="M20.5042 3.5337C20.4979 3.52738 20.4916 3.52106 20.4853 3.51475C20.479 3.50843 20.4727 3.50213 20.4663 3.49583L20.5042 3.5337Z"
+      fill="#0052B4"
+    />
+    <path
+      d="M19.3581 2.52058C18.0624 1.51483 16.5781 0.788552 15 0.381042V6.87866L19.3581 2.52058Z"
+      fill="#0052B4"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'IntlEn',
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #fff833;
+  --icon-gray: #9baec2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #ffff38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404d;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>

package/src/icons/IntlEur.vue

@@ -0,0 +1,116 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76516 22.7357 8.8174 24 12 24C15.1826 24 18.2348 22.7357 20.4853 20.4853C22.7357 18.2348 24 15.1826 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76516 0 8.8174 0 12H0Z"
+      fill="#003399"
+    />
+    <path
+      d="M5.62511 8.28343L5.8593 7.5564L6.09501 8.28267H6.85558L6.23959 8.73177L6.47605 9.4588L5.86081 9.0097L5.24633 9.45955L5.47977 8.73252L4.86453 8.28419L5.62511 8.28343Z"
+      fill="#FFCC00"
+    />
+    <path
+      d="M6.53177 16.4103L5.91578 15.9619L5.3013 16.4118L5.5355 15.684L4.9195 15.2364L5.68083 15.2349L5.91503 14.5071L6.14998 15.2342H6.9098L6.29607 15.6832L6.53177 16.4103Z"
+      fill="#FFCC00"
+    />
+    <path
+      d="M8.2186 5.67747L8.45355 4.94969L8.6885 5.67672L9.44757 5.6752L8.83384 6.12505L9.06879 6.85284L8.4543 6.40451L7.83982 6.85436L8.07401 6.12657L7.45877 5.67747H8.2186Z"
+      fill="#FFCC00"
+    />
+    <path
+      d="M9.12677 19.0541L8.51153 18.605L7.8978 19.0556L8.13124 18.3293L7.51601 17.8802L8.27583 17.8795L8.50927 17.1517L8.74498 17.8787L9.5048 17.8772L8.89107 18.3271L9.12677 19.0541Z"
+      fill="#FFCC00"
+    />
+    <path
+      d="M11.7654 4.72627L11.9996 4L12.2346 4.72627H12.9944L12.3799 5.17537L12.6141 5.90164L11.9996 5.45331L11.3844 5.90164L11.6194 5.17537L11.0049 4.72627H11.7654Z"
+      fill="#FFCC00"
+    />
+    <path
+      d="M12.6796 19.997L12.0621 19.5509L11.4484 20L11.6811 19.273L11.0666 18.8246L11.8257 18.8231L12.0591 18.0961L12.2963 18.8216L13.0547 18.8201L12.4417 19.2715L12.6796 19.997Z"
+      fill="#FFCC00"
+    />
+    <path
+      d="M16.1083 19.039L15.4945 18.5868L14.8778 19.0344L15.1157 18.3074L14.502 17.8553L15.2618 17.859L15.499 17.1328L15.7317 17.8606L16.4923 17.8636L15.8756 18.3104L16.1083 19.039Z"
+      fill="#FFCC00"
+    />
+    <path
+      d="M15.9215 6.13717L16.1572 6.86496L15.542 6.41662L14.9275 6.86572L15.1624 6.13944L14.5449 5.69035L15.3063 5.68959L15.539 4.9618L15.7762 5.68808L16.5352 5.68732L15.9215 6.13717Z"
+      fill="#FFCC00"
+    />
+    <path
+      d="M17.7921 8.2289L18.0263 7.50036L18.2612 8.22814L19.0225 8.22739L18.4073 8.678L18.643 9.40427L18.0278 8.95518L17.4133 9.40427L17.6475 8.678L17.0315 8.2289H17.7921Z"
+      fill="#FFCC00"
+    />
+    <path
+      d="M18.7017 16.4148L18.0865 15.9657L17.472 16.4156L17.7062 15.6893L17.0902 15.2402L17.8508 15.2395L18.085 14.5117L18.32 15.2395L19.0813 15.2372L18.466 15.6878L18.7017 16.4148Z"
+      fill="#FFCC00"
+    />
+    <path
+      d="M19.6152 12.9796L19.0022 12.5282L18.3847 12.9751L18.6234 12.2495L18.0097 11.7974L18.7695 11.8004L19.0075 11.0742L19.2402 11.8027L20 11.8057L19.3833 12.2526L19.6152 12.9796Z"
+      fill="#FFCC00"
+    />
+    <path
+      d="M4.99779 12.5441L5.61378 12.991L5.37657 12.2654L5.98955 11.8133L5.23048 11.8156L4.99251 11.0901L4.75982 11.8186L4 11.8194L4.61674 12.2677L4.38255 12.9947L4.99779 12.5441Z"
+      fill="#FFCC00"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'IntlEur',
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #fff833;
+  --icon-gray: #9baec2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #ffff38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404d;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>

package/src/icons/IntlHkg.vue

@@ -0,0 +1,98 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z"
+      fill="#E83426"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M11.4028 12.0578C11.3881 12.0558 11.374 12.0505 11.3613 12.0423L11.3786 12.0163C9.98701 11.1515 9.12857 9.57817 9.11833 7.87362C9.10243 5.19886 11.1435 3.01691 13.6775 3.00001C13.9508 2.99954 14.2236 3.0254 14.4924 3.07727C14.297 3.11285 14.1107 3.19104 13.9455 3.30683C13.2885 3.76719 13.1095 4.70246 13.5455 5.39584L13.6041 5.48088C13.6755 5.59527 13.7364 5.71656 13.786 5.84311C14.2173 6.94365 13.7216 8.20464 12.6792 8.65981C12.4802 8.71918 12.2916 8.81199 12.1206 8.93467C11.2435 9.56423 11.0162 10.8255 11.6127 11.7512C11.6158 11.7639 11.6158 11.7772 11.6127 11.7899C11.6113 11.8244 11.5844 11.8517 11.5517 11.8517C11.5371 11.8507 11.5233 11.8443 11.5126 11.8337C10.403 10.6898 10.1792 8.89307 10.9708 7.48522L11.0441 7.3539C11.0489 7.33796 11.0489 7.32084 11.0441 7.3049C11.0252 7.28161 10.9975 7.2684 10.9685 7.26886C10.9509 7.26774 10.9342 7.27659 10.9245 7.29207L10.8733 7.37969C9.98148 8.83926 10.2221 10.7657 11.4418 11.9317C11.458 11.9456 11.4678 11.9662 11.4688 11.9882C11.4687 12.0266 11.4392 12.0577 11.4028 12.0578ZM11.3151 5.75647V6.30001L10.8783 6.60918L11.3662 6.7895L11.5029 7.30465L11.8129 6.86947L12.3278 6.89514L12.0326 6.44688L12.2154 5.9316L11.7273 6.09143L11.3151 5.75647Z"
+      fill="#F2F2F2"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.9223 7.89121C17.283 6.96417 19.9113 8.22522 20.7925 10.7079C20.8835 10.9784 20.9529 11.2565 21 11.5391C20.8995 11.3591 20.7642 11.2033 20.6028 11.0818C19.9671 10.6036 19.0831 10.7579 18.6286 11.4264C18.6085 11.4544 18.5899 11.4836 18.5726 11.5136C18.343 11.855 18.0218 12.1168 17.65 12.2654C16.8829 12.5726 16.0154 12.3617 15.4542 11.7318C15.4102 11.6726 15.3663 11.6162 15.3177 11.5624C15.23 11.4649 15.1334 11.3766 15.0293 11.2989C14.1609 10.6534 12.9598 10.8701 12.3458 11.783C12.3385 11.7943 12.3283 11.8031 12.3165 11.8086L12.3118 11.8107C12.2822 11.8207 12.2505 11.8037 12.2408 11.7727C12.2348 11.7589 12.2348 11.7429 12.2408 11.7291C12.8462 10.2305 14.3537 9.36826 15.8787 9.64818L16.0202 9.67375C16.03 9.67633 16.0617 9.65838 16.0617 9.65838C16.0739 9.63162 16.0739 9.60044 16.0617 9.57368C16.0565 9.55585 16.0425 9.54233 16.025 9.53778L15.9299 9.51467C14.3277 9.16382 12.7202 10.0863 12.1336 11.6932C12.1285 11.7149 12.114 11.7329 12.0945 11.7419L12.0934 11.7424C12.077 11.7486 12.0589 11.7477 12.0431 11.7399C12.0273 11.7321 12.0151 11.7181 12.0092 11.7008C12.0056 11.6857 12.0056 11.6698 12.0092 11.6547C12.2608 9.93808 13.3751 8.49859 14.9223 7.89121ZM16.9056 10.7669L17.1888 10.3307L17.7179 10.3129L17.4032 9.88433L17.5594 9.37121L17.0714 9.55598L16.6545 9.24028L16.6716 9.78168L16.257 10.1024L16.7448 10.2537L16.9056 10.7669Z"
+      fill="#F2F2F2"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12.4288 11.9693C12.4415 11.9612 12.4556 11.956 12.4703 11.9539C14.0851 11.7066 15.7029 12.383 16.7142 13.7283C18.2882 15.8216 17.9602 18.857 15.9793 20.5268C15.763 20.7058 15.5319 20.8642 15.2888 21C15.4177 20.8482 15.516 20.6705 15.5777 20.4776C15.8299 19.6899 15.4267 18.8367 14.6767 18.5716L14.5811 18.5434C14.2007 18.4129 13.8658 18.1667 13.6187 17.8361C13.1059 17.1513 13.0354 16.2098 13.4401 15.4492C13.4813 15.3893 13.5189 15.3266 13.5526 15.2617C13.6071 15.1567 13.6528 15.0469 13.6891 14.9338C14.0347 13.8568 13.4834 12.6895 12.4583 12.3268C12.4456 12.3221 12.4346 12.3144 12.4265 12.3037C12.4154 12.2921 12.4092 12.2763 12.4092 12.2599C12.4092 12.2435 12.4154 12.2278 12.4265 12.2162C12.4384 12.2068 12.4531 12.2023 12.468 12.2033C14.0141 12.3722 15.2485 13.6326 15.4528 15.2512C15.4578 15.301 15.4635 15.3506 15.4701 15.4002C15.4727 15.4132 15.4995 15.439 15.4995 15.439C15.5272 15.4463 15.5565 15.4386 15.5777 15.4184C15.5917 15.4088 15.6 15.3923 15.5997 15.3747V15.2693C15.5359 14.5963 15.2905 13.9565 14.8922 13.4252C14.3054 12.6419 13.4295 12.1575 12.4827 12.0927C12.4619 12.0934 12.442 12.084 12.4288 12.0671L12.4275 12.0656C12.427 12.065 12.4264 12.0644 12.4258 12.0639C12.4142 12.0509 12.408 12.0337 12.4086 12.0159C12.4091 11.9982 12.4164 11.9814 12.4288 11.9693ZM15.3868 17.286L15.6808 16.8409H16.2119L15.901 16.4087L16.0627 15.8945L15.5731 16.0744L15.1567 15.753V16.2956L14.738 16.6146L15.2278 16.7715L15.3868 17.286Z"
+      fill="#F2F2F2"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12.2231 12.705C12.2436 12.6733 12.2846 12.665 12.3148 12.6864C12.3291 12.695 12.3422 12.7054 12.3539 12.7175C13.0635 14.2637 12.9402 16.0903 12.03 17.5153C10.6159 19.7296 7.76519 20.3171 5.66241 18.8283C5.43494 18.6643 5.22132 18.4799 5.02393 18.2772C5.2012 18.3611 5.39287 18.4059 5.58718 18.409C6.37482 18.4217 7.02255 17.7596 7.03438 16.9305V16.8223C7.03591 16.6867 7.04952 16.5516 7.07504 16.4187C7.29931 15.2564 8.37625 14.5054 9.48013 14.7417C9.54744 14.7657 9.61603 14.7855 9.68553 14.801C9.80581 14.8261 9.92805 14.8392 10.0506 14.8401C11.1217 14.8482 11.9964 13.9405 12.004 12.8128C12.0022 12.8001 12.0022 12.7871 12.004 12.7742C12.0227 12.7456 12.0594 12.7377 12.0872 12.7562C12.0987 12.7663 12.1072 12.7797 12.1117 12.7948C12.4389 14.3992 11.6728 16.0298 10.2628 16.7294L10.1331 16.794C10.1207 16.8037 10.1114 16.8171 10.1063 16.8324C10.1093 16.8631 10.1255 16.8906 10.1504 16.907C10.1649 16.9151 10.1823 16.9151 10.1968 16.907L10.2873 16.866C11.7962 16.1813 12.6144 14.4487 12.2219 12.7689C12.2133 12.7493 12.2133 12.7267 12.2219 12.7072L12.2222 12.7066L12.2231 12.705ZM9.03759 17.945L9.34095 17.507L9.86166 17.5121L9.55373 17.077L9.71988 16.5619L9.23069 16.7371L8.81742 16.4103V16.9561L8.39689 17.2703L8.88597 17.4299L9.03759 17.945Z"
+      fill="#F2F2F2"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M11.649 12.7823C10.4546 13.9486 8.76023 14.3546 7.20451 13.8475C4.80343 13.043 3.46471 10.3518 4.20286 7.8139C4.2825 7.53599 4.38629 7.26641 4.51292 7.00858C4.425 7.73373 4.84424 8.42062 5.50695 8.63722C5.7714 8.7208 6.05331 8.7208 6.31776 8.63722L6.413 8.60382C6.79349 8.48154 7.19994 8.48154 7.58043 8.60382C8.37063 8.86124 8.93499 9.59603 9.00912 10.464C9.00538 10.5386 9.00538 10.6133 9.00912 10.6879C9.0208 10.8206 9.04486 10.9517 9.08096 11.0793C9.38504 12.1567 10.4604 12.7708 11.483 12.4502C11.4949 12.4466 11.5076 12.4466 11.5196 12.4502C11.5414 12.4589 11.5559 12.481 11.5559 12.5056C11.5559 12.5302 11.5414 12.5522 11.5196 12.5609C10.1637 13.3524 8.4687 13.0514 7.43383 11.8355L7.33871 11.7248C7.33145 11.7094 7.29483 11.7094 7.29483 11.7094C7.26842 11.7194 7.24839 11.7425 7.24125 11.7711C7.23189 11.7869 7.23189 11.8069 7.24125 11.8226C7.25519 11.8424 7.26719 11.8568 7.28035 11.8727C7.28785 11.8817 7.29572 11.8912 7.30454 11.9024C8.35673 13.2256 10.1666 13.5456 11.5711 12.6561C11.5898 12.6474 11.611 12.6474 11.6297 12.6561C11.6316 12.6566 11.6335 12.6574 11.6353 12.6583C11.6512 12.6642 11.6641 12.6766 11.6713 12.6926C11.6785 12.7087 11.6793 12.727 11.6736 12.7437C11.6666 12.7574 11.6583 12.7703 11.649 12.7823ZM6.38644 10.1141V10.6571L5.96395 10.9734L6.45243 11.1432L6.59634 11.6578L6.89926 11.2231L7.41464 11.2385L7.10927 10.7959L7.28267 10.2813L6.79431 10.446L6.38644 10.1141Z"
+      fill="#F2F2F2"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'IntlHkg',
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #fff833;
+  --icon-gray: #9baec2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #ffff38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404d;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>

package/src/icons/IntlJpn.vue

@@ -0,0 +1,76 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
+      fill="white"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z"
+      fill="#D11540"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'IntlJpn',
+})
+</script>
+<style lang="scss">
+.bge-color-svg {
+  --icon-theme: #fff833;
+  --icon-gray: #9baec2;
+  --icon-gay-dark: #526375;
+
+  .dark & {
+    --icon-theme: #ffff38;
+    --icon-gray: #708397;
+    --icon-gay-dark: #32404d;
+  }
+}
+
+.bge-fill-icon-theme {
+  fill: var(--icon-theme);
+}
+
+.bge-fill-icon-gray {
+  fill: var(--icon-gray);
+}
+
+.bge-fill-gay-dark {
+  fill: var(--icon-gay-dark);
+}
+
+.bge-stroke-icon-theme {
+  stroke: var(--icon-theme);
+}
+
+.bge-stroke-icon-gray {
+  stroke: var(--icon-gray);
+}
+
+.bge-stroke-gay-dark {
+  stroke: var(--icon-gay-dark);
+}
+</style>