@groupteknology/vuno 2.0.0 → 3.0.0

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

@@ -1,17 +1,7 @@
-import type { VunoUi } from '#vuno/types/slots';
-type Props = {
-    /** Código sin transformar. También es lo que se copia al portapapeles. */
-    code: string;
-    /** HTML completo producido por un resaltador de confianza, como Shiki. */
-    highlighted?: string;
-    /** Nombre accesible cuando el bloque necesita desplazamiento horizontal. */
-    label?: string;
-    language?: string;
-    ui?: VunoUi<'code'>;
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+import type { VunoCodeProps } from './Code.types.js';
+declare const __VLS_export: import("vue").DefineComponent<VunoCodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoCodeProps> & Readonly<{}>, {
     label: string;
-    ui: VunoUi<"code">;
+    ui: import("../../types/slots.js").VunoUi<"code">;
     highlighted: string;
     language: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/app/components/Code/Code.theme.d.ts

@@ -1,6 +1,6 @@
 export declare const codeTheme: Record<"code", {
     readonly slots: {
-        readonly copy: "absolute inset-e-2 top-1 opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100 max-sm:top-0 max-sm:size-11 max-sm:opacity-100 pointer-coarse:top-0 pointer-coarse:size-11 pointer-coarse:opacity-100";
+        readonly copy: "!absolute inset-e-2 top-1 opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100 max-sm:top-0 max-sm:size-11 max-sm:opacity-100 pointer-coarse:top-0 pointer-coarse:size-11 pointer-coarse:opacity-100";
         readonly copyError: "border-t border-vuno-error/25 bg-vuno-error/10 px-4 py-2 text-xs text-vuno-error";
         readonly fallback: "text-vuno-body";
         readonly header: "flex items-center gap-2 border-b border-vuno-border/70 px-4 py-2 font-mono text-xs text-vuno-muted";

package/dist/runtime/app/components/Code/Code.theme.js

@@ -1,7 +1,7 @@
 import { defineTheme } from "#vuno/utils/theme";
 export const codeTheme = defineTheme("code", {
   slots: {
-    copy: "absolute inset-e-2 top-1 opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100 max-sm:top-0 max-sm:size-11 max-sm:opacity-100 pointer-coarse:top-0 pointer-coarse:size-11 pointer-coarse:opacity-100",
+    copy: "!absolute inset-e-2 top-1 opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100 max-sm:top-0 max-sm:size-11 max-sm:opacity-100 pointer-coarse:top-0 pointer-coarse:size-11 pointer-coarse:opacity-100",
     copyError: "border-t border-vuno-error/25 bg-vuno-error/10 px-4 py-2 text-xs text-vuno-error",
     fallback: "text-vuno-body",
     header: "flex items-center gap-2 border-b border-vuno-border/70 px-4 py-2 font-mono text-xs text-vuno-muted",

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

@@ -0,0 +1,8 @@
+import type { VunoUi } from '#vuno/types/slots';
+export type VunoCodeProps = {
+    code: string;
+    highlighted?: string;
+    label?: string;
+    language?: string;
+    ui?: VunoUi<'code'>;
+};

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

@@ -2,6 +2,7 @@
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, useTemplateRef, watch } from "vue";
 import { useIcons, useMessages, useTheme } from "#vuno/composables/useTheme";
 import Button from "#vuno/components/Button/Button.vue";
+import Text from "#vuno/components/Text/Text.vue";
 defineOptions({ name: "VunoCode" });
 const props = defineProps({
   code: { type: String, required: true },
@@ -89,21 +90,27 @@ onBeforeUnmount(() => {
             <pre
                 v-else
                 :class="ui.fallback"
-            ><code>{{ props.code }}</code></pre>
+            ><Text tag="code" tone="inherit" variant="inherit">{{ props.code }}</Text></pre>
         </div>
 
-        <p
+        <Text
             v-if="copyFailed"
             :class="ui.copyError"
             role="alert"
+            tag="p"
+            tone="inherit"
+            variant="inherit"
         >
             {{ messages.codeCopyFailed }}
-        </p>
+        </Text>
 
-        <span
+        <Text
             aria-live="polite"
             :class="ui.live"
-            >{{ copied ? messages.codeCopiedAnnouncement : "" }}</span
+            tag="span"
+            tone="inherit"
+            variant="inherit"
+            >{{ copied ? messages.codeCopiedAnnouncement : "" }}</Text
         >
     </div>
 </template>

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

@@ -1,17 +1,7 @@
-import type { VunoUi } from '#vuno/types/slots';
-type Props = {
-    /** Código sin transformar. También es lo que se copia al portapapeles. */
-    code: string;
-    /** HTML completo producido por un resaltador de confianza, como Shiki. */
-    highlighted?: string;
-    /** Nombre accesible cuando el bloque necesita desplazamiento horizontal. */
-    label?: string;
-    language?: string;
-    ui?: VunoUi<'code'>;
-};
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+import type { VunoCodeProps } from './Code.types.js';
+declare const __VLS_export: import("vue").DefineComponent<VunoCodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoCodeProps> & Readonly<{}>, {
     label: string;
-    ui: VunoUi<"code">;
+    ui: import("../../types/slots.js").VunoUi<"code">;
     highlighted: string;
     language: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,31 @@
+import type { VunoCollapsibleProps } from './Collapsible.types.js';
+type __VLS_Props = VunoCollapsibleProps;
+type __VLS_Slots = {
+    /** Contenido que permanece montado mientras está oculto. */
+    content?: (props: {
+        open: boolean;
+    }) => unknown;
+    /** Control interactivo que abre o cierra el contenido. */
+    default?: (props: {
+        open: boolean;
+    }) => unknown;
+};
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    ui: import("../../types/slots.js").VunoUi<"collapsible">;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/app/components/Collapsible/Collapsible.theme.d.ts

@@ -0,0 +1,6 @@
+export declare const collapsibleTheme: Record<"collapsible", {
+    readonly slots: {
+        readonly content: "min-w-0";
+        readonly root: "relative";
+    };
+}>;

package/dist/runtime/app/components/Collapsible/Collapsible.theme.js

@@ -0,0 +1,7 @@
+import { defineTheme } from "#vuno/utils/theme";
+export const collapsibleTheme = defineTheme("collapsible", {
+  slots: {
+    content: "min-w-0",
+    root: "relative"
+  }
+});

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

@@ -0,0 +1,4 @@
+import type { VunoUi } from '#vuno/types/slots';
+export type VunoCollapsibleProps = {
+    ui?: VunoUi<'collapsible'>;
+};

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

@@ -0,0 +1,72 @@
+<script setup>
+import { gsap } from "gsap";
+import { cloneVNode, useId } from "vue";
+import { useTheme } from "#vuno/composables/useTheme";
+import { firstElement } from "#vuno/utils/slots";
+defineOptions({ name: "VunoCollapsible" });
+const open = defineModel("open", { type: Boolean, ...{ default: false } });
+const props = defineProps({
+  ui: { type: Object, required: false, default: void 0 }
+});
+const slots = defineSlots();
+const contentId = useId();
+const ui = useTheme("collapsible", () => props.ui);
+const Trigger = () => {
+  const node = firstElement(slots.default?.({ open: open.value }));
+  if (!node) return null;
+  return cloneVNode(node, {
+    onClick: () => open.value = !open.value,
+    "aria-controls": contentId,
+    "aria-expanded": open.value ? "true" : "false"
+  });
+};
+const onEnter = (el, done) => {
+  gsap.fromTo(
+    el,
+    {
+      height: 0,
+      opacity: 0
+    },
+    {
+      onComplete: done,
+      duration: 0.3,
+      ease: "power2.out",
+      height: "auto",
+      opacity: 1
+    }
+  );
+};
+const onLeave = (el, done) => {
+  gsap.to(el, {
+    onComplete: done,
+    duration: 0.25,
+    ease: "power2.in",
+    height: 0,
+    opacity: 0
+  });
+};
+</script>
+
+<template>
+    <div :class="ui.root">
+        <Trigger />
+
+        <Transition
+            :css="false"
+            @enter="onEnter"
+            @leave="onLeave"
+        >
+            <div
+                v-show="open"
+                :id="contentId"
+                :class="ui.content"
+                :hidden="!open"
+            >
+                <slot
+                    name="content"
+                    :open="open"
+                />
+            </div>
+        </Transition>
+    </div>
+</template>

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

@@ -0,0 +1,31 @@
+import type { VunoCollapsibleProps } from './Collapsible.types.js';
+type __VLS_Props = VunoCollapsibleProps;
+type __VLS_Slots = {
+    /** Contenido que permanece montado mientras está oculto. */
+    content?: (props: {
+        open: boolean;
+    }) => unknown;
+    /** Control interactivo que abre o cierra el contenido. */
+    default?: (props: {
+        open: boolean;
+    }) => unknown;
+};
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    ui: import("../../types/slots.js").VunoUi<"collapsible">;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,12 @@
+import type { VunoColorModeButtonProps } from './ColorModeButton.types.js';
+declare const __VLS_export: import("vue").DefineComponent<VunoColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoColorModeButtonProps> & Readonly<{}>, {
+    radius: import("../../types/base.js").VunoRadius;
+    size: import("./ColorModeButton.types.js").VunoColorModeButtonSize;
+    ui: import("../../types/slots.js").VunoUi<"button">;
+    darkIcon: string;
+    darkLabel: string;
+    lightIcon: string;
+    lightLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,13 @@
+import type { VunoRadius, VunoSize } from '#vuno/types/base';
+import type { VunoUi } from '#vuno/types/slots';
+export type VunoColorModeButtonSize = Extract<VunoSize, 'lg' | 'md' | 'sm' | 'xl' | 'xs'>;
+export type VunoColorModeButtonProps = {
+    darkIcon?: string;
+    darkLabel?: string;
+    disabled?: boolean;
+    lightIcon?: string;
+    lightLabel?: string;
+    radius?: VunoRadius;
+    size?: VunoColorModeButtonSize;
+    ui?: VunoUi<'button'>;
+};

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

@@ -0,0 +1,55 @@
+<script setup>
+import { computed } from "vue";
+import { useColorMode } from "#imports";
+import Button from "#vuno/components/Button/Button.vue";
+import Icon from "#vuno/components/Icon/Icon.vue";
+defineOptions({ name: "VunoColorModeButton" });
+const props = defineProps({
+  darkIcon: { type: String, required: false, default: "lucide:moon" },
+  darkLabel: { type: String, required: false, default: "Usar tema oscuro" },
+  disabled: { type: Boolean, required: false },
+  lightIcon: { type: String, required: false, default: "lucide:sun" },
+  lightLabel: { type: String, required: false, default: "Usar tema claro" },
+  radius: { type: String, required: false, default: void 0 },
+  size: { type: String, required: false, default: void 0 },
+  ui: { type: Object, required: false, default: void 0 }
+});
+const colorMode = useColorMode();
+const isDark = computed(() => colorMode.value === "dark");
+const iconClass = computed(() => ({ xs: "size-3", sm: "size-3.5", md: "size-4", lg: "size-4.5", xl: "size-5" })[props.size ?? "md"]);
+function toggleColorMode() {
+  colorMode.preference = isDark.value ? "light" : "dark";
+}
+</script>
+
+<template>
+    <Button
+        :aria-label="isDark ? props.lightLabel : props.darkLabel"
+        :aria-pressed="isDark"
+        :disabled="props.disabled"
+        :radius="props.radius"
+        shape="square"
+        :size="props.size"
+        :ui="props.ui"
+        variant="ghost"
+        @click="toggleColorMode"
+    >
+        <!--
+            Los dos iconos forman parte del HTML de SSR. La clase `dark`, que
+            `@nuxtjs/color-mode` resuelve antes de pintar, elige cuál se ve sin
+            esperar a que Vue hidrate y exponga el modo detectado.
+        -->
+        <span :class="[iconClass, 'dark:hidden']">
+            <Icon
+                class="size-full"
+                :name="props.darkIcon"
+            />
+        </span>
+        <span :class="[iconClass, 'hidden dark:block']">
+            <Icon
+                class="size-full"
+                :name="props.lightIcon"
+            />
+        </span>
+    </Button>
+</template>

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

@@ -0,0 +1,12 @@
+import type { VunoColorModeButtonProps } from './ColorModeButton.types.js';
+declare const __VLS_export: import("vue").DefineComponent<VunoColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoColorModeButtonProps> & Readonly<{}>, {
+    radius: import("../../types/base.js").VunoRadius;
+    size: import("./ColorModeButton.types.js").VunoColorModeButtonSize;
+    ui: import("../../types/slots.js").VunoUi<"button">;
+    darkIcon: string;
+    darkLabel: string;
+    lightIcon: string;
+    lightLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,9 +1,5 @@
-import type { VunoConfirmOptions } from '#vuno/types/confirm';
-import type { VunoUi } from '#vuno/types/slots';
-type __VLS_Props = VunoConfirmOptions & {
-    loading?: boolean;
-    ui?: VunoUi<'confirm'>;
-};
+import type { VunoConfirmProps } from './Confirm.types.js';
+type __VLS_Props = VunoConfirmProps;
 type __VLS_Slots = {
     /**
      * Sustituye a `description`. Para cuando el aviso es información que

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

@@ -0,0 +1,6 @@
+import type { VunoConfirmOptions } from '#vuno/types/confirm';
+import type { VunoUi } from '#vuno/types/slots';
+export type VunoConfirmProps = VunoConfirmOptions & {
+    loading?: boolean;
+    ui?: VunoUi<'confirm'>;
+};

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

@@ -1,9 +1,5 @@
-import type { VunoConfirmOptions } from '#vuno/types/confirm';
-import type { VunoUi } from '#vuno/types/slots';
-type __VLS_Props = VunoConfirmOptions & {
-    loading?: boolean;
-    ui?: VunoUi<'confirm'>;
-};
+import type { VunoConfirmProps } from './Confirm.types.js';
+type __VLS_Props = VunoConfirmProps;
 type __VLS_Slots = {
     /**
      * Sustituye a `description`. Para cuando el aviso es información que

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

@@ -1,35 +1,11 @@
-import type { VunoContainerSize } from '#vuno/types/page';
-import type { VunoUi } from '#vuno/types/slots';
-/**
- * Centra el contenido y le pone un ancho máximo.
- *
- * **El ancho es una variante del tema y no una clase que se pasa.** Escribirlo
- * como `class="max-w-lg"` sobre el componente sería el defecto de siempre: una
- * clase puesta sobre un componente no pasa por tailwind-merge, así que
- * convive con la del tema y gana el orden de la hoja — dos anchos declarados
- * y el que se aplica depende de en qué orden salieran compilados. Por la
- * variante hay uno solo, y un proyecto puede cambiar la escala entera desde
- * su `app.config`.
- *
- * Los tamaños son los de Tailwind, de `sm` a `7xl`, más `full` para cuando lo
- * que se quiere es solo el relleno lateral y no el tope.
- */
-type Props = {
-    /**
-     * Quita el relleno lateral. Para un contenedor dentro de otro que ya
-     * lo tiene, donde el relleno se sumaría dos veces.
-     */
-    flush?: boolean;
-    size?: VunoContainerSize;
-    ui?: VunoUi<'container'>;
-};
+import type { VunoContainerProps } from './Container.types.js';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: VunoContainerSize;
-    ui: VunoUi<"container">;
+declare const __VLS_base: import("vue").DefineComponent<VunoContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoContainerProps> & Readonly<{}>, {
+    size: import("./Container.types.js").VunoContainerSize;
+    ui: import("../../types/slots.js").VunoUi<"container">;
     flush: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -0,0 +1,9 @@
+import type { VunoSize } from '#vuno/types/base';
+import type { VunoUi } from '#vuno/types/slots';
+/** Anchos máximos que admite el contenedor, derivados de la escala global. */
+export type VunoContainerSize = Extract<VunoSize, '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | 'full' | 'lg' | 'md' | 'sm' | 'xl'>;
+export type VunoContainerProps = {
+    flush?: boolean;
+    size?: VunoContainerSize;
+    ui?: VunoUi<'container'>;
+};

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

@@ -9,7 +9,7 @@ const props = defineProps({
 const ui = useTheme(
   "container",
   () => props.ui,
-  () => ({ padding: String(!props.flush), size: props.size })
+  () => ({ padding: !props.flush ? "true" : "false", size: props.size })
 );
 </script>
 

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

@@ -1,35 +1,11 @@
-import type { VunoContainerSize } from '#vuno/types/page';
-import type { VunoUi } from '#vuno/types/slots';
-/**
- * Centra el contenido y le pone un ancho máximo.
- *
- * **El ancho es una variante del tema y no una clase que se pasa.** Escribirlo
- * como `class="max-w-lg"` sobre el componente sería el defecto de siempre: una
- * clase puesta sobre un componente no pasa por tailwind-merge, así que
- * convive con la del tema y gana el orden de la hoja — dos anchos declarados
- * y el que se aplica depende de en qué orden salieran compilados. Por la
- * variante hay uno solo, y un proyecto puede cambiar la escala entera desde
- * su `app.config`.
- *
- * Los tamaños son los de Tailwind, de `sm` a `7xl`, más `full` para cuando lo
- * que se quiere es solo el relleno lateral y no el tope.
- */
-type Props = {
-    /**
-     * Quita el relleno lateral. Para un contenedor dentro de otro que ya
-     * lo tiene, donde el relleno se sumaría dos veces.
-     */
-    flush?: boolean;
-    size?: VunoContainerSize;
-    ui?: VunoUi<'container'>;
-};
+import type { VunoContainerProps } from './Container.types.js';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: VunoContainerSize;
-    ui: VunoUi<"container">;
+declare const __VLS_base: import("vue").DefineComponent<VunoContainerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoContainerProps> & Readonly<{}>, {
+    size: import("./Container.types.js").VunoContainerSize;
+    ui: import("../../types/slots.js").VunoUi<"container">;
     flush: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,20 +1,11 @@
-import type { VunoSize } from '#vuno/types/base';
-import type { VunoControlOrientation } from '#vuno/types/field';
-import type { VunoUi } from '#vuno/types/slots';
-type Props = {
-    /** Dirección en la que se unen los controles. */
-    orientation?: VunoControlOrientation;
-    /** Tamaño que heredan los hijos que no declaran uno propio. */
-    size?: VunoSize;
-    ui?: VunoUi<'controlGroup'>;
-};
+import type { VunoControlGroupProps } from './ControlGroup.types.js';
 type __VLS_Slots = {
     default?: () => unknown;
 };
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: VunoSize;
-    orientation: VunoControlOrientation;
-    ui: VunoUi<"controlGroup">;
+declare const __VLS_base: import("vue").DefineComponent<VunoControlGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoControlGroupProps> & Readonly<{}>, {
+    size: import("./ControlGroup.types.js").VunoControlGroupSize;
+    orientation: import("../../types/field.js").VunoControlOrientation;
+    ui: import("../../types/slots.js").VunoUi<"controlGroup">;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -0,0 +1,9 @@
+import type { VunoSize } from '#vuno/types/base';
+import type { VunoControlOrientation } from '#vuno/types/field';
+import type { VunoUi } from '#vuno/types/slots';
+export type VunoControlGroupSize = Extract<VunoSize, 'lg' | 'md' | 'sm' | 'xl' | 'xs'>;
+export type VunoControlGroupProps = {
+    orientation?: VunoControlOrientation;
+    size?: VunoControlGroupSize;
+    ui?: VunoUi<'controlGroup'>;
+};

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

@@ -1,20 +1,11 @@
-import type { VunoSize } from '#vuno/types/base';
-import type { VunoControlOrientation } from '#vuno/types/field';
-import type { VunoUi } from '#vuno/types/slots';
-type Props = {
-    /** Dirección en la que se unen los controles. */
-    orientation?: VunoControlOrientation;
-    /** Tamaño que heredan los hijos que no declaran uno propio. */
-    size?: VunoSize;
-    ui?: VunoUi<'controlGroup'>;
-};
+import type { VunoControlGroupProps } from './ControlGroup.types.js';
 type __VLS_Slots = {
     default?: () => unknown;
 };
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: VunoSize;
-    orientation: VunoControlOrientation;
-    ui: VunoUi<"controlGroup">;
+declare const __VLS_base: import("vue").DefineComponent<VunoControlGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VunoControlGroupProps> & Readonly<{}>, {
+    size: import("./ControlGroup.types.js").VunoControlGroupSize;
+    orientation: import("../../types/field.js").VunoControlOrientation;
+    ui: import("../../types/slots.js").VunoUi<"controlGroup">;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;