@groupteknology/vuno 2.0.0 → 3.0.0

package/dist/runtime/app/components/{Table/internal/useVunoTable.js → DataTable/internal/useVunoDataTable.js}

@@ -1,16 +1,13 @@
 import { computed, onBeforeUnmount, ref, watch } from "vue";
 import { clampPage } from "#vuno/utils/pagination";
-import { getPath } from "#vuno/utils/path";
-import { hasActiveQuery, hasFilterValue } from "#vuno/components/Table/internal/query";
-export function useVunoTable(options) {
+import { hasActiveQuery, hasFilterValue } from "./query.js";
+export function useVunoDataTable(options) {
   const { query, selection } = options;
   const definition = computed(() => options.definition());
   const total = computed(() => options.total());
-  const rowKey = computed(() => definition.value.rowKey ?? "id");
   const pageSizes = computed(() => definition.value.pageSizes ?? [25, 50, 100]);
   const searchable = computed(() => definition.value.searchable ?? true);
   const paginated = computed(() => definition.value.paginated ?? true);
-  const getRowId = (row) => String(getPath(row, rowKey.value) ?? "");
   const search = ref(query.value.search);
   let searchTimer;
   watch(search, (value) => {
@@ -32,14 +29,6 @@ export function useVunoTable(options) {
     search.value = "";
     query.value = { ...query.value, page: 1, search: "" };
   }
-  function sortDirectionFor(key) {
-    return query.value.sort?.column === key ? query.value.sort.direction : null;
-  }
-  function toggleSort(key) {
-    const current = sortDirectionFor(key);
-    const sort = current === null ? { column: key, direction: "asc" } : current === "asc" ? { column: key, direction: "desc" } : null;
-    query.value = { ...query.value, page: 1, sort };
-  }
   const filtersOpen = ref(false);
   const filterState = ref({ ...query.value.filters });
   watch(
@@ -88,18 +77,6 @@ export function useVunoTable(options) {
   const clearSelection = () => {
     selection.value = [];
   };
-  const alignClass = (align) => align === "end" ? "text-end" : align === "center" ? "text-center" : "";
-  const columns = computed(
-    () => definition.value.columns.map((column) => ({
-      cellClass: [alignClass(column.align), column.class].filter(Boolean).join(" "),
-      column,
-      headerClass: [alignClass(column.align), column.width].filter(Boolean).join(" "),
-      key: column.key,
-      // La columna de acciones no lleva rótulo salvo que se pida uno.
-      label: column.type === "actions" ? column.label ?? "" : column.label ?? column.key,
-      sortable: column.sortable ?? false
-    }))
-  );
   const lastPage = computed(() => Math.max(1, Math.ceil(total.value / query.value.pageSize)));
   watch(
     [total, lastPage],
@@ -129,11 +106,9 @@ export function useVunoTable(options) {
     clearQuery,
     clearSearch,
     clearSelection,
-    columns,
     filtersDefinition,
     filtersOpen,
     filterState,
-    getRowId,
     goToPage,
     isFiltered,
     lastPage,
@@ -146,8 +121,6 @@ export function useVunoTable(options) {
     searchable,
     setPageSize,
     shownPage,
-    sortDirectionFor,
-    toggleSort,
     total
   };
 }

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

@@ -1,5 +1,5 @@
-import type { VunoFieldArray } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldArray, 'columns'>;
+import type { VunoFieldArrayProps } from './FieldArray.types.js';
+type __VLS_Props = VunoFieldArrayProps;
 type __VLS_ModelProps = {
     modelValue?: Record<string, unknown>[] | undefined;
 };

package/dist/runtime/app/components/FieldArray/FieldArray.types.d.ts

@@ -0,0 +1,2 @@
+import type { VunoFieldArray } from '#vuno/types/field';
+export type VunoFieldArrayProps = Omit<VunoFieldArray, 'columns'>;

package/dist/runtime/app/components/FieldArray/FieldArray.vue

@@ -1,14 +1,15 @@
 <script setup>
-import { computed, provide, reactive } from "vue";
+import { computed, reactive } from "vue";
+import { provideVunoFormContext } from "#vuno/composables/internal/useVunoFormContext";
 import { useField } from "#vuno/composables/useField";
 import { useForm } from "#vuno/composables/useForm";
 import { useIcons, useMessages, useTheme } from "#vuno/composables/useTheme";
-import { vunoFormInjectionKey } from "#vuno/internal/keys";
 import { cloneValue, getPath, isEqual, setPath } from "#vuno/utils/path";
 import Button from "#vuno/components/Button/Button.vue";
 import FormFieldRenderer from "#vuno/components/Form/internal/FormFieldRenderer/FormFieldRenderer.vue";
 import { getColumnSpanClass } from "#vuno/components/Form/internal/grid";
-import FieldShell from "#vuno/components/internal/FieldShell/FieldShell.vue";
+import FieldShell from "#vuno/components/FormField/internal/FieldShell/FieldShell.vue";
+import Text from "#vuno/components/Text/Text.vue";
 defineOptions({ name: "VunoFieldArray" });
 const model = defineModel({ type: null, ...{ default: void 0 } });
 const props = defineProps({
@@ -60,7 +61,7 @@ const standaloneForm = {
     value.value = state.items;
   }
 };
-provide(vunoFormInjectionKey, parentForm ?? standaloneForm);
+provideVunoFormContext(parentForm ?? standaloneForm);
 const canAdd = computed(() => props.max === void 0 || items.value.length < props.max);
 const canRemove = computed(() => items.value.length > (props.min ?? 0));
 function emptyItem() {
@@ -105,7 +106,13 @@ function move(index, offset) {
                 :class="ui.item"
             >
                 <div :class="ui.itemHeader">
-                    <span :class="ui.itemLabel">{{ index + 1 }}</span>
+                    <Text
+                        :class="ui.itemLabel"
+                        tag="span"
+                        tone="inherit"
+                        variant="inherit"
+                        >{{ index + 1 }}</Text
+                    >
 
                     <div :class="ui.itemActions">
                         <Button

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

@@ -1,5 +1,5 @@
-import type { VunoFieldArray } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldArray, 'columns'>;
+import type { VunoFieldArrayProps } from './FieldArray.types.js';
+type __VLS_Props = VunoFieldArrayProps;
 type __VLS_ModelProps = {
     modelValue?: Record<string, unknown>[] | undefined;
 };

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

@@ -1,5 +1,5 @@
-import type { VunoFieldCheckbox } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldCheckbox, 'columns'>;
+import type { VunoFieldCheckboxProps } from './FieldCheckbox.types.js';
+type __VLS_Props = VunoFieldCheckboxProps;
 type __VLS_ModelProps = {
     modelValue?: boolean;
 };

package/dist/runtime/app/components/FieldCheckbox/FieldCheckbox.types.d.ts

@@ -0,0 +1,2 @@
+import type { VunoFieldCheckbox } from '#vuno/types/field';
+export type VunoFieldCheckboxProps = Omit<VunoFieldCheckbox, 'columns'>;

package/dist/runtime/app/components/FieldCheckbox/FieldCheckbox.vue

@@ -2,7 +2,7 @@
 import { useField } from "#vuno/composables/useField";
 import { useTheme } from "#vuno/composables/useTheme";
 import Checkbox from "#vuno/components/FieldCheckbox/internal/Checkbox/Checkbox.vue";
-import FieldShell from "#vuno/components/internal/FieldShell/FieldShell.vue";
+import FieldShell from "#vuno/components/FormField/internal/FieldShell/FieldShell.vue";
 defineOptions({ name: "VunoFieldCheckbox" });
 const model = defineModel({ type: Boolean });
 const props = defineProps({

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

@@ -1,5 +1,5 @@
-import type { VunoFieldCheckbox } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldCheckbox, 'columns'>;
+import type { VunoFieldCheckboxProps } from './FieldCheckbox.types.js';
+type __VLS_Props = VunoFieldCheckboxProps;
 type __VLS_ModelProps = {
     modelValue?: boolean;
 };

package/dist/runtime/app/components/FieldCheckbox/internal/Checkbox/Checkbox.d.vue.ts

@@ -1,4 +1,5 @@
-import type { VunoColor, VunoRadius, VunoSize } from '#vuno/types/base';
+import type { VunoColor, VunoRadius } from '#vuno/types/base';
+import type { VunoFieldSize } from '#vuno/types/field';
 import type { VunoUi } from '#vuno/types/slots';
 /**
  * La casilla, nativa.
@@ -17,7 +18,7 @@ type Props = {
     indeterminate?: boolean;
     /** La curvatura. Sin valor, la que traiga el tema. */
     radius?: VunoRadius;
-    size?: VunoSize;
+    size?: VunoFieldSize;
     ui?: VunoUi<'checkbox' | 'fieldCheckbox'>;
 };
 type __VLS_Props = Props;
@@ -32,7 +33,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     color: VunoColor;
     radius: VunoRadius;
-    size: VunoSize;
+    size: VunoFieldSize;
     ui: VunoUi<"checkbox" | "fieldCheckbox">;
     indeterminate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/app/components/FieldCheckbox/internal/Checkbox/Checkbox.vue.d.ts

@@ -1,4 +1,5 @@
-import type { VunoColor, VunoRadius, VunoSize } from '#vuno/types/base';
+import type { VunoColor, VunoRadius } from '#vuno/types/base';
+import type { VunoFieldSize } from '#vuno/types/field';
 import type { VunoUi } from '#vuno/types/slots';
 /**
  * La casilla, nativa.
@@ -17,7 +18,7 @@ type Props = {
     indeterminate?: boolean;
     /** La curvatura. Sin valor, la que traiga el tema. */
     radius?: VunoRadius;
-    size?: VunoSize;
+    size?: VunoFieldSize;
     ui?: VunoUi<'checkbox' | 'fieldCheckbox'>;
 };
 type __VLS_Props = Props;
@@ -32,7 +33,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     color: VunoColor;
     radius: VunoRadius;
-    size: VunoSize;
+    size: VunoFieldSize;
     ui: VunoUi<"checkbox" | "fieldCheckbox">;
     indeterminate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,5 +1,5 @@
-import type { VunoFieldColor } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldColor, 'columns'>;
+import type { VunoFieldColorProps } from './FieldColor.types.js';
+type __VLS_Props = VunoFieldColorProps;
 type __VLS_ModelProps = {
     modelValue?: string | undefined;
 };

package/dist/runtime/app/components/FieldColor/FieldColor.types.d.ts

@@ -0,0 +1,2 @@
+import type { VunoFieldColor } from '#vuno/types/field';
+export type VunoFieldColorProps = Omit<VunoFieldColor, 'columns'>;

package/dist/runtime/app/components/FieldColor/FieldColor.vue

@@ -3,8 +3,8 @@ import { computed } from "vue";
 import { useField } from "#vuno/composables/useField";
 import { useMessages, useTheme } from "#vuno/composables/useTheme";
 import { toHexColor } from "#vuno/utils/format";
-import FieldShell from "#vuno/components/internal/FieldShell/FieldShell.vue";
-import Input from "#vuno/components/internal/Input/Input.vue";
+import FieldShell from "#vuno/components/FormField/internal/FieldShell/FieldShell.vue";
+import PrimitiveInput from "#vuno/primitives/PrimitiveInput/PrimitiveInput.vue";
 defineOptions({ name: "VunoFieldColor", inheritAttrs: false });
 const model = defineModel({ type: null, ...{ default: void 0 } });
 const props = defineProps({
@@ -74,7 +74,7 @@ function onPick(event) {
                     />
                 </label>
 
-                <Input
+                <PrimitiveInput
                     v-bind="control"
                     v-model="value"
                     class="font-mono"

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

@@ -1,5 +1,5 @@
-import type { VunoFieldColor } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldColor, 'columns'>;
+import type { VunoFieldColorProps } from './FieldColor.types.js';
+type __VLS_Props = VunoFieldColorProps;
 type __VLS_ModelProps = {
     modelValue?: string | undefined;
 };

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

@@ -1,5 +1,5 @@
-import type { VunoFieldCurrency } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldCurrency, 'columns'>;
+import type { VunoFieldCurrencyProps } from './FieldCurrency.types.js';
+type __VLS_Props = VunoFieldCurrencyProps;
 type __VLS_ModelProps = {
     modelValue?: number | undefined;
 };

package/dist/runtime/app/components/FieldCurrency/FieldCurrency.types.d.ts

@@ -0,0 +1,2 @@
+import type { VunoFieldCurrency } from '#vuno/types/field';
+export type VunoFieldCurrencyProps = Omit<VunoFieldCurrency, 'columns'>;

package/dist/runtime/app/components/FieldCurrency/FieldCurrency.vue

@@ -1,8 +1,8 @@
 <script setup>
 import { useField } from "#vuno/composables/useField";
 import { useTheme } from "#vuno/composables/useTheme";
-import FieldShell from "#vuno/components/internal/FieldShell/FieldShell.vue";
-import NumberInput from "#vuno/components/internal/NumberInput/NumberInput.vue";
+import FieldShell from "#vuno/components/FormField/internal/FieldShell/FieldShell.vue";
+import PrimitiveNumberInput from "#vuno/primitives/PrimitiveNumberInput/PrimitiveNumberInput.vue";
 defineOptions({ name: "VunoFieldCurrency" });
 const model = defineModel({ type: null, ...{ default: void 0 } });
 const props = defineProps({
@@ -33,7 +33,7 @@ const ui = useTheme("fieldCurrency", () => props.ui);
 <template>
     <FieldShell v-bind="props">
         <template #default="control">
-            <NumberInput
+            <PrimitiveNumberInput
                 v-bind="control"
                 v-model="value"
                 :currency="props.currency"

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

@@ -1,5 +1,5 @@
-import type { VunoFieldCurrency } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldCurrency, 'columns'>;
+import type { VunoFieldCurrencyProps } from './FieldCurrency.types.js';
+type __VLS_Props = VunoFieldCurrencyProps;
 type __VLS_ModelProps = {
     modelValue?: number | undefined;
 };

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

@@ -1,4 +1,4 @@
-import type { VunoFieldFile } from '#vuno/types/field';
+import type { VunoFieldFileProps } from './FieldFile.types.js';
 /**
  * Los tres booleanos llevan `withDefaults` y no un `?? true` en el uso.
  *
@@ -8,7 +8,7 @@ import type { VunoFieldFile } from '#vuno/types/field';
  * escriba `multiple: true`. Lo mismo hacía que `dropzone` llegara en
  * `false` al control, pisando el `true` que este sí traía por defecto.
  */
-type __VLS_Props = Omit<VunoFieldFile, 'columns'>;
+type __VLS_Props = VunoFieldFileProps;
 type __VLS_ModelProps = {
     modelValue?: File[] | null | undefined;
 };

package/dist/runtime/app/components/FieldFile/FieldFile.types.d.ts

@@ -0,0 +1,2 @@
+import type { VunoFieldFile } from '#vuno/types/field';
+export type VunoFieldFileProps = Omit<VunoFieldFile, 'columns'>;

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

@@ -4,7 +4,7 @@ import { useField } from "#vuno/composables/useField";
 import { useIcons, useMessages, useTheme } from "#vuno/composables/useTheme";
 import Button from "#vuno/components/Button/Button.vue";
 import FileUpload from "#vuno/components/FieldFile/internal/FileUpload/FileUpload.vue";
-import FieldShell from "#vuno/components/internal/FieldShell/FieldShell.vue";
+import FieldShell from "#vuno/components/FormField/internal/FieldShell/FieldShell.vue";
 import Tooltip from "#vuno/components/Tooltip/Tooltip.vue";
 defineOptions({ name: "VunoFieldFile" });
 const model = defineModel({ type: null, ...{ default: void 0 } });

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

@@ -1,4 +1,4 @@
-import type { VunoFieldFile } from '#vuno/types/field';
+import type { VunoFieldFileProps } from './FieldFile.types.js';
 /**
  * Los tres booleanos llevan `withDefaults` y no un `?? true` en el uso.
  *
@@ -8,7 +8,7 @@ import type { VunoFieldFile } from '#vuno/types/field';
  * escriba `multiple: true`. Lo mismo hacía que `dropzone` llegara en
  * `false` al control, pisando el `true` que este sí traía por defecto.
  */
-type __VLS_Props = Omit<VunoFieldFile, 'columns'>;
+type __VLS_Props = VunoFieldFileProps;
 type __VLS_ModelProps = {
     modelValue?: File[] | null | undefined;
 };

package/dist/runtime/app/components/FieldFile/internal/FileUpload/FileUpload.d.vue.ts

@@ -1,4 +1,5 @@
-import type { VunoRadius, VunoSize } from '#vuno/types/base';
+import type { VunoRadius } from '#vuno/types/base';
+import type { VunoFieldSize } from '#vuno/types/field';
 import type { VunoUi } from '#vuno/types/slots';
 type __VLS_Props = Props;
 type __VLS_Slots = {
@@ -32,7 +33,7 @@ type Props = {
     /** La curvatura. Sin valor, la que traiga el tema. */
     radius?: VunoRadius;
     required?: boolean;
-    size?: VunoSize;
+    size?: VunoFieldSize;
     ui?: VunoUi<'fieldFile' | 'fileUpload'>;
 };
 type __VLS_ModelProps = {
@@ -47,7 +48,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     "onUpdate:modelValue"?: ((value: File[] | null | undefined) => any) | undefined;
 }>, {
     radius: VunoRadius;
-    size: VunoSize;
+    size: VunoFieldSize;
     name: string;
     dropzone: boolean;
     hint: string;

package/dist/runtime/app/components/FieldFile/internal/FileUpload/FileUpload.theme.d.ts

@@ -16,6 +16,7 @@ export declare const fileUploadTheme: Record<"fileUpload", {
         readonly dropzoneDisabled: "cursor-not-allowed opacity-50";
         readonly fileIcon: "shrink-0 text-vuno-muted";
         readonly hint: "leading-snug";
+        readonly icon: "";
         readonly item: "flex items-center gap-2 rounded-sm border border-vuno-border bg-vuno-surface p-1.5";
         readonly itemAction: "rounded-sm";
         readonly list: "flex w-full flex-col gap-1.5";

package/dist/runtime/app/components/FieldFile/internal/FileUpload/FileUpload.theme.js

@@ -9,6 +9,7 @@ export const fileUploadTheme = defineTheme("fileUpload", {
     dropzoneDisabled: "cursor-not-allowed opacity-50",
     fileIcon: "shrink-0 text-vuno-muted",
     hint: "leading-snug",
+    icon: "",
     item: "flex items-center gap-2 rounded-sm border border-vuno-border bg-vuno-surface p-1.5",
     /*
      * Los botones de cada archivo: quitar, y los de reordenar que

package/dist/runtime/app/components/FieldFile/internal/FileUpload/FileUpload.vue

@@ -3,6 +3,7 @@ import { computed, onBeforeUnmount, ref, watch } from "vue";
 import { useIcons, useMessages, useTheme } from "#vuno/composables/useTheme";
 import Button from "#vuno/components/Button/Button.vue";
 import Icon from "#vuno/components/Icon/Icon.vue";
+import Text from "#vuno/components/Text/Text.vue";
 defineOptions({ name: "VunoFileUpload", inheritAttrs: false });
 const model = defineModel({ type: null, ...{ default: void 0 } });
 const props = defineProps({
@@ -24,7 +25,12 @@ const messages = useMessages();
 const ui = useTheme(
   "fileUpload",
   () => props.ui,
-  () => ({ dropzone: String(props.dropzone), layout: props.layout, radius: props.radius, size: props.size })
+  () => ({
+    dropzone: props.dropzone ? "true" : "false",
+    layout: props.layout,
+    radius: props.radius,
+    size: props.size
+  })
 );
 const inputRef = ref(null);
 const isDragging = ref(false);
@@ -114,10 +120,13 @@ defineExpose({ inputRef });
                 :name="icons.fileUpload"
             />
 
-            <span
+            <Text
                 v-if="props.hint"
                 :class="ui.hint"
-                >{{ props.hint }}</span
+                tag="span"
+                tone="inherit"
+                variant="inherit"
+                >{{ props.hint }}</Text
             >
 
             <input
@@ -157,8 +166,20 @@ defineExpose({ inputRef });
                 />
 
                 <div :class="ui.texts">
-                    <span :class="ui.name">{{ file.name }}</span>
-                    <span :class="ui.size">{{ formatSize(file.size) }}</span>
+                    <Text
+                        :class="ui.name"
+                        tag="span"
+                        tone="inherit"
+                        variant="inherit"
+                        >{{ file.name }}</Text
+                    >
+                    <Text
+                        :class="ui.size"
+                        tag="span"
+                        tone="inherit"
+                        variant="inherit"
+                        >{{ formatSize(file.size) }}</Text
+                    >
                 </div>
 
                 <div :class="ui.actions">

package/dist/runtime/app/components/FieldFile/internal/FileUpload/FileUpload.vue.d.ts

@@ -1,4 +1,5 @@
-import type { VunoRadius, VunoSize } from '#vuno/types/base';
+import type { VunoRadius } from '#vuno/types/base';
+import type { VunoFieldSize } from '#vuno/types/field';
 import type { VunoUi } from '#vuno/types/slots';
 type __VLS_Props = Props;
 type __VLS_Slots = {
@@ -32,7 +33,7 @@ type Props = {
     /** La curvatura. Sin valor, la que traiga el tema. */
     radius?: VunoRadius;
     required?: boolean;
-    size?: VunoSize;
+    size?: VunoFieldSize;
     ui?: VunoUi<'fieldFile' | 'fileUpload'>;
 };
 type __VLS_ModelProps = {
@@ -47,7 +48,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     "onUpdate:modelValue"?: ((value: File[] | null | undefined) => any) | undefined;
 }>, {
     radius: VunoRadius;
-    size: VunoSize;
+    size: VunoFieldSize;
     name: string;
     dropzone: boolean;
     hint: string;

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

@@ -1,6 +1,6 @@
-import type { VunoFieldInput } from '#vuno/types/field';
 import type { VunoFieldInputType } from '#vuno/types/field-type';
-type __VLS_Props = Omit<VunoFieldInput, 'columns'>;
+import type { VunoFieldInputProps } from './FieldInput.types.js';
+type __VLS_Props = VunoFieldInputProps;
 type __VLS_ModelProps = {
     modelValue?: string | undefined;
 };
@@ -12,12 +12,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     icon: string;
     type: VunoFieldInputType;
-    ui: Partial<Record<"root" | ("icon" | "base"), string | string[] | undefined>>;
-    placeholder: string;
+    ui: Partial<Record<"root" | ("base" | "icon"), string | string[] | undefined>>;
     max: string;
     min: string;
     autocomplete: string;
     autofocus: boolean;
+    placeholder: string;
     maxlength: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/app/components/FieldInput/FieldInput.types.d.ts

@@ -0,0 +1,2 @@
+import type { VunoFieldInput } from '#vuno/types/field';
+export type VunoFieldInputProps = Omit<VunoFieldInput, 'columns'>;

package/dist/runtime/app/components/FieldInput/FieldInput.vue

@@ -2,8 +2,8 @@
 import { computed } from "vue";
 import { useField } from "#vuno/composables/useField";
 import { useTheme } from "#vuno/composables/useTheme";
-import FieldShell from "#vuno/components/internal/FieldShell/FieldShell.vue";
-import Input from "#vuno/components/internal/Input/Input.vue";
+import FieldShell from "#vuno/components/FormField/internal/FieldShell/FieldShell.vue";
+import PrimitiveInput from "#vuno/primitives/PrimitiveInput/PrimitiveInput.vue";
 defineOptions({ name: "VunoFieldInput" });
 const model = defineModel({ type: null, ...{ default: void 0 } });
 const props = defineProps({
@@ -42,7 +42,7 @@ const autocomplete = computed(() => props.autocomplete ?? autocompleteDefaults[p
 <template>
     <FieldShell v-bind="props">
         <template #default="control">
-            <Input
+            <PrimitiveInput
                 v-bind="control"
                 v-model="value"
                 :autocomplete="autocomplete"

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

@@ -1,6 +1,6 @@
-import type { VunoFieldInput } from '#vuno/types/field';
 import type { VunoFieldInputType } from '#vuno/types/field-type';
-type __VLS_Props = Omit<VunoFieldInput, 'columns'>;
+import type { VunoFieldInputProps } from './FieldInput.types.js';
+type __VLS_Props = VunoFieldInputProps;
 type __VLS_ModelProps = {
     modelValue?: string | undefined;
 };
@@ -12,12 +12,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     icon: string;
     type: VunoFieldInputType;
-    ui: Partial<Record<"root" | ("icon" | "base"), string | string[] | undefined>>;
-    placeholder: string;
+    ui: Partial<Record<"root" | ("base" | "icon"), string | string[] | undefined>>;
     max: string;
     min: string;
     autocomplete: string;
     autofocus: boolean;
+    placeholder: string;
     maxlength: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1,5 +1,5 @@
-import type { VunoFieldNumber } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldNumber, 'columns'>;
+import type { VunoFieldNumberProps } from './FieldNumber.types.js';
+type __VLS_Props = VunoFieldNumberProps;
 type __VLS_ModelProps = {
     modelValue?: number | undefined;
 };

package/dist/runtime/app/components/FieldNumber/FieldNumber.types.d.ts

@@ -0,0 +1,2 @@
+import type { VunoFieldNumber } from '#vuno/types/field';
+export type VunoFieldNumberProps = Omit<VunoFieldNumber, 'columns'>;

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

@@ -1,8 +1,8 @@
 <script setup>
 import { useField } from "#vuno/composables/useField";
 import { useTheme } from "#vuno/composables/useTheme";
-import FieldShell from "#vuno/components/internal/FieldShell/FieldShell.vue";
-import NumberInput from "#vuno/components/internal/NumberInput/NumberInput.vue";
+import FieldShell from "#vuno/components/FormField/internal/FieldShell/FieldShell.vue";
+import PrimitiveNumberInput from "#vuno/primitives/PrimitiveNumberInput/PrimitiveNumberInput.vue";
 defineOptions({ name: "VunoFieldNumber" });
 const model = defineModel({ type: null, ...{ default: void 0 } });
 const props = defineProps({
@@ -31,7 +31,7 @@ const ui = useTheme("fieldNumber", () => props.ui);
 <template>
     <FieldShell v-bind="props">
         <template #default="control">
-            <NumberInput
+            <PrimitiveNumberInput
                 v-bind="control"
                 v-model="value"
                 :disabled="props.disabled"

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

@@ -1,5 +1,5 @@
-import type { VunoFieldNumber } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldNumber, 'columns'>;
+import type { VunoFieldNumberProps } from './FieldNumber.types.js';
+type __VLS_Props = VunoFieldNumberProps;
 type __VLS_ModelProps = {
     modelValue?: number | undefined;
 };

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

@@ -1,5 +1,5 @@
-import type { VunoFieldPassword } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldPassword, 'columns'>;
+import type { VunoFieldPasswordProps } from './FieldPassword.types.js';
+type __VLS_Props = VunoFieldPasswordProps;
 type __VLS_ModelProps = {
     modelValue?: string | undefined;
 };