bge-ui 1.0.1

package/src/icons/MonoComplete.vue

@@ -0,0 +1,72 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    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="M21.442 6.8538L11.0113 18.227L2.86041 10.9222L4.1952 9.43284L10.8737 15.4181L19.968 5.50198L21.442 6.8538Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoComplete',
+})
+</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/MonoCopy.vue

@@ -0,0 +1,73 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M20 4H9V6H7V2H22V17H18V15H20V4Z" fill="currentColor" />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M2 22V7H17V22H2ZM4 9H15V20H4V9Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoCopy',
+})
+</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/MonoDocunment.vue

@@ -0,0 +1,74 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M8.5 8.75H12.5V10.75H8.5V8.75Z" fill="currentColor" />
+    <path d="M15.5 13.25H8.5V15.25H15.5V13.25Z" fill="currentColor" />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M15.5 2H3.5V22L20.5 22V7.26316L15.5 2ZM5.5 20L18.5 20V8.06171L14.6414 4L5.5 4L5.5 20Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoDocunment',
+})
+</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/MonoEdit.vue

@@ -0,0 +1,78 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    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="M3 3H12.5V5H5V19H19V11H21V21H3V3Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M9.29289 13.2929L19.2929 3.29289L20.7071 4.70711L10.7071 14.7071L9.29289 13.2929Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoEdit',
+})
+</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/MonoEmail01.vue

@@ -0,0 +1,72 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    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="M2 20V4H22V20H2ZM18.8379 6H5.16204L12 11.6983L18.8379 6ZM4 7.63505V18H20V7.63503L12 14.3017L4 7.63505Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoEmail01',
+})
+</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/MonoEmail02.vue

@@ -0,0 +1,72 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    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="M17 17.5H22V7.5C22 5.29086 20.2091 3.5 18 3.5H6.25C3.90279 3.5 2 5.40279 2 7.75V17.5H15V21.5H17V17.5ZM18 5.5H9.85622C10.2642 6.15251 10.5 6.92372 10.5 7.75V15.5H20V7.5C20 6.39543 19.1046 5.5 18 5.5ZM4 7.75C4 6.50736 5.00736 5.5 6.25 5.5C7.49264 5.5 8.5 6.50736 8.5 7.75V15.5H4V7.75Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoEmail02',
+})
+</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/MonoExclamationmarkFill.vue

@@ -0,0 +1,72 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    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="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM13.5 6.5L13 13.5H11L10.5 6.5H13.5ZM13.25 17.5V15H10.75V17.5H13.25Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoExclamationmarkFill',
+})
+</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/MonoEye.vue

@@ -0,0 +1,78 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    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 9C10.3432 9 9 10.3432 9 12C9 13.6568 10.3432 15 12 15C13.6568 15 15 13.6568 15 12C15 10.3432 13.6568 9 12 9ZM11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 5C8.89044 5 6.1648 6.67673 4.29077 8.2301C3.33956 9.01854 2.57228 9.8047 2.04241 10.3937C1.77689 10.6888 1.56947 10.9362 1.42684 11.1119C1.35548 11.1997 1.30024 11.2698 1.26193 11.3191C1.24277 11.3438 1.22785 11.3633 1.21725 11.3772L1.20461 11.3939L1.20075 11.399L1.19893 11.4014L0.752281 12L1.19854 12.598L2 12C1.19854 12.598 1.19944 12.5992 1.19944 12.5992L1.20075 12.601L1.20461 12.6061L1.21725 12.6228C1.22785 12.6367 1.24277 12.6562 1.26193 12.6809C1.30024 12.7302 1.35548 12.8003 1.42684 12.8881C1.56947 13.0638 1.77689 13.3112 2.04241 13.6063C2.57228 14.1953 3.33956 14.9815 4.29077 15.7699C6.1648 17.3233 8.89044 19 12 19C15.1096 19 17.8352 17.3233 19.7092 15.7699C20.6604 14.9815 21.4277 14.1953 21.9576 13.6063C22.2231 13.3112 22.4305 13.0638 22.5732 12.8881C22.6445 12.8003 22.6998 12.7302 22.7381 12.6809C22.7572 12.6562 22.7722 12.6367 22.7828 12.6228L22.7954 12.6061L22.7993 12.601L22.8011 12.5986L23.2477 12L22.8015 11.402L22 12C22.8015 11.402 22.8006 11.4008 22.8006 11.4008L22.7993 11.399L22.7954 11.3939L22.7828 11.3772C22.7722 11.3633 22.7572 11.3438 22.7381 11.3191C22.6998 11.2698 22.6445 11.1997 22.5732 11.1119C22.4305 10.9362 22.2231 10.6888 21.9576 10.3937C21.4277 9.8047 20.6604 9.01854 19.7092 8.2301C17.8352 6.67673 15.1096 5 12 5ZM22 12L22.8011 12.5986C22.8011 12.5986 22.8015 12.598 22 12ZM2 12L1.19893 11.4014C1.19893 11.4014 1.19854 11.402 2 12ZM3.52929 12.2687C3.44309 12.1729 3.36395 12.083 3.29219 12C3.36395 11.917 3.44309 11.8271 3.52929 11.7313C4.01148 11.1953 4.70865 10.4815 5.5671 9.7699C7.31235 8.32327 9.58671 7 12 7C14.4133 7 16.6877 8.32327 18.4329 9.7699C19.2913 10.4815 19.9885 11.1953 20.4707 11.7313C20.5569 11.8271 20.636 11.917 20.7078 12C20.636 12.083 20.5569 12.1729 20.4707 12.2687C19.9885 12.8047 19.2913 13.5185 18.4329 14.2301C16.6877 15.6767 14.4133 17 12 17C9.58671 17 7.31235 15.6767 5.5671 14.2301C4.70865 13.5185 4.01148 12.8047 3.52929 12.2687Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoEye',
+})
+</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/MonoEyeClose.vue

@@ -0,0 +1,78 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    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="M4 2.58578L2.58579 4L5.73306 7.14727C5.21003 7.49974 4.72729 7.86827 4.29077 8.2301C3.33956 9.01854 2.57228 9.8047 2.04241 10.3937C1.77689 10.6888 1.56947 10.9362 1.42684 11.1119C1.35548 11.1997 1.30024 11.2698 1.26193 11.3191C1.24277 11.3438 1.22785 11.3633 1.21725 11.3772L1.20461 11.3939L1.20075 11.399L1.19893 11.4014L0.752281 12L1.19854 12.598L2 12C1.19854 12.598 1.19944 12.5992 1.19944 12.5992L1.20075 12.601L1.20461 12.6061L1.21725 12.6228C1.22785 12.6367 1.24277 12.6562 1.26193 12.6809C1.30024 12.7302 1.35548 12.8003 1.42684 12.8881C1.56947 13.0638 1.77689 13.3112 2.04241 13.6063C2.57228 14.1953 3.33956 14.9815 4.29077 15.7699C6.1648 17.3233 8.89044 19 12 19C13.6183 19 15.1327 18.5459 16.4771 17.8913L20 21.4142L21.4142 20L4 2.58578ZM7.17764 8.59185C6.6039 8.95606 6.06405 9.35798 5.5671 9.7699C4.70865 10.4815 4.01148 11.1953 3.52929 11.7313C3.44309 11.8271 3.36395 11.917 3.29219 12C3.36395 12.083 3.44309 12.1729 3.52929 12.2687C4.01148 12.8047 4.70865 13.5185 5.5671 14.2301C7.31235 15.6767 9.58671 17 12 17C13.0229 17 14.0208 16.7623 14.964 16.3782L13.2934 14.7076C12.9018 14.895 12.4631 15 12 15C10.3432 15 9 13.6568 9 12C9 11.5369 9.10495 11.0982 9.29237 10.7066L7.17764 8.59185ZM2 12L1.19893 11.4014C1.19893 11.4014 1.19854 11.402 2 12Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M20.4707 12.2687C19.9926 12.8002 19.3031 13.5065 18.4547 14.212L19.8742 15.6316C20.7494 14.8902 21.4587 14.1609 21.9576 13.6063C22.2231 13.3112 22.4305 13.0638 22.5732 12.8881C22.6445 12.8003 22.6998 12.7302 22.7381 12.6809C22.7572 12.6562 22.7722 12.6367 22.7828 12.6228L22.7954 12.6061L22.7993 12.601L22.8011 12.5986L23.2477 12L22.8015 11.402L22 12C22.8015 11.402 22.8006 11.4008 22.8006 11.4008L22.7993 11.399L22.7954 11.3939L22.7828 11.3772C22.7722 11.3633 22.7572 11.3438 22.7381 11.3191C22.6998 11.2698 22.6445 11.1997 22.5732 11.1119C22.4305 10.9362 22.2231 10.6888 21.9576 10.3937C21.4277 9.8047 20.6604 9.01854 19.7092 8.2301C17.8352 6.67673 15.1096 5 12 5C11.1603 5 10.3485 5.12228 9.57402 5.33138L11.2811 7.03844C11.5191 7.01321 11.7588 7 12 7C14.4133 7 16.6877 8.32327 18.4329 9.7699C19.2913 10.4815 19.9885 11.1953 20.4707 11.7313C20.5569 11.8271 20.636 11.917 20.7078 12C20.636 12.083 20.5569 12.1729 20.4707 12.2687ZM22 12L22.8011 12.5986C22.8011 12.5986 22.8015 12.598 22 12Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+import { defineProps } from 'vue'
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoEyeClose',
+})
+</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>