@proj-airi/ui 0.6.0 → 0.6.1

package/dist/components/animations.mjs

@@ -0,0 +1,4 @@
+import { TransitionVertical_default } from "../Animations-DeJoVt_I.mjs";
+import "../export-helper-WDd986Km.mjs";
+
+export { TransitionVertical_default as TransitionVertical };

package/dist/components/form.mjs

@@ -0,0 +1,4 @@
+import "../export-helper-WDd986Km.mjs";
+import { Basic_default, Checkbox_default, ColorHueRange_default, FieldCheckbox_default, FieldInput_default, FieldKeyValues_default, FieldRange_default, FieldValues_default, InputFile_default, InputKeyValue_default, Input_default, Radio_default, Range_default, Select_default, Textarea_default } from "../Form-Cy7H3Deq.mjs";
+
+export { Basic_default as BasicTextarea, Checkbox_default as Checkbox, ColorHueRange_default as ColorHueRange, FieldCheckbox_default as FieldCheckbox, FieldInput_default as FieldInput, FieldKeyValues_default as FieldKeyValues, FieldRange_default as FieldRange, FieldValues_default as FieldValues, Input_default as Input, InputFile_default as InputFile, InputKeyValue_default as InputKeyValue, Radio_default as Radio, Range_default as Range, Select_default as Select, Textarea_default as Textarea };

package/dist/export-helper-WDd986Km.mjs

@@ -0,0 +1,9 @@
+//#region \0/plugin-vue/export-helper
+var export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+
+//#endregion
+export { export_helper_default };

package/dist/index.mjs

@@ -1,2 +1,5 @@
-export * from "./components/Animations/index.mjs";
-export * from "./components/Form/index.mjs";
+import { TransitionVertical_default } from "./Animations-DeJoVt_I.mjs";
+import "./export-helper-WDd986Km.mjs";
+import { Basic_default, Checkbox_default, ColorHueRange_default, FieldCheckbox_default, FieldInput_default, FieldKeyValues_default, FieldRange_default, FieldValues_default, InputFile_default, InputKeyValue_default, Input_default, Radio_default, Range_default, Select_default, Textarea_default } from "./Form-Cy7H3Deq.mjs";
+
+export { Basic_default as BasicTextarea, Checkbox_default as Checkbox, ColorHueRange_default as ColorHueRange, FieldCheckbox_default as FieldCheckbox, FieldInput_default as FieldInput, FieldKeyValues_default as FieldKeyValues, FieldRange_default as FieldRange, FieldValues_default as FieldValues, Input_default as Input, InputFile_default as InputFile, InputKeyValue_default as InputKeyValue, Radio_default as Radio, Range_default as Range, Select_default as Select, Textarea_default as Textarea, TransitionVertical_default as TransitionVertical };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@proj-airi/ui",
   "type": "module",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "A collection of UI components that used by Project AIRI",
   "author": {
     "name": "Moeru AI Project AIRI Team",
@@ -15,33 +15,27 @@
     "directory": "packages/ui"
   },
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs"
-    },
-    "./components/animations": {
-      "types": "./dist/components/Animations/index.d.ts",
-      "import": "./dist/components/Animations/index.mjs"
-    },
-    "./components/form": {
-      "types": "./dist/components/Form/index.d.ts",
-      "import": "./dist/components/Form/index.mjs"
-    }
+    ".": "./src/index.ts",
+    "./components/animations": "./src/components/Animations/index.ts",
+    "./components/form": "./src/components/Form/index.ts",
+    "./*": "./*"
   },
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
   "dependencies": {
     "@vueuse/core": "^13.3.0",
     "floating-vue": "^5.2.2",
-    "reka-ui": "^2.3.0",
+    "reka-ui": "^2.3.1",
     "vue": "^3.5.16"
   },
   "devDependencies": {
     "@vue-macros/volar": "3.0.0-beta.8",
-    "vue-tsc": "^3.0.0-alpha.8"
+    "vue-tsc": "^3.0.0-alpha.10"
   },
   "scripts": {
-    "dev": "pnpm run stub",
-    "stub": "unbuild --stub",
-    "build": "unbuild",
+    "dev": "pnpm run build",
+    "stub": "pnpm run build",
+    "build": "tsdown",
     "typecheck": "vue-tsc --noEmit"
   }
 }

package/src/components/Form/Field/FieldInput.vue

@@ -1,14 +1,17 @@
 <script setup lang="ts">
 import Input from '../Input/Input.vue'
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
   label?: string
   description?: string
   placeholder?: string
   required?: boolean
   type?: string
   inputClass?: string
-}>()
+  singleLine?: boolean
+}>(), {
+  singleLine: true,
+})
 
 const modelValue = defineModel<string>({ required: true })
 </script>
@@ -26,11 +29,26 @@ const modelValue = defineModel<string>({ required: true })
         </div>
       </div>
       <Input
+        v-if="singleLine"
         v-model="modelValue"
         :type="props.type"
         :placeholder="props.placeholder"
         :class="props.inputClass"
       />
+      <textarea
+        v-else
+        v-model="modelValue"
+        :type="props.type"
+        :placeholder="props.placeholder"
+        :class="props.inputClass"
+        border="focus:primary-300 dark:focus:primary-400/50 2 solid neutral-100 dark:neutral-900"
+        transition="all duration-200 ease-in-out"
+        text="disabled:neutral-400 dark:disabled:neutral-600"
+        cursor="disabled:not-allowed"
+        w-full rounded-lg px-2 py-1 text-sm outline-none
+        shadow="sm"
+        bg="neutral-50 dark:neutral-950 focus:neutral-50 dark:focus:neutral-900"
+      />
     </label>
   </div>
 </template>

package/src/components/Form/Field/FieldValues.vue

@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import Input from '../Input/Input.vue'
+
+const props = defineProps<{
+  label?: string
+  description?: string
+  name?: string
+  valuePlaceholder?: string
+  required?: boolean
+  inputClass?: string
+}>()
+
+const emit = defineEmits<{
+  (e: 'remove', index: number): void
+  (e: 'add'): void
+}>()
+
+const items = defineModel<string[]>({ required: true })
+
+function addItem() {
+  items.value.push('')
+  emit('add')
+}
+
+function removeItem(index: number) {
+  items.value.splice(index, 1)
+  emit('remove', index)
+}
+</script>
+
+<template>
+  <div class="max-w-full">
+    <label class="flex flex-col gap-2">
+      <div>
+        <div class="flex items-center gap-1 text-sm font-medium">
+          {{ props.label }}
+          <span v-if="props.required !== false" class="text-red-500">*</span>
+        </div>
+        <div class="text-nowrap text-xs text-neutral-500 dark:text-neutral-400">
+          {{ props.description }}
+        </div>
+      </div>
+
+      <div v-auto-animate class="~ col gap-2">
+        <div
+          v-for="(_, index) in items"
+          :key="index"
+          class="w-full flex items-center gap-2"
+        >
+          <Input
+            v-model="items[index]"
+            :placeholder="props.valuePlaceholder"
+            class="w-90%"
+          />
+          <button i-solar:minus-circle-line-duotone size="6" class="min-w-20px w-10% flex text-red-500" @click="removeItem(index)" />
+        </div>
+
+        <div i-solar:add-circle-line-duotone size="6" class="mt-2 w-4/5 text-blue-500" @click="addItem" />
+      </div>
+    </label>
+  </div>
+</template>

package/src/components/Form/Field/index.ts

@@ -2,3 +2,4 @@ export { default as FieldCheckbox } from './FieldCheckbox.vue'
 export { default as FieldInput } from './FieldInput.vue'
 export { default as FieldKeyValues } from './FieldKeyValues.vue'
 export { default as FieldRange } from './FieldRange.vue'
+export { default as FieldValues } from './FieldValues.vue'

package/tsdown.config.ts

@@ -0,0 +1,29 @@
+import { env } from 'node:process'
+
+import { defineConfig } from 'tsdown'
+import Raw from 'unplugin-raw/rolldown'
+import Vue from 'unplugin-vue/rolldown'
+
+export default defineConfig({
+  entry: {
+    'index': './src/index.ts',
+    'components/form': './src/components/Form/index.ts',
+    'components/animations': './src/components/Animations/index.ts',
+  },
+  define: {
+    'import.meta.DEV': JSON.stringify(!!env.DEV),
+  },
+  exports: {
+    devExports: true,
+    all: true,
+  },
+  fixedExtension: true,
+  plugins: [
+    Vue(),
+    Raw({
+      transform: {
+        options: { minifyWhitespace: true },
+      },
+    }),
+  ],
+})

package/build.config.ts

@@ -1,11 +0,0 @@
-import { defineBuildConfig } from 'unbuild'
-
-export default defineBuildConfig({
-  entries: [
-    { builder: 'mkdist', input: './src/', outDir: './dist/', pattern: '**/*.vue', loaders: ['vue'] },
-    { builder: 'mkdist', input: './src/', outDir: './dist/', pattern: '**/*.ts', format: 'esm', loaders: ['js'] },
-  ],
-  declaration: true,
-  sourcemap: true,
-  clean: true,
-})

package/dist/components/Animations/TransitionVertical.vue

@@ -1,95 +0,0 @@
-<script setup>
-const props = defineProps({
-  duration: { type: Number, required: false, default: 250 },
-  easingEnter: { type: String, required: false, default: "ease-in-out" },
-  easingLeave: { type: String, required: false, default: "ease-in-out" },
-  opacityClosed: { type: Number, required: false, default: 0 },
-  opacityOpened: { type: Number, required: false, default: 1 }
-});
-const closed = "0px";
-function getElementStyle(element) {
-  return {
-    height: element.style.height,
-    width: element.style.width,
-    position: element.style.position,
-    visibility: element.style.visibility,
-    overflow: element.style.overflow,
-    paddingTop: element.style.paddingTop,
-    paddingBottom: element.style.paddingBottom,
-    borderTopWidth: element.style.borderTopWidth,
-    borderBottomWidth: element.style.borderBottomWidth,
-    marginTop: element.style.marginTop,
-    marginBottom: element.style.marginBottom
-  };
-}
-function prepareElement(element, initialStyle) {
-  const { width } = getComputedStyle(element);
-  element.style.width = width;
-  element.style.position = "absolute";
-  element.style.visibility = "hidden";
-  element.style.height = "";
-  const { height } = getComputedStyle(element);
-  element.style.width = initialStyle.width;
-  element.style.position = initialStyle.position;
-  element.style.visibility = initialStyle.visibility;
-  element.style.height = closed;
-  element.style.overflow = "hidden";
-  return initialStyle.height && initialStyle.height !== closed ? initialStyle.height : height;
-}
-function animateTransition(element, initialStyle, done, keyframes, options) {
-  const animation = element.animate(keyframes, options);
-  element.style.height = initialStyle.height;
-  animation.onfinish = () => {
-    element.style.overflow = initialStyle.overflow;
-    done();
-  };
-}
-function getEnterKeyframes(height, initialStyle) {
-  return [
-    {
-      height: closed,
-      opacity: props.opacityClosed,
-      paddingTop: closed,
-      paddingBottom: closed,
-      borderTopWidth: closed,
-      borderBottomWidth: closed,
-      marginTop: closed,
-      marginBottom: closed
-    },
-    {
-      height,
-      opacity: props.opacityOpened,
-      paddingTop: initialStyle.paddingTop,
-      paddingBottom: initialStyle.paddingBottom,
-      borderTopWidth: initialStyle.borderTopWidth,
-      borderBottomWidth: initialStyle.borderBottomWidth,
-      marginTop: initialStyle.marginTop,
-      marginBottom: initialStyle.marginBottom
-    }
-  ];
-}
-function enterTransition(element, done) {
-  const HTMLElement = element;
-  const initialStyle = getElementStyle(HTMLElement);
-  const height = prepareElement(HTMLElement, initialStyle);
-  const keyframes = getEnterKeyframes(height, initialStyle);
-  const options = { duration: props.duration, easing: props.easingEnter };
-  animateTransition(HTMLElement, initialStyle, done, keyframes, options);
-}
-function leaveTransition(element, done) {
-  const HTMLElement = element;
-  const initialStyle = getElementStyle(HTMLElement);
-  const { height } = getComputedStyle(HTMLElement);
-  HTMLElement.style.height = height;
-  HTMLElement.style.overflow = "hidden";
-  const keyframes = getEnterKeyframes(height, initialStyle).reverse();
-  const options = { duration: props.duration, easing: props.easingLeave };
-  animateTransition(HTMLElement, initialStyle, done, keyframes, options);
-}
-</script>
-
-<template>
-  <Transition :css="false" @enter="enterTransition" @leave="leaveTransition">
-    <slot />
-  </Transition>
-</template>

package/dist/components/Animations/index.d.ts

@@ -1 +0,0 @@
-export { default as TransitionVertical } from './TransitionVertical.vue';

package/dist/components/Animations/index.mjs

@@ -1 +0,0 @@
-export { default as TransitionVertical } from "./TransitionVertical.vue";

package/dist/components/Form/Checkbox/Checkbox.vue

@@ -1,26 +0,0 @@
-<script setup>
-import { SwitchRoot, SwitchThumb } from "reka-ui";
-const modelValue = defineModel({ type: Boolean, ...{ required: true } });
-</script>
-
-<template>
-  <SwitchRoot
-    v-model="modelValue"
-    transition="background duration-250 ease-in-out"
-    outline="focus-within:none"
-    flex="~"
-    border="neutral-300 dark:neutral-700 data-[state=checked]:primary-200 data-[state=unchecked]:neutral-300 focus-within:neutral-800"
-    bg="data-[state=checked]:primary-400 data-[state=unchecked]:neutral-300 data-[state=checked]:dark:primary-400/80 dark:data-[state=unchecked]:neutral-800"
-    relative h-7 w="12.5" rounded-full
-    shadow="sm focus-within:shadow-neutral-800 focus-within:[0_0_0_1px] "
-  >
-    <SwitchThumb
-      my-auto size-6
-      flex items-center justify-center
-      translate-x="0.5 data-[state=checked]:full"
-      rounded-full bg-white text-xs shadow-xl
-      transition="transform duration-250 ease-in-out"
-      will-change-transform
-    />
-  </SwitchRoot>
-</template>

package/dist/components/Form/Checkbox/index.d.ts

@@ -1 +0,0 @@
-export { default as Checkbox } from './Checkbox.vue';

package/dist/components/Form/Checkbox/index.mjs

@@ -1 +0,0 @@
-export { default as Checkbox } from "./Checkbox.vue";

package/dist/components/Form/Field/FieldCheckbox.vue

@@ -1,24 +0,0 @@
-<script setup>
-import Checkbox from "../Checkbox/Checkbox.vue";
-const props = defineProps({
-  label: { type: String, required: false },
-  description: { type: String, required: false }
-});
-const modelValue = defineModel({ type: Boolean, ...{ required: true } });
-</script>
-
-<template>
-  <label flex="~ col gap-4">
-    <div flex="~ row" items-center gap-2>
-      <div flex="1">
-        <div class="flex items-center gap-1 text-sm font-medium">
-          {{ props.label }}
-        </div>
-        <div class="text-xs text-neutral-500 dark:text-neutral-400">
-          {{ props.description }}
-        </div>
-      </div>
-      <Checkbox v-model="modelValue" />
-    </div>
-  </label>
-</template>

package/dist/components/Form/Field/FieldInput.vue

@@ -1,34 +0,0 @@
-<script setup>
-import Input from "../Input/Input.vue";
-const props = defineProps({
-  label: { type: String, required: false },
-  description: { type: String, required: false },
-  placeholder: { type: String, required: false },
-  required: { type: Boolean, required: false },
-  type: { type: String, required: false },
-  inputClass: { type: String, required: false }
-});
-const modelValue = defineModel({ type: String, ...{ required: true } });
-</script>
-
-<template>
-  <div max-w-full>
-    <label flex="~ col gap-4">
-      <div>
-        <div class="flex items-center gap-1 text-sm font-medium">
-          {{ props.label }}
-          <span v-if="props.required !== false" class="text-red-500">*</span>
-        </div>
-        <div class="text-xs text-neutral-500 dark:text-neutral-400" text-nowrap>
-          {{ props.description }}
-        </div>
-      </div>
-      <Input
-        v-model="modelValue"
-        :type="props.type"
-        :placeholder="props.placeholder"
-        :class="props.inputClass"
-      />
-    </label>
-  </div>
-</template>

package/dist/components/Form/Field/FieldKeyValues.vue

@@ -1,54 +0,0 @@
-<script setup>
-import { ref, watch } from "vue";
-import InputKeyValue from "../Input/InputKeyValue.vue";
-const props = defineProps({
-  label: { type: String, required: false },
-  description: { type: String, required: false },
-  name: { type: String, required: false },
-  keyPlaceholder: { type: String, required: false },
-  valuePlaceholder: { type: String, required: false },
-  required: { type: Boolean, required: false },
-  inputClass: { type: String, required: false }
-});
-const emit = defineEmits(["remove", "add"]);
-const keyValues = defineModel({ type: Array, ...{ required: true } });
-const inputKey = ref("");
-const inputValue = ref("");
-watch([inputKey, inputValue], () => {
-  emit("add", inputKey.value, inputValue.value);
-});
-</script>
-
-<template>
-  <div max-w-full>
-    <label flex="~ col gap-2">
-      <div>
-        <div class="flex items-center gap-1 text-sm font-medium">
-          {{ props.label }}
-          <span v-if="props.required !== false" class="text-red-500">*</span>
-        </div>
-        <div class="text-xs text-neutral-500 dark:text-neutral-400" text-nowrap>
-          {{ props.description }}
-        </div>
-      </div>
-      <div v-auto-animate flex="~ col gap-2">
-        <div
-          v-for="(keyValue, index) in keyValues"
-          :key="index"
-          w-full flex items-center gap-2
-        >
-          <InputKeyValue
-            v-model:property-key="keyValue.key"
-            v-model:property-value="keyValue.value"
-            :key-placeholder="props.keyPlaceholder"
-            :value-placeholder="props.valuePlaceholder"
-            w-full
-          />
-          <button @click="emit('remove', index)">
-            <div i-solar:minus-circle-line-duotone size="6" />
-          </button>
-        </div>
-      </div>
-    </label>
-  </div>
-</template>

package/dist/components/Form/Field/FieldRange.vue

@@ -1,37 +0,0 @@
-<script setup>
-import Range from "../Range/Range.vue";
-const props = defineProps({
-  min: { type: Number, required: false },
-  max: { type: Number, required: false },
-  step: { type: Number, required: false },
-  label: { type: String, required: false },
-  description: { type: String, required: false },
-  formatValue: { type: Function, required: false }
-});
-const modelValue = defineModel({ type: Number, ...{ required: true } });
-</script>
-
-<template>
-  <label flex="~ col gap-4">
-    <div flex="~ row" items-center gap-2>
-      <div flex="1">
-        <div class="flex items-center gap-1 text-sm font-medium">
-          {{ label }}
-        </div>
-        <div class="text-xs text-neutral-500 dark:text-neutral-400">
-          {{ description }}
-        </div>
-      </div>
-      <span font-mono>{{ props.formatValue?.(modelValue) || modelValue }}</span>
-    </div>
-    <div flex="~ row" items-center gap-2>
-      <Range
-        v-model="modelValue"
-        :min="min || 0"
-        :max="max || 1"
-        :step="step || 0.01"
-        w-full
-      />
-    </div>
-  </label>
-</template>

package/dist/components/Form/Field/index.d.ts

@@ -1,4 +0,0 @@
-export { default as FieldCheckbox } from './FieldCheckbox.vue';
-export { default as FieldInput } from './FieldInput.vue';
-export { default as FieldKeyValues } from './FieldKeyValues.vue';
-export { default as FieldRange } from './FieldRange.vue';

package/dist/components/Form/Field/index.mjs

@@ -1,4 +0,0 @@
-export { default as FieldCheckbox } from "./FieldCheckbox.vue";
-export { default as FieldInput } from "./FieldInput.vue";
-export { default as FieldKeyValues } from "./FieldKeyValues.vue";
-export { default as FieldRange } from "./FieldRange.vue";

package/dist/components/Form/Input/Input.vue

@@ -1,20 +0,0 @@
-<script setup>
-const props = defineProps({
-  type: { type: String, required: false }
-});
-const modelValue = defineModel({ type: String, ...{ required: true } });
-</script>
-
-<template>
-  <input
-    v-model="modelValue"
-    :type="props.type || 'text'"
-    border="focus:primary-300 dark:focus:primary-400/50 2 solid neutral-100 dark:neutral-900"
-    transition="all duration-200 ease-in-out"
-    text="disabled:neutral-400 dark:disabled:neutral-600"
-    cursor="disabled:not-allowed"
-    w-full rounded-lg px-2 py-1 text-nowrap text-sm outline-none
-    shadow="sm"
-    bg="neutral-50 dark:neutral-950 focus:neutral-50 dark:focus:neutral-900"
-  >
-</template>

package/dist/components/Form/Input/InputFile.vue

@@ -1,65 +0,0 @@
-<script setup>
-import { useDebounce } from "@vueuse/core";
-import { ref } from "vue";
-defineProps({
-  accept: { type: String, required: false },
-  multiple: { type: Boolean, required: false }
-});
-const files = defineModel({ type: Array, ...{ required: false, default: () => [] } });
-const firstFile = ref();
-const isDragging = ref(false);
-const isDraggingDebounced = useDebounce(isDragging, 150);
-function handleFileChange(e) {
-  const input = e.target;
-  if (input.files && input.files.length > 0) {
-    firstFile.value = input.files[0];
-  }
-  files.value = Array.from(input.files || []);
-  isDragging.value = false;
-}
-</script>
-
-<template>
-  <label
-    relative
-    class="min-h-[120px] flex flex-col cursor-pointer items-center justify-center rounded-xl p-6"
-    :class="[
-      isDraggingDebounced ? 'border-primary-400 dark:border-primary-600 hover:border-primary-300 dark:hover:border-primary-700' : 'border-neutral-200 dark:border-neutral-700 hover:border-primary-300 dark:hover:border-primary-700',
-      isDraggingDebounced ? 'bg-primary-50/5 dark:bg-primary-900/5' : 'bg-white/60 dark:bg-black/30 hover:bg-white/80 dark:hover:bg-black/40',
-    ]"
-    border="dashed 2"
-    transition="all duration-300"
-    cursor-pointer opacity-95
-    hover="scale-100 opacity-100 shadow-md dark:shadow-lg"
-    @dragover="isDragging = true"
-    @dragleave="isDragging = false"
-  >
-    <input
-      type="file"
-      :accept="accept"
-      :multiple="multiple"
-      cursor-pointer
-      class="absolute inset-0 h-full w-full opacity-0"
-      @change="handleFileChange"
-    >
-    <slot :is-dragging="isDraggingDebounced" :first-file="firstFile" :files="files">
-      <div
-        class="flex flex-col items-center"
-        :class="[
-          isDraggingDebounced ? 'text-primary-500 dark:text-primary-400' : 'text-neutral-400 dark:text-neutral-500',
-        ]"
-      >
-        <div i-solar:upload-square-line-duotone mb-2 text-5xl />
-        <p font-medium text="center lg">
-          Upload
-        </p>
-        <p v-if="isDraggingDebounced" text="center" text-sm>
-          Release to upload
-        </p>
-        <p v-else text="center" text-sm>
-          Click or drag and drop a file here
-        </p>
-      </div>
-    </slot>
-  </label>
-</template>

package/dist/components/Form/Input/InputKeyValue.vue

@@ -1,17 +0,0 @@
-<script setup>
-import Input from "./Input.vue";
-const props = defineProps({
-  name: { type: String, required: false },
-  keyPlaceholder: { type: String, required: false },
-  valuePlaceholder: { type: String, required: false }
-});
-const key = defineModel("propertyKey", { type: String, ...{ required: true } });
-const value = defineModel("propertyValue", { type: String, ...{ required: true } });
-</script>
-
-<template>
-  <div flex="~ gap-2">
-    <Input v-model="key" :placeholder="props.keyPlaceholder" class="w-1/2" />
-    <Input v-model="value" :placeholder="props.valuePlaceholder" class="w-1/2" />
-  </div>
-</template>

package/dist/components/Form/Input/index.d.ts

@@ -1,3 +0,0 @@
-export { default as Input } from './Input.vue';
-export { default as InputFile } from './InputFile.vue';
-export { default as InputKeyValue } from './InputKeyValue.vue';

package/dist/components/Form/Input/index.mjs

@@ -1,3 +0,0 @@
-export { default as Input } from "./Input.vue";
-export { default as InputFile } from "./InputFile.vue";
-export { default as InputKeyValue } from "./InputKeyValue.vue";