@groupteknology/vuno 2.0.0 → 3.0.0

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

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

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

@@ -3,8 +3,8 @@ import { ref } from "vue";
 import { useField } from "#vuno/composables/useField";
 import { useIcons, useMessages, useTheme } from "#vuno/composables/useTheme";
 import Button from "#vuno/components/Button/Button.vue";
-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: "VunoFieldPassword" });
 const model = defineModel({ type: null, ...{ default: void 0 } });
 const props = defineProps({
@@ -34,7 +34,7 @@ const isVisible = ref(false);
 <template>
     <FieldShell v-bind="props">
         <template #default="control">
-            <Input
+            <PrimitiveInput
                 v-bind="control"
                 v-model="value"
                 :autocomplete="props.autocomplete ?? 'current-password'"
@@ -56,7 +56,7 @@ const isVisible = ref(false);
                         @click="isVisible = !isVisible"
                     />
                 </template>
-            </Input>
+            </PrimitiveInput>
         </template>
     </FieldShell>
 </template>

package/dist/runtime/app/components/FieldPassword/FieldPassword.vue.d.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;
 };

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

@@ -1,5 +1,6 @@
-import type { VunoFieldOptionValue, VunoFieldRadio } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldRadio, 'columns'>;
+import type { VunoFieldOptionValue } from '#vuno/types/field';
+import type { VunoFieldRadioProps } from './FieldRadio.types.js';
+type __VLS_Props = VunoFieldRadioProps;
 type __VLS_ModelProps = {
     modelValue?: undefined | VunoFieldOptionValue;
 };

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

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

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

@@ -2,7 +2,7 @@
 import { useField } from "#vuno/composables/useField";
 import { useTheme } from "#vuno/composables/useTheme";
 import RadioGroup from "#vuno/components/FieldRadio/internal/RadioGroup/RadioGroup.vue";
-import FieldShell from "#vuno/components/internal/FieldShell/FieldShell.vue";
+import FieldShell from "#vuno/components/FormField/internal/FieldShell/FieldShell.vue";
 defineOptions({ name: "VunoFieldRadio" });
 const model = defineModel({ type: [Boolean, null, Number, String], skipCheck: true, ...{ default: void 0 } });
 const props = defineProps({

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

@@ -1,5 +1,6 @@
-import type { VunoFieldOptionValue, VunoFieldRadio } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldRadio, 'columns'>;
+import type { VunoFieldOptionValue } from '#vuno/types/field';
+import type { VunoFieldRadioProps } from './FieldRadio.types.js';
+type __VLS_Props = VunoFieldRadioProps;
 type __VLS_ModelProps = {
     modelValue?: undefined | VunoFieldOptionValue;
 };

package/dist/runtime/app/components/FieldRadio/internal/RadioGroup/RadioGroup.d.vue.ts

@@ -1,5 +1,5 @@
-import type { VunoColor, VunoSize } from '#vuno/types/base';
-import type { VunoControlOrientation, VunoFieldOption, VunoFieldOptionValue } from '#vuno/types/field';
+import type { VunoColor } from '#vuno/types/base';
+import type { VunoControlOrientation, VunoFieldOption, VunoFieldOptionValue, VunoFieldSize } from '#vuno/types/field';
 import type { VunoUi } from '#vuno/types/slots';
 type __VLS_Props = Props;
 type Props = {
@@ -10,7 +10,7 @@ type Props = {
     items: VunoFieldOption[];
     orientation?: VunoControlOrientation;
     required?: boolean;
-    size?: VunoSize;
+    size?: VunoFieldSize;
     ui?: VunoUi<'fieldRadio' | 'radioGroup'>;
 };
 type __VLS_ModelProps = {
@@ -23,7 +23,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: VunoFieldOptionValue | undefined) => any) | undefined;
 }>, {
     color: VunoColor;
-    size: VunoSize;
+    size: VunoFieldSize;
     orientation: VunoControlOrientation;
     name: string;
     ui: VunoUi<"fieldRadio" | "radioGroup">;

package/dist/runtime/app/components/FieldRadio/internal/RadioGroup/RadioGroup.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed, useId } from "vue";
 import { useTheme } from "#vuno/composables/useTheme";
+import Text from "#vuno/components/Text/Text.vue";
 defineOptions({ name: "VunoRadioGroup", inheritAttrs: false });
 const model = defineModel({ type: [Boolean, null, Number, String], skipCheck: true, ...{ default: void 0 } });
 const props = defineProps({
@@ -67,13 +68,16 @@ function onChange(option) {
                     >{{ item.label }}</label
                 >
 
-                <p
+                <Text
                     v-if="item.description"
                     :id="descriptionId(index)"
                     :class="ui.description"
+                    tag="p"
+                    tone="inherit"
+                    variant="inherit"
                 >
                     {{ item.description }}
-                </p>
+                </Text>
             </div>
         </div>
     </div>

package/dist/runtime/app/components/FieldRadio/internal/RadioGroup/RadioGroup.vue.d.ts

@@ -1,5 +1,5 @@
-import type { VunoColor, VunoSize } from '#vuno/types/base';
-import type { VunoControlOrientation, VunoFieldOption, VunoFieldOptionValue } from '#vuno/types/field';
+import type { VunoColor } from '#vuno/types/base';
+import type { VunoControlOrientation, VunoFieldOption, VunoFieldOptionValue, VunoFieldSize } from '#vuno/types/field';
 import type { VunoUi } from '#vuno/types/slots';
 type __VLS_Props = Props;
 type Props = {
@@ -10,7 +10,7 @@ type Props = {
     items: VunoFieldOption[];
     orientation?: VunoControlOrientation;
     required?: boolean;
-    size?: VunoSize;
+    size?: VunoFieldSize;
     ui?: VunoUi<'fieldRadio' | 'radioGroup'>;
 };
 type __VLS_ModelProps = {
@@ -23,7 +23,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: VunoFieldOptionValue | undefined) => any) | undefined;
 }>, {
     color: VunoColor;
-    size: VunoSize;
+    size: VunoFieldSize;
     orientation: VunoControlOrientation;
     name: string;
     ui: VunoUi<"fieldRadio" | "radioGroup">;

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

@@ -1,6 +1,6 @@
-import type { VunoFieldSearch } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldSearch, 'columns'>;
-/** Permite que composiciones como VTable devuelvan el foco al buscador. */
+import type { VunoFieldSearchProps } from './FieldSearch.types.js';
+type __VLS_Props = VunoFieldSearchProps;
+/** Permite que composiciones como VDataTable devuelvan el foco al buscador. */
 declare function focus(): void;
 type __VLS_ModelProps = {
     modelValue?: string | undefined;

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

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

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

@@ -3,8 +3,8 @@ import { useTemplateRef } from "vue";
 import { useField } from "#vuno/composables/useField";
 import { useIcons, useMessages, useTheme } from "#vuno/composables/useTheme";
 import Button from "#vuno/components/Button/Button.vue";
-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: "VunoFieldSearch" });
 const model = defineModel({ type: null, ...{ default: void 0 } });
 const props = defineProps({
@@ -42,7 +42,7 @@ defineExpose({ focus });
 <template>
     <FieldShell v-bind="props">
         <template #default="control">
-            <Input
+            <PrimitiveInput
                 v-bind="control"
                 ref="input"
                 v-model="value"
@@ -68,7 +68,7 @@ defineExpose({ focus });
                         @click="clear"
                     />
                 </template>
-            </Input>
+            </PrimitiveInput>
         </template>
     </FieldShell>
 </template>

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

@@ -1,6 +1,6 @@
-import type { VunoFieldSearch } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldSearch, 'columns'>;
-/** Permite que composiciones como VTable devuelvan el foco al buscador. */
+import type { VunoFieldSearchProps } from './FieldSearch.types.js';
+type __VLS_Props = VunoFieldSearchProps;
+/** Permite que composiciones como VDataTable devuelvan el foco al buscador. */
 declare function focus(): void;
 type __VLS_ModelProps = {
     modelValue?: string | undefined;

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

@@ -1,5 +1,6 @@
-import type { VunoFieldOptionValue, VunoFieldSelect } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldSelect, 'columns'>;
+import type { VunoFieldOptionValue } from '#vuno/types/field';
+import type { VunoFieldSelectProps } from './FieldSelect.types.js';
+type __VLS_Props = VunoFieldSelectProps;
 type __VLS_ModelProps = {
     modelValue?: undefined | VunoFieldOptionValue | VunoFieldOptionValue[];
 };

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

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

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

@@ -2,7 +2,7 @@
 import { useField } from "#vuno/composables/useField";
 import { useTheme } from "#vuno/composables/useTheme";
 import Select from "#vuno/components/FieldSelect/internal/Select/Select.vue";
-import FieldShell from "#vuno/components/internal/FieldShell/FieldShell.vue";
+import FieldShell from "#vuno/components/FormField/internal/FieldShell/FieldShell.vue";
 defineOptions({ name: "VunoFieldSelect" });
 const model = defineModel({ type: [Boolean, null, Number, String, Array], skipCheck: true, ...{ default: void 0 } });
 const props = defineProps({

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

@@ -1,5 +1,6 @@
-import type { VunoFieldOptionValue, VunoFieldSelect } from '#vuno/types/field';
-type __VLS_Props = Omit<VunoFieldSelect, 'columns'>;
+import type { VunoFieldOptionValue } from '#vuno/types/field';
+import type { VunoFieldSelectProps } from './FieldSelect.types.js';
+type __VLS_Props = VunoFieldSelectProps;
 type __VLS_ModelProps = {
     modelValue?: undefined | VunoFieldOptionValue | VunoFieldOptionValue[];
 };

package/dist/runtime/app/components/FieldSelect/internal/Select/Select.d.vue.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
-import type { VunoPortalTarget, VunoRadius, VunoSize } from '#vuno/types/base';
-import type { VunoFieldOption, VunoFieldOptionValue } from '#vuno/types/field';
+import type { VunoPortalTarget, VunoRadius } from '#vuno/types/base';
+import type { VunoFieldOption, VunoFieldOptionValue, VunoFieldSize } from '#vuno/types/field';
 import type { VunoUi } from '#vuno/types/slots';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: {
@@ -33,7 +33,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     searchable: BooleanConstructor;
     size: {
         default: undefined;
-        type: PropType<VunoSize>;
+        type: PropType<VunoFieldSize>;
     };
     ui: {
         default: undefined;
@@ -72,7 +72,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     searchable: BooleanConstructor;
     size: {
         default: undefined;
-        type: PropType<VunoSize>;
+        type: PropType<VunoFieldSize>;
     };
     ui: {
         default: undefined;
@@ -82,12 +82,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onUpdate:modelValue"?: ((value: VunoFieldOptionValue | VunoFieldOptionValue[] | undefined) => any) | undefined;
 }>, {
     radius: VunoRadius;
-    size: VunoSize;
+    size: VunoFieldSize;
     name: string;
     required: boolean;
-    ui: Partial<Record<"root" | ("input" | "item" | "content" | "empty" | "itemIcon" | "itemIndicator" | "trigger" | "triggerIcon"), string | string[] | undefined>>;
-    disabled: boolean;
+    ui: Partial<Record<"root" | ("input" | "content" | "item" | "empty" | "itemIcon" | "itemIndicator" | "trigger" | "triggerIcon"), string | string[] | undefined>>;
     modelValue: VunoFieldOptionValue | VunoFieldOptionValue[] | undefined;
+    disabled: boolean;
     placeholder: string;
     multiple: boolean;
     portal: VunoPortalTarget;

package/dist/runtime/app/components/FieldSelect/internal/Select/Select.vue

@@ -7,7 +7,8 @@ import { useIcons, useMessages, useTheme } from "#vuno/composables/useTheme";
 import { toOptionKey } from "#vuno/components/FieldSelect/internal/Select/option";
 import { useVunoSelectState } from "#vuno/components/FieldSelect/internal/Select/useVunoSelectState";
 import Icon from "#vuno/components/Icon/Icon.vue";
-import ControlShell from "#vuno/components/internal/ControlShell/ControlShell.vue";
+import Text from "#vuno/components/Text/Text.vue";
+import PrimitiveControl from "#vuno/primitives/PrimitiveControl/PrimitiveControl.vue";
 defineOptions({ name: "VunoSelect", inheritAttrs: false });
 const props = defineProps({
   name: { default: void 0, type: String },
@@ -101,7 +102,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-    <ControlShell
+    <PrimitiveControl
         ref="control"
         :radius="props.radius"
         :size="fieldSize"
@@ -145,7 +146,7 @@ onBeforeUnmount(() => {
                 />
             </button>
         </template>
-    </ControlShell>
+    </PrimitiveControl>
 
     <Teleport
         v-if="mounted"
@@ -179,17 +180,26 @@ onBeforeUnmount(() => {
                 @click="choose(item)"
                 @pointermove="item.disabled ? void 0 : highlighted = index"
             >
-                <span class="truncate">{{ item.label }}</span>
+                <Text
+                    class="truncate"
+                    tag="span"
+                    tone="inherit"
+                    variant="inherit"
+                    >{{ item.label }}</Text
+                >
 
-                <span
+                <Text
                     v-if="isSelected(item)"
                     :class="ui.itemIndicator"
+                    tag="span"
+                    tone="inherit"
+                    variant="inherit"
                 >
                     <Icon
                         :class="ui.itemIcon"
                         :name="icons.selectSelected"
                     />
-                </span>
+                </Text>
             </li>
         </ul>
     </Teleport>

package/dist/runtime/app/components/FieldSelect/internal/Select/Select.vue.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
-import type { VunoPortalTarget, VunoRadius, VunoSize } from '#vuno/types/base';
-import type { VunoFieldOption, VunoFieldOptionValue } from '#vuno/types/field';
+import type { VunoPortalTarget, VunoRadius } from '#vuno/types/base';
+import type { VunoFieldOption, VunoFieldOptionValue, VunoFieldSize } from '#vuno/types/field';
 import type { VunoUi } from '#vuno/types/slots';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: {
@@ -33,7 +33,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     searchable: BooleanConstructor;
     size: {
         default: undefined;
-        type: PropType<VunoSize>;
+        type: PropType<VunoFieldSize>;
     };
     ui: {
         default: undefined;
@@ -72,7 +72,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     searchable: BooleanConstructor;
     size: {
         default: undefined;
-        type: PropType<VunoSize>;
+        type: PropType<VunoFieldSize>;
     };
     ui: {
         default: undefined;
@@ -82,12 +82,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onUpdate:modelValue"?: ((value: VunoFieldOptionValue | VunoFieldOptionValue[] | undefined) => any) | undefined;
 }>, {
     radius: VunoRadius;
-    size: VunoSize;
+    size: VunoFieldSize;
     name: string;
     required: boolean;
-    ui: Partial<Record<"root" | ("input" | "item" | "content" | "empty" | "itemIcon" | "itemIndicator" | "trigger" | "triggerIcon"), string | string[] | undefined>>;
-    disabled: boolean;
+    ui: Partial<Record<"root" | ("input" | "content" | "item" | "empty" | "itemIcon" | "itemIndicator" | "trigger" | "triggerIcon"), string | string[] | undefined>>;
     modelValue: VunoFieldOptionValue | VunoFieldOptionValue[] | undefined;
+    disabled: boolean;
     placeholder: string;
     multiple: boolean;
     portal: VunoPortalTarget;

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

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

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

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

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

@@ -5,8 +5,8 @@ import { useForm } from "#vuno/composables/useForm";
 import { useIcons, useMessages, useTheme } from "#vuno/composables/useTheme";
 import { formatSlug } from "#vuno/utils/format";
 import Button from "#vuno/components/Button/Button.vue";
-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: "VunoFieldSlug" });
 const model = defineModel({ type: null, ...{ default: void 0 } });
 const props = defineProps({
@@ -83,7 +83,7 @@ watch(
     -->
     <FieldShell v-bind="props">
         <template #default="control">
-            <Input
+            <PrimitiveInput
                 v-bind="control"
                 ref="input"
                 :disabled="props.disabled"
@@ -107,7 +107,7 @@ watch(
                         @mousedown.prevent
                     />
                 </template>
-            </Input>
+            </PrimitiveInput>
         </template>
     </FieldShell>
 </template>

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

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

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

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

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

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

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

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

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

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

package/dist/runtime/app/components/FieldSwitch/internal/Switch/Switch.d.vue.ts

@@ -1,11 +1,12 @@
-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';
 type __VLS_Props = Props;
 type Props = {
     color?: VunoColor;
     /** La curvatura. Sin valor, la que traiga el tema. */
     radius?: VunoRadius;
-    size?: VunoSize;
+    size?: VunoFieldSize;
     ui?: VunoUi<'fieldSwitch' | 'switch'>;
 };
 type __VLS_ModelProps = {
@@ -19,7 +20,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     color: VunoColor;
     radius: VunoRadius;
-    size: VunoSize;
+    size: VunoFieldSize;
     ui: VunoUi<"fieldSwitch" | "switch">;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/app/components/FieldSwitch/internal/Switch/Switch.vue.d.ts

@@ -1,11 +1,12 @@
-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';
 type __VLS_Props = Props;
 type Props = {
     color?: VunoColor;
     /** La curvatura. Sin valor, la que traiga el tema. */
     radius?: VunoRadius;
-    size?: VunoSize;
+    size?: VunoFieldSize;
     ui?: VunoUi<'fieldSwitch' | 'switch'>;
 };
 type __VLS_ModelProps = {
@@ -19,7 +20,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     color: VunoColor;
     radius: VunoRadius;
-    size: VunoSize;
+    size: VunoFieldSize;
     ui: VunoUi<"fieldSwitch" | "switch">;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

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

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

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

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

@@ -2,7 +2,7 @@
 import { useField } from "#vuno/composables/useField";
 import { useTheme } from "#vuno/composables/useTheme";
 import TagsInput from "#vuno/components/FieldTags/internal/TagsInput/TagsInput.vue";
-import FieldShell from "#vuno/components/internal/FieldShell/FieldShell.vue";
+import FieldShell from "#vuno/components/FormField/internal/FieldShell/FieldShell.vue";
 defineOptions({ name: "VunoFieldTags" });
 const model = defineModel({ type: null, ...{ default: void 0 } });
 const props = defineProps({

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

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

package/dist/runtime/app/components/FieldTags/internal/TagsInput/TagsInput.d.vue.ts

@@ -1,11 +1,11 @@
-import type { VunoSize } from '#vuno/types/base';
+import type { VunoFieldSize } from '#vuno/types/field';
 import type { VunoUi } from '#vuno/types/slots';
 type __VLS_Props = Props;
 type Props = {
     disabled?: boolean;
     max?: number;
     placeholder?: string;
-    size?: VunoSize;
+    size?: VunoFieldSize;
     ui?: VunoUi<'control' | 'tagsInput'>;
 };
 type __VLS_ModelProps = {
@@ -17,10 +17,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[] | undefined) => any) | undefined;
 }>, {
-    size: VunoSize;
+    size: VunoFieldSize;
     ui: VunoUi<"control" | "tagsInput">;
-    placeholder: string;
     max: number;
+    placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;