@groupteknology/vuno 0.1.0

package/dist/runtime/app/components/Field/FieldEmail.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldEmail } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldEmail, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldEmail.vue

@@ -0,0 +1,37 @@
+<script setup>
+import { useVunoField } from "#vuno/composables/useVunoField";
+import { useVunoTheme } from "#vuno/composables/useVunoTheme";
+const props = defineProps({
+  name: { type: String, required: true },
+  description: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  help: { type: String, required: false },
+  hint: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  size: { type: String, required: false },
+  ui: { type: Object, required: false },
+  autocomplete: { type: String, required: false },
+  autofocus: { type: Boolean, required: false },
+  icon: { type: String, required: false },
+  placeholder: { type: String, required: false }
+});
+const { value } = useVunoField(() => props.name);
+const ui = useVunoTheme("fieldEmail", () => props.ui);
+</script>
+
+<template>
+    <UInput
+        v-model="value"
+        :autocomplete="props.autocomplete ?? 'email'"
+        :autofocus="props.autofocus"
+        :disabled="props.disabled"
+        :icon="props.icon"
+        :name="props.name"
+        :placeholder="props.placeholder"
+        :required="props.required"
+        :size="props.size"
+        type="email"
+        :ui="ui"
+    />
+</template>

package/dist/runtime/app/components/Field/FieldEmail.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldEmail } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldEmail, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldFile.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldFile } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldFile, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldFile.vue

@@ -0,0 +1,93 @@
+<script setup>
+import { computed } from "vue";
+import { useVunoField } from "#vuno/composables/useVunoField";
+import { useVunoIcons, useVunoMessages, useVunoTheme } from "#vuno/composables/useVunoTheme";
+const props = defineProps({
+  name: { type: String, required: true },
+  description: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  help: { type: String, required: false },
+  hint: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  size: { type: String, required: false },
+  ui: { type: Object, required: false },
+  accept: { type: String, required: false },
+  dropzone: { type: Boolean, required: false },
+  layout: { type: String, required: false },
+  multiple: { type: Boolean, required: false },
+  reorderable: { type: Boolean, required: false }
+});
+const { value } = useVunoField(() => props.name);
+const icons = useVunoIcons();
+const messages = useVunoMessages();
+const ui = useVunoTheme("fieldFile", () => props.ui);
+const isReorderable = computed(() => (props.reorderable ?? true) && (props.multiple ?? true));
+const files = computed(() => value.value ?? []);
+function move(index, offset) {
+  const next = [...files.value];
+  const target = index + offset;
+  if (target < 0 || target >= next.length) return;
+  const [moved] = next.splice(index, 1);
+  if (!moved) return;
+  next.splice(target, 0, moved);
+  value.value = next;
+}
+</script>
+
+<template>
+    <UFileUpload
+        v-model="value"
+        :accept="props.accept"
+        :disabled="props.disabled"
+        :dropzone="props.dropzone"
+        :icon="icons.fileUpload"
+        :layout="props.layout ?? 'list'"
+        :multiple="props.multiple ?? true"
+        :name="props.name"
+        :required="props.required"
+        :size="props.size"
+        :ui="ui"
+    >
+        <template #file-trailing="{ removeFile, index }">
+            <div class="ms-auto flex gap-2.5">
+                <UTooltip
+                    v-if="isReorderable && index > 0"
+                    :text="messages.fileMoveUp"
+                >
+                    <UButton
+                        :aria-label="messages.fileMoveUp"
+                        class="rounded-full"
+                        color="neutral"
+                        :icon="icons.fileMoveUp"
+                        variant="soft"
+                        @click="move(index, -1)"
+                    />
+                </UTooltip>
+                <UTooltip
+                    v-if="isReorderable && index < files.length - 1"
+                    :text="messages.fileMoveDown"
+                >
+                    <UButton
+                        :aria-label="messages.fileMoveDown"
+                        class="rounded-full"
+                        color="neutral"
+                        :icon="icons.fileMoveDown"
+                        variant="soft"
+                        @click="move(index, 1)"
+                    />
+                </UTooltip>
+                <UTooltip :text="messages.fileRemove">
+                    <UButton
+                        :aria-label="messages.fileRemove"
+                        class="rounded-full"
+                        color="neutral"
+                        :icon="icons.fileRemove"
+                        variant="soft"
+                        @click="removeFile(index)"
+                    />
+                </UTooltip>
+            </div>
+        </template>
+    </UFileUpload>
+</template>

package/dist/runtime/app/components/Field/FieldFile.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldFile } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldFile, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldNumber.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldNumber } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldNumber, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldNumber.vue

@@ -0,0 +1,38 @@
+<script setup>
+import { useVunoField } from "#vuno/composables/useVunoField";
+import { useVunoTheme } from "#vuno/composables/useVunoTheme";
+const props = defineProps({
+  name: { type: String, required: true },
+  description: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  help: { type: String, required: false },
+  hint: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  size: { type: String, required: false },
+  ui: { type: Object, required: false },
+  max: { type: Number, required: false },
+  min: { type: Number, required: false },
+  orientation: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  step: { type: Number, required: false }
+});
+const { value } = useVunoField(() => props.name);
+const ui = useVunoTheme("fieldNumber", () => props.ui);
+</script>
+
+<template>
+    <UInputNumber
+        v-model="value"
+        :disabled="props.disabled"
+        :max="props.max"
+        :min="props.min"
+        :name="props.name"
+        :orientation="props.orientation ?? 'vertical'"
+        :placeholder="props.placeholder"
+        :required="props.required"
+        :size="props.size"
+        :step="props.step"
+        :ui="ui"
+    />
+</template>

package/dist/runtime/app/components/Field/FieldNumber.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldNumber } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldNumber, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldPassword.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldPassword } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldPassword, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldPassword.vue

@@ -0,0 +1,35 @@
+<script setup>
+import { useVunoField } from "#vuno/composables/useVunoField";
+import { useVunoTheme } from "#vuno/composables/useVunoTheme";
+const props = defineProps({
+  name: { type: String, required: true },
+  description: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  help: { type: String, required: false },
+  hint: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  size: { type: String, required: false },
+  ui: { type: Object, required: false },
+  autocomplete: { type: String, required: false },
+  autofocus: { type: Boolean, required: false },
+  placeholder: { type: String, required: false }
+});
+const { value } = useVunoField(() => props.name);
+const ui = useVunoTheme("fieldPassword", () => props.ui);
+</script>
+
+<template>
+    <UInput
+        v-model="value"
+        :autocomplete="props.autocomplete ?? 'current-password'"
+        :autofocus="props.autofocus"
+        :disabled="props.disabled"
+        :name="props.name"
+        :placeholder="props.placeholder"
+        :required="props.required"
+        :size="props.size"
+        type="password"
+        :ui="ui"
+    />
+</template>

package/dist/runtime/app/components/Field/FieldPassword.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldPassword } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldPassword, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldRadio.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldRadio } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldRadio, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldRadio.vue

@@ -0,0 +1,33 @@
+<script setup>
+import { useVunoField } from "#vuno/composables/useVunoField";
+import { useVunoTheme } from "#vuno/composables/useVunoTheme";
+const props = defineProps({
+  name: { type: String, required: true },
+  description: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  help: { type: String, required: false },
+  hint: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  size: { type: String, required: false },
+  ui: { type: Object, required: false },
+  items: { type: Array, required: true },
+  orientation: { type: String, required: false }
+});
+const { value } = useVunoField(() => props.name);
+const ui = useVunoTheme("fieldRadio", () => props.ui);
+</script>
+
+<template>
+    <URadioGroup
+        v-model="value"
+        :disabled="props.disabled"
+        :items="props.items"
+        :name="props.name"
+        :orientation="props.orientation ?? 'vertical'"
+        :required="props.required"
+        :size="props.size"
+        :ui="ui"
+        valueKey="value"
+    />
+</template>

package/dist/runtime/app/components/Field/FieldRadio.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldRadio } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldRadio, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldSelect.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldSelect } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldSelect, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldSelect.vue

@@ -0,0 +1,38 @@
+<script setup>
+import { useVunoField } from "#vuno/composables/useVunoField";
+import { useVunoMessages, useVunoTheme } from "#vuno/composables/useVunoTheme";
+const props = defineProps({
+  name: { type: String, required: true },
+  description: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  help: { type: String, required: false },
+  hint: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  size: { type: String, required: false },
+  ui: { type: Object, required: false },
+  items: { type: Array, required: true },
+  multiple: { type: Boolean, required: false },
+  placeholder: { type: String, required: false },
+  searchable: { type: Boolean, required: false }
+});
+const { value } = useVunoField(() => props.name);
+const messages = useVunoMessages();
+const ui = useVunoTheme("fieldSelect", () => props.ui);
+</script>
+
+<template>
+    <USelectMenu
+        v-model="value"
+        :disabled="props.disabled"
+        :items="props.items"
+        :multiple="props.multiple"
+        :name="props.name"
+        :placeholder="props.placeholder ?? messages.selectPlaceholder"
+        :required="props.required"
+        :searchInput="props.searchable ?? false"
+        :size="props.size"
+        :ui="ui"
+        valueKey="value"
+    />
+</template>

package/dist/runtime/app/components/Field/FieldSelect.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldSelect } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldSelect, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldSlug.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldSlug } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldSlug, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldSlug.vue

@@ -0,0 +1,92 @@
+<script setup>
+import { nextTick, ref, useTemplateRef, watch } from "vue";
+import { useVunoField } from "#vuno/composables/useVunoField";
+import { useVunoIcons, useVunoMessages, useVunoTheme } from "#vuno/composables/useVunoTheme";
+import { formatSlug } from "#vuno/utils/format";
+const props = defineProps({
+  name: { type: String, required: true },
+  description: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  help: { type: String, required: false },
+  hint: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  size: { type: String, required: false },
+  ui: { type: Object, required: false },
+  placeholder: { type: String, required: false },
+  source: { type: String, required: true }
+});
+const { value } = useVunoField(() => props.name);
+const { value: sourceValue } = useVunoField(() => props.source);
+const icons = useVunoIcons();
+const messages = useVunoMessages();
+const ui = useVunoTheme("fieldSlug", () => props.ui);
+const input = useTemplateRef("input");
+const isEditing = ref(false);
+const isManual = ref(false);
+let initialised = false;
+watch(
+  sourceValue,
+  (source) => {
+    if (!initialised) {
+      initialised = true;
+      if (value.value) {
+        isManual.value = true;
+        return;
+      }
+    }
+    if (isManual.value) return;
+    value.value = formatSlug(source);
+  },
+  { immediate: true }
+);
+const onUpdate = (next) => {
+  const formatted = formatSlug(next);
+  isManual.value = true;
+  value.value = formatted !== "" && next.trimEnd().endsWith("-") ? `${formatted}-` : formatted;
+};
+const startEditing = async () => {
+  isEditing.value = true;
+  await nextTick();
+  input.value?.inputRef?.focus();
+};
+const stopEditing = () => {
+  isEditing.value = false;
+  value.value = formatSlug(value.value);
+};
+const resetToSource = () => {
+  isEditing.value = false;
+  isManual.value = false;
+  value.value = formatSlug(sourceValue.value);
+};
+</script>
+
+<template>
+    <UInput
+        ref="input"
+        :disabled="props.disabled"
+        :modelValue="value"
+        :name="props.name"
+        :placeholder="props.placeholder"
+        :readonly="!isEditing"
+        :required="props.required"
+        :size="props.size"
+        :ui="ui"
+        @blur="stopEditing"
+        @update:model-value="onUpdate"
+    >
+        <template #trailing>
+            <UButton
+                :aria-label="isEditing ? messages.slugReset : messages.slugEdit"
+                color="neutral"
+                :disabled="props.disabled"
+                :icon="isEditing ? icons.slugReset : icons.slugEdit"
+                size="sm"
+                tabindex="-1"
+                variant="link"
+                @click="isEditing ? resetToSource() : startEditing()"
+                @mousedown.prevent
+            />
+        </template>
+    </UInput>
+</template>

package/dist/runtime/app/components/Field/FieldSlug.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldSlug } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldSlug, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldText.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldText } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldText, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldText.vue

@@ -0,0 +1,38 @@
+<script setup>
+import { useVunoField } from "#vuno/composables/useVunoField";
+import { useVunoTheme } from "#vuno/composables/useVunoTheme";
+const props = defineProps({
+  name: { type: String, required: true },
+  description: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  help: { type: String, required: false },
+  hint: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  size: { type: String, required: false },
+  ui: { type: Object, required: false },
+  autocomplete: { type: String, required: false },
+  autofocus: { type: Boolean, required: false },
+  icon: { type: String, required: false },
+  maxlength: { type: Number, required: false },
+  placeholder: { type: String, required: false }
+});
+const { value } = useVunoField(() => props.name);
+const ui = useVunoTheme("fieldText", () => props.ui);
+</script>
+
+<template>
+    <UInput
+        v-model="value"
+        :autocomplete="props.autocomplete"
+        :autofocus="props.autofocus"
+        :disabled="props.disabled"
+        :icon="props.icon"
+        :maxlength="props.maxlength"
+        :name="props.name"
+        :placeholder="props.placeholder"
+        :required="props.required"
+        :size="props.size"
+        :ui="ui"
+    />
+</template>

package/dist/runtime/app/components/Field/FieldText.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldText } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldText, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldTextarea.d.vue.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldTextarea } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldTextarea, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Field/FieldTextarea.vue

@@ -0,0 +1,36 @@
+<script setup>
+import { useVunoField } from "#vuno/composables/useVunoField";
+import { useVunoTheme } from "#vuno/composables/useVunoTheme";
+const props = defineProps({
+  name: { type: String, required: true },
+  description: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  help: { type: String, required: false },
+  hint: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  size: { type: String, required: false },
+  ui: { type: Object, required: false },
+  autoresize: { type: Boolean, required: false },
+  maxrows: { type: Number, required: false },
+  placeholder: { type: String, required: false },
+  rows: { type: Number, required: false }
+});
+const { value } = useVunoField(() => props.name);
+const ui = useVunoTheme("fieldTextarea", () => props.ui);
+</script>
+
+<template>
+    <UTextarea
+        v-model="value"
+        :autoresize="props.autoresize ?? true"
+        :disabled="props.disabled"
+        :maxrows="props.maxrows"
+        :name="props.name"
+        :placeholder="props.placeholder"
+        :required="props.required"
+        :rows="props.rows"
+        :size="props.size"
+        :ui="ui"
+    />
+</template>

package/dist/runtime/app/components/Field/FieldTextarea.vue.d.ts

@@ -0,0 +1,5 @@
+import type { VunoFieldTextarea } from '#vuno/types/field';
+type __VLS_Props = Omit<VunoFieldTextarea, 'class' | 'columns'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Form/Form.d.vue.ts

@@ -0,0 +1,48 @@
+import type { FormSchema, FormSubmitEvent } from '@nuxt/ui';
+import type { VunoFieldSlots } from '#vuno/types/field';
+import { type VunoFormDefinition, type VunoFormState } from '#vuno/types/form';
+declare const __VLS_export: <TState extends VunoFormState>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<({
+        /**
+         * Id del `<form>`. Permite enviarlo desde un botón que vive fuera de
+         * él —el pie de un modal, por ejemplo— con `<button form="...">`.
+         */
+        id?: string;
+        definition: VunoFormDefinition;
+        /** Opcional: un panel de filtros, por ejemplo, no necesita validación. */
+        schema?: FormSchema;
+        ui?: VunoFieldSlots;
+    } & {
+        state: TState;
+    }) & {
+        onSubmit?: ((event: FormSubmitEvent<TState>) => any) | undefined;
+        "onUpdate:state"?: ((value: TState) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        dirty: import("vue").ComputedRef<boolean>;
+        errors: import("vue").ComputedRef<Set<string | undefined>>;
+        isDirty: (name?: string) => boolean;
+        reset: () => void;
+        resetField: (name: string) => void;
+        submit: () => Promise<void> | undefined;
+    }>) => void;
+    attrs: any;
+    slots: {
+        footer?: (props: {
+            dirty: boolean;
+            reset: () => void;
+        }) => unknown;
+    };
+    emit: ((evt: "submit", event: FormSubmitEvent<TState>) => void) & ((event: "update:state", value: TState) => void);
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};