Move many things over from Knossos (and other rearrangements) (#102)

lib/components/base/Chips.vue

@@ -4,7 +4,7 @@
       v-for="item in items"
       :key="item"
       class="btn"
-      :class="{ selected: selected === item }"
+      :class="{ selected: selected === item, capitalize: capitalize }"
       @click="toggleItem(item)"
     >
       <CheckIcon v-if="selected === item" />
@@ -13,7 +13,7 @@
   </div>
 </template>
 <script setup>
-import { CheckIcon, Button } from '@/components'
+import { CheckIcon, Button } from '@'
 </script>
 <script>
 import { defineComponent } from 'vue'
@@ -36,6 +36,10 @@ export default defineComponent({
       default: (x) => x,
       type: Function,
     },
+    capitalize: {
+      type: Boolean,
+      default: true,
+    },
   },
   emits: ['update:modelValue'],
   computed: {
@@ -72,7 +76,9 @@ export default defineComponent({
   flex-wrap: wrap;
 
   .btn {
-    text-transform: capitalize;
+    &.capitalize {
+      text-transform: capitalize;
+    }
 
     svg {
       width: 1em;