@flitsmeister/design-system 2.2.36 → 3.0.0

package/web/components/fmxInput.vue

@@ -1,319 +0,0 @@
-<template>
-  <div
-    class="inputgroup w-full mb-6"
-    :class="[customClass]"
-    :data-inputgroup-type="type"
-    :data-size="size"
-  >
-    <div class="relative">
-      <input
-        :type="type"
-        :value="modelValue"
-        @input="handleInput"
-        @focus="handleFocus"
-        @blur="handleBlur"
-        :disabled="disabled"
-        :readonly="readonly"
-        :maxlength="maxLength"
-        :autocomplete="autocomplete"
-        class="peer fmx-input-border w-full bg-surface-defaulthighest text-content-default border-2 transition duration-300 ease focus:outline-none focus:border-out fmx-input-autofill"
-        :class="[
-          inputStateClass,
-          sizeConfig.input,
-          placeholder ? sizeConfig.inputWithPlaceholder : sizeConfig.inputWithoutPlaceholder,
-          inputClass,
-        ]"
-        :style="{ letterSpacing: letterSpacing + 'em' }"
-      />
-      <label
-        v-if="placeholder"
-        :class="[
-          'absolute px-1 left-2.5 text-content-defaultalt transition-all transform origin-left pointer-events-none',
-          sizeConfig.label,
-          sizeConfig.labelText,
-          sizeConfig.labelFocused,
-          labelFilledClass,
-        ]"
-      >
-        {{ placeholder }}
-      </label>
-      <transition name="icon-scale">
-        <span
-          v-if="icon"
-          class="iconwrapper absolute"
-          :class="[sizeConfig.icon, iconClass]"
-        >
-          <Icon :name="icon" />
-        </span>
-      </transition>
-    </div>
-    <p
-      v-if="errorMessage && !isFocused"
-      class="text-content-danger text-sm font-bold mt-1"
-      v-html="errorMessage"
-    />
-  </div>
-</template>
-
-<script>
-  import Icon from "./Icon.vue";
-
-  const SIZE_CONFIG = {
-    sm: {
-      input: "h-10 text-base rounded-2xl px-3",
-      inputWithPlaceholder: "pt-5 pb-1",
-      inputWithoutPlaceholder: "py-2 flex items-center justify-center",
-      label: "top-2.5",
-      labelText: "text-base",
-      labelFocused:
-        "peer-focus:top-[4px] peer-focus:left-2.5 peer-focus:text-xs peer-focus:font-bold",
-      labelFilled: "top-[4px] left-2.5 text-xs font-bold",
-      icon: "right-2 top-2.5 text-xl leading-none",
-    },
-    md: {
-      input: "h-[60px] text-lg leading-snug rounded-2xl px-3",
-      inputWithPlaceholder: "pt-6 pb-1",
-      inputWithoutPlaceholder: "py-3 flex items-center justify-center",
-      label: "top-3.5",
-      labelText: "text-lg",
-      labelFocused:
-        "peer-focus:top-[6px] peer-focus:left-2.5 peer-focus:text-sm peer-focus:font-bold",
-      labelFilled: "top-[6px] left-2.5 text-sm font-bold",
-      icon: "right-2 top-4 text-2xl leading-none",
-    },
-    lg: {
-      input: "h-14 text-lg rounded-2xl px-4",
-      inputWithPlaceholder: "pt-7 pb-1",
-      inputWithoutPlaceholder: "py-4 flex items-center justify-center",
-      label: "top-4",
-      labelText: "text-lg",
-      labelFocused:
-        "peer-focus:top-[8px] peer-focus:left-2.5 peer-focus:text-sm peer-focus:font-bold",
-      labelFilled: "top-[8px] left-2.5 text-sm font-bold",
-      icon: "right-3 top-5 text-2xl leading-none",
-    },
-  };
-
-  export default {
-    name: "fmxInput",
-    components: {
-      Icon,
-    },
-    props: {
-      type: {
-        type: String,
-        default: "text",
-        validator: (value) =>
-          ["text", "search", "email", "number", "password", "tel"].includes(
-            value
-          ),
-      },
-      placeholder: {
-        type: String,
-        default: "",
-      },
-      modelValue: {
-        type: [String, Number],
-        default: "",
-      },
-      rules: {
-        type: Array,
-        default: () => [],
-      },
-      disabled: {
-        type: Boolean,
-        default: false,
-      },
-      readonly: {
-        type: Boolean,
-        default: false,
-      },
-      maxLength: {
-        type: Number,
-        default: null,
-      },
-      letterSpacing: {
-        type: Number,
-        default: 0,
-      },
-      autocomplete: {
-        type: String,
-        default: "",
-      },
-      customClass: {
-        type: String,
-        default: "",
-      },
-      inputClass: {
-        type: [String, Array, Object],
-        default: "",
-      },
-      size: {
-        type: String,
-        default: "md",
-        validator: (value) => ["sm", "md", "lg"].includes(value),
-      },
-    },
-    emits: ["update:modelValue", "focus", "blur"],
-    data() {
-      return {
-        errorMessage: "",
-        icon: "",
-        iconClass: "text-current",
-        isFocused: false,
-      };
-    },
-    watch: {
-      modelValue: {
-        immediate: true,
-        handler(newValue) {
-          if (!this.isFocused && newValue?.length > 0) {
-            this.runValidation(newValue);
-          }
-        },
-      },
-    },
-    computed: {
-      sizeConfig() {
-        return SIZE_CONFIG[this.size] || SIZE_CONFIG.md;
-      },
-      inputStateClass() {
-        return {
-          "border-outline-danger": this.errorMessage && !this.isFocused,
-        };
-      },
-      labelFilledClass() {
-        return this.modelValue && this.modelValue.length > 0
-          ? this.sizeConfig.labelFilled
-          : "";
-      },
-    },
-    methods: {
-      handleInput(event) {
-        const value = event.target.value;
-        this.$emit("update:modelValue", value);
-      },
-      handleFocus(event) {
-        this.isFocused = true;
-        this.iconClass = "";
-        this.icon = "";
-        this.$emit("focus", event);
-      },
-      handleBlur(event) {
-        this.isFocused = false;
-        this.runValidation(this.modelValue);
-        this.$emit("blur", event);
-      },
-      runValidation(value) {
-        for (const rule of this.rules) {
-          const error = rule(value);
-          if (error) {
-            this.errorMessage = error;
-            this.iconClass = "text-content-danger";
-            this.icon = "stroke-warning";
-            return;
-          }
-          this.errorMessage = "";
-          this.iconClass = "text-content-brand";
-          this.icon = "bold-check";
-        }
-      },
-      validate() {
-        this.runValidation(this.modelValue);
-      },
-    },
-  };
-</script>
-
-<style scoped>
-  .inputgroup {
-    min-width: 100px;
-  }
-
-  .inputgroup .fmx-input-border {
-    border-color: var(--fmx-input-border-default, transparent);
-  }
-  .inputgroup .fmx-input-border:focus {
-    border-color: var(--color-outline-brand);
-  }
-  .inputgroup .fmx-input-border:hover:not(:focus) {
-    border-color: var(--color-outline-brand);
-  }
-  .inputgroup .fmx-input-border.border-outline-danger {
-    border-color: var(--color-outline-danger);
-  }
-
-  /* Autofill: we only override what applies to the host input (padding, label). Chrome
-   * renders the autofill value in Shadow DOM (-internal-input-suggested); we don’t
-   * style that, as it’s browser-specific and not reliably styleable. */
-  .inputgroup .fmx-input-autofill:-webkit-autofill,
-  .inputgroup .fmx-input-autofill:autofill {
-    color: var(--color-content-default) !important;
-    -webkit-text-fill-color: var(--color-content-default) !important;
-  }
-  .inputgroup[data-size="sm"] .fmx-input-autofill:-webkit-autofill,
-  .inputgroup[data-size="sm"] .fmx-input-autofill:autofill {
-    padding-top: 1.25rem;
-    padding-bottom: 0.25rem;
-    font-size: 16px;
-  }
-  .inputgroup[data-size="sm"] .fmx-input-autofill:-webkit-autofill ~ label,
-  .inputgroup[data-size="sm"] .fmx-input-autofill:autofill ~ label {
-    top: 4px;
-    left: 0.625rem;
-    font-size: 0.75rem;
-    font-weight: 700;
-  }
-  .inputgroup[data-size="md"] .fmx-input-autofill:-webkit-autofill,
-  .inputgroup[data-size="md"] .fmx-input-autofill:autofill {
-    padding-top: 1.5rem;
-    padding-bottom: 0.25rem;
-    font-size: 18px;
-  }
-  .inputgroup[data-size="md"] .fmx-input-autofill:-webkit-autofill ~ label,
-  .inputgroup[data-size="md"] .fmx-input-autofill:autofill ~ label {
-    top: 6px;
-    left: 0.625rem;
-    font-size: 0.875rem;
-    font-weight: 700;
-  }
-  .inputgroup[data-size="lg"] .fmx-input-autofill:-webkit-autofill,
-  .inputgroup[data-size="lg"] .fmx-input-autofill:autofill {
-    padding-top: 1.75rem;
-    padding-bottom: 0.25rem;
-    font-size: 18px;
-  }
-  .inputgroup[data-size="lg"] .fmx-input-autofill:-webkit-autofill ~ label,
-  .inputgroup[data-size="lg"] .fmx-input-autofill:autofill ~ label {
-    top: 8px;
-    left: 0.625rem;
-    font-size: 0.875rem;
-    font-weight: 700;
-  }
-
-  .icon-scale-enter-active,
-  .icon-scale-leave-active {
-    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
-  }
-
-  .icon-scale-enter-from,
-  .icon-scale-leave-to {
-    transform: scale(0) translateX(100%);
-  }
-
-  .icon-scale-enter-to,
-  .icon-scale-leave-from {
-    transform: scale(1);
-  }
-
-  span.iconwrapper {
-    display: block;
-    height: 1.5rem;
-    width: 1.5rem;
-  }
-
-  span.iconwrapper svg {
-    width: 100%;
-    height: 100%;
-  }
-</style>

package/web/components/loader.vue

@@ -1,22 +0,0 @@
-<script>
-    export default {
-        name: 'Loader',
-        props: ['width', 'height']
-    }
-</script>
-<template>
-    <svg class="inline" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" :width="this.width" :height="this.height" viewBox="0 0 128 128" xml:space="preserve">
-        <rect x="0" y="0" width="100%" height="100%" fill="none" />
-        <g>
-            <path d="M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z" fill="#ccc" fill-opacity="1" />
-            <path d="M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z" fill="#333" fill-opacity="1" transform="rotate(45 64 64)" />
-            <path d="M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z" fill="#333" fill-opacity="1" transform="rotate(90 64 64)" />
-            <path d="M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z" fill="#333" fill-opacity="1" transform="rotate(135 64 64)" />
-            <path d="M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z" fill="#333" fill-opacity="1" transform="rotate(180 64 64)" />
-            <path d="M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z" fill="#333" fill-opacity="1" transform="rotate(225 64 64)" />
-            <path d="M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z" fill="#333" fill-opacity="1" transform="rotate(270 64 64)" />
-            <path d="M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z" fill="#333" fill-opacity="1" transform="rotate(315 64 64)" />
-            <animateTransform attributeName="transform" type="rotate" values="0 64 64;45 64 64;90 64 64;135 64 64;180 64 64;225 64 64;270 64 64;315 64 64" calcMode="discrete" dur="720ms" repeatCount="indefinite"></animateTransform>
-        </g>
-    </svg>
-</template>

package/web/components/modal.vue

@@ -1,61 +0,0 @@
-<template>
-    <transition name="fade">
-        <div class="fixed top-4 md:bottom-0 inset-x-0 px-4 pb-4 sm:inset-0 sm:flex sm:items-center sm:justify-center">
-            <div class="fixed inset-0 transition-opacity">
-                <div @click.self.stop.prevent="handleClose" class="absolute inset-0 bg-gray-800 opacity-80"></div>
-            </div>
-
-            <div class="z-10 mx-auto my-auto w-full lg:w-1/3 bg-white text-black rounded-xl shadow-xl transform transition-all">
-                <div class="bg-blue rounded-t-xl text-gray-100 text-xl font-bold p-4 text-center flex flex-row">
-                    <div class="flex-grow p-2">{{ title }}</div>
-                    <div class="border-l border-gray-300 p-2 pl-4 justify-center items-center">
-                        <div @click.prevent="handleClose" class="pt-2 cursor-pointer">
-                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                <path opacity="0.5" d="M15.5321 0.467893C15.2324 0.168301 14.826 0 14.4023 0C13.9785 0 13.5721 0.168301 13.2724 0.467893L8.00999 5.73034L2.74754 0.467893C2.44614 0.176792 2.04247 0.0157155 1.62346 0.0193566C1.20445 0.0229977 0.803634 0.191065 0.507339 0.48736C0.211043 0.783655 0.0429763 1.18447 0.0393352 1.60348C0.0356941 2.02249 0.196771 2.42617 0.487872 2.72756L5.75032 7.99001L0.487872 13.2525C0.33524 13.3999 0.213495 13.5762 0.129742 13.7712C0.0459889 13.9662 0.00190422 14.1759 6.03379e-05 14.388C-0.00178354 14.6002 0.0386504 14.8107 0.119003 15.0071C0.199355 15.2035 0.318017 15.3819 0.468064 15.5319C0.618111 15.682 0.796539 15.8006 0.992936 15.881C1.18933 15.9613 1.39977 16.0018 1.61196 15.9999C1.82415 15.9981 2.03385 15.954 2.22882 15.8703C2.42379 15.7865 2.60013 15.6648 2.74754 15.5121L8.00999 10.2497L13.2724 15.5121C13.5738 15.8032 13.9775 15.9643 14.3965 15.9607C14.8155 15.957 15.2163 15.789 15.5126 15.4927C15.8089 15.1964 15.977 14.7955 15.9806 14.3765C15.9843 13.9575 15.8232 13.5539 15.5321 13.2525L10.2697 7.99001L15.5321 2.72756C15.8317 2.42788 16 2.02148 16 1.59773C16 1.17398 15.8317 0.767576 15.5321 0.467893Z" fill="white" />
-                            </svg>
-                        </div>
-                    </div>
-                </div>
-                <div class="modal-content overflow-auto px-4">
-                    <slot />
-                </div>
-                <div class="flex flex-row-reverse border-t border-gray-200 p-4 bg-white rounded-b-xl">
-                    <slot name="footer"></slot>
-                </div>
-            </div>
-        </div>
-    </transition>
-</template>
-<script>
-    export default {
-        name: 'Modal',
-        props: {
-            title: { type: String, required: true }
-        },
-        created() {
-            document.addEventListener('keyup', this.onClose)
-        },
-        destroyed() {
-            document.removeEventListener('keyup', this.onClose)
-        },
-        methods: {
-            handleClose() {
-                this.$emit('close')
-            },
-            onClose(event) {
-                if (event.keyCode === 27) this.handleClose()
-            }
-        }
-    }
-</script>
-<style scoped>
-    .fade-enter-active, .fade-leave-active {
-        transition: opacity 0.25s ease-out;
-    }
-    .fade-enter, .fade-leave-to {
-        opacity: 0;
-    }
-    .modal-content {
-        max-height: 60vh;
-    }
-</style>

package/web/components/navbar.vue

@@ -1,72 +0,0 @@
-<script>
-import { mapGetters, mapActions } from 'vuex'
-
-export default {
-    name: 'navbar',
-    computed: {
-        ...mapGetters(['isDarkMode'])
-    },
-    methods: {
-        ...mapActions(['toggleDarkMode'])
-    }
-}
-</script>
-
-<template>
-    <header class="relative z-10 pb-xxl mb-xxl">
-        <div class="w-full fixed backdrop-blur-sm bg-white/30 dark:bg-blue-600/20 transition-all border-b border-surface-defaulthighest shadow shadow-gray-300 dark:shadow-gray-700 ">
-            <div class="container flex flex-wrap flex-row items-center">
-                <a class="flex title-font font-medium items-center p-4 flex-grow" href="/">
-                    <svg width="125" height="24" viewBox="0 0 125 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <g clip-path="url(#clip0_377_850)">
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M16.8 0H7.2C4.6 0 3.18 0 1.6 1.6C0.02 3.2 0 4.6 0 7.2V16.8C0 19.4 0.02 20.8 1.6 22.4C3.18 24 4.6 24 7.2 24H16.8C19.4 24 21 24 22.4 22.4C23.8 20.8 24 19.4 24 16.8V7.2C24 4.6 23.99 3.2 22.4 1.6C20.81 0 19.41 0 16.8 0Z" fill="#007FE8"/>
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.4 11.86H6.13V10.2H9.27C9.71 9.46 10.21 8.73 10.78 8H4V16H6.13V14.07H7.61C7.82 13.3 8.08 12.57 8.4 11.86Z" fill="white"/>
-                            <path fill-rule="evenodd" clip-rule="evenodd" d="M16.47 8L15.09 12.27L13.75 8H11.6C10.44 9.98 10.13 13.44 10.13 16H12.26V10.68L14.06 16H16.13L17.88 10.68V16H20V8H16.47Z" fill="white"/>
-                            <path d="M30 18V5.99998H37.95V8.08998H32.54V10.95H37.42V13.04H32.54V18H30Z" fill="currentColor"/>
-                            <path d="M42.1 5.99998V18H39.6V5.99998H42.1Z" fill="currentColor"/>
-                            <path d="M45.35 7.86998C44.98 7.86998 44.66 7.74998 44.39 7.49998C44.13 7.25998 44 6.95998 44 6.60998C44 6.25998 44.13 5.95998 44.4 5.71998C44.67 5.46998 44.98 5.34998 45.35 5.34998C45.73 5.34998 46.04 5.46998 46.31 5.71998C46.57 5.96998 46.71 6.25998 46.71 6.60998C46.71 6.95998 46.58 7.25998 46.31 7.49998C46.04 7.74998 45.72 7.86998 45.35 7.86998ZM44.09 18V8.99998H46.59V18H44.09Z" fill="currentColor"/>
-                            <path d="M53.37 8.97998V10.86H47.95V8.97998H53.37ZM51.68 6.81998V15.21C51.68 15.44 51.72 15.62 51.79 15.75C51.86 15.88 51.96 15.97 52.09 16.02C52.22 16.07 52.36 16.1 52.53 16.1C52.65 16.1 52.76 16.09 52.88 16.07C53 16.05 53.09 16.03 53.15 16.02L53.54 17.88C53.41 17.9 53.23 17.95 53 18C52.77 18.05 52.5 18.09 52.17 18.1C51.57 18.12 51.04 18.04 50.59 17.86C50.14 17.68 49.79 17.39 49.54 17C49.29 16.61 49.17 16.12 49.17 15.54V6.81998H51.68Z" fill="currentColor"/>
-                            <path d="M62.35 11.54L60.07 11.68C60.03 11.48 59.95 11.31 59.82 11.15C59.69 10.99 59.52 10.87 59.31 10.77C59.1 10.67 58.85 10.63 58.56 10.63C58.17 10.63 57.85 10.71 57.58 10.87C57.31 11.03 57.18 11.25 57.18 11.52C57.18 11.74 57.27 11.92 57.44 12.06C57.61 12.21 57.91 12.33 58.32 12.42L59.95 12.75C60.83 12.93 61.48 13.22 61.91 13.62C62.34 14.02 62.55 14.54 62.55 15.19C62.55 15.78 62.38 16.3 62.03 16.74C61.68 17.19 61.21 17.53 60.61 17.78C60.01 18.03 59.32 18.15 58.54 18.15C57.35 18.15 56.4 17.9 55.7 17.4C55 16.9 54.58 16.22 54.46 15.36L56.92 15.23C56.99 15.59 57.17 15.87 57.46 16.06C57.74 16.25 58.11 16.34 58.56 16.34C59 16.34 59.35 16.26 59.62 16.09C59.89 15.92 60.02 15.7 60.03 15.43C60.03 15.2 59.93 15.02 59.74 14.87C59.55 14.72 59.26 14.61 58.87 14.53L57.31 14.22C56.43 14.04 55.78 13.74 55.35 13.31C54.92 12.88 54.71 12.32 54.71 11.65C54.71 11.07 54.87 10.57 55.18 10.16C55.49 9.73998 55.94 9.41998 56.51 9.18998C57.08 8.95998 57.75 8.84998 58.52 8.84998C59.66 8.84998 60.55 9.08998 61.21 9.56998C61.86 10.06 62.24 10.71 62.35 11.54Z" fill="currentColor"/>
-                            <path d="M64.14 18V8.99998H66.52V10.59H66.63C66.82 10.06 67.13 9.64998 67.57 9.33998C68.01 9.02998 68.53 8.87998 69.14 8.87998C69.76 8.87998 70.28 9.02998 70.72 9.33998C71.15 9.64998 71.44 10.06 71.59 10.58H71.68C71.86 10.06 72.2 9.64998 72.68 9.33998C73.16 9.02998 73.73 8.86998 74.39 8.86998C75.23 8.86998 75.91 9.13998 76.44 9.66998C76.97 10.2 77.23 10.96 77.23 11.93V18H74.74V12.44C74.74 11.94 74.61 11.56 74.34 11.31C74.07 11.06 73.74 10.94 73.34 10.94C72.89 10.94 72.53 11.08 72.28 11.37C72.03 11.66 71.9 12.03 71.9 12.5V18H69.48V12.39C69.48 11.95 69.35 11.6 69.1 11.34C68.85 11.08 68.52 10.95 68.11 10.95C67.83 10.95 67.58 11.02 67.36 11.16C67.14 11.3 66.96 11.49 66.84 11.74C66.71 11.99 66.65 12.28 66.65 12.61V18H64.14Z" fill="currentColor"/>
-                            <path d="M83.28 18.15C82.35 18.15 81.56 17.96 80.89 17.58C80.22 17.2 79.71 16.67 79.35 15.97C78.99 15.28 78.81 14.46 78.81 13.51C78.81 12.58 78.99 11.77 79.35 11.07C79.71 10.37 80.22 9.82998 80.87 9.43998C81.52 9.04998 82.29 8.84998 83.18 8.84998C83.77 8.84998 84.33 8.93998 84.84 9.12998C85.35 9.31998 85.8 9.59998 86.19 9.97998C86.57 10.36 86.87 10.83 87.09 11.41C87.31 11.98 87.41 12.65 87.41 13.42V14.11H79.81V12.56H85.06C85.06 12.2 84.98 11.88 84.83 11.6C84.67 11.32 84.46 11.11 84.18 10.95C83.9 10.79 83.59 10.71 83.22 10.71C82.84 10.71 82.51 10.8 82.22 10.97C81.93 11.14 81.7 11.38 81.54 11.67C81.38 11.96 81.29 12.28 81.29 12.64V14.11C81.29 14.56 81.37 14.94 81.54 15.26C81.71 15.58 81.94 15.83 82.25 16.01C82.55 16.19 82.92 16.27 83.33 16.27C83.61 16.27 83.86 16.23 84.09 16.15C84.32 16.07 84.52 15.95 84.68 15.8C84.84 15.64 84.97 15.45 85.06 15.23L87.37 15.38C87.25 15.93 87.01 16.42 86.65 16.83C86.29 17.24 85.82 17.56 85.26 17.79C84.68 18.04 84.03 18.15 83.28 18.15Z" fill="currentColor"/>
-                            <path d="M90.3 7.86998C89.93 7.86998 89.61 7.74998 89.34 7.49998C89.07 7.24998 88.94 6.95998 88.94 6.60998C88.94 6.25998 89.07 5.95998 89.34 5.71998C89.61 5.46998 89.92 5.34998 90.29 5.34998C90.67 5.34998 90.98 5.46998 91.25 5.71998C91.51 5.96998 91.65 6.25998 91.65 6.60998C91.65 6.95998 91.52 7.25998 91.25 7.49998C90.98 7.73998 90.67 7.86998 90.3 7.86998ZM89.04 18V8.99998H91.54V18H89.04Z" fill="currentColor"/>
-                            <path d="M101.02 11.54L98.74 11.68C98.7 11.48 98.62 11.31 98.49 11.15C98.36 10.99 98.19 10.87 97.98 10.77C97.77 10.67 97.52 10.63 97.23 10.63C96.84 10.63 96.52 10.71 96.25 10.87C95.98 11.03 95.85 11.25 95.85 11.52C95.85 11.74 95.94 11.92 96.11 12.06C96.28 12.21 96.58 12.33 96.99 12.42L98.62 12.75C99.5 12.93 100.15 13.22 100.58 13.62C101.01 14.02 101.22 14.54 101.22 15.19C101.22 15.78 101.05 16.3 100.7 16.74C100.35 17.19 99.88 17.53 99.28 17.78C98.68 18.03 97.99 18.15 97.21 18.15C96.02 18.15 95.07 17.9 94.37 17.4C93.67 16.9 93.25 16.22 93.13 15.36L95.59 15.23C95.66 15.59 95.84 15.87 96.13 16.06C96.41 16.25 96.78 16.34 97.23 16.34C97.67 16.34 98.02 16.26 98.29 16.09C98.56 15.92 98.69 15.7 98.7 15.43C98.7 15.2 98.6 15.02 98.41 14.87C98.22 14.72 97.93 14.61 97.54 14.53L95.98 14.22C95.1 14.04 94.45 13.74 94.02 13.31C93.59 12.88 93.38 12.32 93.38 11.65C93.38 11.07 93.54 10.57 93.85 10.16C94.16 9.73998 94.61 9.41998 95.18 9.18998C95.75 8.95998 96.42 8.84998 97.19 8.84998C98.33 8.84998 99.22 9.08998 99.88 9.56998C100.53 10.06 100.91 10.71 101.02 11.54Z" fill="currentColor"/>
-                            <path d="M107.59 8.97998V10.86H102.17V8.97998H107.59ZM103.4 6.81998H105.9V15.21C105.9 15.44 105.94 15.62 106.01 15.75C106.08 15.88 106.18 15.97 106.31 16.02C106.44 16.07 106.58 16.1 106.75 16.1C106.87 16.1 106.98 16.09 107.1 16.07C107.22 16.05 107.31 16.03 107.37 16.02L107.76 17.88C107.64 17.92 107.46 17.97 107.23 18.02C107 18.07 106.73 18.11 106.4 18.12C105.8 18.14 105.27 18.06 104.82 17.88C104.37 17.7 104.02 17.41 103.77 17.02C103.52 16.63 103.4 16.14 103.4 15.56V6.81998Z" fill="currentColor"/>
-                            <path d="M113.22 18.15C112.29 18.15 111.5 17.96 110.83 17.58C110.16 17.2 109.65 16.67 109.29 15.97C108.93 15.28 108.75 14.46 108.75 13.51C108.75 12.58 108.93 11.77 109.29 11.07C109.65 10.37 110.16 9.82998 110.81 9.43998C111.46 9.04998 112.23 8.84998 113.12 8.84998C113.71 8.84998 114.27 8.93998 114.78 9.12998C115.29 9.31998 115.74 9.59998 116.13 9.97998C116.51 10.36 116.81 10.83 117.03 11.41C117.25 11.98 117.35 12.65 117.35 13.42V14.11H109.75V12.56H115C115 12.2 114.92 11.88 114.77 11.6C114.61 11.32 114.4 11.11 114.12 10.95C113.84 10.79 113.53 10.71 113.16 10.71C112.78 10.71 112.45 10.8 112.16 10.97C111.87 11.14 111.64 11.38 111.48 11.67C111.32 11.96 111.23 12.28 111.23 12.64V14.11C111.23 14.56 111.31 14.94 111.48 15.26C111.65 15.58 111.88 15.83 112.19 16.01C112.49 16.19 112.86 16.27 113.27 16.27C113.55 16.27 113.8 16.23 114.03 16.15C114.26 16.07 114.46 15.95 114.62 15.8C114.78 15.64 114.91 15.45 115 15.23L117.31 15.38C117.19 15.93 116.95 16.42 116.59 16.83C116.23 17.24 115.76 17.56 115.2 17.79C114.61 18.04 113.96 18.15 113.22 18.15Z" fill="currentColor"/>
-                            <path d="M118.98 18V8.99998H121.4V10.57H121.49C121.65 10.01 121.93 9.58998 122.32 9.29998C122.71 9.00998 123.15 8.86998 123.66 8.86998C123.78 8.86998 123.92 8.87998 124.06 8.88998C124.2 8.90998 124.33 8.92998 124.44 8.94998V11.16C124.32 11.12 124.16 11.09 123.95 11.07C123.74 11.04 123.55 11.03 123.38 11.03C123.01 11.03 122.69 11.11 122.4 11.27C122.11 11.43 121.89 11.65 121.72 11.93C121.55 12.21 121.47 12.54 121.47 12.9V18H118.98Z" fill="currentColor"/>
-                        </g>
-                        <defs>
-                            <clipPath id="clip0_377_850">
-                                <rect width="124.44" height="24" fill="white"/>
-                            </clipPath>
-                        </defs>
-                    </svg>
-                </a>
-                <nav class="justify-center md:justify-end text-center md:text-left md:mr-auto ml-md md:py-xxs pb-md md:pl-md flex flex-wrap text-base navbar">
-                    <div class="flex flex-row p-xs justify-center leading-tight">
-                        <router-link to="/">Home</router-link>
-                        <router-link to="/buttons">Buttons</router-link>
-                        <router-link to="/colors">Colors</router-link>
-                        <router-link to="/input">Input</router-link>
-                        <router-link to="/icons">Icons</router-link>
-                        <router-link to="/schemas">Schemas</router-link>
-                    </div>
-                </nav>
-                <button @click="toggleDarkMode" class="p-2 ml-4">
-                    {{ isDarkMode ? '🔆' : '🔅' }}
-                </button>
-            </div>
-        </div>
-    </header>
-</template>
-
-<style scoped>
-    @reference "../styles/main.pcss";
-
-    nav a {
-        @apply px-xs ml-xs;
-    }
-    .router-link-active {
-        @apply font-bold;
-    }
-</style>

package/web/icons/bold/add.svg

@@ -1,3 +0,0 @@
-<svg 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="M11.9998 4C12.9662 4 13.7496 4.7834 13.7497 5.74979L13.7498 10.2501L18.2501 10.25C19.2165 10.2499 20 11.0334 20 11.9998C20 12.9662 19.2166 13.7496 18.2502 13.7496L13.7498 13.7497L13.7499 18.2501C13.75 19.2165 12.9665 20 12.0001 20C11.0338 20 10.2503 19.2166 10.2503 18.2502L10.2502 13.7498L5.74986 13.7499C4.78345 13.7499 4.00002 12.9665 4 12.0001C3.99998 11.0337 4.78338 10.2503 5.74978 10.2502L10.2501 10.2501L10.25 5.74987C10.25 4.78345 11.0334 4 11.9998 4Z" fill="#161616"/>
-</svg>

package/web/icons/bold/check.svg

@@ -1,3 +0,0 @@
-<svg 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="M9.4723 13.8673L6.11191 10.5072C5.42847 9.82379 4.32046 9.82381 3.63706 10.5072C2.95364 11.1907 2.95366 12.2987 3.63712 12.9821L8.23345 17.5781C8.74794 18.0926 9.50305 18.2198 10.1365 17.9596C10.3461 17.8742 10.5425 17.7465 10.7126 17.5764L19.5514 8.7371C20.2347 8.05374 20.2347 6.94582 19.5514 6.26249C18.868 5.57915 17.7601 5.57917 17.0767 6.26254L9.4723 13.8673Z" fill="#161616"/>
-</svg>

package/web/icons/bold/checkbox-checked.svg

@@ -1,4 +0,0 @@
-<svg 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 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12.0001 18.5C15.5899 18.5 18.5001 15.5899 18.5001 12C18.5001 8.41018 15.5899 5.50003 12.0001 5.50003C8.41021 5.50003 5.50007 8.41018 5.50007 12C5.50007 15.5899 8.41021 18.5 12.0001 18.5Z" fill="#161616"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8728 12.2889L9.98737 11.4036C9.30394 10.7202 8.19595 10.7203 7.51256 11.4037C6.82912 12.0871 6.82915 13.1952 7.51263 13.8786L9.63404 15.9998C10.1512 16.5169 10.9115 16.6427 11.5469 16.3772C11.7528 16.2918 11.9457 16.1654 12.1132 15.9979L16.3559 11.7549C17.0392 11.0715 17.0391 9.96365 16.3558 9.28032C15.6724 8.59697 14.5645 8.59699 13.8812 9.28038L10.8728 12.2889Z" fill="#161616"/>
-</svg>

package/web/icons/bold/checkbox-unchecked.svg

@@ -1,3 +0,0 @@
-<svg 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 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12.0001 18.5C15.5899 18.5 18.5001 15.5899 18.5001 12C18.5001 8.41018 15.5899 5.50003 12.0001 5.50003C8.41021 5.50003 5.50007 8.41018 5.50007 12C5.50007 15.5899 8.41021 18.5 12.0001 18.5Z" fill="#161616"/>
-</svg>

package/web/icons/bold/chevron-backward.svg

@@ -1,3 +0,0 @@
-<svg 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.7656 3.01261C12.0822 2.32919 10.9742 2.32919 10.2907 3.01261L2.51256 10.7908C2.50722 10.7961 2.50193 10.8015 2.49667 10.8069C2.45988 10.8446 2.42513 10.8836 2.39243 10.9237C2.05606 11.3361 1.93593 11.8661 2.03204 12.3625C2.09611 12.6934 2.25628 13.0094 2.51256 13.2657L10.2907 21.0438C10.9742 21.7273 12.0822 21.7273 12.7656 21.0438C13.449 20.3604 13.449 19.2524 12.7656 18.569L6.22487 12.0282L12.7656 5.48748C13.449 4.80406 13.449 3.69603 12.7656 3.01261Z" fill="#161616"/>
-</svg>

package/web/icons/bold/chevron-down.svg

@@ -1,3 +0,0 @@
-<svg 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.95621 6.23439C2.2728 6.91781 2.2728 8.02584 2.95621 8.70926L10.7344 16.4874C10.7397 16.4928 10.7451 16.4981 10.7505 16.5033C10.7882 16.5401 10.8272 16.5749 10.8673 16.6076C11.2797 16.9439 11.8097 17.0641 12.3061 16.968C12.637 16.9039 12.953 16.7437 13.2093 16.4874L20.9874 8.70926C21.6709 8.02584 21.6709 6.91781 20.9874 6.23439C20.304 5.55097 19.196 5.55097 18.5126 6.23439L11.9718 12.7751L5.43109 6.23439C4.74767 5.55097 3.63963 5.55097 2.95621 6.23439Z" fill="#161616"/>
-</svg>

package/web/icons/bold/chevron-forward.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.2345 21.0438C11.9179 21.7272 13.0259 21.7272 13.7094 21.0438L21.4875 13.2656C21.5302 13.2229 21.5703 13.1785 21.6077 13.1327C21.7955 12.9025 21.9159 12.6356 21.9688 12.3583C21.9897 12.2493 22.0001 12.1388 22.0001 12.0282C22.0001 11.5803 21.8292 11.1324 21.4875 10.7907L13.7094 3.01256C13.0259 2.32915 11.9179 2.32915 11.2345 3.01256C10.5511 3.69598 10.5511 4.80402 11.2345 5.48744L17.7752 12.0282L11.2345 18.5689C10.5511 19.2523 10.5511 20.3604 11.2345 21.0438Z" fill="#161616"/>
-</svg>

package/web/icons/bold/chevron-up.svg

@@ -1,3 +0,0 @@
-<svg 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="M20.9874 17.1946C21.6708 16.5111 21.6708 15.4031 20.9874 14.7197L13.2092 6.94152C13.2039 6.93618 13.1985 6.93088 13.1931 6.92563C13.1554 6.88884 13.1164 6.85409 13.0763 6.82139C12.6639 6.48502 12.1339 6.36489 11.6375 6.46099C11.3066 6.52506 10.9906 6.68524 10.7343 6.94152L2.95617 14.7197C2.27275 15.4031 2.27275 16.5111 2.95617 17.1946C3.63958 17.878 4.74762 17.878 5.43104 17.1946L11.9718 10.6538L18.5125 17.1946C19.1959 17.878 20.304 17.878 20.9874 17.1946Z" fill="#161616"/>
-</svg>

package/web/icons/bold/close-1.svg

@@ -1,3 +0,0 @@
-<svg 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="M18.6721 5.23737C19.3555 5.92071 19.3555 7.02862 18.6722 7.71197L14.4294 11.9549L18.6723 16.1977C19.3557 16.881 19.3557 17.9889 18.6724 18.6723C17.989 19.3557 16.8811 19.3557 16.1977 18.6723L11.9548 14.4296L7.71197 18.6726C7.02864 19.3559 5.92071 19.3559 5.23735 18.6726C4.55399 17.9893 4.55397 16.8813 5.23731 16.198L9.48013 11.955L5.23715 7.71217C4.55377 7.02882 4.55376 5.92088 5.23712 5.23752C5.92046 4.55417 7.02838 4.55417 7.71173 5.23749L11.9547 9.48032L16.1975 5.23739C16.8808 4.55402 17.9888 4.55401 18.6721 5.23737Z" fill="#161616"/>
-</svg>

package/web/icons/bold/close.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="12" cy="12" r="8.25" stroke="#161616" stroke-width="3.5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5941 8.51251C16.2775 9.19585 16.2775 10.3037 15.5942 10.9871L14.5227 12.0586L15.5837 13.1195C16.2671 13.8028 16.2671 14.9108 15.5837 15.5942C14.9004 16.2775 13.7925 16.2775 13.1091 15.5942L12.0482 14.5333L10.9979 15.5837C10.3146 16.2671 9.20662 16.2671 8.52326 15.5837C7.83991 14.9004 7.83989 13.7925 8.5232 13.1092L9.57349 12.0588L8.51255 10.9979C7.82917 10.3146 7.82915 9.20664 8.5125 8.52328C9.19582 7.83993 10.3037 7.83991 10.9871 8.52322L12.048 9.58408L13.1195 8.51256C13.8028 7.82917 14.9108 7.82914 15.5941 8.51251Z" fill="#161616"/>
-</svg>

package/web/icons/bold/dot.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.5 12C14.5 13.3807 13.3807 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12Z" fill="#161616"/>
-</svg>

package/web/icons/bold/open-external.svg

@@ -1,3 +0,0 @@
-<svg 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="M14.75 5.5H16.05L10.2623 11.2877C9.5789 11.9711 9.5789 13.0791 10.2623 13.7626C10.9457 14.446 12.0538 14.446 12.7372 13.7626L18.5001 7.99965V9.25C18.5001 10.2165 19.2836 11 20.2501 11C21.2166 11 22.0001 10.2165 22.0001 9.25L22.0001 3.75C22.0001 2.7835 21.2166 2 20.2501 2H20.25H20.25H14.75C13.7835 2 13 2.7835 13 3.75C13 4.7165 13.7835 5.5 14.75 5.5ZM8.75 3C9.7165 3 10.5 3.7835 10.5 4.75C10.5 5.7165 9.7165 6.5 8.75 6.5H6.5L6.5 17.5H18.5V15.25C18.5 14.2835 19.2835 13.5 20.25 13.5C21.2165 13.5 22 14.2835 22 15.25V19.25C22 20.2165 21.2165 21 20.25 21H4.75C3.7835 21 3 20.2165 3 19.25C3 19.1651 3.00604 19.0817 3.01772 19C3.00604 18.9184 3 18.8349 3 18.75L3 4.75289L3 4.75C3 3.7835 3.7835 3 4.75 3H8.75Z" fill="#161616"/>
-</svg>

package/web/icons/bold/prominent-1.svg

@@ -1,3 +0,0 @@
-<svg 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="M18.2502 7.49965C19.2166 7.49964 20 6.71622 20 5.74983C20 4.78341 19.2165 3.99998 18.2501 4L3.74978 4.00029C2.78338 4.00031 1.99998 4.78375 2 5.75015C2.00002 6.71654 2.78345 7.49995 3.74985 7.49993L18.2502 7.49965ZM18.2502 13.7497C19.2166 13.7496 20 12.9662 20 11.9998C20 11.0334 19.2165 10.25 18.2501 10.25L3.74978 10.2503C2.78338 10.2503 1.99998 11.0337 2 12.0001C2.00002 12.9665 2.78345 13.7499 3.74985 13.7499L18.2502 13.7497ZM20 18.2498C20 19.2162 19.2166 19.9996 18.2502 19.9997L3.74985 19.9999C2.78345 19.9999 2.00002 19.2165 2 18.2501C1.99998 17.2837 2.78338 16.5003 3.74978 16.5003L18.2501 16.5C19.2165 16.5 20 17.2834 20 18.2498Z" fill="#161616"/>
-</svg>

package/web/icons/bold/prominent.svg

@@ -1,3 +0,0 @@
-<svg 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="M14.4999 12C14.4999 13.3807 13.3807 14.5 11.9999 14.5C10.6192 14.5 9.49994 13.3807 9.49994 12C9.49994 10.6193 10.6192 9.5 11.9999 9.5C13.3807 9.5 14.4999 10.6193 14.4999 12ZM7 12C7 13.3807 5.88071 14.5 4.5 14.5C3.11929 14.5 2 13.3807 2 12C2 10.6193 3.11929 9.50002 4.5 9.50002C5.88071 9.50002 7 10.6193 7 12ZM19.4999 14.5C20.8807 14.5 21.9999 13.3807 21.9999 12C21.9999 10.6193 20.8807 9.5 19.4999 9.5C18.1192 9.5 16.9999 10.6193 16.9999 12C16.9999 13.3807 18.1192 14.5 19.4999 14.5Z" fill="#161616"/>
-</svg>

package/web/icons/bold/question.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.6333 6.28464C11.0491 5.91137 11.48 5.75012 11.9985 5.75012C12.517 5.75012 12.9479 5.91137 13.3637 6.28464C13.6747 6.56383 13.8769 6.94392 13.8769 7.62019C13.8769 7.87524 13.77 8.32925 13.2885 9.02185C12.9099 9.56655 12.3367 10.2019 11.5288 10.9257C10.7526 11.6211 10.2485 12.6323 10.2485 13.7501C10.2485 14.7166 11.032 15.5001 11.9985 15.5001C12.965 15.5001 13.7485 14.7166 13.7485 13.7501C13.7485 13.7017 13.7718 13.6153 13.8642 13.5325C14.8018 12.6926 15.5813 11.8556 16.1624 11.0195C16.8829 9.98303 17.3769 8.83671 17.3769 7.62019C17.3769 6.0891 16.8497 4.71066 15.7018 3.68015C14.6586 2.74372 13.4 2.25012 11.9985 2.25012C10.597 2.25012 9.33837 2.74372 8.29524 3.68015C7.72442 4.19258 7.2862 4.81171 7.00142 5.52579C6.64341 6.42353 7.08094 7.44152 7.97868 7.79954C8.87642 8.15756 9.89442 7.72003 10.2524 6.82228C10.332 6.62266 10.4521 6.44736 10.6333 6.28464Z" fill="#161616"/>
-<path d="M13.7853 21.2679C13.3165 21.7367 12.6806 22.0001 12.0176 22.0001C11.3545 22.0001 10.7186 21.7367 10.2498 21.2679C9.78095 20.799 9.51756 20.1632 9.51756 19.5001C9.51756 18.8371 9.78095 18.2012 10.2498 17.7324C10.7186 17.2635 11.3545 17.0001 12.0176 17.0001C12.6806 17.0001 13.3165 17.2635 13.7853 17.7324C14.2542 18.2012 14.5176 18.8371 14.5176 19.5001C14.5176 20.1632 14.2542 20.799 13.7853 21.2679Z" fill="#161616"/>
-</svg>

package/web/icons/bold/remove.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.2502 13.7497C19.2166 13.7496 20 12.9662 20 11.9998C20 11.0334 19.2165 10.25 18.2501 10.25L5.74978 10.2503C4.78338 10.2503 3.99998 11.0337 4 12.0001C4.00002 12.9665 4.78345 13.7499 5.74986 13.7499L18.2502 13.7497Z" fill="#161616"/>
-</svg>

package/web/icons/bold/search.svg

@@ -1,3 +0,0 @@
-<svg 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="M14.5 10C14.5 12.4853 12.4853 14.5 10 14.5C7.51472 14.5 5.5 12.4853 5.5 10C5.5 7.51472 7.51472 5.5 10 5.5C12.4853 5.5 14.5 7.51472 14.5 10ZM14.2832 16.758C13.0449 17.5445 11.5756 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 11.5757 17.5445 13.045 16.7579 14.2834L21.2626 18.7879C21.946 19.4712 21.946 20.5792 21.2627 21.2625C20.5794 21.9459 19.4715 21.9459 18.7881 21.2626L14.2832 16.758Z" fill="#161616"/>
-</svg>

package/web/icons/bold/spinner.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22 12C22 10.0222 21.4135 8.08879 20.3147 6.4443C19.2159 4.79981 17.6541 3.51809 15.8268 2.76121C13.9996 2.00433 11.9889 1.8063 10.0491 2.19215C8.10929 2.578 6.32746 3.53041 4.92894 4.92894C3.53041 6.32746 2.578 8.10929 2.19215 10.0491C1.8063 11.9889 2.00433 13.9996 2.76121 15.8268C3.51809 17.6541 4.79981 19.2159 6.4443 20.3147C8.08879 21.4135 10.0222 22 12 22V18.5C10.7144 18.5 9.45772 18.1188 8.3888 17.4046C7.31988 16.6903 6.48676 15.6752 5.99479 14.4874C5.50282 13.2997 5.3741 11.9928 5.6249 10.7319C5.8757 9.47104 6.49477 8.31285 7.40381 7.40381C8.31285 6.49477 9.47104 5.8757 10.7319 5.6249C11.9928 5.3741 13.2997 5.50282 14.4874 5.99479C15.6752 6.48676 16.6903 7.31988 17.4046 8.3888C18.1188 9.45772 18.5 10.7144 18.5 12H22Z" fill="#161616"/>
-</svg>

package/web/icons/bold/warning.svg

@@ -1,3 +0,0 @@
-<svg 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="M13.75 6C13.75 5.0335 12.9665 4.25 12 4.25C11.0335 4.25 10.25 5.0335 10.25 6L10.25 12.5C10.25 13.4665 11.0335 14.25 12 14.25C12.9665 14.25 13.75 13.4665 13.75 12.5L13.75 6ZM13.4142 19.4142C13.0391 19.7893 12.5304 20 12 20C11.4696 20 10.9609 19.7893 10.5858 19.4142C10.2107 19.0391 10 18.5304 10 18C10 17.4696 10.2107 16.9609 10.5858 16.5858C10.9609 16.2107 11.4696 16 12 16C12.5304 16 13.0391 16.2107 13.4142 16.5858C13.7893 16.9609 14 17.4696 14 18C14 18.5304 13.7893 19.0391 13.4142 19.4142Z" fill="#161616"/>
-</svg>

package/web/icons/duotone/check.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path 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 12Z" fill="#39A049"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8298 13.4355L8.88364 11.4895C8.39553 11.0014 7.60417 11.0014 7.11608 11.4895C6.62796 11.9776 6.62798 12.769 7.11612 13.2571L9.94483 16.0856C10.3163 16.4571 10.8633 16.5458 11.3187 16.3519C11.4634 16.291 11.599 16.2016 11.7168 16.0837L16.6666 11.1336C17.1547 10.6455 17.1547 9.85416 16.6666 9.36607C16.1785 8.87796 15.3871 8.87798 14.899 9.3661L10.8298 13.4355Z" fill="white"/>
-</svg>

package/web/icons/filled/achievements.svg

@@ -1,3 +0,0 @@
-<svg 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 5H7V13C7 15.3298 8.59347 17.2874 10.75 17.8425V18.5H9.50001C8.80965 18.5 8.25001 19.0596 8.25001 19.75C8.25001 20.4404 8.80965 21 9.50001 21H14.5C15.1904 21 15.75 20.4404 15.75 19.75C15.75 19.0596 15.1904 18.5 14.5 18.5H13.25V17.8425C15.4065 17.2874 17 15.3298 17 13V5ZM18.2177 14.6606C19.8508 13.9856 21 12.377 21 10.5V7.88889C21 7.39797 20.602 7 20.1111 7H18.5V13C18.5 13.5821 18.4005 14.141 18.2177 14.6606ZM3 10.5C3 12.377 4.14919 13.9856 5.78236 14.6606C5.59948 14.141 5.5 13.5821 5.5 13V7H3.88889C3.39797 7 3 7.39797 3 7.88889V10.5Z" fill="#161616"/>
-</svg>

package/web/icons/filled/add.svg

@@ -1,3 +0,0 @@
-<svg 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 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM13.25 7.75739C13.25 7.06703 12.6904 6.50739 12 6.50739C11.3096 6.50739 10.75 7.06703 10.75 7.75739V10.75H7.75732C7.06697 10.75 6.50732 11.3096 6.50732 12C6.50732 12.6904 7.06697 13.25 7.75732 13.25H10.75V16.2427C10.75 16.933 11.3096 17.4927 12 17.4927C12.6904 17.4927 13.25 16.933 13.25 16.2427V13.25H16.2426C16.933 13.25 17.4926 12.6904 17.4926 12C17.4926 11.3096 16.933 10.75 16.2426 10.75H13.25V7.75739Z" fill="#161616"/>
-</svg>

package/web/icons/filled/app-settings.svg

@@ -1,3 +0,0 @@
-<svg 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="M9.82607 3.02077C9.93419 2.69641 10.2038 2.44896 10.5355 2.36603C11.4909 2.12717 12.5084 2.12717 13.4638 2.36603C13.7955 2.44896 14.0651 2.69641 14.1733 3.02077L14.8537 5.06213C15.3934 5.28437 15.9014 5.56774 16.3692 5.90361L18.463 5.39842C18.7954 5.31823 19.1481 5.41574 19.3942 5.65309C20.103 6.33677 20.6422 7.19962 20.946 8.13646C21.0514 8.46169 20.9844 8.82147 20.7667 9.08504L19.3951 10.745C19.4639 11.1531 19.4997 11.5724 19.4997 12C19.4997 12.4277 19.4639 12.847 19.3951 13.2552L20.7665 14.9149C20.9843 15.1785 21.0512 15.5383 20.9458 15.8635C20.642 16.8004 20.1029 17.6632 19.394 18.3469C19.1479 18.5842 18.7952 18.6818 18.4628 18.6016L16.3691 18.0964C15.9014 18.4323 15.3933 18.7156 14.8537 18.9379L14.1733 20.9792C14.0651 21.3036 13.7955 21.551 13.4638 21.634C12.5084 21.8728 11.4909 21.8728 10.5355 21.634C10.2038 21.551 9.93419 21.3036 9.82607 20.9792L9.14562 18.9379C8.60603 18.7156 8.09806 18.4323 7.63032 18.0965L5.53702 18.6016C5.20466 18.6818 4.85193 18.5842 4.60584 18.3469C3.89697 17.6632 3.3578 16.8004 3.05406 15.8635C2.94861 15.5383 3.01559 15.1785 3.23336 14.9149L4.60432 13.2557C4.53549 12.8474 4.49966 12.4279 4.49966 12C4.49966 11.5722 4.53548 11.1527 4.60429 10.7445L3.23319 9.08504C3.01542 8.82147 2.94844 8.46169 3.05388 8.13646C3.35763 7.19962 3.89679 6.33677 4.60567 5.65309C4.85176 5.41574 5.20449 5.31822 5.53685 5.39842L7.63028 5.90352C8.09803 5.56768 8.60602 5.28434 9.14562 5.06213L9.82607 3.02077ZM11.9997 15C13.6565 15 14.9997 13.6568 14.9997 12C14.9997 10.3431 13.6565 8.99999 11.9997 8.99999C10.3428 8.99999 8.99966 10.3431 8.99966 12C8.99966 13.6568 10.3428 15 11.9997 15Z" fill="#161616"/>
-</svg>