Revert "chore: move to tsup"

This reverts commit 65a6aa5fda.

src/components/overlays/Modal.vue

@@ -0,0 +1,95 @@
+<template>
+  <TransitionRoot :show="isOpen" as="template">
+    <Dialog @close="setIsOpen">
+      <div class="fixed z-10 inset-0 overflow-y-auto">
+        <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+          <TransitionChild
+            as="template"
+            enter="ease-out duration-300"
+            enter-from="opacity-0"
+            enter-to="opacity-100"
+            leave="ease-in duration-200"
+            leave-from="opacity-100"
+            leave-to="opacity-0"
+          >
+            <DialogOverlay class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" />
+          </TransitionChild>
+
+          <!-- This element is to trick the browser into centering the modal contents. -->
+          <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
+
+          <TransitionChild
+            as="template"
+            enter="ease-out duration-300"
+            enter-from="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+            enter-to="opacity-100 translate-y-0 sm:scale-100"
+            leave="ease-in duration-200"
+            leave-from="opacity-100 translate-y-0 sm:scale-100"
+            leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+          >
+            <Card
+              class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
+              v-bind="$attrs"
+              ring-class="sm:ring-1 sm:ring-transparent dark:ring-gray-700"
+            >
+              <template v-if="$slots.header" #header>
+                <slot name="header" />
+              </template>
+              <slot />
+              <template v-if="$slots.footer" #footer>
+                <slot name="footer" />
+              </template>
+            </Card>
+          </TransitionChild>
+        </div>
+      </div>
+    </Dialog>
+  </TransitionRoot>
+</template>
+
+<script>
+import { Dialog, DialogOverlay, TransitionRoot, TransitionChild } from '@headlessui/vue'
+
+import Card from '../layout/Card'
+
+export default {
+  components: {
+    Dialog,
+    DialogOverlay,
+    TransitionRoot,
+    TransitionChild,
+    Card
+  },
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ['update:modelValue'],
+  setup (props, { emit }) {
+    const isOpen = computed({
+      get () {
+        return props.modelValue
+      },
+      set (value) {
+        emit('update:modelValue', value)
+      }
+    })
+
+    return {
+      isOpen,
+      setIsOpen (value) {
+        isOpen.value = value
+      },
+      toggleIsOpen () {
+        isOpen.value = !isOpen.value
+      }
+    }
+  }
+}
+</script>